@royaltics/ui 1.0.4 → 1.0.6

package/dist/forms/Input.js

@@ -1,24 +1,41 @@
 import React from "react";
-const Input = ({ id, lb, type = 'text', decimal = true, onwheel = true, maxLength, placeholder, state, disabled, icon, readOnly, noWrap = true, className, textCenter = false, required, referer, onKeyDown, enter, onEnter, autocomplete, tabIndex, onBlur }) => {
-    const { inputs, setInputs } = state;
+import { cvaMix, cn } from "../utils/cvmix.js";
+import { Variants } from "../constants/Variants.js";
+const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
+    size: Variants.size,
+    variant: {
+        fill: 'bg-input',
+        outline: 'border-input'
+    }
+}, {
+    size: 'xs',
+    width: 'full',
+    variant: 'fill'
+});
+const Input = ({ id, name, size, lb, type = 'text', disableWheel, maxLength, placeholder, state, variant, Icon, readOnly, width, className, textCenter, error, required, referer, enterIcon, autocomplete, tabIndex, onBlur, onKeyDown, onEnter }) => {
+    //const { inputs, setInputs } = state;
+    const [inputs, setInputs] = state;
     const _onKeyDown = (evt) => {
         //validar decimal
-        if (type === 'number' && !decimal && (evt.keyCode == 110 || evt.keyCode == 188 || evt.keyCode == 190)) {
+        if (type !== 'decimal' && (evt.key === '.' || evt.key === ',')) {
             evt.preventDefault();
             return;
         }
-        if (evt.keyCode == 13 && onEnter && !evt.repeat) { //if Enter
+        // Ejecuta la acción al presionar Enter
+        if (evt.key === 'Enter' && onEnter && !evt.repeat) {
             onEnter(evt);
         }
         if (onKeyDown)
             onKeyDown(evt);
     };
-    return (React.createElement("div", { className: "flex flex-col items-stretch justify-start  " + (className ?? '') },
-        lb && React.createElement("label", { htmlFor: id, className: `font-medium text-gray-700 dark:text-gray-200  pb-0.5` + (noWrap ? " text-justify" : "wrap") },
+    return (React.createElement("div", { className: cn("flex flex-col items-stretch justify-start", width == 'full' && 'w-full', className) },
+        lb && React.createElement("label", { htmlFor: id, className: cn(`font-medium text-input-label`) },
             lb,
             ":"),
-        React.createElement("div", { className: `flex flex-row-reverse border dark:border-gray-600 rounded-md items-center ${readOnly ? 'bg-gray-50 dark:bg-gray-600' : 'dark:bg-gray-800 '}` },
-            React.createElement("input", { ref: referer, className: `py-1.5 rounded-md  px-2 w-full ${textCenter ? 'text-center' : ''} outline-none ${readOnly ? 'bg-gray-50 dark:bg-gray-600 dark:text-gray-200' : 'dark:bg-gray-800 dark:text-white'}`, id: id, "aria-autocomplete": autocomplete === "off" ? "none" : "inline", autoComplete: autocomplete, type: type, value: inputs?.[id] || '', placeholder: placeholder || lb, disabled: disabled, readOnly: readOnly, required: required, maxLength: maxLength, onFocus: onwheel ? undefined : (e) => e.target.addEventListener("wheel", function (e) { e.preventDefault(); }, { passive: false }), onKeyDown: _onKeyDown, onBlur: onBlur, onPaste: (event) => {
+        React.createElement("div", { className: cn(`flex flex-row-reverse rounded-md border-1 border-input-border text-input-foreground w-full gap-1 items-center placeholder-input-placeholder  focus:placeholder-input-placeholder`, readOnly && 'opacity-60', error && '!border-danger', classNamesProps({ variant, size })) },
+            React.createElement("input", { ref: referer, className: cn(`w-full outline-none`, textCenter && 'text-center'), id: id, name: name || id, "aria-autocomplete": autocomplete === "off" ? "none" : "inline", autoComplete: autocomplete, type: type === 'decimal' ? 'number' : type, value: inputs?.[id] || '', placeholder: placeholder || lb, 
+                // disabled={readOnly}
+                readOnly: readOnly, required: required, maxLength: maxLength, onFocus: disableWheel ? (e) => e.target.addEventListener("wheel", function (e) { e.preventDefault(); }, { passive: false }) : undefined, onKeyDown: _onKeyDown, onBlur: onBlur, onPaste: (event) => {
                     event.preventDefault();
                     const pastedText = event.clipboardData.getData('text')?.trimEnd();
                     const { selectionStart, selectionEnd, value } = event.target;
@@ -26,10 +43,8 @@ const Input = ({ id, lb, type = 'text', decimal = true, onwheel = true, maxLengt
                     const finalValue = isFullySelected ? pastedText : value.slice(0, selectionStart) + pastedText + value.slice(selectionEnd);
                     // Set the input state with the new value
                     setInputs?.({ [id]: finalValue });
-                }, enterKeyHint: enter, tabIndex: tabIndex, onChange: (e) => {
-                    setInputs?.({ [id]: e.target.value });
-                } }),
-            React.createElement("span", { className: `${icon ? "ml-1 pl-1" : ""} ${disabled ? "text-gray-400 dark:text-gray-800" : "text-gray-700 dark:text-gray-300"}` }, icon))));
+                }, enterKeyHint: enterIcon, tabIndex: tabIndex, onChange: (e) => setInputs?.({ [id]: e.target.value }) }),
+            Icon && React.createElement(Icon, { className: "h-5 w-5" }))));
 };
 export default Input;
 //# sourceMappingURL=Input.js.map

package/dist/forms/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/forms/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/forms/Input.tsx"],"names":[],"mappings":"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"}

package/dist/forms/Input.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { InputProps } from './Input.js';
+declare const meta: {
+    title: string;
+    component: ({ id, name, size, lb, type, disableWheel, maxLength, placeholder, state, variant, Icon, readOnly, width, className, textCenter, error, required, referer, enterIcon, autocomplete, tabIndex, onBlur, onKeyDown, onEnter }: InputProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        disableWheel: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+export declare const InputText: StoryObj<typeof meta>;
+export declare const InputPassword: StoryObj<typeof meta>;
+export declare const InputIcon: StoryObj<typeof meta>;
+export declare const variantInputOutline: StoryObj<typeof meta>;
+//# sourceMappingURL=Input.stories.d.ts.map

package/dist/forms/Input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../src/forms/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK/C,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAckB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,IAAI,CAS3C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,IAAI,CAU/C,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,IAAI,CAS3C,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAQrD,CAAC"}

package/dist/forms/Input.stories.js

@@ -0,0 +1,59 @@
+import Input from './Input.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
+import { ArgumentsInputs } from '../types/StoriesArguments.js';
+import { LockClosedIcon, UserPlusIcon } from '@heroicons/react/16/solid';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Forms/Input', // Categoría y nombre en la barra lateral de Storybook
+    component: Input,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        ...ArgumentsInputs,
+        disableWheel: {
+            control: 'boolean',
+            description: 'No editable input',
+        }
+    }
+};
+export default meta;
+// Historias individuales
+export const InputText = {
+    args: {
+        id: 'email',
+        state: [{ email: 'example' }],
+        lb: 'Correo Electronico',
+        placeholder: 'email@example.com',
+        type: 'text',
+        variant: 'fill'
+    },
+};
+export const InputPassword = {
+    args: {
+        id: '',
+        type: 'password',
+        state: [{}],
+        lb: 'Contraseña',
+        variant: 'fill',
+        Icon: LockClosedIcon
+    },
+};
+export const InputIcon = {
+    args: {
+        id: '',
+        state: [{}],
+        lb: 'Botón Primario',
+        variant: 'fill',
+        Icon: UserPlusIcon
+    },
+};
+export const variantInputOutline = {
+    args: {
+        id: '',
+        state: [{}],
+        lb: 'Botón Primario',
+        variant: 'outline'
+    },
+};
+//# sourceMappingURL=Input.stories.js.map

package/dist/forms/Input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../src/forms/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,YAAY,CAAC,CAAC,+DAA+D;AAC/G,OAAO,EAAsC,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACnG,OAAO,EAAE,cAAc,EAAqB,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE5F,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB,EAAE,sDAAsD;IAC/E,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU,EAAE,oCAAoC;KACzD;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,eAAe;QAClB,YAAY,EAAE;YACZ,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mBAAmB;SACjC;KACF;CACyB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,SAAS,GAA0B;IAC9C,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAC7B,EAAE,EAAE,oBAAoB;QACxB,WAAW,EAAE,mBAAmB;QAChC,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,cAAc;KAErB;CACF,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAA0B;IAC9C,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,YAAY;KAEnB;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,SAAS;KAEnB;CACF,CAAC"}

package/dist/forms/PhotoCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../src/forms/PhotoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,CAAA;AAED,QAAA,MAAM,SAAS,8CAAgE,aAAa,sBA8E3F,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../src/forms/PhotoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,2CAA4D,aAAa,sBA8E3F,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/forms/PlayerYoutube.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerYoutube.d.ts","sourceRoot":"","sources":["../../src/forms/PlayerYoutube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;KACd,CAAC;CACH;AAED,QAAA,MAAM,aAAa,8EAOhB,kBAAkB,sBAuCpB,CAAC;AAEF,eAAgB,aAAa,CAAC"}
+{"version":3,"file":"PlayerYoutube.d.ts","sourceRoot":"","sources":["../../src/forms/PlayerYoutube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;KACd,CAAC;CACH;AAED,QAAA,MAAM,aAAa,GAAI,2EAOpB,kBAAkB,sBAuCpB,CAAC;AAEF,eAAgB,aAAa,CAAC"}

package/dist/forms/RadioButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface CheckBoxType {
+interface CheckboxType {
     id: string;
     value: any;
     lb?: string;
@@ -11,6 +11,6 @@ interface CheckBoxType {
     className?: string;
     inForm?: boolean;
 }
-declare const RadioButton: ({ id, state, lb, readOnly, className, inForm, value }: CheckBoxType) => React.JSX.Element;
+declare const RadioButton: ({ id, state, lb, readOnly, className, inForm, value }: CheckboxType) => React.JSX.Element;
 export default RadioButton;
 //# sourceMappingURL=RadioButton.d.ts.map

package/dist/forms/RadioButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,QAAA,MAAM,WAAW,0DAA2D,YAAY,sBAuBvF,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,QAAA,MAAM,WAAW,GAAI,uDAAuD,YAAY,sBAuBvF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/forms/RadioButton.js

@@ -7,7 +7,7 @@ const RadioButton = ({ id, state, lb, readOnly, className, inForm, value }) => {
         }
     };
     return (React.createElement("div", { className: `font-normal flex items-center space-x-2  cursor-pointer ${readOnly ? 'text-gray-500 dark:text-gray-400' : ''} ${inForm ? 'mt-3' : ''}` },
-        React.createElement("input", { id: "check_" + id + value, onChange: handleClick, type: "radio", className: `appearance-none ${className ?? 'w-4 h-4'} checked:border-white border-2 bg-slate-200 rounded-full cursor-pointer focus:ring-blue-500  checked:bg-sky-650 ring-2 ring-gray-400 checked:ring-sky-700`, checked: inputs[id] == value, disabled: readOnly, name: id }),
+        React.createElement("input", { id: "check_" + id + value, onChange: handleClick, type: "radio", className: `appearance-none ${className ?? 'w-4 h-4'} checked:border-input-border border-2 bg-slate-200 rounded-full cursor-pointer focus:ring-blue-500  checked:bg-sky-650 ring-2 ring-gray-400 checked:ring-sky-700`, checked: inputs[id] == value, disabled: readOnly, name: id }),
         React.createElement("label", { htmlFor: "check_" + id + value, className: "cursor-pointer" }, lb)));
 };
 export default RadioButton;

package/dist/forms/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACrJ,+BAAO,EAAE,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAC9B,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,mBAAmB,SAAS,IAAI,SAAS,2JAA2J,EAC/M,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,GACR;QACF,+BAAO,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,SAAS,EAAC,gBAAgB,IAAE,EAAE,CAAS,CAC1E,CAEP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACrJ,+BAAO,EAAE,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAC9B,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,mBAAmB,SAAS,IAAI,SAAS,kKAAkK,EACtN,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,GACR;QACF,+BAAO,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,SAAS,EAAC,gBAAgB,IAAE,EAAE,CAAS,CAC1E,CAEP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/forms/Select.d.ts

@@ -1,22 +1,15 @@
 import React from "react";
-type InputProps = {
-    id: string;
-    className?: string;
-    state: {
-        inputs: any;
-        setInputs: (data: any) => void;
-    };
-    lb?: string;
-    required?: boolean;
-    disabled?: boolean;
-    referer?: (el: any) => void;
+import { ComponentInputBase } from "../types/global.js";
+export interface SelectProps extends ComponentInputBase {
     data: any[];
     keyText?: string | string[];
     keyValue?: string;
     KeyFindItem?: string;
     padding?: 'small' | 'normal';
     onKeyDown?: (e: any) => void;
-};
-declare const _default: React.MemoExoticComponent<({ lb, state, onKeyDown, data, referer, keyText, keyValue, padding, required, disabled, className, KeyFindItem, id }: InputProps) => JSX.Element>;
+    theme?: 'dark' | 'light';
+    state: [any] | [any, React.Dispatch<any>];
+}
+declare const _default: React.MemoExoticComponent<({ id, lb, state, onKeyDown, data, referer, keyText, keyValue, padding, required, readOnly, className, KeyFindItem, size, variant }: SelectProps) => JSX.Element>;
 export default _default;
 //# sourceMappingURL=Select.d.ts.map

package/dist/forms/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;KAAE,CAAC;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC,CAAA;wKAEqL,UAAU,KAAG,GAAG,CAAC,OAAO;AA2D9M,wBAA4B"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIxD,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACnD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CAC7C;uLAkB4L,WAAW,KAAG,GAAG,CAAC,OAAO;AAqDtN,wBAA4B"}

package/dist/forms/Select.js

@@ -1,36 +1,46 @@
 import React, { memo, useEffect } from "react";
-import cn from 'classnames';
-const Select = ({ lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', padding = 'normal', required = false, disabled = false, className = '', KeyFindItem, id }) => {
-    const { inputs, setInputs } = state;
+import { cn, cvaMix } from "../utils/cvmix.js";
+import { Variants } from "../constants/Variants.js";
+const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
+    size: Variants.size,
+    variant: {
+        fill: 'bg-input-options text-input-foreground',
+        outline: 'text-input-foreground'
+    }
+}, {
+    size: 'xs',
+    width: 'full',
+    variant: 'fill'
+});
+const Select = ({ id, lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', padding = 'normal', required = false, readOnly, className = '', KeyFindItem, size, variant }) => {
+    const [inputs, setInputs] = state;
     const isObject = (item) => typeof item === 'object';
     const _onChange = (evt) => {
         if (KeyFindItem) {
-            const findItem = data.find((item) => item == evt.target.value || item[keyValue] == evt.target.value);
-            setInputs({ [id]: evt.target.value, [KeyFindItem]: findItem });
+            const findItem = data.find((item) => item === evt.target.value || item[keyValue] === evt.target.value);
+            setInputs?.({ [id]: evt.target.value, [KeyFindItem]: findItem });
         }
         else {
-            setInputs({ [id]: evt.target.value });
+            setInputs?.({ [id]: evt.target.value });
         }
     };
     useEffect(() => {
-        /**
-         * Auto Select first Element -> Only if model not contains this key
-         */
         if (!data || data.length == 0 || !id)
             return;
         if (inputs[id] == undefined) {
-            setInputs({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
+            setInputs?.({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
         }
         else {
-            //Not it's undefined but the id not exists
             const exist = data.find((item) => item == inputs[id] || item[keyValue] == inputs[id]);
             if (!exist)
-                setInputs({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
+                setInputs?.({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
         }
     }, [data]);
-    return (React.createElement("div", { className: "flex flex-col " + className },
-        lb && React.createElement("label", { className: 'text-gray-700 dark:text-gray-200 pb-0.5' }, lb),
-        React.createElement("select", { ref: referer, required: required, disabled: disabled, title: 'Escoja una Opcion', name: id, onKeyDown: onKeyDown, value: inputs && inputs[id] != undefined ? inputs[id] : '', onChange: _onChange, className: cn('appearance-none custom cursor-pointer rounded-md h-auto w-full border outline-none focus:border-1 bg-white dark:bg-gray-800/50 dark:border-gray-600 disabled:bg-gray-100 focus:border-sky-600', disabled ? 'dark:disabled:bg-gray-600 dark:disabled:text-white' : 'bg-gray-50 dark:bg-gray-800 dark:text-white dark:focus:bg-slate-900 dark:focus:border-sky-650 ', padding === 'small' ? ' py-0.5 px-1 ' : 'px-1.5 py-1.5') }, data && data.map((item, index) => (React.createElement("option", { key: index, value: isObject(item) ? item[keyValue] : item, className: 'py-1.5 cursor-pointer' }, isObject(item) ? (Array.isArray(keyText) ? item[keyText[0]] + ' - ' + item[keyText[1]] : item[keyText]) : item))))));
+    return (React.createElement("div", { className: cn("flex flex-col items-stretch justify-start", className) },
+        lb && React.createElement("label", { htmlFor: id, className: cn(`font-medium text-input-label`) },
+            lb,
+            ":"),
+        React.createElement("select", { ref: referer, required: required, disabled: readOnly, title: 'Escoja una Opción', name: id, onKeyDown: onKeyDown, value: inputs?.[id] !== undefined ? inputs[id] : '', onChange: _onChange, className: cn('appearance-none custom cursor-pointer rounded-md h-auto w-full border-1 border-input-border outline-none', classNamesProps({ variant, size })) }, data && data.map((item, index) => (React.createElement("option", { key: index, value: isObject(item) ? item[keyValue] : item, className: 'py-1.5 bg-input-options' }, isObject(item) ? (Array.isArray(keyText) ? `${item[keyText[0]]} - ${item[keyText[1]]}` : item[keyText]) : item))))));
 };
 export default memo(Select);
 //# sourceMappingURL=Select.js.map

package/dist/forms/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"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"}

package/dist/forms/Select.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { SelectProps } from './Select.js';
+declare const meta: {
+    title: string;
+    component: import("react").MemoExoticComponent<({ id, lb, state, onKeyDown, data, referer, keyText, keyValue, padding, required, readOnly, className, KeyFindItem, size, variant }: SelectProps) => JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        [x: string]: any;
+    };
+};
+export default meta;
+export declare const SelectText: StoryObj<typeof meta>;
+export declare const variantSelectOutline: StoryObj<typeof meta>;
+//# sourceMappingURL=Select.stories.d.ts.map

package/dist/forms/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/forms/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,IAAI;;;;;;;;;;CAUmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAS5C,CAAC;AAKF,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAStD,CAAC"}

package/dist/forms/Select.stories.js

@@ -0,0 +1,36 @@
+import Select from './Select.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
+import { ArgumentsInputs } from '../types/StoriesArguments.js';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Forms/Select', // Categoría y nombre en la barra lateral de Storybook
+    component: Select,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        ...ArgumentsInputs,
+    }
+};
+export default meta;
+// Historias individuales
+export const SelectText = {
+    args: {
+        id: 'email',
+        data: [{ id: 1, names: "Opcion 1" }, { id: 2, names: "Opcion 2" }, { id: 3, names: "Opcion 3" }],
+        state: [{ email: 'example' }],
+        lb: 'Opciones',
+        placeholder: 'email@example.com',
+        variant: 'fill'
+    },
+};
+export const variantSelectOutline = {
+    args: {
+        id: '',
+        state: [{}],
+        data: [{ id: 1, names: "Opcion 1" }, { id: 2, names: "Opcion 2" }, { id: 3, names: "Opcion 3" }],
+        lb: 'Opciones',
+        variant: 'outline'
+    },
+};
+//# sourceMappingURL=Select.stories.js.map

package/dist/forms/Select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../src/forms/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAuB,MAAM,aAAa,CAAC,CAAC,+DAA+D;AAClH,OAAO,EAAsC,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEnG,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB,EAAE,sDAAsD;IAChF,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU,EAAE,oCAAoC;KACzD;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,eAAe;KACnB;CAC0B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,UAAU,GAA0B;IAC/C,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QAChG,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAC7B,EAAE,EAAE,UAAU;QACd,WAAW,EAAE,mBAAmB;QAChC,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,CAAC,EAAE,CAAC;QACZ,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QAC/F,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,SAAS;KAEnB;CACF,CAAC"}

package/dist/forms/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/forms/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,QAAQ,wGAA4G,SAAS,sBAgClI,CAAA;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/forms/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,qGAAwG,SAAS,sBAgClI,CAAA;AAED,eAAe,QAAQ,CAAC"}

package/dist/forms/ToggleSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/forms/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,iBAAiB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CAE3D;AAED,QAAA,MAAM,YAAY,sBAAuB,iBAAiB,sBAqBzD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/forms/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,iBAAiB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CAE3D;AAED,QAAA,MAAM,YAAY,GAAI,mBAAmB,iBAAiB,sBAqBzD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./useHttpState.js";
-export * from "./useNavigatorOnline.js";
-export * from "./useRouter.js";
+export { default as useHttpState } from "./useHttpState.js";
+export { default as useNavigatorOnLine } from "./useNavigatorOnline.js";
+export { default as useRouter } from "./useRouter.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/index.js

@@ -1,4 +1,4 @@
-export * from "./useHttpState.js";
-export * from "./useNavigatorOnline.js";
-export * from "./useRouter.js";
+export { default as useHttpState } from "./useHttpState.js";
+export { default as useNavigatorOnLine } from "./useNavigatorOnline.js";
+export { default as useRouter } from "./useRouter.js";
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useHttpState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHttpState.d.ts","sourceRoot":"","sources":["../../src/hooks/useHttpState.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,OAAO,CAAC,EAAE;QACT,aAAa,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACjD;AAED,UAAU,cAAe,SAAQ,qBAAqB;IACrD,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACvB;AAID,UAAU,mBAAmB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,YAAY,aAAc,mBAAmB;;gBAyFrC,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;iBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;qBAC7C,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;eACvD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;gBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,cAAc;CAEvD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"useHttpState.d.ts","sourceRoot":"","sources":["../../src/hooks/useHttpState.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,OAAO,CAAC,EAAE;QACT,aAAa,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACjD;AAED,UAAU,cAAe,SAAQ,qBAAqB;IACrD,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACvB;AAID,UAAU,mBAAmB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,YAAY,GAAI,UAAU,mBAAmB;;gBAyFrC,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;iBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;qBAC7C,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;eACvD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;gBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,cAAc;CAEvD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/hooks/useRouter.d.ts

@@ -2,8 +2,8 @@ export default function useRouter(): {
     pathname: string;
     query: any;
     params: Readonly<import("react-router-dom").Params<string>>;
-    setSearchParams: import("react-router").SetURLSearchParams;
-    push: import("react-router").NavigateFunction;
+    setSearchParams: import("react-router-dom").SetURLSearchParams;
+    push: import("react-router-dom").NavigateFunction;
     refresh: () => void;
 };
 //# sourceMappingURL=useRouter.d.ts.map

package/dist/icons/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@heroicons/react/24/solid';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AACA,cAAc,2BAA2B,CAAC"}

package/dist/icons/index.js

@@ -0,0 +1,3 @@
+//Heoricons
+export * from '@heroicons/react/24/solid';
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,cAAc,2BAA2B,CAAC"}

package/dist/index.d.ts

@@ -1,10 +1,5 @@
 import { toast, ToastContainer } from "react-toastify";
-export { toast, ToastContainer };
 import "react-toastify/dist/ReactToastify.css";
-export * from '@heroicons/react/24/solid';
-export * from "./forms/index.js";
-export * from "./buttons/index.js";
-export * from "./cards/index.js";
-export * from "./reducers/index.js";
-export * from "./hooks/index.js";
+import { v4 as uuidv4 } from 'uuid';
+export { toast, ToastContainer, uuidv4 };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACjC,OAAO,uCAAuC,CAAC;AAG/C,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC"}

package/dist/index.js

@@ -1,15 +1,5 @@
 import { toast, ToastContainer } from "react-toastify";
-export { toast, ToastContainer };
 import "react-toastify/dist/ReactToastify.css";
-//Heoricons
-export * from '@heroicons/react/24/solid';
-export * from "./forms/index.js";
-export * from "./buttons/index.js";
-export * from "./cards/index.js";
-export * from "./reducers/index.js";
-export * from "./hooks/index.js";
-//export { default as Checkbox } from "./forms/Checkbox.js";
-//export { default as Button } from "./buttons/Button.js";
-//export * as IconsOutline from '@heroicons/react/24/outline';
-//export * from "./components";
+import { v4 as uuidv4 } from 'uuid';
+export { toast, ToastContainer, uuidv4 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACjC,OAAO,uCAAuC,CAAC;AAE/C,WAAW;AACX,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,4DAA4D;AAC5D,0DAA0D;AAE1D,8DAA8D;AAG9D,+BAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/reducers/index.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,CAAC,QAAQ,kBAAkB,CAAC,CAAC,CAAC,KAAG,CAMlE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/reducers/index.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,KAAG,CAMlE,CAAC"}

package/dist/stories/Button.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './button.css';
+export interface ButtonProps {
+    /** Is this the principal call to action on the page? */
+    primary?: boolean;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size?: 'small' | 'medium' | 'large';
+    /** Button contents */
+    label: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+/** Primary UI component for user interaction */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/stories/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gDAAgD;AAChD,eAAO,MAAM,MAAM,GAAI,qDAMpB,WAAW,sBAYb,CAAC"}

package/dist/stories/Button.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './button.css';
+/** Primary UI component for user interaction */
+export const Button = ({ primary = false, size = 'medium', backgroundColor, label, ...props }) => {
+    const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+    return (React.createElement("button", { type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor }, ...props }, label));
+};
+//# sourceMappingURL=Button.js.map

package/dist/stories/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAetB,gDAAgD;AAChD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,eAAe,EACf,KAAK,EACL,GAAG,KAAK,EACI,EAAE,EAAE;IAChB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B,CAAC;IACnF,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5E,KAAK,EAAE,EAAE,eAAe,EAAE,KACtB,KAAK,IAER,KAAK,CACC,CACV,CAAC;AACJ,CAAC,CAAC"}