Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@aristobyte-ui/utils) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
@aristobyte-ui/utils
A collection of shared utility functions for AristoByte projects, designed to provide reusable helpers, streamline common operations, and ensure consistency across applications and packages.
π¦ Installation
# Install via Yarn
yarn add -D @aristobyte-ui/utils
# Or via npm
npm install -D @aristobyte-ui/utils
# Or via pnpm
pnpm add -D @aristobyte-ui/utilsπ Usage
import { Icons } from '@aristobyte-ui/utils';
export const Demo = () => (
<div>
<Icons.PaperCode size={18} color="#51a2ff" />
</div>
);| Prop | Type | Default | Description |
| | - | -- | -- |
| size | number | 24 | Defines the spinner animation style |
| color | "#000000", "#24f7b2", Any hex color |
π Why This Matters
- Performance-first: Engineered with lightweight, GPU-accelerated CSS keyframes for smooth, non-blocking animations.
- Fully typed: TypeScript-first API ensures strict type safety and predictable integration across multiple projects.
- AristoByteUI ready: Fully interoperable with AristoByteβs design tokens, semantic color palette, and styling architecture.
- Flexible: Supports multiple animation types, semantic variants, and responsive sizing to fit any UI scenario.
π Philosophy
- Modular architecture: Components are built for maximum reusability and composability.
- Declarative styling: SCSS modules maintain a clean separation of concerns while leveraging design tokens.
- Strict typing & runtime flexibility: Type-safe props with optional runtime overrides.
- Developer experience optimized: Intuitive API with predictable behavior and minimal setup.
π License
MIT Β© AristoByte
π‘ Shields Showcase