JSPM

  • Created
  • Published
  • Downloads 2979
  • Score
    100M100P100Q98071F
  • License MIT

A collection of shared utility functions for AristoByte projects, designed to provide reusable helpers, streamline common operations, and ensure consistency across applications and packages.

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

    TypeScript TurboRepo ESLint License AristoByte UI Node.js >=20.17.0 Yarn >=1.22 NPM >=10.8

    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