@royaltics/ui 1.0.5 → 1.0.7

package/dist/types/StoriesArguments.js

@@ -0,0 +1,52 @@
+export const ArgumentsComponents = {
+    size: {
+        control: { type: 'select' },
+        options: ['xs', 'sm', 'md', 'lg'],
+        description: 'Size Padding Component',
+    },
+    theme: {
+        control: { type: 'select' },
+        options: ['primary', 'secondary', 'accent', 'success', 'warn', 'danger'],
+        description: 'Theme Colors Banckground and Foreground for Components',
+    },
+    type: {
+        control: { type: 'select' },
+        options: ["text", 'time', "date", "number", "decimal", 'email', 'password', 'month', 'datetime-local',],
+        description: 'Theme Colors Banckground and Foreground for Components',
+    },
+    variant: {
+        control: { type: 'select' },
+        options: ['fill', 'outline'],
+        description: 'Style theme border and background components',
+    },
+    tabIndex: {
+        control: 'number',
+        description: 'Style theme border and background components',
+    },
+    width: {
+        control: { type: 'select' },
+        options: ['full', 'max'],
+        description: 'Style Width and Height COmponent',
+    },
+    loading: { control: 'boolean', description: 'Loading el botón' },
+    disabled: { control: 'boolean', description: 'Deshabilita el botón' },
+    readOnly: {
+        control: 'boolean',
+        description: 'No editable input',
+    },
+};
+export const ArgumentsBase = {
+    size: ArgumentsComponents.size,
+    theme: ArgumentsComponents.theme,
+    variant: ArgumentsComponents.variant,
+    width: ArgumentsComponents.width,
+    tabIndex: ArgumentsComponents.tabIndex,
+};
+export const ArgumentsInputs = {
+    size: ArgumentsComponents.size,
+    variant: ArgumentsComponents.variant,
+    width: ArgumentsComponents.width,
+    tabIndex: ArgumentsComponents.tabIndex,
+    readOnly: ArgumentsComponents.readOnly,
+};
+//# sourceMappingURL=StoriesArguments.js.map

package/dist/types/StoriesArguments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoriesArguments.js","sourceRoot":"","sources":["../../src/types/StoriesArguments.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC7C,IAAI,EAAE;QACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;QACjC,WAAW,EAAE,wBAAwB;KACxC;IACD,KAAK,EAAE;QACH,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;QACxE,WAAW,EAAE,wDAAwD;KACxE;IACD,IAAI,EAAE;QACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE;QACvG,WAAW,EAAE,wDAAwD;KACxE;IACD,OAAO,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;QAC5B,WAAW,EAAE,8CAA8C;KAC9D;IACD,QAAQ,EAAE;QACN,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,8CAA8C;KAC9D;IAED,KAAK,EAAE;QACH,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;QACxB,WAAW,EAAE,kCAAkC;KAClD;IACD,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,kBAAkB,EAAE;IAChE,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,sBAAsB,EAAE;IACrE,QAAQ,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,mBAAmB;KACnC;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAiB;IACvC,IAAI,EAAE,mBAAmB,CAAC,IAAI;IAC9B,KAAK,EAAE,mBAAmB,CAAC,KAAK;IAChC,OAAO,EAAE,mBAAmB,CAAC,OAAO;IACpC,KAAK,EAAE,mBAAmB,CAAC,KAAK;IAChC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;CAEzC,CAAA;AAID,MAAM,CAAC,MAAM,eAAe,GAAiB;IACzC,IAAI,EAAE,mBAAmB,CAAC,IAAI;IAC9B,OAAO,EAAE,mBAAmB,CAAC,OAAO;IACpC,KAAK,EAAE,mBAAmB,CAAC,KAAK;IAChC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;IACtC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;CACzC,CAAA"}

package/dist/types/global.d.ts

@@ -0,0 +1,31 @@
+import { HtmlHTMLAttributes, LegacyRef } from "react";
+export type SizeComponent = 'xs' | 'sm' | 'md' | 'lg';
+export type ThemeComponent = 'primary' | 'secondary' | 'accent' | 'success' | 'warn' | 'danger';
+export type VariantComponent = 'fill' | 'outline';
+export interface ComponentBase {
+    theme?: ThemeComponent;
+    variant?: VariantComponent;
+    size?: SizeComponent;
+    width?: 'full' | 'max';
+    className?: string;
+    style?: HtmlHTMLAttributes<HTMLDivElement>["style"];
+    tabIndex?: number;
+    disabled?: boolean;
+}
+export interface ComponentInputBase {
+    id: string;
+    name?: string;
+    referer?: LegacyRef<any>;
+    lb?: string;
+    variant?: VariantComponent;
+    size?: SizeComponent;
+    width?: 'full' | 'max';
+    className?: string;
+    style?: HtmlHTMLAttributes<HTMLDivElement>["style"];
+    tabIndex?: number;
+    readOnly?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    error?: boolean;
+}
+//# sourceMappingURL=global.d.ts.map

package/dist/types/global.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChG,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,CAAC;AAGlD,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,MAAM,WAAW,kBAAkB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/types/global.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=global.js.map

package/dist/types/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":""}

package/dist/utils/cvmix.d.ts

@@ -0,0 +1,23 @@
+export { default as cn } from 'classnames';
+type BaseVariantConfig = Record<string, string>;
+type NestedVariantLevel = {
+    __base?: string;
+    [key: string]: string | Record<string, string> | undefined;
+};
+type NestedVariantConfig = {
+    __key: string;
+    __base?: string;
+    [key: string]: NestedVariantLevel | string | undefined;
+};
+type CvaMixConfig<T extends Record<string, any>> = {
+    [K in keyof T]?: BaseVariantConfig | NestedVariantConfig;
+};
+type DefaultProps<T extends Record<string, any>> = {
+    [K in keyof T]?: string;
+} & {
+    [key: string]: string;
+};
+export declare function cvaMix<T extends Record<string, any>>(baseClasses: string, config: CvaMixConfig<T>, defaultOptions?: DefaultProps<T>): (mainProps: { [K in keyof T]?: string; }, keyProps?: {
+    [key: string]: string;
+}) => string;
+//# sourceMappingURL=cvmix.d.ts.map

package/dist/utils/cvmix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cvmix.d.ts","sourceRoot":"","sources":["../../src/utils/cvmix.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,YAAY,CAAC;AAG3C,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEhD,KAAK,kBAAkB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CAC9D,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1D,CAAC;AAGF,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KAC9C,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAAG,mBAAmB;CAC3D,CAAC;AAGF,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KAC9C,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM;CAC1B,GAAG;IACA,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAChD,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EACvB,cAAc,GAAE,YAAY,CAAC,CAAC,CAAM,IAIhC,WAAW,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,GAAE,EACtC,WAAU;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAO,KACzC,MAAM,CA8CZ"}

package/dist/utils/cvmix.js

@@ -0,0 +1,46 @@
+import clsx from 'clsx'; // Asegúrate de tener clsx instalado: npm install clsx
+export { default as cn } from 'classnames';
+export function cvaMix(baseClasses, config, defaultOptions = {}) {
+    // La función principal que se retorna para aplicar las variantes
+    return (mainProps, keyProps = {}) => {
+        let classes = [baseClasses];
+        // Iterar sobre las propiedades principales para aplicar las variantes
+        for (const propKey in config) {
+            if (Object.prototype.hasOwnProperty.call(config, propKey)) {
+                const variantConfig = config[propKey];
+                const propValue = mainProps[propKey] || defaultOptions[propKey]; // Valor actual de la prop o valor por defecto
+                if (typeof variantConfig === 'object' && !('__key' in variantConfig)) {
+                    // Es una variante base (ej., 'size')
+                    if (propValue && variantConfig[propValue]) {
+                        classes.push(variantConfig[propValue]);
+                    }
+                }
+                else if (typeof variantConfig === 'object' && '__key' in variantConfig) {
+                    // Es una variante anidada (ej., 'variant')
+                    const nestedConfig = variantConfig;
+                    const nestedPropKey = nestedConfig.__key; // Ej., 'theme'
+                    // Aplicar la base de la variante principal si existe
+                    if (nestedConfig.__base) {
+                        classes.push(nestedConfig.__base);
+                    }
+                    // Verificar si el valor de la prop principal coincide con una de las variantes anidadas (ej., 'filled', 'outline')
+                    if (propValue && typeof nestedConfig[propValue] === 'object') {
+                        const currentNestedLevel = nestedConfig[propValue];
+                        const nestedPropValue = keyProps[nestedPropKey] || defaultOptions[nestedPropKey];
+                        // Aplicar la base del nivel anidado (ej., '__base' de 'filled' o 'outline')
+                        if (currentNestedLevel.__base) {
+                            classes.push(currentNestedLevel.__base);
+                        }
+                        // Aplicar la clase específica del nivel más profundo (ej., 'primary' de 'filled')
+                        if (nestedPropValue && currentNestedLevel[nestedPropValue]) {
+                            classes.push(currentNestedLevel[nestedPropValue]);
+                        }
+                    }
+                }
+            }
+        }
+        // Retorna la cadena de clases combinada por clsx
+        return clsx(...classes);
+    };
+}
+//# sourceMappingURL=cvmix.js.map

package/dist/utils/cvmix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cvmix.js","sourceRoot":"","sources":["../../src/utils/cvmix.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC,CAAC,sDAAsD;AAC/E,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,YAAY,CAAC;AA4B3C,MAAM,UAAU,MAAM,CAClB,WAAmB,EACnB,MAAuB,EACvB,iBAAkC,EAAE;IAEpC,iEAAiE;IACjE,OAAO,CACH,SAAsC,EACtC,WAAsC,EAAE,EAClC,EAAE;QACR,IAAI,OAAO,GAA2B,CAAC,WAAW,CAAC,CAAC;QAEpD,sEAAsE;QACtE,KAAK,MAAM,OAAO,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;gBACxD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;gBACtC,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,8CAA8C;gBAE/G,IAAI,OAAO,aAAa,KAAK,QAAQ,IAAI,CAAC,CAAC,OAAO,IAAI,aAAa,CAAC,EAAE,CAAC;oBACnE,qCAAqC;oBACrC,IAAI,SAAS,IAAK,aAAmC,CAAC,SAAS,CAAC,EAAE,CAAC;wBAC/D,OAAO,CAAC,IAAI,CAAE,aAAmC,CAAC,SAAS,CAAC,CAAC,CAAC;oBAClE,CAAC;gBACL,CAAC;qBAAM,IAAI,OAAO,aAAa,KAAK,QAAQ,IAAI,OAAO,IAAI,aAAa,EAAE,CAAC;oBACvE,2CAA2C;oBAC3C,MAAM,YAAY,GAAG,aAAoC,CAAC;oBAC1D,MAAM,aAAa,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,eAAe;oBAEzD,qDAAqD;oBACrD,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;wBACtB,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;oBACtC,CAAC;oBAED,mHAAmH;oBACnH,IAAI,SAAS,IAAI,OAAO,YAAY,CAAC,SAAS,CAAC,KAAK,QAAQ,EAAE,CAAC;wBAC3D,MAAM,kBAAkB,GAAG,YAAY,CAAC,SAAS,CAAuB,CAAC;wBACzE,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;wBAEjF,4EAA4E;wBAC5E,IAAI,kBAAkB,CAAC,MAAM,EAAE,CAAC;4BAC5B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;wBAC5C,CAAC;wBAED,kFAAkF;wBAClF,IAAI,eAAe,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE,CAAC;4BACzD,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAW,CAAC,CAAC;wBAChE,CAAC;oBACL,CAAC;gBACL,CAAC;YACL,CAAC;QACL,CAAC;QAED,iDAAiD;QACjD,OAAO,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC;IAC5B,CAAC,CAAC;AACN,CAAC"}

package/dist/validators/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validators/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,SAAU,GAAG,cAAa,MAAM,YAGnD,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,MAAM,KAAG,OAEzC,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,GAAG,OAEjC;AAED,eAAO,MAAM,MAAM,UAAW,MAAM,KAAG,OAItC,CAAC;AAGF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,YAIlD,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,MAAM,KAAG,OAGvC,CAAA;AAED,eAAO,MAAM,KAAK,UAAW,MAAM,KAAG,OAGrC,CAAA;AAGD,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,MAAM,EAAE,GAAG,OAAO,MAAM,EAAE,GAAG,OAAO,MAAM,EAAE,CAAC;AACtI,KAAK,KAAK,GAAG;IACT,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,OAAO,GAAG,MAAM,CAAA;KAAE,CAAA;CACnH,CAAA;AAOD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,WAAY,GAAG,eAAe,KAAK,UAAU,GAAG,KAAG,OAyF1E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validators/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,GAAI,MAAM,GAAG,EAAE,YAAW,MAAU,YAGvD,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,KAAG,OAEzC,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,GAAG,OAEjC;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,MAAM,KAAG,OAItC,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,YAIlD,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,OAGvC,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,KAAG,OAGrC,CAAA;AAGD,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,MAAM,EAAE,GAAG,OAAO,MAAM,EAAE,GAAG,OAAO,MAAM,EAAE,CAAC;AACtI,KAAK,KAAK,GAAG;IACT,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,OAAO,GAAG,MAAM,CAAA;KAAE,CAAA;CACnH,CAAA;AAOD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,GAAG,EAAE,aAAa,KAAK,EAAE,QAAQ,GAAG,KAAG,OAyF1E,CAAA"}

package/package.json

@@ -1,75 +1,101 @@
-{
-  "name": "@royaltics/ui",
-  "version": "1.0.5",
-  "private": false,
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./buttons": {
-      "import": "./dist/buttons/index.js",
-      "require": "./dist/buttons/index.cjs",
-      "types": "./dist/buttons/index.d.ts"
-    },
-    "./forms": {
-      "import": "./dist/forms/index.js",
-      "require": "./dist/forms/index.cjs",
-      "types": "./dist/forms/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./dist/hooks/index.js",
-      "require": "./dist/hooks/index.cjs",
-      "types": "./dist/hooks/index.d.ts"
-    },
-    "./reducers": {
-      "import": "./dist/reducers/index.js",
-      "require": "./dist/reducers/index.cjs",
-      "types": "./dist/reducers/index.d.ts"
-    },
-    "./cards": {
-      "import": "./dist/cards/index.js",
-      "require": "./dist/cards/index.cjs",
-      "types": "./dist/cards/index.d.ts"
-    },
-    "./validators": {
-      "import": "./dist/validators/index.js",
-      "require": "./dist/validators/index.cjs",
-      "types": "./dist/validators/index.d.ts"
-    }
-  },
-  "scripts": {
-    "build:ext": "tsc && node fix-extensions.js",
-    "build": "tsc && tsc-alias",
-    "builds": "tsc && pnpm build:cjs && pnpm build:esm",
-    "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
-    "build:esm": "tsc --module ESNext --outDir dist/esm",
-    "prepublishOnly": "npm run build"
-  },
-  "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19",
-    "react-router-dom": "^7.6.3"
-  },
-  "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@types/youtube": "^0.1.0",
-    "tsc-alias": "^1.8.10",
-    "tsup": "^7.0.0",
-    "typescript": "^5.0.0"
-  },
-  "dependencies": {
-    "@heroicons/react": "^2.2.0",
-    "classnames": "^2.5.1",
-    "query-string": "^9.1.1",
-    "react-toastify": "^11.0.3"
-  }
-}
+{
+  "name": "@royaltics/ui",
+  "version": "1.0.7",
+  "private": false,
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./buttons": {
+      "import": "./dist/buttons/index.js",
+      "require": "./dist/buttons/index.cjs",
+      "types": "./dist/buttons/index.d.ts"
+    },
+    "./icons": {
+      "import": "./dist/icons/index.js",
+      "require": "./dist/icons/index.cjs",
+      "types": "./dist/icons/index.d.ts"
+    },
+    "./forms": {
+      "import": "./dist/forms/index.js",
+      "require": "./dist/forms/index.cjs",
+      "types": "./dist/forms/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs",
+      "types": "./dist/hooks/index.d.ts"
+    },
+    "./reducers": {
+      "import": "./dist/reducers/index.js",
+      "require": "./dist/reducers/index.cjs",
+      "types": "./dist/reducers/index.d.ts"
+    },
+    "./cards": {
+      "import": "./dist/cards/index.js",
+      "require": "./dist/cards/index.cjs",
+      "types": "./dist/cards/index.d.ts"
+    },
+    "./validators": {
+      "import": "./dist/validators/index.js",
+      "require": "./dist/validators/index.cjs",
+      "types": "./dist/validators/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build:ext": "tsc && node fix-extensions.js",
+    "build": "tsc && tsc-alias",
+    "builds": "tsc && pnpm build:cjs && pnpm build:esm",
+    "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
+    "build:esm": "tsc --module ESNext --outDir dist/esm",
+    "prepublishOnly": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "react-router-dom": "^6 || ^7",
+    "tailwindcss": "^4"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "9.0.16",
+    "@storybook/addon-onboarding": "9.0.16",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/addon-themes": "^9.0.16",
+    "@storybook/react-vite": "9.0.16",
+    "@types/lodash.isequal": "^4.5.8",
+    "@types/node": "^24.0.12",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/youtube": "^0.1.0",
+    "postcss": "^8.5.6",
+    "react": "^19.1.0",
+    "react-dom": "19.1.0",
+    "react-router-dom": "^7.6.3",
+    "storybook": "9.0.16",
+    "tailwindcss": "^4.1.11",
+    "tsc-alias": "^1.8.16",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3"
+  },
+  "dependencies": {
+    "@heroicons/react": "^2.2.0",
+    "@tailwindcss/postcss": "^4.1.11",
+    "classnames": "^2.5.1",
+    "lodash.isequal": "^4.5.0",
+    "memoize": "^10.1.0",
+    "memoize-one": "^6.0.0",
+    "query-string": "^9.1.1",
+    "react-toastify": "^11.0.3",
+    "uuid": "^11.1.0"
+  }
+}