@grupor5/raya 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,2351 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { VariantProps } from 'class-variance-authority';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+declare const colors: {
+    primary: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+    };
+    secondary: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+    };
+    neutral: {
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        10: string;
+        20: string;
+        30: string;
+    };
+    red: {
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    yellow: {
+        300: string;
+        200: string;
+        100: string;
+        10: string;
+    };
+    green: {
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        10: string;
+    };
+};
+
+/**
+ * Raya Design System - Typography Tokens
+ * Font Family: Rubik
+ * Based on the official Raya typography system palette from Figma
+ */
+declare const typography: {
+    fontFamily: {
+        primary: string[];
+    };
+    fontWeight: {
+        light: number;
+        regular: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+    };
+    fontSize: {
+        display: {
+            l: string;
+        };
+        heading: {
+            xl: string;
+            lg: string;
+            md: string;
+            sm: string;
+        };
+        subheading: {
+            lg: string;
+            md: string;
+            sm: string;
+        };
+        body: {
+            'bold-lg': string;
+            'bold-md': string;
+            'bold-sm': string;
+            'bold-xs': string;
+            lg: string;
+            md: string;
+            sm: string;
+            xs: string;
+        };
+        caption: {
+            c1: string;
+        };
+    };
+    lineHeight: {
+        display: {
+            l: string;
+        };
+        heading: {
+            xl: string;
+            lg: string;
+            md: string;
+            sm: string;
+        };
+        subheading: {
+            lg: string;
+            md: string;
+            sm: string;
+        };
+        body: {
+            lg: string;
+            md: string;
+            sm: string;
+            xs: string;
+        };
+        caption: {
+            c1: string;
+        };
+    };
+    letterSpacing: {
+        normal: string;
+        caption: string;
+    };
+    presets: {
+        'display-l': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'heading-xl': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'heading-lg': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'heading-md': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'heading-sm': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'subheading-lg': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'subheading-md': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'subheading-sm': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-bold-lg': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-bold-md': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-bold-sm': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-bold-xs': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-lg': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-md': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-sm': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'body-xs': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+        'caption-c1': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            letterSpacing: string;
+        };
+    };
+};
+declare const typographyVars: {
+    '--font-primary': string;
+    '--font-weight-light': number;
+    '--font-weight-regular': number;
+    '--font-weight-medium': number;
+    '--font-weight-semibold': number;
+    '--font-weight-bold': number;
+    '--text-display-l': string;
+    '--text-heading-xl': string;
+    '--text-heading-lg': string;
+    '--text-heading-md': string;
+    '--text-heading-sm': string;
+    '--text-subheading-lg': string;
+    '--text-subheading-md': string;
+    '--text-subheading-sm': string;
+    '--text-body-bold-lg': string;
+    '--text-body-bold-md': string;
+    '--text-body-bold-sm': string;
+    '--text-body-bold-xs': string;
+    '--text-body-lg': string;
+    '--text-body-md': string;
+    '--text-body-sm': string;
+    '--text-body-xs': string;
+    '--text-caption-c1': string;
+    '--leading-display-l': string;
+    '--leading-heading-xl': string;
+    '--leading-heading-lg': string;
+    '--leading-heading-md': string;
+    '--leading-heading-sm': string;
+    '--leading-subheading-lg': string;
+    '--leading-subheading-md': string;
+    '--leading-subheading-sm': string;
+    '--leading-body-lg': string;
+    '--leading-body-md': string;
+    '--leading-body-sm': string;
+    '--leading-body-xs': string;
+    '--leading-caption-c1': string;
+    '--tracking-normal': string;
+    '--tracking-caption': string;
+};
+declare const generateTypographyCSS: () => string;
+declare const fontFamily: {
+    primary: string[];
+};
+declare const fontWeight: {
+    light: number;
+    regular: number;
+    medium: number;
+    semibold: number;
+    bold: number;
+};
+declare const fontSize: {
+    display: {
+        l: string;
+    };
+    heading: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    subheading: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    body: {
+        'bold-lg': string;
+        'bold-md': string;
+        'bold-sm': string;
+        'bold-xs': string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+    };
+    caption: {
+        c1: string;
+    };
+};
+declare const lineHeight: {
+    display: {
+        l: string;
+    };
+    heading: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    subheading: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    body: {
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+    };
+    caption: {
+        c1: string;
+    };
+};
+declare const letterSpacing: {
+    normal: string;
+    caption: string;
+};
+declare const presets: {
+    'display-l': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'heading-xl': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'heading-lg': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'heading-md': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'heading-sm': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'subheading-lg': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'subheading-md': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'subheading-sm': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-bold-lg': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-bold-md': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-bold-sm': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-bold-xs': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-lg': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-md': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-sm': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'body-xs': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+    'caption-c1': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+};
+
+/**
+ * Raya Design System - Spacing Tokens
+ *
+ * Spacing system based on 4px base unit with mathematical progression
+ * for consistent spatial relationships across all components.
+ */
+declare const spacing: {
+    readonly base: "0.25rem";
+    readonly xs: "0.25rem";
+    readonly s: "0.5rem";
+    readonly m: "1rem";
+    readonly l: "1.5rem";
+    readonly xl: "2rem";
+    readonly '2xl': "2.5rem";
+    readonly '3xl': "3rem";
+    readonly '4xl': "3.5rem";
+};
+type SpacingToken = keyof typeof spacing;
+/**
+ * Spacing values in pixels for calculations and documentation
+ */
+declare const spacingPx: {
+    readonly base: 4;
+    readonly xs: 4;
+    readonly s: 8;
+    readonly m: 16;
+    readonly l: 24;
+    readonly xl: 32;
+    readonly '2xl': 40;
+    readonly '3xl': 48;
+    readonly '4xl': 56;
+};
+/**
+ * Pre-composed spacing styles for common use cases
+ */
+declare const spacingStyles: {
+    readonly buttonPadding: {
+        readonly small: "0.25rem 0.5rem";
+        readonly medium: "0.5rem 1rem";
+        readonly large: "1rem 1.5rem";
+    };
+    readonly cardPadding: {
+        readonly compact: "1rem";
+        readonly comfortable: "1.5rem";
+        readonly spacious: "2rem";
+    };
+    readonly formSpacing: {
+        readonly fieldGap: "1rem";
+        readonly labelGap: "0.25rem";
+        readonly helpGap: "0.25rem";
+    };
+    readonly layoutSpacing: {
+        readonly sectionGap: "2.5rem";
+        readonly componentGap: "2rem";
+        readonly elementGap: "1rem";
+    };
+    readonly gridGap: {
+        readonly tight: "0.5rem";
+        readonly normal: "1rem";
+        readonly comfortable: "1.5rem";
+        readonly loose: "2rem";
+    };
+};
+/**
+ * Utility function to get spacing value
+ */
+declare const getSpacing: (token: SpacingToken) => string;
+/**
+ * Utility function to get spacing value in pixels
+ */
+declare const getSpacingPx: (token: SpacingToken) => number;
+/**
+ * Generate CSS custom properties for spacing
+ */
+declare const generateSpacingCSS: () => string;
+/**
+ * Spacing tokens for Tailwind CSS configuration
+ */
+declare const tailwindSpacing: {
+    readonly xs: "var(--spacing-xs)";
+    readonly s: "var(--spacing-s)";
+    readonly m: "var(--spacing-m)";
+    readonly l: "var(--spacing-l)";
+    readonly xl: "var(--spacing-xl)";
+    readonly '2xl': "var(--spacing-2xl)";
+    readonly '3xl': "var(--spacing-3xl)";
+    readonly '4xl': "var(--spacing-4xl)";
+};
+
+/**
+ * Raya Design System - Stroke Tokens
+ *
+ * Stroke system for defining element outlines and providing visual hierarchy
+ * through consistent border treatments.
+ */
+declare const stroke: {
+    readonly 1: "1px";
+    readonly 2: "2px";
+};
+type StrokeToken = keyof typeof stroke;
+/**
+ * Stroke colors using design system color tokens
+ */
+declare const strokeColors: {
+    readonly default: "hsl(var(--border))";
+    readonly muted: "hsl(var(--muted))";
+    readonly primary: "hsl(var(--primary))";
+    readonly secondary: "hsl(var(--secondary))";
+    readonly destructive: "hsl(var(--destructive))";
+    readonly focus: "hsl(var(--ring))";
+    readonly transparent: "transparent";
+};
+type StrokeColorToken = keyof typeof strokeColors;
+/**
+ * Pre-composed stroke styles for common use cases
+ */
+declare const strokeStyles: {
+    readonly default: {
+        readonly width: "1px";
+        readonly color: "hsl(var(--border))";
+        readonly style: "solid";
+    };
+    readonly emphasized: {
+        readonly width: "2px";
+        readonly color: "hsl(var(--border))";
+        readonly style: "solid";
+    };
+    readonly focus: {
+        readonly width: "2px";
+        readonly color: "hsl(var(--ring))";
+        readonly style: "solid";
+    };
+    readonly hover: {
+        readonly width: "2px";
+        readonly color: "hsl(var(--primary))";
+        readonly style: "solid";
+    };
+    readonly primary: {
+        readonly width: "1px";
+        readonly color: "hsl(var(--primary))";
+        readonly style: "solid";
+    };
+    readonly primaryEmphasized: {
+        readonly width: "2px";
+        readonly color: "hsl(var(--primary))";
+        readonly style: "solid";
+    };
+    readonly destructive: {
+        readonly width: "1px";
+        readonly color: "hsl(var(--destructive))";
+        readonly style: "solid";
+    };
+    readonly destructiveEmphasized: {
+        readonly width: "2px";
+        readonly color: "hsl(var(--destructive))";
+        readonly style: "solid";
+    };
+    readonly muted: {
+        readonly width: "1px";
+        readonly color: "hsl(var(--muted))";
+        readonly style: "solid";
+    };
+    readonly transparent: {
+        readonly width: "1px";
+        readonly color: "transparent";
+        readonly style: "solid";
+    };
+};
+/**
+ * Component-specific stroke configurations
+ */
+declare const componentStrokes: {
+    readonly button: {
+        readonly outline: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--primary))";
+            readonly style: "solid";
+        };
+        readonly outlineHover: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--primary))";
+            readonly style: "solid";
+        };
+        readonly outlineFocus: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--ring))";
+            readonly style: "solid";
+        };
+        readonly destructiveOutline: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--destructive))";
+            readonly style: "solid";
+        };
+        readonly destructiveOutlineHover: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--destructive))";
+            readonly style: "solid";
+        };
+    };
+    readonly card: {
+        readonly default: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly emphasized: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly interactive: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly interactiveHover: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--primary))";
+            readonly style: "solid";
+        };
+        readonly selected: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--primary))";
+            readonly style: "solid";
+        };
+    };
+    readonly form: {
+        readonly input: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly inputFocus: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--ring))";
+            readonly style: "solid";
+        };
+        readonly inputError: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--destructive))";
+            readonly style: "solid";
+        };
+        readonly inputDisabled: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--muted))";
+            readonly style: "solid";
+        };
+        readonly select: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly checkbox: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly checkboxChecked: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--primary))";
+            readonly style: "solid";
+        };
+    };
+    readonly navigation: {
+        readonly divider: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly tabActive: {
+            readonly width: "2px";
+            readonly color: "hsl(var(--primary))";
+            readonly style: "solid";
+        };
+        readonly tabInactive: {
+            readonly width: "1px";
+            readonly color: "transparent";
+            readonly style: "solid";
+        };
+        readonly tabHover: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+    };
+    readonly layout: {
+        readonly divider: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+        readonly section: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--muted))";
+            readonly style: "solid";
+        };
+        readonly container: {
+            readonly width: "1px";
+            readonly color: "hsl(var(--border))";
+            readonly style: "solid";
+        };
+    };
+};
+/**
+ * Directional stroke utilities
+ */
+declare const strokeDirections: {
+    readonly all: "border";
+    readonly top: "border-top";
+    readonly right: "border-right";
+    readonly bottom: "border-bottom";
+    readonly left: "border-left";
+    readonly horizontal: readonly ["border-left", "border-right"];
+    readonly vertical: readonly ["border-top", "border-bottom"];
+};
+type StrokeDirection = keyof typeof strokeDirections;
+/**
+ * Utility function to get stroke value
+ */
+declare const getStroke: (token: StrokeToken) => string;
+/**
+ * Utility function to get stroke color
+ */
+declare const getStrokeColor: (token: StrokeColorToken) => string;
+/**
+ * Utility function to create complete stroke style
+ */
+declare const createStroke: (width: StrokeToken, color?: StrokeColorToken, style?: "solid" | "dashed" | "dotted") => string;
+/**
+ * Generate CSS custom properties for strokes
+ */
+declare const generateStrokesCSS: () => string;
+/**
+ * Stroke tokens for Tailwind CSS configuration
+ */
+declare const tailwindStrokes: {
+    readonly borderWidth: {
+        readonly 'stroke-1': "var(--stroke-1)";
+        readonly 'stroke-2': "var(--stroke-2)";
+    };
+    readonly outlineWidth: {
+        readonly 'stroke-1': "var(--stroke-1)";
+        readonly 'stroke-2': "var(--stroke-2)";
+    };
+    readonly borderColor: {
+        readonly 'stroke-default': "var(--stroke-color-default)";
+        readonly 'stroke-muted': "var(--stroke-color-muted)";
+        readonly 'stroke-primary': "var(--stroke-color-primary)";
+        readonly 'stroke-destructive': "var(--stroke-color-destructive)";
+        readonly 'stroke-focus': "var(--stroke-color-focus)";
+    };
+};
+/**
+ * Animation-ready stroke transitions
+ */
+declare const strokeTransitions: {
+    readonly fast: "border-width 0.15s ease-in-out, border-color 0.15s ease-in-out";
+    readonly medium: "border-width 0.2s ease-in-out, border-color 0.2s ease-in-out";
+    readonly slow: "border-width 0.3s ease-in-out, border-color 0.3s ease-in-out";
+    readonly colorOnly: "border-color 0.2s ease-in-out";
+    readonly widthOnly: "border-width 0.2s ease-in-out";
+};
+/**
+ * Responsive stroke utilities
+ */
+declare const responsiveStrokes: {
+    readonly mobile: {
+        readonly default: "1px";
+        readonly emphasized: "1px";
+    };
+    readonly tablet: {
+        readonly default: "1px";
+        readonly emphasized: "2px";
+    };
+    readonly desktop: {
+        readonly default: "1px";
+        readonly emphasized: "2px";
+    };
+};
+
+declare const badgeTokens: {
+    colors: {
+        inProgress: {
+            text: string;
+            background: string;
+        };
+        success: {
+            text: string;
+            background: string;
+        };
+        pending: {
+            text: string;
+            background: string;
+        };
+        danger: {
+            text: string;
+            background: string;
+        };
+        default: {
+            text: string;
+            background: string;
+            textOnSolid: string;
+        };
+    };
+    sizes: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    padding: {
+        vertical: string;
+        horizontal: string;
+    };
+    icon: {
+        size: string;
+    };
+};
+
+declare const tagTokens: {
+    colors: {
+        default: {
+            background: string;
+            text: string;
+            bullet: string;
+            closeIconBorder: string;
+            hover: {
+                background: string;
+                closeIconBorder: string;
+            };
+        };
+        success: {
+            background: string;
+            text: string;
+            bullet: string;
+            closeIconBorder: string;
+            hover: {
+                background: string;
+                closeIconBorder: string;
+            };
+        };
+        warning: {
+            background: string;
+            text: string;
+            bullet: string;
+            closeIconBorder: string;
+            hover: {
+                background: string;
+                closeIconBorder: string;
+            };
+        };
+        danger: {
+            background: string;
+            text: string;
+            bullet: string;
+            closeIconBorder: string;
+            hover: {
+                background: string;
+                closeIconBorder: string;
+            };
+        };
+    };
+    fontSize: string;
+    padding: {
+        x: string;
+        y: string;
+    };
+    borderRadius: string;
+    iconSize: string;
+};
+
+type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextType;
+
+declare function classNames(...classes: (string | undefined | null | false)[]): string;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Button Design Tokens - Raya Design System
+ *
+ * Defines the button system tokens including sizes, variants, colors, and states
+ * for consistent button usage across the design system.
+ */
+declare const buttonSizes: {
+    readonly sm: {
+        readonly height: "32px";
+        readonly paddingX: "8px";
+        readonly paddingY: "4px";
+        readonly fontSize: "14px";
+        readonly iconSize: "16px";
+        readonly borderRadius: "10px";
+    };
+    readonly md: {
+        readonly height: "40px";
+        readonly paddingX: "16px";
+        readonly paddingY: "8px";
+        readonly fontSize: "16px";
+        readonly iconSize: "20px";
+        readonly borderRadius: "12px";
+    };
+    readonly lg: {
+        readonly height: "48px";
+        readonly paddingX: "24px";
+        readonly paddingY: "12px";
+        readonly fontSize: "18px";
+        readonly iconSize: "24px";
+        readonly borderRadius: "16px";
+    };
+};
+declare const buttonVariants: {
+    readonly primary: "filled";
+    readonly secondary: "outlined";
+    readonly ghost: "text-only";
+    readonly icon: "icon-only";
+};
+declare const buttonColors: {
+    readonly primary: "default";
+    readonly secondary: "purple";
+    readonly success: "green";
+    readonly warning: "orange";
+    readonly destructive: "red";
+    readonly neutral: "gray";
+};
+type ButtonSize = keyof typeof buttonSizes;
+type ButtonVariant = keyof typeof buttonVariants;
+type ButtonColor = keyof typeof buttonColors;
+interface ButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    color?: ButtonColor;
+    disabled?: boolean;
+    loading?: boolean;
+    loadingText?: string;
+    icon?: string;
+    iconLeft?: string;
+    iconRight?: string;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    type?: 'button' | 'submit' | 'reset';
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    asChild?: boolean;
+}
+
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    error?: string | boolean;
+    helperText?: string;
+    label?: string;
+    required?: boolean;
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+/**
+ * Icons Design Tokens - Raya Design System
+ *
+ * Auto-generated icon registry with 480 icons across 21 categories.
+ * Generated on: 2025-06-16T23:12:33.819Z
+ *
+ * DO NOT EDIT MANUALLY - This file is auto-generated by generate-icon-registry.js
+ */
+declare const iconSizes: {
+    readonly xs: "16px";
+    readonly sm: "20px";
+    readonly md: "24px";
+    readonly lg: "32px";
+    readonly xl: "48px";
+};
+declare const iconSizeClasses: {
+    readonly xs: "w-4 h-4";
+    readonly sm: "w-5 h-5";
+    readonly md: "w-6 h-6";
+    readonly lg: "w-8 h-8";
+    readonly xl: "w-12 h-12";
+};
+declare const iconColors: {
+    readonly default: "currentColor";
+    readonly primary: "hsl(var(--primary))";
+    readonly secondary: "hsl(var(--secondary))";
+    readonly muted: "hsl(var(--muted-foreground))";
+    readonly destructive: "hsl(var(--destructive))";
+    readonly success: "#10b981";
+    readonly warning: "#f59e0b";
+    readonly info: "#3b82f6";
+};
+declare const iconCategories: {
+    readonly archive: "Archive";
+    readonly arrow: "Arrow";
+    readonly building: "Building";
+    readonly business: "Business";
+    readonly chevron: "Chevron";
+    readonly 'content-edit': "Content edit";
+    readonly delivery: "Delivery";
+    readonly files: "Files";
+    readonly location: "Location";
+    readonly messages: "Messages";
+    readonly money: "Money";
+    readonly navigation: "Navigation";
+    readonly notifications: "Notifications";
+    readonly original: "Original";
+    readonly reactions: "Reactions";
+    readonly search: "Search";
+    readonly security: "Security";
+    readonly settings: "Settings";
+    readonly time: "Time";
+    readonly transport: "Transport";
+    readonly users: "Users";
+};
+declare const iconRegistry: {
+    readonly 'archive-add': "archive/archive-add.svg";
+    readonly 'archive-minus': "archive/archive-minus.svg";
+    readonly 'archive-slash': "archive/archive-slash.svg";
+    readonly 'archive-tick': "archive/archive-tick.svg";
+    readonly archive: "archive/archive.svg";
+    readonly 'book-saved': "archive/book-saved.svg";
+    readonly 'book-square': "archive/book-square.svg";
+    readonly 'receipt-square': "archive/receipt-square.svg";
+    readonly 'save-2': "archive/save-2.svg";
+    readonly 'save-add': "archive/save-add.svg";
+    readonly 'save-minus': "archive/save-minus.svg";
+    readonly 'save-remove': "archive/save-remove.svg";
+    readonly 'arrow-arrange-circle-2': "arrow/arrange-circle-2.svg";
+    readonly 'arrow-arrange-circle': "arrow/arrange-circle.svg";
+    readonly 'arrow-arrange-square-2': "arrow/arrange-square-2.svg";
+    readonly 'arrow-arrange-square': "arrow/arrange-square.svg";
+    readonly 'arrow-2': "arrow/arrow-2.svg";
+    readonly 'arrow-3': "arrow/arrow-3.svg";
+    readonly 'arrow-bottom': "arrow/arrow-bottom.svg";
+    readonly 'arrow-circle-down': "arrow/arrow-circle-down.svg";
+    readonly 'arrow-circle-left': "arrow/arrow-circle-left.svg";
+    readonly 'arrow-circle-right': "arrow/arrow-circle-right.svg";
+    readonly 'arrow-circle-up': "arrow/arrow-circle-up.svg";
+    readonly 'arrow-down-1': "arrow/arrow-down-1.svg";
+    readonly 'arrow-down': "arrow/arrow-down.svg";
+    readonly 'arrow-left-1': "arrow/arrow-left-1.svg";
+    readonly 'arrow-left-2': "arrow/arrow-left-2.svg";
+    readonly 'arrow-left': "arrow/arrow-left.svg";
+    readonly 'arrow-right-1': "arrow/arrow-right-1.svg";
+    readonly 'arrow-right-2': "arrow/arrow-right-2.svg";
+    readonly 'arrow-right-3': "arrow/arrow-right-3.svg";
+    readonly 'arrow-right': "arrow/arrow-right.svg";
+    readonly 'arrow-square-down': "arrow/arrow-square-down.svg";
+    readonly 'arrow-square-left': "arrow/arrow-square-left.svg";
+    readonly 'arrow-square-up': "arrow/arrow-square-up.svg";
+    readonly 'arrow-swap-horizontal': "arrow/arrow-swap-horizontal.svg";
+    readonly 'arrow-swap': "arrow/arrow-swap.svg";
+    readonly 'arrow-up-1': "arrow/arrow-up-1.svg";
+    readonly 'arrow-up-2': "arrow/arrow-up-2.svg";
+    readonly 'arrow-up': "arrow/arrow-up.svg";
+    readonly 'arrow-back-square': "arrow/back-square.svg";
+    readonly 'arrow-convert': "arrow/convert.svg";
+    readonly 'arrow-export-1': "arrow/export-1.svg";
+    readonly 'arrow-export-2': "arrow/export-2.svg";
+    readonly 'arrow-export-3': "arrow/export-3.svg";
+    readonly 'arrow-export': "arrow/export.svg";
+    readonly 'arrow-forward-square': "arrow/forward-square.svg";
+    readonly 'arrow-frame': "arrow/frame.svg";
+    readonly 'arrow-import-1': "arrow/import-1.svg";
+    readonly 'arrow-import-2': "arrow/import-2.svg";
+    readonly 'arrow-import': "arrow/import.svg";
+    readonly 'arrow-login-1': "arrow/login-1.svg";
+    readonly 'arrow-login': "arrow/login.svg";
+    readonly 'arrow-logout-1': "arrow/logout-1.svg";
+    readonly 'arrow-logout': "arrow/logout.svg";
+    readonly 'arrow-receive-square-2': "arrow/receive-square-2.svg";
+    readonly 'arrow-receive-square': "arrow/receive-square.svg";
+    readonly 'arrow-received': "arrow/received.svg";
+    readonly 'arrow-redo': "arrow/redo.svg";
+    readonly 'arrow-refresh-2': "arrow/refresh-2.svg";
+    readonly 'arrow-refresh-circle': "arrow/refresh-circle.svg";
+    readonly 'arrow-refresh-left-square': "arrow/refresh-left-square.svg";
+    readonly 'arrow-refresh-right-square': "arrow/refresh-right-square.svg";
+    readonly 'arrow-refresh-square-2': "arrow/refresh-square-2.svg";
+    readonly 'arrow-refresh': "arrow/refresh.svg";
+    readonly 'arrow-repeat-circle': "arrow/repeat-circle.svg";
+    readonly 'arrow-repeat': "arrow/repeat.svg";
+    readonly 'arrow-rotate-left': "arrow/rotate-left.svg";
+    readonly 'arrow-rotate-right': "arrow/rotate-right.svg";
+    readonly 'arrow-send-sqaure-2': "arrow/send-sqaure-2.svg";
+    readonly 'arrow-send-square': "arrow/send-square.svg";
+    readonly 'arrow-send': "arrow/send.svg";
+    readonly 'arrow-undo': "arrow/undo.svg";
+    readonly bank: "building/bank.svg";
+    readonly 'building-3': "building/building-3.svg";
+    readonly 'building-4': "building/building-4.svg";
+    readonly building: "building/building.svg";
+    readonly 'buildings-2': "building/buildings-2.svg";
+    readonly buildings: "building/buildings.svg";
+    readonly buliding: "building/buliding.svg";
+    readonly courthouse: "building/courthouse.svg";
+    readonly hospital: "building/hospital.svg";
+    readonly 'house-2': "building/house-2.svg";
+    readonly house: "building/house.svg";
+    readonly activity: "business/activity.svg";
+    readonly 'chart-1': "business/chart-1.svg";
+    readonly 'chart-2': "business/chart-2.svg";
+    readonly 'chart-21': "business/chart-21.svg";
+    readonly 'chart-fail': "business/chart-fail.svg";
+    readonly 'chart-success': "business/chart-success.svg";
+    readonly chart: "business/chart.svg";
+    readonly diagram: "business/diagram.svg";
+    readonly 'favorite-chart': "business/favorite-chart.svg";
+    readonly graph: "business/graph.svg";
+    readonly hashtag: "business/hashtag.svg";
+    readonly health: "business/health.svg";
+    readonly 'home-hashtag': "business/home-hashtag.svg";
+    readonly 'home-trend-down': "business/home-trend-down.svg";
+    readonly 'home-trend-up': "business/home-trend-up.svg";
+    readonly personalcard: "business/personalcard.svg";
+    readonly 'presention-chart': "business/presention-chart.svg";
+    readonly 'status-up': "business/status-up.svg";
+    readonly 'trend-down': "business/trend-down.svg";
+    readonly 'trend-up': "business/trend-up.svg";
+    readonly 'chevron-down': "chevron/down.svg";
+    readonly 'chevron-left': "chevron/left.svg";
+    readonly 'chevron-right': "chevron/right.svg";
+    readonly 'chevron-up': "chevron/up.svg";
+    readonly 'archive-book': "content-edit/archive-book.svg";
+    readonly bill: "content-edit/bill.svg";
+    readonly 'clipboard-close': "content-edit/clipboard-close.svg";
+    readonly 'clipboard-export': "content-edit/clipboard-export.svg";
+    readonly 'clipboard-import': "content-edit/clipboard-import.svg";
+    readonly 'clipboard-text': "content-edit/clipboard-text.svg";
+    readonly 'clipboard-tick': "content-edit/clipboard-tick.svg";
+    readonly copyright: "content-edit/copyright.svg";
+    readonly 'creative-commons': "content-edit/creative-commons.svg";
+    readonly 'document-cloud': "content-edit/document-cloud.svg";
+    readonly 'document-copy': "content-edit/document-copy.svg";
+    readonly 'document-download': "content-edit/document-download.svg";
+    readonly 'document-favorite': "content-edit/document-favorite.svg";
+    readonly 'document-filter': "content-edit/document-filter.svg";
+    readonly 'document-forward': "content-edit/document-forward.svg";
+    readonly 'document-like': "content-edit/document-like.svg";
+    readonly 'document-normal': "content-edit/document-normal.svg";
+    readonly 'document-previous': "content-edit/document-previous.svg";
+    readonly 'document-sketch': "content-edit/document-sketch.svg";
+    readonly 'document-text-1': "content-edit/document-text-1.svg";
+    readonly 'document-text': "content-edit/document-text.svg";
+    readonly 'document-upload': "content-edit/document-upload.svg";
+    readonly document: "content-edit/document.svg";
+    readonly 'edit-2': "content-edit/edit-2.svg";
+    readonly edit: "content-edit/edit.svg";
+    readonly 'menu-board': "content-edit/menu-board.svg";
+    readonly 'note-1': "content-edit/note-1.svg";
+    readonly 'note-add': "content-edit/note-add.svg";
+    readonly 'note-favorite': "content-edit/note-favorite.svg";
+    readonly 'note-remove': "content-edit/note-remove.svg";
+    readonly 'note-text': "content-edit/note-text.svg";
+    readonly note: "content-edit/note.svg";
+    readonly stickynote: "content-edit/stickynote.svg";
+    readonly 'task-square': "content-edit/task-square.svg";
+    readonly task: "content-edit/task.svg";
+    readonly '3d-cube-scan': "delivery/3d-cube-scan.svg";
+    readonly '3d-rotate': "delivery/3d-rotate.svg";
+    readonly '3d-square': "delivery/3d-square.svg";
+    readonly 'box-1': "delivery/box-1.svg";
+    readonly 'box-add': "delivery/box-add.svg";
+    readonly 'box-remove': "delivery/box-remove.svg";
+    readonly 'box-search': "delivery/box-search.svg";
+    readonly 'box-tick': "delivery/box-tick.svg";
+    readonly 'box-time': "delivery/box-time.svg";
+    readonly box: "delivery/box.svg";
+    readonly 'convert-3d-cube': "delivery/convert-3d-cube.svg";
+    readonly 'truck-fast': "delivery/truck-fast.svg";
+    readonly 'truck-remove': "delivery/truck-remove.svg";
+    readonly 'truck-tick': "delivery/truck-tick.svg";
+    readonly 'truck-time': "delivery/truck-time.svg";
+    readonly truck: "delivery/truck.svg";
+    readonly 'folder-2': "files/folder-2.svg";
+    readonly 'folder-add': "files/folder-add.svg";
+    readonly 'folder-cloud': "files/folder-cloud.svg";
+    readonly 'folder-cross': "files/folder-cross.svg";
+    readonly 'folder-favorite': "files/folder-favorite.svg";
+    readonly 'folder-minus': "files/folder-minus.svg";
+    readonly 'folder-open': "files/folder-open.svg";
+    readonly folder: "files/folder.svg";
+    readonly 'arrow-square': "location/arrow-square.svg";
+    readonly arrow: "location/arrow.svg";
+    readonly 'direct-down': "location/direct-down.svg";
+    readonly 'direct-left': "location/direct-left.svg";
+    readonly 'direct-right': "location/direct-right.svg";
+    readonly 'direct-up': "location/direct-up.svg";
+    readonly discover: "location/discover.svg";
+    readonly 'global-edit': "location/global-edit.svg";
+    readonly 'global-refresh': "location/global-refresh.svg";
+    readonly 'global-search': "location/global-search.svg";
+    readonly global: "location/global.svg";
+    readonly 'gps-slash': "location/gps-slash.svg";
+    readonly gps: "location/gps.svg";
+    readonly 'location-add': "location/location-add.svg";
+    readonly 'location-cross': "location/location-cross.svg";
+    readonly 'location-minus': "location/location-minus.svg";
+    readonly 'location-slash': "location/location-slash.svg";
+    readonly 'location-tick': "location/location-tick.svg";
+    readonly location: "location/location.svg";
+    readonly 'map-1': "location/map-1.svg";
+    readonly map: "location/map.svg";
+    readonly 'picture-frame': "location/picture-frame.svg";
+    readonly 'radar-2': "location/radar-2.svg";
+    readonly radar: "location/radar.svg";
+    readonly 'route-square': "location/route-square.svg";
+    readonly 'routing-2': "location/routing-2.svg";
+    readonly routing: "location/routing.svg";
+    readonly 'device-message': "messages/device-message.svg";
+    readonly 'direct-inbox': "messages/direct-inbox.svg";
+    readonly 'direct-normal': "messages/direct-normal.svg";
+    readonly 'direct-notification': "messages/direct-notification.svg";
+    readonly 'direct-send': "messages/direct-send.svg";
+    readonly direct: "messages/direct.svg";
+    readonly 'directbox-default': "messages/directbox-default.svg";
+    readonly 'directbox-notif': "messages/directbox-notif.svg";
+    readonly 'directbox-receive': "messages/directbox-receive.svg";
+    readonly 'directbox-send': "messages/directbox-send.svg";
+    readonly 'message-2': "messages/message-2.svg";
+    readonly 'message-add-1': "messages/message-add-1.svg";
+    readonly 'message-add': "messages/message-add.svg";
+    readonly 'message-circle': "messages/message-circle.svg";
+    readonly 'message-edit': "messages/message-edit.svg";
+    readonly 'message-favorite': "messages/message-favorite.svg";
+    readonly 'message-minus': "messages/message-minus.svg";
+    readonly 'message-notif': "messages/message-notif.svg";
+    readonly 'message-remove': "messages/message-remove.svg";
+    readonly 'message-search': "messages/message-search.svg";
+    readonly 'message-square': "messages/message-square.svg";
+    readonly 'message-text-1': "messages/message-text-1.svg";
+    readonly 'message-text': "messages/message-text.svg";
+    readonly 'message-tick': "messages/message-tick.svg";
+    readonly 'message-time': "messages/message-time.svg";
+    readonly message: "messages/message.svg";
+    readonly 'messages-1': "messages/messages-1.svg";
+    readonly 'messages-2': "messages/messages-2.svg";
+    readonly 'messages-3': "messages/messages-3.svg";
+    readonly messages: "messages/messages.svg";
+    readonly 'sms-edit': "messages/sms-edit.svg";
+    readonly 'sms-notification': "messages/sms-notification.svg";
+    readonly 'sms-search': "messages/sms-search.svg";
+    readonly 'sms-star': "messages/sms-star.svg";
+    readonly 'sms-tracking': "messages/sms-tracking.svg";
+    readonly sms: "messages/sms.svg";
+    readonly 'money-archive': "money/archive.svg";
+    readonly 'card-add': "money/card-add.svg";
+    readonly 'card-edit': "money/card-edit.svg";
+    readonly 'card-pos': "money/card-pos.svg";
+    readonly 'card-receive': "money/card-receive.svg";
+    readonly 'card-remove-1': "money/card-remove-1.svg";
+    readonly 'card-remove': "money/card-remove.svg";
+    readonly 'card-send': "money/card-send.svg";
+    readonly 'card-slash': "money/card-slash.svg";
+    readonly 'card-tick-1': "money/card-tick-1.svg";
+    readonly 'card-tick': "money/card-tick.svg";
+    readonly card: "money/card.svg";
+    readonly cards: "money/cards.svg";
+    readonly 'chart-square': "money/chart-square.svg";
+    readonly 'coin-1': "money/coin-1.svg";
+    readonly coin: "money/coin.svg";
+    readonly 'convert-card': "money/convert-card.svg";
+    readonly 'discount-circle': "money/discount-circle.svg";
+    readonly 'discount-shape': "money/discount-shape.svg";
+    readonly 'money-document': "money/document.svg";
+    readonly 'dollar-circle': "money/dollar-circle.svg";
+    readonly 'dollar-square': "money/dollar-square.svg";
+    readonly 'empty-wallet-add': "money/empty-wallet-add.svg";
+    readonly 'empty-wallet-change': "money/empty-wallet-change.svg";
+    readonly 'empty-wallet-remove': "money/empty-wallet-remove.svg";
+    readonly 'empty-wallet-tick': "money/empty-wallet-tick.svg";
+    readonly 'empty-wallet-time': "money/empty-wallet-time.svg";
+    readonly 'empty-wallet': "money/empty-wallet.svg";
+    readonly math: "money/math.svg";
+    readonly 'money-2': "money/money-2.svg";
+    readonly 'money-3': "money/money-3.svg";
+    readonly 'money-4': "money/money-4.svg";
+    readonly 'money-add': "money/money-add.svg";
+    readonly 'money-change': "money/money-change.svg";
+    readonly 'money-forbidden': "money/money-forbidden.svg";
+    readonly 'money-recive': "money/money-recive.svg";
+    readonly 'money-remove': "money/money-remove.svg";
+    readonly 'money-send': "money/money-send.svg";
+    readonly 'money-tick': "money/money-tick.svg";
+    readonly 'money-time': "money/money-time.svg";
+    readonly money: "money/money.svg";
+    readonly moneys: "money/moneys.svg";
+    readonly 'percentage-circle': "money/percentage-circle.svg";
+    readonly 'percentage-square': "money/percentage-square.svg";
+    readonly 'receipt-2-1': "money/receipt-2-1.svg";
+    readonly 'receipt-2': "money/receipt-2.svg";
+    readonly 'receipt-add': "money/receipt-add.svg";
+    readonly 'receipt-discount': "money/receipt-discount.svg";
+    readonly 'receipt-disscount': "money/receipt-disscount.svg";
+    readonly 'receipt-edit': "money/receipt-edit.svg";
+    readonly 'receipt-item': "money/receipt-item.svg";
+    readonly 'receipt-minus': "money/receipt-minus.svg";
+    readonly 'receipt-search': "money/receipt-search.svg";
+    readonly 'receipt-text': "money/receipt-text.svg";
+    readonly receipt: "money/receipt.svg";
+    readonly 'security-card': "money/security-card.svg";
+    readonly 'strongbox-2': "money/strongbox-2.svg";
+    readonly strongbox: "money/strongbox.svg";
+    readonly 'tag-2': "money/tag-2.svg";
+    readonly tag: "money/tag.svg";
+    readonly 'ticket-2': "money/ticket-2.svg";
+    readonly 'ticket-discount': "money/ticket-discount.svg";
+    readonly 'ticket-expired': "money/ticket-expired.svg";
+    readonly 'ticket-star': "money/ticket-star.svg";
+    readonly ticket: "money/ticket.svg";
+    readonly 'transaction-minus': "money/transaction-minus.svg";
+    readonly 'wallet-1': "money/wallet-1.svg";
+    readonly 'wallet-2': "money/wallet-2.svg";
+    readonly 'wallet-3': "money/wallet-3.svg";
+    readonly 'wallet-add': "money/wallet-add.svg";
+    readonly 'wallet-check': "money/wallet-check.svg";
+    readonly 'wallet-minus': "money/wallet-minus.svg";
+    readonly 'wallet-money': "money/wallet-money.svg";
+    readonly 'wallet-remove': "money/wallet-remove.svg";
+    readonly 'wallet-search': "money/wallet-search.svg";
+    readonly 'wallet-to-add': "money/wallet-to-add.svg";
+    readonly wallet: "money/wallet.svg";
+    readonly 'add-circle': "navigation/add-circle.svg";
+    readonly 'add-square': "navigation/add-square.svg";
+    readonly add: "navigation/add.svg";
+    readonly 'navigation-archive': "navigation/archive.svg";
+    readonly autobrightness: "navigation/autobrightness.svg";
+    readonly 'box-2': "navigation/box-2.svg";
+    readonly broom: "navigation/broom.svg";
+    readonly bubble: "navigation/bubble.svg";
+    readonly check: "navigation/check.svg";
+    readonly 'close-circle': "navigation/close-circle.svg";
+    readonly 'close-square': "navigation/close-square.svg";
+    readonly computing: "navigation/computing.svg";
+    readonly crown: "navigation/crown.svg";
+    readonly cup: "navigation/cup.svg";
+    readonly danger: "navigation/danger.svg";
+    readonly diamonds: "navigation/diamonds.svg";
+    readonly 'navigation-discover': "navigation/discover.svg";
+    readonly dot: "navigation/dot.svg";
+    readonly 'filter-add': "navigation/filter-add.svg";
+    readonly 'filter-edit': "navigation/filter-edit.svg";
+    readonly 'filter-remove': "navigation/filter-remove.svg";
+    readonly 'filter-search': "navigation/filter-search.svg";
+    readonly 'filter-square': "navigation/filter-square.svg";
+    readonly 'filter-tick': "navigation/filter-tick.svg";
+    readonly filter: "navigation/filter.svg";
+    readonly 'flag-2': "navigation/flag-2.svg";
+    readonly flag: "navigation/flag.svg";
+    readonly 'flash-circle': "navigation/flash-circle.svg";
+    readonly 'flash-slash': "navigation/flash-slash.svg";
+    readonly flash: "navigation/flash.svg";
+    readonly 'forbidden-2': "navigation/forbidden-2.svg";
+    readonly forbidden: "navigation/forbidden.svg";
+    readonly glass: "navigation/glass.svg";
+    readonly happyemoji: "navigation/happyemoji.svg";
+    readonly 'home-2': "navigation/home-2.svg";
+    readonly 'home-wifi': "navigation/home-wifi.svg";
+    readonly home: "navigation/home.svg";
+    readonly 'info-circle': "navigation/info-circle.svg";
+    readonly information: "navigation/information.svg";
+    readonly judge: "navigation/judge.svg";
+    readonly lamp: "navigation/lamp.svg";
+    readonly level: "navigation/level.svg";
+    readonly menu: "navigation/menu.svg";
+    readonly 'minus-cirlce': "navigation/minus-cirlce.svg";
+    readonly 'minus-square': "navigation/minus-square.svg";
+    readonly minus: "navigation/minus.svg";
+    readonly mirror: "navigation/mirror.svg";
+    readonly 'more-circle': "navigation/more-circle.svg";
+    readonly 'more-square': "navigation/more-square.svg";
+    readonly 'mouse-circle': "navigation/mouse-circle.svg";
+    readonly 'mouse-square': "navigation/mouse-square.svg";
+    readonly pet: "navigation/pet.svg";
+    readonly ranking: "navigation/ranking.svg";
+    readonly reserve: "navigation/reserve.svg";
+    readonly 'send-2': "navigation/send-2.svg";
+    readonly send: "navigation/send.svg";
+    readonly share: "navigation/share.svg";
+    readonly signpost: "navigation/signpost.svg";
+    readonly slash: "navigation/slash.svg";
+    readonly sort: "navigation/sort.svg";
+    readonly sound: "navigation/sound.svg";
+    readonly status: "navigation/status.svg";
+    readonly sticker: "navigation/sticker.svg";
+    readonly 'tag-cross': "navigation/tag-cross.svg";
+    readonly 'tag-right': "navigation/tag-right.svg";
+    readonly 'tick-circle': "navigation/tick-circle.svg";
+    readonly 'tick-square': "navigation/tick-square.svg";
+    readonly trash: "navigation/trash.svg";
+    readonly tree: "navigation/tree.svg";
+    readonly triangle: "navigation/triangle.svg";
+    readonly 'trush-square': "navigation/trush-square.svg";
+    readonly verify: "navigation/verify.svg";
+    readonly 'warning-2': "navigation/warning-2.svg";
+    readonly 'wifi-square': "navigation/wifi-square.svg";
+    readonly wifi: "navigation/wifi.svg";
+    readonly 'lamp-charge': "notifications/lamp-charge.svg";
+    readonly 'lamp-on': "notifications/lamp-on.svg";
+    readonly 'lamp-slash': "notifications/lamp-slash.svg";
+    readonly 'notification-1': "notifications/notification-1.svg";
+    readonly 'notification-bing': "notifications/notification-bing.svg";
+    readonly 'notification-favorite': "notifications/notification-favorite.svg";
+    readonly 'notification-status': "notifications/notification-status.svg";
+    readonly notification: "notifications/notification.svg";
+    readonly dislike: "reactions/dislike.svg";
+    readonly 'heart-slash': "reactions/heart-slash.svg";
+    readonly heart: "reactions/heart.svg";
+    readonly 'like-shapes': "reactions/like-shapes.svg";
+    readonly like: "reactions/like.svg";
+    readonly 'magic-star': "reactions/magic-star.svg";
+    readonly 'medal-star': "reactions/medal-star.svg";
+    readonly medal: "reactions/medal.svg";
+    readonly 'message-question': "reactions/message-question.svg";
+    readonly 'reactions-ranking': "reactions/ranking.svg";
+    readonly 'star-1': "reactions/star-1.svg";
+    readonly 'star-slash': "reactions/star-slash.svg";
+    readonly star: "reactions/star.svg";
+    readonly 'search-normal': "search/search-normal.svg";
+    readonly 'search-status': "search/search-status.svg";
+    readonly 'search-zoom-in': "search/search-zoom-in.svg";
+    readonly 'search-zoom-out': "search/search-zoom-out.svg";
+    readonly alarm: "security/alarm.svg";
+    readonly 'security-check': "security/check.svg";
+    readonly 'eye-slash': "security/eye-slash.svg";
+    readonly eye: "security/eye.svg";
+    readonly 'finger-cricle': "security/finger-cricle.svg";
+    readonly 'finger-scan': "security/finger-scan.svg";
+    readonly frame: "security/frame.svg";
+    readonly 'key-square': "security/key-square.svg";
+    readonly key: "security/key.svg";
+    readonly 'lock-1': "security/lock-1.svg";
+    readonly 'lock-circle': "security/lock-circle.svg";
+    readonly 'lock-slash': "security/lock-slash.svg";
+    readonly lock: "security/lock.svg";
+    readonly 'password-check': "security/password-check.svg";
+    readonly 'security-radar': "security/radar.svg";
+    readonly 'scan-barcode': "security/scan-barcode.svg";
+    readonly scan: "security/scan.svg";
+    readonly scanner: "security/scanner.svg";
+    readonly scanning: "security/scanning.svg";
+    readonly 'security-safe': "security/security-safe.svg";
+    readonly 'security-user': "security/security-user.svg";
+    readonly security: "security/security.svg";
+    readonly 'shield-cross': "security/shield-cross.svg";
+    readonly 'shield-search': "security/shield-search.svg";
+    readonly 'shield-slash': "security/shield-slash.svg";
+    readonly 'shield-tick': "security/shield-tick.svg";
+    readonly shield: "security/shield.svg";
+    readonly unlock: "security/unlock.svg";
+    readonly 'candle-2': "settings/candle-2.svg";
+    readonly candle: "settings/candle.svg";
+    readonly category: "settings/category.svg";
+    readonly 'more-2': "settings/more-2.svg";
+    readonly more: "settings/more.svg";
+    readonly 'setting-2': "settings/setting-2.svg";
+    readonly 'setting-3': "settings/setting-3.svg";
+    readonly 'setting-4': "settings/setting-4.svg";
+    readonly 'setting-5': "settings/setting-5.svg";
+    readonly setting: "settings/setting.svg";
+    readonly 'calendar-edit': "time/calendar-edit.svg";
+    readonly 'calendar-search': "time/calendar-search.svg";
+    readonly calendar: "time/calendar.svg";
+    readonly clock: "time/clock.svg";
+    readonly 'security-time': "time/security-time.svg";
+    readonly 'timer-pause': "time/timer-pause.svg";
+    readonly 'timer-start': "time/timer-start.svg";
+    readonly timer: "time/timer.svg";
+    readonly 'airplane-square': "transport/airplane-square.svg";
+    readonly airplane: "transport/airplane.svg";
+    readonly bus: "transport/bus.svg";
+    readonly car: "transport/car.svg";
+    readonly driving: "transport/driving.svg";
+    readonly 'gas-station': "transport/gas-station.svg";
+    readonly ship: "transport/ship.svg";
+    readonly 'smart-car': "transport/smart-car.svg";
+    readonly user: "users/User.svg";
+    readonly people: "users/people.svg";
+    readonly 'profile-2user': "users/profile-2user.svg";
+    readonly 'profile-add': "users/profile-add.svg";
+    readonly 'profile-circle': "users/profile-circle.svg";
+    readonly 'profile-delete': "users/profile-delete.svg";
+    readonly 'profile-remove': "users/profile-remove.svg";
+    readonly 'profile-tick': "users/profile-tick.svg";
+    readonly 'tag-user': "users/tag-user.svg";
+    readonly 'user-add': "users/user-add.svg";
+    readonly 'user-cirlce-add': "users/user-cirlce-add.svg";
+    readonly 'user-edit': "users/user-edit.svg";
+    readonly 'user-minus': "users/user-minus.svg";
+    readonly 'user-octagon': "users/user-octagon.svg";
+    readonly 'user-remove': "users/user-remove.svg";
+    readonly 'user-search': "users/user-search.svg";
+    readonly 'user-square': "users/user-square.svg";
+    readonly 'user-tag': "users/user-tag.svg";
+    readonly 'user-tick': "users/user-tick.svg";
+};
+declare const iconsByCategory: {
+    readonly archive: readonly ["archive-add", "archive-minus", "archive-slash", "archive-tick", "archive", "book-saved", "book-square", "receipt-square", "save-2", "save-add", "save-minus", "save-remove"];
+    readonly arrow: readonly ["arrow-arrange-circle-2", "arrow-arrange-circle", "arrow-arrange-square-2", "arrow-arrange-square", "arrow-2", "arrow-3", "arrow-bottom", "arrow-circle-down", "arrow-circle-left", "arrow-circle-right", "arrow-circle-up", "arrow-down-1", "arrow-down", "arrow-left-1", "arrow-left-2", "arrow-left", "arrow-right-1", "arrow-right-2", "arrow-right-3", "arrow-right", "arrow-square-down", "arrow-square-left", "arrow-square-up", "arrow-swap-horizontal", "arrow-swap", "arrow-up-1", "arrow-up-2", "arrow-up", "arrow-back-square", "arrow-convert", "arrow-export-1", "arrow-export-2", "arrow-export-3", "arrow-export", "arrow-forward-square", "arrow-frame", "arrow-import-1", "arrow-import-2", "arrow-import", "arrow-login-1", "arrow-login", "arrow-logout-1", "arrow-logout", "arrow-receive-square-2", "arrow-receive-square", "arrow-received", "arrow-redo", "arrow-refresh-2", "arrow-refresh-circle", "arrow-refresh-left-square", "arrow-refresh-right-square", "arrow-refresh-square-2", "arrow-refresh", "arrow-repeat-circle", "arrow-repeat", "arrow-rotate-left", "arrow-rotate-right", "arrow-send-sqaure-2", "arrow-send-square", "arrow-send", "arrow-undo"];
+    readonly building: readonly ["bank", "building-3", "building-4", "building", "buildings-2", "buildings", "buliding", "courthouse", "hospital", "house-2", "house"];
+    readonly business: readonly ["activity", "chart-1", "chart-2", "chart-21", "chart-fail", "chart-success", "chart", "diagram", "favorite-chart", "graph", "hashtag", "health", "home-hashtag", "home-trend-down", "home-trend-up", "personalcard", "presention-chart", "status-up", "trend-down", "trend-up"];
+    readonly chevron: readonly ["chevron-down", "chevron-left", "chevron-right", "chevron-up"];
+    readonly 'content-edit': readonly ["archive-book", "bill", "clipboard-close", "clipboard-export", "clipboard-import", "clipboard-text", "clipboard-tick", "copyright", "creative-commons", "document-cloud", "document-copy", "document-download", "document-favorite", "document-filter", "document-forward", "document-like", "document-normal", "document-previous", "document-sketch", "document-text-1", "document-text", "document-upload", "document", "edit-2", "edit", "menu-board", "note-1", "note-add", "note-favorite", "note-remove", "note-text", "note", "stickynote", "task-square", "task"];
+    readonly delivery: readonly ["3d-cube-scan", "3d-rotate", "3d-square", "box-1", "box-add", "box-remove", "box-search", "box-tick", "box-time", "box", "convert-3d-cube", "truck-fast", "truck-remove", "truck-tick", "truck-time", "truck"];
+    readonly files: readonly ["folder-2", "folder-add", "folder-cloud", "folder-cross", "folder-favorite", "folder-minus", "folder-open", "folder"];
+    readonly location: readonly ["arrow-square", "arrow", "direct-down", "direct-left", "direct-right", "direct-up", "discover", "global-edit", "global-refresh", "global-search", "global", "gps-slash", "gps", "location-add", "location-cross", "location-minus", "location-slash", "location-tick", "location", "map-1", "map", "picture-frame", "radar-2", "radar", "route-square", "routing-2", "routing"];
+    readonly messages: readonly ["device-message", "direct-inbox", "direct-normal", "direct-notification", "direct-send", "direct", "directbox-default", "directbox-notif", "directbox-receive", "directbox-send", "message-2", "message-add-1", "message-add", "message-circle", "message-edit", "message-favorite", "message-minus", "message-notif", "message-remove", "message-search", "message-square", "message-text-1", "message-text", "message-tick", "message-time", "message", "messages-1", "messages-2", "messages-3", "messages", "sms-edit", "sms-notification", "sms-search", "sms-star", "sms-tracking", "sms"];
+    readonly money: readonly ["money-archive", "card-add", "card-edit", "card-pos", "card-receive", "card-remove-1", "card-remove", "card-send", "card-slash", "card-tick-1", "card-tick", "card", "cards", "chart-square", "coin-1", "coin", "convert-card", "discount-circle", "discount-shape", "money-document", "dollar-circle", "dollar-square", "empty-wallet-add", "empty-wallet-change", "empty-wallet-remove", "empty-wallet-tick", "empty-wallet-time", "empty-wallet", "math", "money-2", "money-3", "money-4", "money-add", "money-change", "money-forbidden", "money-recive", "money-remove", "money-send", "money-tick", "money-time", "money", "moneys", "percentage-circle", "percentage-square", "receipt-2-1", "receipt-2", "receipt-add", "receipt-discount", "receipt-disscount", "receipt-edit", "receipt-item", "receipt-minus", "receipt-search", "receipt-text", "receipt", "security-card", "strongbox-2", "strongbox", "tag-2", "tag", "ticket-2", "ticket-discount", "ticket-expired", "ticket-star", "ticket", "transaction-minus", "wallet-1", "wallet-2", "wallet-3", "wallet-add", "wallet-check", "wallet-minus", "wallet-money", "wallet-remove", "wallet-search", "wallet-to-add", "wallet"];
+    readonly navigation: readonly ["add-circle", "add-square", "add", "navigation-archive", "autobrightness", "box-2", "broom", "bubble", "check", "close-circle", "close-square", "computing", "crown", "cup", "danger", "diamonds", "navigation-discover", "dot", "filter-add", "filter-edit", "filter-remove", "filter-search", "filter-square", "filter-tick", "filter", "flag-2", "flag", "flash-circle", "flash-slash", "flash", "forbidden-2", "forbidden", "glass", "happyemoji", "home-2", "home-wifi", "home", "info-circle", "information", "judge", "lamp", "level", "menu", "minus-cirlce", "minus-square", "minus", "mirror", "more-circle", "more-square", "mouse-circle", "mouse-square", "pet", "ranking", "reserve", "send-2", "send", "share", "signpost", "slash", "sort", "sound", "status", "sticker", "tag-cross", "tag-right", "tick-circle", "tick-square", "trash", "tree", "triangle", "trush-square", "verify", "warning-2", "wifi-square", "wifi"];
+    readonly notifications: readonly ["lamp-charge", "lamp-on", "lamp-slash", "notification-1", "notification-bing", "notification-favorite", "notification-status", "notification"];
+    readonly original: readonly [];
+    readonly reactions: readonly ["dislike", "heart-slash", "heart", "like-shapes", "like", "magic-star", "medal-star", "medal", "message-question", "reactions-ranking", "star-1", "star-slash", "star"];
+    readonly search: readonly ["search-normal", "search-status", "search-zoom-in", "search-zoom-out"];
+    readonly security: readonly ["alarm", "security-check", "eye-slash", "eye", "finger-cricle", "finger-scan", "frame", "key-square", "key", "lock-1", "lock-circle", "lock-slash", "lock", "password-check", "security-radar", "scan-barcode", "scan", "scanner", "scanning", "security-safe", "security-user", "security", "shield-cross", "shield-search", "shield-slash", "shield-tick", "shield", "unlock"];
+    readonly settings: readonly ["candle-2", "candle", "category", "more-2", "more", "setting-2", "setting-3", "setting-4", "setting-5", "setting"];
+    readonly time: readonly ["calendar-edit", "calendar-search", "calendar", "clock", "security-time", "timer-pause", "timer-start", "timer"];
+    readonly transport: readonly ["airplane-square", "airplane", "bus", "car", "driving", "gas-station", "ship", "smart-car"];
+    readonly users: readonly ["user", "people", "profile-2user", "profile-add", "profile-circle", "profile-delete", "profile-remove", "profile-tick", "tag-user", "user-add", "user-cirlce-add", "user-edit", "user-minus", "user-octagon", "user-remove", "user-search", "user-square", "user-tag", "user-tick"];
+};
+declare const iconVariants: {
+    readonly outline: "outline";
+    readonly filled: "filled";
+    readonly duotone: "duotone";
+};
+declare const iconStates: {
+    readonly default: "default";
+    readonly hover: "hover";
+    readonly active: "active";
+    readonly disabled: "disabled";
+};
+declare const iconAnimations: {
+    readonly none: "none";
+    readonly spin: "spin";
+    readonly pulse: "pulse";
+    readonly bounce: "bounce";
+    readonly ping: "ping";
+};
+type IconSize = keyof typeof iconSizes;
+type IconColor = keyof typeof iconColors;
+type IconCategory = keyof typeof iconCategories;
+type IconName = keyof typeof iconRegistry;
+type IconVariant = keyof typeof iconVariants;
+type IconState = keyof typeof iconStates;
+type IconAnimation = keyof typeof iconAnimations;
+declare const getIconPath: (name: IconName) => string;
+declare const getIconsByCategory: (category: IconCategory) => readonly IconName[];
+declare const getAllIconNames: () => IconName[];
+interface IconProps {
+    name: IconName;
+    size?: IconSize;
+    color?: IconColor;
+    variant?: IconVariant;
+    animation?: IconAnimation;
+    className?: string;
+    'aria-label'?: string;
+    'aria-hidden'?: boolean;
+    onClick?: () => void;
+}
+declare const defaultIconConfig: {
+    size: IconSize;
+    color: IconColor;
+    variant: IconVariant;
+    animation: IconAnimation;
+};
+declare const iconTheme: {
+    light: {
+        default: "currentColor";
+        muted: "hsl(var(--muted-foreground))";
+    };
+    dark: {
+        default: "currentColor";
+        muted: "hsl(var(--muted-foreground))";
+    };
+};
+declare const iconTokens: {
+    sizes: {
+        readonly xs: "16px";
+        readonly sm: "20px";
+        readonly md: "24px";
+        readonly lg: "32px";
+        readonly xl: "48px";
+    };
+    sizeClasses: {
+        readonly xs: "w-4 h-4";
+        readonly sm: "w-5 h-5";
+        readonly md: "w-6 h-6";
+        readonly lg: "w-8 h-8";
+        readonly xl: "w-12 h-12";
+    };
+    colors: {
+        readonly default: "currentColor";
+        readonly primary: "hsl(var(--primary))";
+        readonly secondary: "hsl(var(--secondary))";
+        readonly muted: "hsl(var(--muted-foreground))";
+        readonly destructive: "hsl(var(--destructive))";
+        readonly success: "#10b981";
+        readonly warning: "#f59e0b";
+        readonly info: "#3b82f6";
+    };
+    categories: {
+        readonly archive: "Archive";
+        readonly arrow: "Arrow";
+        readonly building: "Building";
+        readonly business: "Business";
+        readonly chevron: "Chevron";
+        readonly 'content-edit': "Content edit";
+        readonly delivery: "Delivery";
+        readonly files: "Files";
+        readonly location: "Location";
+        readonly messages: "Messages";
+        readonly money: "Money";
+        readonly navigation: "Navigation";
+        readonly notifications: "Notifications";
+        readonly original: "Original";
+        readonly reactions: "Reactions";
+        readonly search: "Search";
+        readonly security: "Security";
+        readonly settings: "Settings";
+        readonly time: "Time";
+        readonly transport: "Transport";
+        readonly users: "Users";
+    };
+    registry: {
+        readonly 'archive-add': "archive/archive-add.svg";
+        readonly 'archive-minus': "archive/archive-minus.svg";
+        readonly 'archive-slash': "archive/archive-slash.svg";
+        readonly 'archive-tick': "archive/archive-tick.svg";
+        readonly archive: "archive/archive.svg";
+        readonly 'book-saved': "archive/book-saved.svg";
+        readonly 'book-square': "archive/book-square.svg";
+        readonly 'receipt-square': "archive/receipt-square.svg";
+        readonly 'save-2': "archive/save-2.svg";
+        readonly 'save-add': "archive/save-add.svg";
+        readonly 'save-minus': "archive/save-minus.svg";
+        readonly 'save-remove': "archive/save-remove.svg";
+        readonly 'arrow-arrange-circle-2': "arrow/arrange-circle-2.svg";
+        readonly 'arrow-arrange-circle': "arrow/arrange-circle.svg";
+        readonly 'arrow-arrange-square-2': "arrow/arrange-square-2.svg";
+        readonly 'arrow-arrange-square': "arrow/arrange-square.svg";
+        readonly 'arrow-2': "arrow/arrow-2.svg";
+        readonly 'arrow-3': "arrow/arrow-3.svg";
+        readonly 'arrow-bottom': "arrow/arrow-bottom.svg";
+        readonly 'arrow-circle-down': "arrow/arrow-circle-down.svg";
+        readonly 'arrow-circle-left': "arrow/arrow-circle-left.svg";
+        readonly 'arrow-circle-right': "arrow/arrow-circle-right.svg";
+        readonly 'arrow-circle-up': "arrow/arrow-circle-up.svg";
+        readonly 'arrow-down-1': "arrow/arrow-down-1.svg";
+        readonly 'arrow-down': "arrow/arrow-down.svg";
+        readonly 'arrow-left-1': "arrow/arrow-left-1.svg";
+        readonly 'arrow-left-2': "arrow/arrow-left-2.svg";
+        readonly 'arrow-left': "arrow/arrow-left.svg";
+        readonly 'arrow-right-1': "arrow/arrow-right-1.svg";
+        readonly 'arrow-right-2': "arrow/arrow-right-2.svg";
+        readonly 'arrow-right-3': "arrow/arrow-right-3.svg";
+        readonly 'arrow-right': "arrow/arrow-right.svg";
+        readonly 'arrow-square-down': "arrow/arrow-square-down.svg";
+        readonly 'arrow-square-left': "arrow/arrow-square-left.svg";
+        readonly 'arrow-square-up': "arrow/arrow-square-up.svg";
+        readonly 'arrow-swap-horizontal': "arrow/arrow-swap-horizontal.svg";
+        readonly 'arrow-swap': "arrow/arrow-swap.svg";
+        readonly 'arrow-up-1': "arrow/arrow-up-1.svg";
+        readonly 'arrow-up-2': "arrow/arrow-up-2.svg";
+        readonly 'arrow-up': "arrow/arrow-up.svg";
+        readonly 'arrow-back-square': "arrow/back-square.svg";
+        readonly 'arrow-convert': "arrow/convert.svg";
+        readonly 'arrow-export-1': "arrow/export-1.svg";
+        readonly 'arrow-export-2': "arrow/export-2.svg";
+        readonly 'arrow-export-3': "arrow/export-3.svg";
+        readonly 'arrow-export': "arrow/export.svg";
+        readonly 'arrow-forward-square': "arrow/forward-square.svg";
+        readonly 'arrow-frame': "arrow/frame.svg";
+        readonly 'arrow-import-1': "arrow/import-1.svg";
+        readonly 'arrow-import-2': "arrow/import-2.svg";
+        readonly 'arrow-import': "arrow/import.svg";
+        readonly 'arrow-login-1': "arrow/login-1.svg";
+        readonly 'arrow-login': "arrow/login.svg";
+        readonly 'arrow-logout-1': "arrow/logout-1.svg";
+        readonly 'arrow-logout': "arrow/logout.svg";
+        readonly 'arrow-receive-square-2': "arrow/receive-square-2.svg";
+        readonly 'arrow-receive-square': "arrow/receive-square.svg";
+        readonly 'arrow-received': "arrow/received.svg";
+        readonly 'arrow-redo': "arrow/redo.svg";
+        readonly 'arrow-refresh-2': "arrow/refresh-2.svg";
+        readonly 'arrow-refresh-circle': "arrow/refresh-circle.svg";
+        readonly 'arrow-refresh-left-square': "arrow/refresh-left-square.svg";
+        readonly 'arrow-refresh-right-square': "arrow/refresh-right-square.svg";
+        readonly 'arrow-refresh-square-2': "arrow/refresh-square-2.svg";
+        readonly 'arrow-refresh': "arrow/refresh.svg";
+        readonly 'arrow-repeat-circle': "arrow/repeat-circle.svg";
+        readonly 'arrow-repeat': "arrow/repeat.svg";
+        readonly 'arrow-rotate-left': "arrow/rotate-left.svg";
+        readonly 'arrow-rotate-right': "arrow/rotate-right.svg";
+        readonly 'arrow-send-sqaure-2': "arrow/send-sqaure-2.svg";
+        readonly 'arrow-send-square': "arrow/send-square.svg";
+        readonly 'arrow-send': "arrow/send.svg";
+        readonly 'arrow-undo': "arrow/undo.svg";
+        readonly bank: "building/bank.svg";
+        readonly 'building-3': "building/building-3.svg";
+        readonly 'building-4': "building/building-4.svg";
+        readonly building: "building/building.svg";
+        readonly 'buildings-2': "building/buildings-2.svg";
+        readonly buildings: "building/buildings.svg";
+        readonly buliding: "building/buliding.svg";
+        readonly courthouse: "building/courthouse.svg";
+        readonly hospital: "building/hospital.svg";
+        readonly 'house-2': "building/house-2.svg";
+        readonly house: "building/house.svg";
+        readonly activity: "business/activity.svg";
+        readonly 'chart-1': "business/chart-1.svg";
+        readonly 'chart-2': "business/chart-2.svg";
+        readonly 'chart-21': "business/chart-21.svg";
+        readonly 'chart-fail': "business/chart-fail.svg";
+        readonly 'chart-success': "business/chart-success.svg";
+        readonly chart: "business/chart.svg";
+        readonly diagram: "business/diagram.svg";
+        readonly 'favorite-chart': "business/favorite-chart.svg";
+        readonly graph: "business/graph.svg";
+        readonly hashtag: "business/hashtag.svg";
+        readonly health: "business/health.svg";
+        readonly 'home-hashtag': "business/home-hashtag.svg";
+        readonly 'home-trend-down': "business/home-trend-down.svg";
+        readonly 'home-trend-up': "business/home-trend-up.svg";
+        readonly personalcard: "business/personalcard.svg";
+        readonly 'presention-chart': "business/presention-chart.svg";
+        readonly 'status-up': "business/status-up.svg";
+        readonly 'trend-down': "business/trend-down.svg";
+        readonly 'trend-up': "business/trend-up.svg";
+        readonly 'chevron-down': "chevron/down.svg";
+        readonly 'chevron-left': "chevron/left.svg";
+        readonly 'chevron-right': "chevron/right.svg";
+        readonly 'chevron-up': "chevron/up.svg";
+        readonly 'archive-book': "content-edit/archive-book.svg";
+        readonly bill: "content-edit/bill.svg";
+        readonly 'clipboard-close': "content-edit/clipboard-close.svg";
+        readonly 'clipboard-export': "content-edit/clipboard-export.svg";
+        readonly 'clipboard-import': "content-edit/clipboard-import.svg";
+        readonly 'clipboard-text': "content-edit/clipboard-text.svg";
+        readonly 'clipboard-tick': "content-edit/clipboard-tick.svg";
+        readonly copyright: "content-edit/copyright.svg";
+        readonly 'creative-commons': "content-edit/creative-commons.svg";
+        readonly 'document-cloud': "content-edit/document-cloud.svg";
+        readonly 'document-copy': "content-edit/document-copy.svg";
+        readonly 'document-download': "content-edit/document-download.svg";
+        readonly 'document-favorite': "content-edit/document-favorite.svg";
+        readonly 'document-filter': "content-edit/document-filter.svg";
+        readonly 'document-forward': "content-edit/document-forward.svg";
+        readonly 'document-like': "content-edit/document-like.svg";
+        readonly 'document-normal': "content-edit/document-normal.svg";
+        readonly 'document-previous': "content-edit/document-previous.svg";
+        readonly 'document-sketch': "content-edit/document-sketch.svg";
+        readonly 'document-text-1': "content-edit/document-text-1.svg";
+        readonly 'document-text': "content-edit/document-text.svg";
+        readonly 'document-upload': "content-edit/document-upload.svg";
+        readonly document: "content-edit/document.svg";
+        readonly 'edit-2': "content-edit/edit-2.svg";
+        readonly edit: "content-edit/edit.svg";
+        readonly 'menu-board': "content-edit/menu-board.svg";
+        readonly 'note-1': "content-edit/note-1.svg";
+        readonly 'note-add': "content-edit/note-add.svg";
+        readonly 'note-favorite': "content-edit/note-favorite.svg";
+        readonly 'note-remove': "content-edit/note-remove.svg";
+        readonly 'note-text': "content-edit/note-text.svg";
+        readonly note: "content-edit/note.svg";
+        readonly stickynote: "content-edit/stickynote.svg";
+        readonly 'task-square': "content-edit/task-square.svg";
+        readonly task: "content-edit/task.svg";
+        readonly '3d-cube-scan': "delivery/3d-cube-scan.svg";
+        readonly '3d-rotate': "delivery/3d-rotate.svg";
+        readonly '3d-square': "delivery/3d-square.svg";
+        readonly 'box-1': "delivery/box-1.svg";
+        readonly 'box-add': "delivery/box-add.svg";
+        readonly 'box-remove': "delivery/box-remove.svg";
+        readonly 'box-search': "delivery/box-search.svg";
+        readonly 'box-tick': "delivery/box-tick.svg";
+        readonly 'box-time': "delivery/box-time.svg";
+        readonly box: "delivery/box.svg";
+        readonly 'convert-3d-cube': "delivery/convert-3d-cube.svg";
+        readonly 'truck-fast': "delivery/truck-fast.svg";
+        readonly 'truck-remove': "delivery/truck-remove.svg";
+        readonly 'truck-tick': "delivery/truck-tick.svg";
+        readonly 'truck-time': "delivery/truck-time.svg";
+        readonly truck: "delivery/truck.svg";
+        readonly 'folder-2': "files/folder-2.svg";
+        readonly 'folder-add': "files/folder-add.svg";
+        readonly 'folder-cloud': "files/folder-cloud.svg";
+        readonly 'folder-cross': "files/folder-cross.svg";
+        readonly 'folder-favorite': "files/folder-favorite.svg";
+        readonly 'folder-minus': "files/folder-minus.svg";
+        readonly 'folder-open': "files/folder-open.svg";
+        readonly folder: "files/folder.svg";
+        readonly 'arrow-square': "location/arrow-square.svg";
+        readonly arrow: "location/arrow.svg";
+        readonly 'direct-down': "location/direct-down.svg";
+        readonly 'direct-left': "location/direct-left.svg";
+        readonly 'direct-right': "location/direct-right.svg";
+        readonly 'direct-up': "location/direct-up.svg";
+        readonly discover: "location/discover.svg";
+        readonly 'global-edit': "location/global-edit.svg";
+        readonly 'global-refresh': "location/global-refresh.svg";
+        readonly 'global-search': "location/global-search.svg";
+        readonly global: "location/global.svg";
+        readonly 'gps-slash': "location/gps-slash.svg";
+        readonly gps: "location/gps.svg";
+        readonly 'location-add': "location/location-add.svg";
+        readonly 'location-cross': "location/location-cross.svg";
+        readonly 'location-minus': "location/location-minus.svg";
+        readonly 'location-slash': "location/location-slash.svg";
+        readonly 'location-tick': "location/location-tick.svg";
+        readonly location: "location/location.svg";
+        readonly 'map-1': "location/map-1.svg";
+        readonly map: "location/map.svg";
+        readonly 'picture-frame': "location/picture-frame.svg";
+        readonly 'radar-2': "location/radar-2.svg";
+        readonly radar: "location/radar.svg";
+        readonly 'route-square': "location/route-square.svg";
+        readonly 'routing-2': "location/routing-2.svg";
+        readonly routing: "location/routing.svg";
+        readonly 'device-message': "messages/device-message.svg";
+        readonly 'direct-inbox': "messages/direct-inbox.svg";
+        readonly 'direct-normal': "messages/direct-normal.svg";
+        readonly 'direct-notification': "messages/direct-notification.svg";
+        readonly 'direct-send': "messages/direct-send.svg";
+        readonly direct: "messages/direct.svg";
+        readonly 'directbox-default': "messages/directbox-default.svg";
+        readonly 'directbox-notif': "messages/directbox-notif.svg";
+        readonly 'directbox-receive': "messages/directbox-receive.svg";
+        readonly 'directbox-send': "messages/directbox-send.svg";
+        readonly 'message-2': "messages/message-2.svg";
+        readonly 'message-add-1': "messages/message-add-1.svg";
+        readonly 'message-add': "messages/message-add.svg";
+        readonly 'message-circle': "messages/message-circle.svg";
+        readonly 'message-edit': "messages/message-edit.svg";
+        readonly 'message-favorite': "messages/message-favorite.svg";
+        readonly 'message-minus': "messages/message-minus.svg";
+        readonly 'message-notif': "messages/message-notif.svg";
+        readonly 'message-remove': "messages/message-remove.svg";
+        readonly 'message-search': "messages/message-search.svg";
+        readonly 'message-square': "messages/message-square.svg";
+        readonly 'message-text-1': "messages/message-text-1.svg";
+        readonly 'message-text': "messages/message-text.svg";
+        readonly 'message-tick': "messages/message-tick.svg";
+        readonly 'message-time': "messages/message-time.svg";
+        readonly message: "messages/message.svg";
+        readonly 'messages-1': "messages/messages-1.svg";
+        readonly 'messages-2': "messages/messages-2.svg";
+        readonly 'messages-3': "messages/messages-3.svg";
+        readonly messages: "messages/messages.svg";
+        readonly 'sms-edit': "messages/sms-edit.svg";
+        readonly 'sms-notification': "messages/sms-notification.svg";
+        readonly 'sms-search': "messages/sms-search.svg";
+        readonly 'sms-star': "messages/sms-star.svg";
+        readonly 'sms-tracking': "messages/sms-tracking.svg";
+        readonly sms: "messages/sms.svg";
+        readonly 'money-archive': "money/archive.svg";
+        readonly 'card-add': "money/card-add.svg";
+        readonly 'card-edit': "money/card-edit.svg";
+        readonly 'card-pos': "money/card-pos.svg";
+        readonly 'card-receive': "money/card-receive.svg";
+        readonly 'card-remove-1': "money/card-remove-1.svg";
+        readonly 'card-remove': "money/card-remove.svg";
+        readonly 'card-send': "money/card-send.svg";
+        readonly 'card-slash': "money/card-slash.svg";
+        readonly 'card-tick-1': "money/card-tick-1.svg";
+        readonly 'card-tick': "money/card-tick.svg";
+        readonly card: "money/card.svg";
+        readonly cards: "money/cards.svg";
+        readonly 'chart-square': "money/chart-square.svg";
+        readonly 'coin-1': "money/coin-1.svg";
+        readonly coin: "money/coin.svg";
+        readonly 'convert-card': "money/convert-card.svg";
+        readonly 'discount-circle': "money/discount-circle.svg";
+        readonly 'discount-shape': "money/discount-shape.svg";
+        readonly 'money-document': "money/document.svg";
+        readonly 'dollar-circle': "money/dollar-circle.svg";
+        readonly 'dollar-square': "money/dollar-square.svg";
+        readonly 'empty-wallet-add': "money/empty-wallet-add.svg";
+        readonly 'empty-wallet-change': "money/empty-wallet-change.svg";
+        readonly 'empty-wallet-remove': "money/empty-wallet-remove.svg";
+        readonly 'empty-wallet-tick': "money/empty-wallet-tick.svg";
+        readonly 'empty-wallet-time': "money/empty-wallet-time.svg";
+        readonly 'empty-wallet': "money/empty-wallet.svg";
+        readonly math: "money/math.svg";
+        readonly 'money-2': "money/money-2.svg";
+        readonly 'money-3': "money/money-3.svg";
+        readonly 'money-4': "money/money-4.svg";
+        readonly 'money-add': "money/money-add.svg";
+        readonly 'money-change': "money/money-change.svg";
+        readonly 'money-forbidden': "money/money-forbidden.svg";
+        readonly 'money-recive': "money/money-recive.svg";
+        readonly 'money-remove': "money/money-remove.svg";
+        readonly 'money-send': "money/money-send.svg";
+        readonly 'money-tick': "money/money-tick.svg";
+        readonly 'money-time': "money/money-time.svg";
+        readonly money: "money/money.svg";
+        readonly moneys: "money/moneys.svg";
+        readonly 'percentage-circle': "money/percentage-circle.svg";
+        readonly 'percentage-square': "money/percentage-square.svg";
+        readonly 'receipt-2-1': "money/receipt-2-1.svg";
+        readonly 'receipt-2': "money/receipt-2.svg";
+        readonly 'receipt-add': "money/receipt-add.svg";
+        readonly 'receipt-discount': "money/receipt-discount.svg";
+        readonly 'receipt-disscount': "money/receipt-disscount.svg";
+        readonly 'receipt-edit': "money/receipt-edit.svg";
+        readonly 'receipt-item': "money/receipt-item.svg";
+        readonly 'receipt-minus': "money/receipt-minus.svg";
+        readonly 'receipt-search': "money/receipt-search.svg";
+        readonly 'receipt-text': "money/receipt-text.svg";
+        readonly receipt: "money/receipt.svg";
+        readonly 'security-card': "money/security-card.svg";
+        readonly 'strongbox-2': "money/strongbox-2.svg";
+        readonly strongbox: "money/strongbox.svg";
+        readonly 'tag-2': "money/tag-2.svg";
+        readonly tag: "money/tag.svg";
+        readonly 'ticket-2': "money/ticket-2.svg";
+        readonly 'ticket-discount': "money/ticket-discount.svg";
+        readonly 'ticket-expired': "money/ticket-expired.svg";
+        readonly 'ticket-star': "money/ticket-star.svg";
+        readonly ticket: "money/ticket.svg";
+        readonly 'transaction-minus': "money/transaction-minus.svg";
+        readonly 'wallet-1': "money/wallet-1.svg";
+        readonly 'wallet-2': "money/wallet-2.svg";
+        readonly 'wallet-3': "money/wallet-3.svg";
+        readonly 'wallet-add': "money/wallet-add.svg";
+        readonly 'wallet-check': "money/wallet-check.svg";
+        readonly 'wallet-minus': "money/wallet-minus.svg";
+        readonly 'wallet-money': "money/wallet-money.svg";
+        readonly 'wallet-remove': "money/wallet-remove.svg";
+        readonly 'wallet-search': "money/wallet-search.svg";
+        readonly 'wallet-to-add': "money/wallet-to-add.svg";
+        readonly wallet: "money/wallet.svg";
+        readonly 'add-circle': "navigation/add-circle.svg";
+        readonly 'add-square': "navigation/add-square.svg";
+        readonly add: "navigation/add.svg";
+        readonly 'navigation-archive': "navigation/archive.svg";
+        readonly autobrightness: "navigation/autobrightness.svg";
+        readonly 'box-2': "navigation/box-2.svg";
+        readonly broom: "navigation/broom.svg";
+        readonly bubble: "navigation/bubble.svg";
+        readonly check: "navigation/check.svg";
+        readonly 'close-circle': "navigation/close-circle.svg";
+        readonly 'close-square': "navigation/close-square.svg";
+        readonly computing: "navigation/computing.svg";
+        readonly crown: "navigation/crown.svg";
+        readonly cup: "navigation/cup.svg";
+        readonly danger: "navigation/danger.svg";
+        readonly diamonds: "navigation/diamonds.svg";
+        readonly 'navigation-discover': "navigation/discover.svg";
+        readonly dot: "navigation/dot.svg";
+        readonly 'filter-add': "navigation/filter-add.svg";
+        readonly 'filter-edit': "navigation/filter-edit.svg";
+        readonly 'filter-remove': "navigation/filter-remove.svg";
+        readonly 'filter-search': "navigation/filter-search.svg";
+        readonly 'filter-square': "navigation/filter-square.svg";
+        readonly 'filter-tick': "navigation/filter-tick.svg";
+        readonly filter: "navigation/filter.svg";
+        readonly 'flag-2': "navigation/flag-2.svg";
+        readonly flag: "navigation/flag.svg";
+        readonly 'flash-circle': "navigation/flash-circle.svg";
+        readonly 'flash-slash': "navigation/flash-slash.svg";
+        readonly flash: "navigation/flash.svg";
+        readonly 'forbidden-2': "navigation/forbidden-2.svg";
+        readonly forbidden: "navigation/forbidden.svg";
+        readonly glass: "navigation/glass.svg";
+        readonly happyemoji: "navigation/happyemoji.svg";
+        readonly 'home-2': "navigation/home-2.svg";
+        readonly 'home-wifi': "navigation/home-wifi.svg";
+        readonly home: "navigation/home.svg";
+        readonly 'info-circle': "navigation/info-circle.svg";
+        readonly information: "navigation/information.svg";
+        readonly judge: "navigation/judge.svg";
+        readonly lamp: "navigation/lamp.svg";
+        readonly level: "navigation/level.svg";
+        readonly menu: "navigation/menu.svg";
+        readonly 'minus-cirlce': "navigation/minus-cirlce.svg";
+        readonly 'minus-square': "navigation/minus-square.svg";
+        readonly minus: "navigation/minus.svg";
+        readonly mirror: "navigation/mirror.svg";
+        readonly 'more-circle': "navigation/more-circle.svg";
+        readonly 'more-square': "navigation/more-square.svg";
+        readonly 'mouse-circle': "navigation/mouse-circle.svg";
+        readonly 'mouse-square': "navigation/mouse-square.svg";
+        readonly pet: "navigation/pet.svg";
+        readonly ranking: "navigation/ranking.svg";
+        readonly reserve: "navigation/reserve.svg";
+        readonly 'send-2': "navigation/send-2.svg";
+        readonly send: "navigation/send.svg";
+        readonly share: "navigation/share.svg";
+        readonly signpost: "navigation/signpost.svg";
+        readonly slash: "navigation/slash.svg";
+        readonly sort: "navigation/sort.svg";
+        readonly sound: "navigation/sound.svg";
+        readonly status: "navigation/status.svg";
+        readonly sticker: "navigation/sticker.svg";
+        readonly 'tag-cross': "navigation/tag-cross.svg";
+        readonly 'tag-right': "navigation/tag-right.svg";
+        readonly 'tick-circle': "navigation/tick-circle.svg";
+        readonly 'tick-square': "navigation/tick-square.svg";
+        readonly trash: "navigation/trash.svg";
+        readonly tree: "navigation/tree.svg";
+        readonly triangle: "navigation/triangle.svg";
+        readonly 'trush-square': "navigation/trush-square.svg";
+        readonly verify: "navigation/verify.svg";
+        readonly 'warning-2': "navigation/warning-2.svg";
+        readonly 'wifi-square': "navigation/wifi-square.svg";
+        readonly wifi: "navigation/wifi.svg";
+        readonly 'lamp-charge': "notifications/lamp-charge.svg";
+        readonly 'lamp-on': "notifications/lamp-on.svg";
+        readonly 'lamp-slash': "notifications/lamp-slash.svg";
+        readonly 'notification-1': "notifications/notification-1.svg";
+        readonly 'notification-bing': "notifications/notification-bing.svg";
+        readonly 'notification-favorite': "notifications/notification-favorite.svg";
+        readonly 'notification-status': "notifications/notification-status.svg";
+        readonly notification: "notifications/notification.svg";
+        readonly dislike: "reactions/dislike.svg";
+        readonly 'heart-slash': "reactions/heart-slash.svg";
+        readonly heart: "reactions/heart.svg";
+        readonly 'like-shapes': "reactions/like-shapes.svg";
+        readonly like: "reactions/like.svg";
+        readonly 'magic-star': "reactions/magic-star.svg";
+        readonly 'medal-star': "reactions/medal-star.svg";
+        readonly medal: "reactions/medal.svg";
+        readonly 'message-question': "reactions/message-question.svg";
+        readonly 'reactions-ranking': "reactions/ranking.svg";
+        readonly 'star-1': "reactions/star-1.svg";
+        readonly 'star-slash': "reactions/star-slash.svg";
+        readonly star: "reactions/star.svg";
+        readonly 'search-normal': "search/search-normal.svg";
+        readonly 'search-status': "search/search-status.svg";
+        readonly 'search-zoom-in': "search/search-zoom-in.svg";
+        readonly 'search-zoom-out': "search/search-zoom-out.svg";
+        readonly alarm: "security/alarm.svg";
+        readonly 'security-check': "security/check.svg";
+        readonly 'eye-slash': "security/eye-slash.svg";
+        readonly eye: "security/eye.svg";
+        readonly 'finger-cricle': "security/finger-cricle.svg";
+        readonly 'finger-scan': "security/finger-scan.svg";
+        readonly frame: "security/frame.svg";
+        readonly 'key-square': "security/key-square.svg";
+        readonly key: "security/key.svg";
+        readonly 'lock-1': "security/lock-1.svg";
+        readonly 'lock-circle': "security/lock-circle.svg";
+        readonly 'lock-slash': "security/lock-slash.svg";
+        readonly lock: "security/lock.svg";
+        readonly 'password-check': "security/password-check.svg";
+        readonly 'security-radar': "security/radar.svg";
+        readonly 'scan-barcode': "security/scan-barcode.svg";
+        readonly scan: "security/scan.svg";
+        readonly scanner: "security/scanner.svg";
+        readonly scanning: "security/scanning.svg";
+        readonly 'security-safe': "security/security-safe.svg";
+        readonly 'security-user': "security/security-user.svg";
+        readonly security: "security/security.svg";
+        readonly 'shield-cross': "security/shield-cross.svg";
+        readonly 'shield-search': "security/shield-search.svg";
+        readonly 'shield-slash': "security/shield-slash.svg";
+        readonly 'shield-tick': "security/shield-tick.svg";
+        readonly shield: "security/shield.svg";
+        readonly unlock: "security/unlock.svg";
+        readonly 'candle-2': "settings/candle-2.svg";
+        readonly candle: "settings/candle.svg";
+        readonly category: "settings/category.svg";
+        readonly 'more-2': "settings/more-2.svg";
+        readonly more: "settings/more.svg";
+        readonly 'setting-2': "settings/setting-2.svg";
+        readonly 'setting-3': "settings/setting-3.svg";
+        readonly 'setting-4': "settings/setting-4.svg";
+        readonly 'setting-5': "settings/setting-5.svg";
+        readonly setting: "settings/setting.svg";
+        readonly 'calendar-edit': "time/calendar-edit.svg";
+        readonly 'calendar-search': "time/calendar-search.svg";
+        readonly calendar: "time/calendar.svg";
+        readonly clock: "time/clock.svg";
+        readonly 'security-time': "time/security-time.svg";
+        readonly 'timer-pause': "time/timer-pause.svg";
+        readonly 'timer-start': "time/timer-start.svg";
+        readonly timer: "time/timer.svg";
+        readonly 'airplane-square': "transport/airplane-square.svg";
+        readonly airplane: "transport/airplane.svg";
+        readonly bus: "transport/bus.svg";
+        readonly car: "transport/car.svg";
+        readonly driving: "transport/driving.svg";
+        readonly 'gas-station': "transport/gas-station.svg";
+        readonly ship: "transport/ship.svg";
+        readonly 'smart-car': "transport/smart-car.svg";
+        readonly user: "users/User.svg";
+        readonly people: "users/people.svg";
+        readonly 'profile-2user': "users/profile-2user.svg";
+        readonly 'profile-add': "users/profile-add.svg";
+        readonly 'profile-circle': "users/profile-circle.svg";
+        readonly 'profile-delete': "users/profile-delete.svg";
+        readonly 'profile-remove': "users/profile-remove.svg";
+        readonly 'profile-tick': "users/profile-tick.svg";
+        readonly 'tag-user': "users/tag-user.svg";
+        readonly 'user-add': "users/user-add.svg";
+        readonly 'user-cirlce-add': "users/user-cirlce-add.svg";
+        readonly 'user-edit': "users/user-edit.svg";
+        readonly 'user-minus': "users/user-minus.svg";
+        readonly 'user-octagon': "users/user-octagon.svg";
+        readonly 'user-remove': "users/user-remove.svg";
+        readonly 'user-search': "users/user-search.svg";
+        readonly 'user-square': "users/user-square.svg";
+        readonly 'user-tag': "users/user-tag.svg";
+        readonly 'user-tick': "users/user-tick.svg";
+    };
+    byCategory: {
+        readonly archive: readonly ["archive-add", "archive-minus", "archive-slash", "archive-tick", "archive", "book-saved", "book-square", "receipt-square", "save-2", "save-add", "save-minus", "save-remove"];
+        readonly arrow: readonly ["arrow-arrange-circle-2", "arrow-arrange-circle", "arrow-arrange-square-2", "arrow-arrange-square", "arrow-2", "arrow-3", "arrow-bottom", "arrow-circle-down", "arrow-circle-left", "arrow-circle-right", "arrow-circle-up", "arrow-down-1", "arrow-down", "arrow-left-1", "arrow-left-2", "arrow-left", "arrow-right-1", "arrow-right-2", "arrow-right-3", "arrow-right", "arrow-square-down", "arrow-square-left", "arrow-square-up", "arrow-swap-horizontal", "arrow-swap", "arrow-up-1", "arrow-up-2", "arrow-up", "arrow-back-square", "arrow-convert", "arrow-export-1", "arrow-export-2", "arrow-export-3", "arrow-export", "arrow-forward-square", "arrow-frame", "arrow-import-1", "arrow-import-2", "arrow-import", "arrow-login-1", "arrow-login", "arrow-logout-1", "arrow-logout", "arrow-receive-square-2", "arrow-receive-square", "arrow-received", "arrow-redo", "arrow-refresh-2", "arrow-refresh-circle", "arrow-refresh-left-square", "arrow-refresh-right-square", "arrow-refresh-square-2", "arrow-refresh", "arrow-repeat-circle", "arrow-repeat", "arrow-rotate-left", "arrow-rotate-right", "arrow-send-sqaure-2", "arrow-send-square", "arrow-send", "arrow-undo"];
+        readonly building: readonly ["bank", "building-3", "building-4", "building", "buildings-2", "buildings", "buliding", "courthouse", "hospital", "house-2", "house"];
+        readonly business: readonly ["activity", "chart-1", "chart-2", "chart-21", "chart-fail", "chart-success", "chart", "diagram", "favorite-chart", "graph", "hashtag", "health", "home-hashtag", "home-trend-down", "home-trend-up", "personalcard", "presention-chart", "status-up", "trend-down", "trend-up"];
+        readonly chevron: readonly ["chevron-down", "chevron-left", "chevron-right", "chevron-up"];
+        readonly 'content-edit': readonly ["archive-book", "bill", "clipboard-close", "clipboard-export", "clipboard-import", "clipboard-text", "clipboard-tick", "copyright", "creative-commons", "document-cloud", "document-copy", "document-download", "document-favorite", "document-filter", "document-forward", "document-like", "document-normal", "document-previous", "document-sketch", "document-text-1", "document-text", "document-upload", "document", "edit-2", "edit", "menu-board", "note-1", "note-add", "note-favorite", "note-remove", "note-text", "note", "stickynote", "task-square", "task"];
+        readonly delivery: readonly ["3d-cube-scan", "3d-rotate", "3d-square", "box-1", "box-add", "box-remove", "box-search", "box-tick", "box-time", "box", "convert-3d-cube", "truck-fast", "truck-remove", "truck-tick", "truck-time", "truck"];
+        readonly files: readonly ["folder-2", "folder-add", "folder-cloud", "folder-cross", "folder-favorite", "folder-minus", "folder-open", "folder"];
+        readonly location: readonly ["arrow-square", "arrow", "direct-down", "direct-left", "direct-right", "direct-up", "discover", "global-edit", "global-refresh", "global-search", "global", "gps-slash", "gps", "location-add", "location-cross", "location-minus", "location-slash", "location-tick", "location", "map-1", "map", "picture-frame", "radar-2", "radar", "route-square", "routing-2", "routing"];
+        readonly messages: readonly ["device-message", "direct-inbox", "direct-normal", "direct-notification", "direct-send", "direct", "directbox-default", "directbox-notif", "directbox-receive", "directbox-send", "message-2", "message-add-1", "message-add", "message-circle", "message-edit", "message-favorite", "message-minus", "message-notif", "message-remove", "message-search", "message-square", "message-text-1", "message-text", "message-tick", "message-time", "message", "messages-1", "messages-2", "messages-3", "messages", "sms-edit", "sms-notification", "sms-search", "sms-star", "sms-tracking", "sms"];
+        readonly money: readonly ["money-archive", "card-add", "card-edit", "card-pos", "card-receive", "card-remove-1", "card-remove", "card-send", "card-slash", "card-tick-1", "card-tick", "card", "cards", "chart-square", "coin-1", "coin", "convert-card", "discount-circle", "discount-shape", "money-document", "dollar-circle", "dollar-square", "empty-wallet-add", "empty-wallet-change", "empty-wallet-remove", "empty-wallet-tick", "empty-wallet-time", "empty-wallet", "math", "money-2", "money-3", "money-4", "money-add", "money-change", "money-forbidden", "money-recive", "money-remove", "money-send", "money-tick", "money-time", "money", "moneys", "percentage-circle", "percentage-square", "receipt-2-1", "receipt-2", "receipt-add", "receipt-discount", "receipt-disscount", "receipt-edit", "receipt-item", "receipt-minus", "receipt-search", "receipt-text", "receipt", "security-card", "strongbox-2", "strongbox", "tag-2", "tag", "ticket-2", "ticket-discount", "ticket-expired", "ticket-star", "ticket", "transaction-minus", "wallet-1", "wallet-2", "wallet-3", "wallet-add", "wallet-check", "wallet-minus", "wallet-money", "wallet-remove", "wallet-search", "wallet-to-add", "wallet"];
+        readonly navigation: readonly ["add-circle", "add-square", "add", "navigation-archive", "autobrightness", "box-2", "broom", "bubble", "check", "close-circle", "close-square", "computing", "crown", "cup", "danger", "diamonds", "navigation-discover", "dot", "filter-add", "filter-edit", "filter-remove", "filter-search", "filter-square", "filter-tick", "filter", "flag-2", "flag", "flash-circle", "flash-slash", "flash", "forbidden-2", "forbidden", "glass", "happyemoji", "home-2", "home-wifi", "home", "info-circle", "information", "judge", "lamp", "level", "menu", "minus-cirlce", "minus-square", "minus", "mirror", "more-circle", "more-square", "mouse-circle", "mouse-square", "pet", "ranking", "reserve", "send-2", "send", "share", "signpost", "slash", "sort", "sound", "status", "sticker", "tag-cross", "tag-right", "tick-circle", "tick-square", "trash", "tree", "triangle", "trush-square", "verify", "warning-2", "wifi-square", "wifi"];
+        readonly notifications: readonly ["lamp-charge", "lamp-on", "lamp-slash", "notification-1", "notification-bing", "notification-favorite", "notification-status", "notification"];
+        readonly original: readonly [];
+        readonly reactions: readonly ["dislike", "heart-slash", "heart", "like-shapes", "like", "magic-star", "medal-star", "medal", "message-question", "reactions-ranking", "star-1", "star-slash", "star"];
+        readonly search: readonly ["search-normal", "search-status", "search-zoom-in", "search-zoom-out"];
+        readonly security: readonly ["alarm", "security-check", "eye-slash", "eye", "finger-cricle", "finger-scan", "frame", "key-square", "key", "lock-1", "lock-circle", "lock-slash", "lock", "password-check", "security-radar", "scan-barcode", "scan", "scanner", "scanning", "security-safe", "security-user", "security", "shield-cross", "shield-search", "shield-slash", "shield-tick", "shield", "unlock"];
+        readonly settings: readonly ["candle-2", "candle", "category", "more-2", "more", "setting-2", "setting-3", "setting-4", "setting-5", "setting"];
+        readonly time: readonly ["calendar-edit", "calendar-search", "calendar", "clock", "security-time", "timer-pause", "timer-start", "timer"];
+        readonly transport: readonly ["airplane-square", "airplane", "bus", "car", "driving", "gas-station", "ship", "smart-car"];
+        readonly users: readonly ["user", "people", "profile-2user", "profile-add", "profile-circle", "profile-delete", "profile-remove", "profile-tick", "tag-user", "user-add", "user-cirlce-add", "user-edit", "user-minus", "user-octagon", "user-remove", "user-search", "user-square", "user-tag", "user-tick"];
+    };
+    variants: {
+        readonly outline: "outline";
+        readonly filled: "filled";
+        readonly duotone: "duotone";
+    };
+    states: {
+        readonly default: "default";
+        readonly hover: "hover";
+        readonly active: "active";
+        readonly disabled: "disabled";
+    };
+    animations: {
+        readonly none: "none";
+        readonly spin: "spin";
+        readonly pulse: "pulse";
+        readonly bounce: "bounce";
+        readonly ping: "ping";
+    };
+    defaultConfig: {
+        size: IconSize;
+        color: IconColor;
+        variant: IconVariant;
+        animation: IconAnimation;
+    };
+    theme: {
+        light: {
+            default: "currentColor";
+            muted: "hsl(var(--muted-foreground))";
+        };
+        dark: {
+            default: "currentColor";
+            muted: "hsl(var(--muted-foreground))";
+        };
+    };
+};
+
+/**
+ * Icon Component - Raya Design System
+ *
+ * A flexible SVG icon component that supports multiple sizes,
+ * colors, animations, and accessibility features.
+ *
+ * Now supports all 479+ icons from the complete icon library.
+ */
+interface IconComponentProps extends Omit<IconProps, 'name'> {
+    name: IconName;
+    size?: IconSize;
+    color?: IconColor;
+    animation?: IconAnimation;
+    className?: string;
+    'aria-label'?: string;
+    'aria-hidden'?: boolean;
+    onClick?: () => void;
+    style?: React__default.CSSProperties;
+}
+declare const Icon: React__default.ForwardRefExoticComponent<IconComponentProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "danger" | "success" | "pending" | "in-progress" | null | undefined;
+    shape?: "rounded" | "circular" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    visual?: "solid" | "dot" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, size, visual, shape, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const tagVariants: (props?: ({
+    variant?: "default" | "danger" | "success" | "warning" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TagProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
+    showBullet?: boolean;
+    onClose?: () => void;
+}
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: string | boolean;
+    helperText?: string;
+    label?: string;
+    required?: boolean;
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface FormProps extends React$1.FormHTMLAttributes<HTMLFormElement> {
+}
+declare const Form: React$1.ForwardRefExoticComponent<FormProps & React$1.RefAttributes<HTMLFormElement>>;
+interface FormFieldProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    error?: boolean;
+}
+declare const FormField: React$1.ForwardRefExoticComponent<FormFieldProps & React$1.RefAttributes<HTMLDivElement>>;
+interface FormLabelProps extends React$1.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+declare const FormLabel: React$1.ForwardRefExoticComponent<FormLabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+interface FormMessageProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+    type?: 'error' | 'helper' | 'success';
+}
+declare const FormMessage: React$1.ForwardRefExoticComponent<FormMessageProps & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const progressBarContainerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface ProgressBarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressBarContainerVariants> {
+    value: number;
+    label?: string;
+    showPercentage?: boolean;
+}
+declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    children: ReactNode;
+}
+declare function Modal({ open, onClose, children }: ModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthLayoutProps {
+    children: ReactNode;
+}
+declare function AuthLayout({ children }: AuthLayoutProps): react_jsx_runtime.JSX.Element;
+
+declare function useModal(initialOpen?: boolean): {
+    open: boolean;
+    openModal: () => void;
+    closeModal: () => void;
+};
+
+type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export { AuthLayout, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Form, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Icon, type IconAnimation, type IconCategory, type IconColor, type IconComponentProps, type IconName, type IconProps, type IconSize, type IconState, type IconVariant, Input, Label, Modal, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type Size, type SpacingToken, type StrokeColorToken, type StrokeDirection, type StrokeToken, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Textarea, type TextareaProps, ThemeProvider, badgeTokens, badgeVariants, classNames, cn, colors, componentStrokes, createStroke, defaultIconConfig, fontFamily, fontSize, fontWeight, generateSpacingCSS, generateStrokesCSS, generateTypographyCSS, getAllIconNames, getIconPath, getIconsByCategory, getSpacing, getSpacingPx, getStroke, getStrokeColor, iconAnimations, iconCategories, iconColors, iconRegistry, iconSizeClasses, iconSizes, iconStates, iconTheme, iconTokens, iconVariants, iconsByCategory, letterSpacing, lineHeight, presets, responsiveStrokes, spacing, spacingPx, spacingStyles, stroke, strokeColors, strokeDirections, strokeStyles, strokeTransitions, tagTokens, tailwindSpacing, tailwindStrokes, typography, typographyVars, useModal, useTheme };