@royaltics/ui 1.0.5 → 1.0.7

package/dist/forms/Input.d.ts

@@ -1,31 +1,20 @@
-import React, { LegacyRef } from "react";
-type InputType = {
-    id: string;
-    lb?: string;
+import React from "react";
+import { ComponentInputBase } from "../types/global.js";
+type InputType = "text" | 'time' | "date" | "number" | "decimal" | 'email' | 'password' | 'month' | 'datetime-local';
+export interface InputProps extends ComponentInputBase {
     noWrap?: boolean;
-    type?: "text" | "hidden" | 'time' | "date" | "number" | 'email' | 'password' | 'month' | 'datetime-local';
-    placeholder?: string;
-    state: {
-        inputs: any;
-        setInputs?: React.Dispatch<any>;
-    };
-    disabled?: boolean;
-    readOnly?: boolean;
-    className?: string;
-    icon?: any;
+    type?: InputType;
+    enterIcon?: "search" | "go" | "enter" | "done" | "next" | "previous" | "send";
+    state: [any] | [any, React.Dispatch<any>];
+    Icon?: any;
     textCenter?: boolean;
-    required?: boolean;
-    referer?: LegacyRef<any> | undefined;
     onBlur?: (evt: any) => void;
     onKeyDown?: (evt: any) => void;
-    enter?: "search" | "go" | "enter" | "done" | "next" | "previous" | "send";
     onEnter?: (evt: any) => void;
     autocomplete?: 'off' | 'new-password';
-    tabIndex?: number;
-    decimal?: boolean;
     maxLength?: number;
-    onwheel?: boolean;
-};
-declare const Input: ({ id, lb, type, decimal, onwheel, maxLength, placeholder, state, disabled, icon, readOnly, noWrap, className, textCenter, required, referer, onKeyDown, enter, onEnter, autocomplete, tabIndex, onBlur }: InputType) => React.JSX.Element;
+    disableWheel?: boolean;
+}
+declare const Input: ({ 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) => React.JSX.Element;
 export default Input;
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/forms/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC1G,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,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CAEnB,CAAA;AAED,QAAA,MAAM,KAAK,6MAAoP,SAAS,sBAuDvQ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/forms/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CAAC;AAErH,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC9E,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAE1C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,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;IAE7B,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAExB;AAkBD,QAAA,MAAM,KAAK,GAAI,2NAA2O,UAAU,sBA4DnQ,CAAC;AAEF,eAAe,KAAK,CAAC"}

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 = 'sm', 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/LinkButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ButtonProps } from "./Button.js";
+export interface LinkButtonProps extends ButtonProps {
+    to: string;
+}
+declare const LinkButton: (props: LinkButtonProps) => React.JSX.Element;
+export default LinkButton;
+//# sourceMappingURL=LinkButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/forms/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAe,EAAE,WAAW,EAAC,MAAM,aAAa,CAAC;AACjD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,EAAE,EAAE,MAAM,CAAA;CACX;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,sBASzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/forms/LinkButton.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import Button from "./Button.js";
+const LinkButton = (props) => {
+    return (React.createElement(Link, { to: props.to, title: props.lb },
+        React.createElement(Button, { ...props })));
+};
+export default LinkButton;
+//# sourceMappingURL=LinkButton.js.map

package/dist/forms/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../src/forms/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,MAAsB,MAAM,aAAa,CAAC;AAKjD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAE5C,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,KAAK,CAAC,EAAE;QACf,oBAAC,MAAM,OAAK,KAAK,GAAI,CAChB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: any;
+export default meta;
+export declare const LinkButtonPrimary: StoryObj<typeof meta>;
+export declare const LinkButtonSecondary: StoryObj<typeof meta>;
+export declare const variantLinkButtonSize: StoryObj<typeof meta>;
+//# sourceMappingURL=LinkButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.d.ts","sourceRoot":"","sources":["../../src/forms/LinkButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI,EAAE,GAcqB,CAAC;AAGlC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAQnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAUrD,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,OAAO,IAAI,CASvD,CAAC"}

package/dist/forms/LinkButton.stories.js

@@ -0,0 +1,48 @@
+import React from "react";
+import LinkButton from './LinkButton.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
+import { ArgumentsBase, ArgumentsComponents } from '../types/StoriesArguments.js';
+import { TrashIcon } from '@heroicons/react/16/solid';
+import { BrowserRouter } from 'react-router-dom';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Buttons/LinkButton', // Categoría y nombre en la barra lateral de Storybook
+    component: LinkButton,
+    // Aplica el decorador solo a esta historia o a este archivo de historias
+    decorators: [
+        (Story) => (React.createElement(BrowserRouter, null,
+            React.createElement(Story, null))),
+    ],
+    tags: ['autodocs'],
+    argTypes: { ...ArgumentsBase, disabled: ArgumentsComponents.disabled }
+};
+export default meta;
+// Historias individuales
+export const LinkButtonPrimary = {
+    args: {
+        to: '',
+        lb: 'Botón Primario',
+        variant: 'fill',
+        loading: true,
+        theme: 'primary'
+    },
+};
+export const LinkButtonSecondary = {
+    args: {
+        to: '',
+        lb: 'Botón Secundario',
+        theme: 'secondary',
+        size: 'xs',
+        variant: 'fill',
+        Icon: TrashIcon
+    },
+};
+export const variantLinkButtonSize = {
+    args: {
+        to: '',
+        lb: 'Botón Variante primary',
+        theme: 'primary',
+        size: 'lg',
+        variant: 'outline',
+    },
+};
+//# sourceMappingURL=LinkButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../src/forms/LinkButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAA+B,MAAM,iBAAiB,CAAC,CAAC,+DAA+D;AAC9H,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,wDAAwD;AACxD,MAAM,IAAI,GAAQ;IAChB,KAAK,EAAE,uBAAuB,EAAE,sDAAsD;IACtF,SAAS,EAAE,UAAU;IACrB,yEAAyE;IACzE,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,oBAAC,aAAa;YACZ,oBAAC,KAAK,OAAG,CACK,CACjB;KACF;IAED,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE,GAAG,aAAa,EAAE,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EAAE;CACvC,CAAC;AAGlC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,iBAAiB,GAA0B;IACtD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,SAAS;KAEhB;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,wBAAwB;QAC5B,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI;QACV,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,14 @@
 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, 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,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;8KAkB0K,WAAW,KAAG,GAAG,CAAC,OAAO;AAqDpM,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', required = false, readOnly, className, KeyFindItem, size = 'sm', 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, 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

@@ -1,22 +1,14 @@
 import React from 'react';
-type InputType = {
-    id: string;
-    lb?: string;
-    placeholder?: string;
-    state: {
-        inputs: any;
-        setInputs?: React.Dispatch<any>;
-    };
-    disabled?: boolean;
-    readOnly?: boolean;
-    className?: string;
+import { ComponentInputBase } from '../types/global.js';
+export interface TextAreaProps extends ComponentInputBase {
+    state: [inputs: any, setInputs?: React.Dispatch<any>];
     textCenter?: boolean;
     required?: boolean;
     onBlur?: (evt: any) => void;
     onKeyDown?: (evt: any) => void;
     onEnter?: (evt: any) => void;
     tabIndex?: number;
-};
-declare const TextArea: ({ id, lb, placeholder, state, disabled, readOnly, className, onKeyDown, onEnter, tabIndex, onBlur }: InputType) => React.JSX.Element;
+}
+declare const TextArea: ({ id, lb, placeholder, state, readOnly, className, onKeyDown, onEnter, tabIndex, onBlur }: TextAreaProps) => React.JSX.Element;
 export default TextArea;
 //# sourceMappingURL=TextArea.d.ts.map

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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,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;AAED,QAAA,MAAM,QAAQ,GAAI,2FAA2F,aAAa,sBAgCzH,CAAA;AAED,eAAe,QAAQ,CAAC"}