@royaltics/ui 1.1.3 → 1.1.5

package/dist/components/DynamicTable.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ComponentBase } from '../types/global.js';
+export interface ActionsItemsProps {
+    showEdit?: boolean;
+    showDelete?: boolean;
+    showDrop?: boolean;
+    showLock?: boolean;
+    showSelect?: boolean;
+}
+export type ActionType = 'view' | 'print' | 'edit' | 'delete' | 'drop' | 'lock' | 'download';
+export interface DynamicTableProps extends ComponentBase {
+    endpoint: string;
+    criteria?: any;
+    columns: Record<string, {
+        lb?: string;
+        format?: (val: any, item?: any) => any;
+        center?: boolean;
+    }>;
+    optionsItems?: ActionsItemsProps;
+    children?: any;
+    onAction?: (action: ActionType, item: any) => void;
+}
+export declare const DynamicTableInternal: ({ endpoint, columns, criteria, className, width, size, onAction, optionsItems }: DynamicTableProps) => React.JSX.Element;
+declare const DynamicTable: React.MemoExoticComponent<({ endpoint, columns, criteria, className, width, size, onAction, optionsItems }: DynamicTableProps) => React.JSX.Element>;
+export default DynamicTable;
+//# sourceMappingURL=DynamicTable.d.ts.map

package/dist/components/DynamicTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTable.d.ts","sourceRoot":"","sources":["../../src/components/DynamicTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnD,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACvB;AACD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAE7F,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACpD,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IAClG,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CAErD;AA0BD,eAAO,MAAM,oBAAoB,GAAI,iFAAiF,iBAAiB,sBA+EtI,CAAA;AAED,QAAA,MAAM,YAAY,8GAjFoG,iBAAiB,uBAoFrI,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/components/DynamicTable.js

@@ -0,0 +1,104 @@
+import React, { useEffect, memo, useState } from 'react';
+import { cn, cvaMix } from '@royaltics/ui/utils';
+import useHttpState from '../hooks/useHttpState.js';
+import Button from '../forms/Button.js';
+import { PencilIcon, TrashIcon } from '../icons/index.js';
+const classNamesProps = cvaMix("flex items-center justify-center", {
+    size: {
+        xxs: 'text-xs',
+        xs: 'text-xs gap-1',
+        sm: ' text-sm gap-1.5 ',
+        md: 'text-base gap-2 ',
+        lg: 'text-lg gap-2.5',
+    },
+    theme: {
+        primary: 'border-primary text-primary hover:bg-primary hover:text-primary-foreground disabled:hover:bg-transparent disabled:hover:text-primary',
+        secondary: 'border-secondary text-secondary  checked:border-secondary',
+        success: 'border-success text-success  checked:border-success',
+        warn: 'border-warn text-warn-foreground  checked:border-warn',
+        danger: 'border-danger text-danger-foreground  checked:border-danger',
+        accent: 'border-accent text-accent-foreground  checked:border-accent',
+    }
+}, {
+    size: 'xxs',
+    width: 'full',
+    variant: 'fill'
+});
+export const DynamicTableInternal = ({ endpoint, columns, criteria, className, width, size, onAction, optionsItems }) => {
+    const { showNew, showSelect, showDrop } = { showNew: true, ...optionsItems };
+    const [rows, setRows] = useState([]);
+    const { get } = useHttpState();
+    if (!columns)
+        throw new Error("IndexComponent requiere el prop columns");
+    useEffect(() => {
+        if (endpoint)
+            loadList();
+    }, [endpoint, criteria]);
+    /**
+     * Load Data and insert in table with paginate
+     */
+    const loadList = () => {
+        get(`/${endpoint}`, {
+            data: criteria,
+            onSuccess: setRows
+        });
+    };
+    const parseAnyToString = (value) => {
+        if (!value)
+            return '';
+        if (typeof value === "object") {
+            return JSON.stringify(value);
+        }
+        else if (typeof value === 'number') {
+            return value.toString();
+        }
+        else if (value.includes("T") && value.includes(":") && !value.includes(" ")) {
+            return parseDate(value);
+        }
+        else if (!isNaN(value) && value?.includes(".")) {
+            return Number(value);
+        }
+        else {
+            return value;
+        }
+    };
+    const parseDate = (date) => {
+        let _date_parse = new Date(date);
+        return _date_parse.toDateString();
+    };
+    return (React.createElement("table", { className: cn(className, width == "full" && 'w-full', classNamesProps({ size })) },
+        React.createElement("thead", { className: 'bg-primary text-primary-foreground' },
+            React.createElement("tr", null,
+                Object.keys(columns).map((c, index) => (React.createElement("th", { key: index, className: "p-1 uppercase" }, columns[c].lb || c))),
+                React.createElement("th", { className: "p-1" }, "ACCION"))),
+        React.createElement("tbody", null, rows && rows.map((item, index) => (React.createElement("tr", { key: index },
+            React.createElement("td", { className: "max-w-sm " },
+                React.createElement("div", { className: "flex items-center gap-2" },
+                    React.createElement(Button, { onClick: () => onAction?.('view', item), theme: "primary", width: "max", size: "xxs", Icon: TrashIcon }),
+                    React.createElement(Button, { onClick: () => onAction?.('edit', item), theme: "warn", width: "max", size: "xxs", Icon: PencilIcon }),
+                    React.createElement(Button, { onClick: () => onAction?.('delete', item), theme: "danger", width: "max", size: "xxs", Icon: TrashIcon }))),
+            Object.keys(columns).map((key, j) => (React.createElement("td", { key: index + j, className: cn("max-w-sm ", columns[key].center && "text-center", item.status == 0 || item.annul == 1 && 'line-through') },
+                React.createElement("span", { className: 'block sm:hidden mr-4 font-bold px-2' },
+                    columns[key].lb || key,
+                    ":"),
+                React.createElement("span", null, columns[key].format?.(item[key], item) || parseAnyToString(item[key])))))))))));
+};
+const DynamicTable = memo(DynamicTableInternal, (prevProps, nextProps) => (prevProps.endpoint === nextProps.endpoint &&
+    JSON.stringify(prevProps.criteria) === JSON.stringify(nextProps.criteria)));
+export default DynamicTable;
+/*  <section className={"flex gap-2 justify-end pb-1"}>
+                {children}
+
+                {showSelect &&
+                    <Checkbox id='check_all' lb='Seleccionar Todo' state={[
+                        model,
+                        (d) => {
+                            setRows((prev) => prev.map((r) => ({ ...r, check: d.check_all })));
+                            setModel(d);
+                        }
+                    ]} />}
+                {showNew && <LinkButtonSmall to={"create"} lb={"Nuevo Registro"} Icon={PlusCircleIcon} />}
+                {showDrop && showSelect && <Button onClick={handDeleteSelect} disabled={rows?.filter((t: any) => t.check).length == 0} Icon={TrashIcon} theme='danger' lb='Eliminar Seleccion' />}
+            </section>
+*/ 
+//# sourceMappingURL=DynamicTable.js.map

package/dist/components/DynamicTable.js.map

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

package/dist/components/DynamicTable.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { DynamicTableProps } from './DynamicTable.js';
+declare const meta: {
+    title: string;
+    component: import("react").MemoExoticComponent<({ endpoint, columns, criteria, className, width, size, onAction, optionsItems }: DynamicTableProps) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        theme: any;
+    };
+};
+export default meta;
+export declare const DynamicTablePrimary: StoryObj<typeof meta>;
+export declare const DynamicTableSecondary: StoryObj<typeof meta>;
+//# sourceMappingURL=DynamicTable.stories.d.ts.map

package/dist/components/DynamicTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTable.stories.d.ts","sourceRoot":"","sources":["../../src/components/DynamicTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAqB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAIpE,QAAA,MAAM,IAAI;;;;;;;;;;CAWyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAUrD,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAUvD,CAAC"}

package/dist/components/DynamicTable.stories.js

@@ -0,0 +1,38 @@
+import { ArgumentsComponents } from '../types/StoriesArguments.js';
+import DynamicTable from './DynamicTable.js';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Components/DynamicTable', // Categoría y nombre en la barra lateral de Storybook
+    component: DynamicTable,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        theme: ArgumentsComponents.theme,
+    }
+};
+export default meta;
+// Historias individuales
+export const DynamicTablePrimary = {
+    args: {
+        endpoint: "sdasdasd",
+        criteria: {},
+        columns: {
+            id: { lb: "ID", center: true },
+            names: { lb: "Names", center: true }
+        }
+    },
+};
+// Historias individuales
+export const DynamicTableSecondary = {
+    args: {
+        endpoint: "sdasdasd",
+        criteria: {},
+        columns: {
+            id: { lb: "ID", center: true },
+            names: { lb: "Names", center: true }
+        }
+    },
+};
+//# sourceMappingURL=DynamicTable.stories.js.map

package/dist/components/DynamicTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTable.stories.js","sourceRoot":"","sources":["../../src/components/DynamicTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,YAAmC,MAAM,mBAAmB,CAAC;AAGpE,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,4BAA4B,EAAE,sDAAsD;IAC3F,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU,EAAE,oCAAoC;KAC3D;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,mBAAmB,CAAC,KAAK;KAEnC;CAC8B,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACtD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE;YACL,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;YAC9B,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;SACvC;KAEJ;CACJ,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IACxD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE;YACL,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;YAC9B,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;SACvC;KAEJ;CACJ,CAAC"}

package/dist/components/Paginate.d.ts

@@ -17,6 +17,6 @@ export interface PaginateProps extends ComponentBase {
     setPaginate: React.Dispatch<React.SetStateAction<PaginateManager>>;
     onChangue?: (page: number, offset: number, limit: number) => void;
 }
-declare const _default: React.MemoExoticComponent<({ defaultPage, paginate, children, theme, size, variant, overFlowAuto, pagesVisible, onChangue, setPaginate }: PaginateProps) => JSX.Element>;
-export default _default;
+declare const Paginate: React.MemoExoticComponent<({ defaultPage, paginate, children, theme, size, variant, overFlowAuto, pagesVisible, onChangue, setPaginate }: PaginateProps) => JSX.Element>;
+export default Paginate;
 //# sourceMappingURL=Paginate.d.ts.map

package/dist/components/Paginate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paginate.d.ts","sourceRoot":"","sources":["../../src/components/Paginate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,UAAU,eAAe;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,eAAe;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA+DD,MAAM,WAAW,aAAc,SAAQ,aAAa;IAChD,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAErE;kKAIgK,aAAa,KAAG,GAAG,CAAC,OAAO;AAgF5L,wBAAoC"}
+{"version":3,"file":"Paginate.d.ts","sourceRoot":"","sources":["../../src/components/Paginate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,UAAU,eAAe;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,eAAe;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA+DD,MAAM,WAAW,aAAc,SAAQ,aAAa;IAChD,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAErE;AAoFD,QAAA,MAAM,QAAQ,4IAhF2J,aAAa,KAAG,GAAG,CAAC,OAAO,CAgFvJ,CAAC;AAC9C,eAAe,QAAQ,CAAC"}

package/dist/components/Paginate.js

@@ -50,7 +50,7 @@ const classNamesProps = cvaMix("flex items-center justify-between rounded-md cur
     theme: 'primary',
 });
 const PaginateActions = (s, d) => ({ ...s, ...d });
-const Paginate = ({ defaultPage = 1, paginate, children, theme = 'primary', size = 'sm', variant = 'fill', overFlowAuto, pagesVisible, onChangue, setPaginate }) => {
+const PaginateInternal = ({ defaultPage = 1, paginate, children, theme = 'primary', size = 'sm', variant = 'fill', overFlowAuto, pagesVisible, onChangue, setPaginate }) => {
     const [pagManager, setPagManager] = useReducer(PaginateActions, { page: defaultPage, pages: 0 });
     const { rowsCount, rowsPage, page, pages } = paginate;
     useEffect(() => {
@@ -98,5 +98,6 @@ const Paginate = ({ defaultPage = 1, paginate, children, theme = 'primary', size
             React.createElement("button", { title: 'Siguiente', disabled: pagManager.page == pagManager.pages || pagManager.pages == 1, onClick: nextPage, className: cn(`font-bold rounded-md bg-primary  disabled:opacity-80 hover:bg-black/15`, classNamesProps({ variant, size }, { theme })) },
                 React.createElement(ChevronRightIcon, { height: (getSize)(), width: 17 })))));
 };
-export default React.memo(Paginate);
+const Paginate = React.memo(PaginateInternal);
+export default Paginate;
 //# sourceMappingURL=Paginate.js.map

package/dist/components/Paginate.js.map

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

package/dist/components/PhotoCard.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
-type PhotoCardType = {
-    uuid?: string;
-    user_id?: any;
+import { ComponentBaseOutline } from "../types/global.js";
+export interface PhotoCardProps extends ComponentBaseOutline {
     api: string;
+    api_body?: Record<string, any>;
+    keyValue?: string;
     photo: string | null;
-    theme?: 'small' | 'default';
-    set: (url: any) => void;
-};
-declare const PhotoCard: ({ uuid, api, user_id, photo, set, theme }: PhotoCardType) => React.JSX.Element;
+    onChange: (change: any) => void;
+}
+declare const PhotoCard: ({ api, size, api_body, theme, keyValue, photo, onChange }: PhotoCardProps) => React.JSX.Element;
 export default PhotoCard;
 //# sourceMappingURL=PhotoCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../src/components/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"}
+{"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../src/components/PhotoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAI1D,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC;AA8BD,QAAA,MAAM,SAAS,GAAI,2DAA6F,cAAc,sBA4F7H,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/PhotoCard.js

@@ -3,12 +3,37 @@ import { toast } from "react-toastify";
 import { FolderIcon, TrashIcon } from '@heroicons/react/24/outline';
 import cn from "classnames";
 import useHttpState from "../hooks/useHttpState.js";
-const PhotoCard = ({ uuid = '', api, user_id, photo, set, theme = 'default' }) => {
+import { uuidv4 } from "../index.js";
+import { cvaMix } from "../utils/cvmix.js";
+const classNamesProps = cvaMix("flex items-center justify-center", {
+    size: {
+        xxs: 'text-xs w-6 h-6',
+        xs: 'text-xs gap-1 w-9 h-9',
+        sm: ' text-sm gap-1.5 w-14 h-14',
+        md: 'text-base gap-2 w-16 h-16',
+        lg: 'text-lg gap-2.5 w-24 h-24',
+    },
+    theme: {
+        primary: 'border-primary text-primary hover:bg-primary hover:text-primary-foreground disabled:hover:bg-transparent disabled:hover:text-primary',
+        secondary: 'border-secondary text-secondary  checked:border-secondary',
+        success: 'border-success text-success  checked:border-success',
+        warn: 'border-warn text-warn-foreground  checked:border-warn',
+        danger: 'border-danger text-danger-foreground  checked:border-danger',
+        accent: 'border-accent text-accent-foreground  checked:border-accent',
+    }
+}, {
+    size: 'xxs',
+    width: 'full',
+    variant: 'fill'
+});
+const avatarPlaceHolder = `data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"> <rect width="128" height="128" fill="#ccc"/> <circle cx="96" cy="32" r="12" fill="#bbb"/> <path d="M16 96L48 56L80 96Z" fill="#999"/> <path d="M48 96L80 64L112 96Z" fill="#888"/></svg>`)}`;
+const PhotoCard = ({ api, size = 'md', api_body = {}, theme = 'primary', keyValue = 'photo', photo, onChange }) => {
     // Valores de los inputs
     const [preview, setPreview] = useState(null);
     const { deleteReq, patch } = useHttpState();
+    const componentId = `photo_${uuidv4()}`;
     useEffect(() => {
-        setPreview(photo);
+        setPreview(photo || avatarPlaceHolder);
     }, [photo]);
     // Crear una vista previa como efecto, siempre que se cambie el archivo seleccionado
     //Update and Selected Image
@@ -21,10 +46,10 @@ const PhotoCard = ({ uuid = '', api, user_id, photo, set, theme = 'default' }) =
         if (["jpg", "png", "jpeg", "bpm", "tif"].includes(ext)) {
             setPreview(URL.createObjectURL(e.target.files[0]));
             patch(api, {
-                data: { user_id, enterprise_id: 1, photo: e.target.files[0] },
+                data: { ...api_body, [keyValue]: e.target.files[0] },
                 content_type: 'file',
                 onSuccess: (data) => {
-                    set({ photo: data.photo });
+                    onChange({ [keyValue]: data.photo });
                     toast.success('Imagen Actualizada Correctamente!');
                 }
             });
@@ -34,29 +59,25 @@ const PhotoCard = ({ uuid = '', api, user_id, photo, set, theme = 'default' }) =
         }
     };
     const deletePreview = () => {
-        setPreview(null);
-        if (photo != 'Photo.jpg') {
+        if (!photo) {
             deleteReq(api, {
-                onSuccess: (data) => {
-                    set({ photo: 'Photo.jpg' });
+                onSuccess: () => {
+                    onChange({ [keyValue]: null });
                     toast.success('Imagen Eliminada Correctamente!');
-                    setPreview(null);
+                    setPreview(avatarPlaceHolder);
                 }
             });
         }
     };
-    return (React.createElement("div", { className: "flex items-center space-x-2 justify-center" },
-        React.createElement("img", { src: preview ? preview : '/images/Photo.jpg', alt: "", className: cn(" rounded-full", theme == 'default' ? ' h-20 w-20' : 'h-8 w-8') }),
-        React.createElement("div", { className: cn("flex gap-2", theme == 'default' ? 'flex-col  text-sm' : 'text-xs') },
-            React.createElement("input", { className: "hidden", type: "file", id: `profile-file-${uuid}`, accept: ".jpg, .png, .jpeg, .bmp, .tif, .tiff|image/*", onChange: (e) => {
-                    onSelectFile(e);
-                } }),
-            React.createElement("label", { htmlFor: `profile-file-${uuid}`, className: "button outline-primary" },
-                React.createElement(FolderIcon, { className: "h-4" }),
-                React.createElement("span", { className: theme == 'small' ? 'hidden' : '' }, " Cambiar Imagen")),
-            preview && React.createElement("button", { className: "button outline-red", onClick: deletePreview },
-                React.createElement(TrashIcon, { className: "h-4" }),
-                React.createElement("span", { className: theme == 'small' ? 'hidden' : '' }, "Eliminar Imagen")))));
+    return (React.createElement("div", { className: "relative flex items-center justify-center" },
+        React.createElement("img", { src: preview, alt: "", className: cn('rounded-xl border-2', classNamesProps({ size, theme })) }),
+        React.createElement("input", { className: "hidden", type: "file", id: componentId, accept: ".jpg,.png,.jpeg,.bmp,.tif,.tiff,image/*", onChange: onSelectFile }),
+        React.createElement("div", { className: cn('absolute rounded-xl  inset-0   bg-black/70 opacity-0 hover:opacity-85  transition-opacity duration-300', classNamesProps({ size })) },
+            React.createElement("div", { className: "flex items-center justify-center gap-0.5 px-2" },
+                React.createElement("label", { htmlFor: componentId, className: cn("flex items-center gap-1 rounded-md p-1 cursor-pointer bg-primary text-primary-foreground") },
+                    React.createElement(FolderIcon, { className: "h-4" })),
+                !photo && (React.createElement("button", { className: "flex items-center gap-1 border-1 border-danger text-danger-foreground rounded-md p-1 cursor-pointer hover:bg-danger hover:text-danger-foreground", onClick: deletePreview },
+                    React.createElement(TrashIcon, { className: "h-4" })))))));
 };
 export default PhotoCard;
 //# sourceMappingURL=PhotoCard.js.map

package/dist/components/PhotoCard.js.map

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

package/dist/components/PhotoCard.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { PhotoCardProps } from './PhotoCard.js';
+declare const meta: {
+    title: string;
+    component: ({ api, size, api_body, theme, keyValue, photo, onChange }: PhotoCardProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        [x: string]: any;
+    };
+};
+export default meta;
+export declare const paginatePrimary: StoryObj<typeof meta>;
+export declare const paginateSecondary: StoryObj<typeof meta>;
+export declare const paginateOutline: StoryObj<typeof meta>;
+//# sourceMappingURL=PhotoCard.stories.d.ts.map

package/dist/components/PhotoCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCard.stories.d.ts","sourceRoot":"","sources":["../../src/components/PhotoCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK3D,QAAA,MAAM,IAAI;;;;;;;;;;CAQsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMjD,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMnD,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMjD,CAAC"}

package/dist/components/PhotoCard.stories.js

@@ -0,0 +1,38 @@
+import PhotoCard from './PhotoCard.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
+import { ArgumentsBase } from '../types/StoriesArguments.js';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Components/PhotoCard', // Categoría y nombre en la barra lateral de Storybook
+    component: PhotoCard,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: { ...ArgumentsBase }
+};
+export default meta;
+// Historias individuales
+export const paginatePrimary = {
+    args: {
+        api: '',
+        photo: null,
+        onChange: () => { }
+    },
+};
+// Historias individuales
+export const paginateSecondary = {
+    args: {
+        api: '',
+        photo: null,
+        onChange: () => { }
+    },
+};
+// Historias individuales
+export const paginateOutline = {
+    args: {
+        api: '',
+        photo: null,
+        onChange: () => { }
+    },
+};
+//# sourceMappingURL=PhotoCard.stories.js.map

package/dist/components/PhotoCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCard.stories.js","sourceRoot":"","sources":["../../src/components/PhotoCard.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,SAA6B,MAAM,gBAAgB,CAAC,CAAC,+DAA+D;AAC3H,OAAO,EAAE,aAAa,EAAuB,MAAM,8BAA8B,CAAC;AAGlF,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,yBAAyB,EAAE,sDAAsD;IACxF,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU,EAAE,oCAAoC;KAC3D;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE,GAAG,aAAa,EAAE;CACF,CAAC;AAEjC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,eAAe,GAA0B;IAClD,IAAI,EAAE;QACF,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC;KACtB;CACJ,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,iBAAiB,GAA0B;IACpD,IAAI,EAAE;QACF,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC;KACtB;CACJ,CAAC;AAGF,yBAAyB;AACzB,MAAM,CAAC,MAAM,eAAe,GAA0B;IAClD,IAAI,EAAE;QACF,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC;KACtB;CACJ,CAAC"}

package/dist/components/index.d.ts

@@ -1,7 +1,8 @@
 export { default as CheckboxTree } from './CheckboxTree.js';
 export { default as GenericCard } from './GenericCard.js';
 export { default as ConfirmDialog } from './ConfirmDialogModal.js';
-export { default as Paginate } from "./Paginate.js";
 export { default as PhotoCard } from "./PhotoCard.js";
 export { default as PlayerYoutube } from "./PlayerYoutube.js";
+export { default as Paginate } from "./Paginate.js";
+export { default as DynamicTable } from "./DynamicTable.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAInE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAInE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/index.js

@@ -3,7 +3,8 @@ export { default as GenericCard } from './GenericCard.js';
 export { default as ConfirmDialog } from './ConfirmDialogModal.js';
 // Si estos componentes pertenecen a 'forms', déjalos. Si son de otra sección (ej. 'cards' o 'ui/components'),
 // deberían estar en sus propios archivos index.js dentro de esas secciones.
-export { default as Paginate } from "./Paginate.js";
 export { default as PhotoCard } from "./PhotoCard.js";
 export { default as PlayerYoutube } from "./PlayerYoutube.js";
+export { default as Paginate } from "./Paginate.js";
+export { default as DynamicTable } from "./DynamicTable.js";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEnE,8GAA8G;AAC9G,4EAA4E;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEnE,8GAA8G;AAC9G,4EAA4E;AAC5E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/forms/Button.stories.js

@@ -3,7 +3,7 @@ import { ArgumentsBase, ArgumentsComponents } from '../types/StoriesArguments.js
 import { TrashIcon } from '@heroicons/react/16/solid';
 // Configuración general para el componente en Storybook
 const meta = {
-    title: 'UI/Buttons/Button', // Categoría y nombre en la barra lateral de Storybook
+    title: 'UI/Forms/Button', // Categoría y nombre en la barra lateral de Storybook
     component: Button,
     parameters: {
         layout: 'centered', // Centra el componente en el lienzo

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/forms/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAuB,MAAM,aAAa,CAAC,CAAC,+DAA+D;AAClH,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB,EAAE,sDAAsD;IAClF,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU,EAAE,oCAAoC;KACzD;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE,GAAG,aAAa,EAAE,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EAAE;CAC3C,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,IAAI,EAAE;QACJ,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,IAAI,EAAE;QACJ,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,iBAAiB,GAA0B;IACtD,IAAI,EAAE;QACJ,EAAE,EAAE,wBAAwB;QAC5B,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KAEnB;CACF,CAAC"}
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/forms/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAuB,MAAM,aAAa,CAAC,CAAC,+DAA+D;AAClH,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,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,EAAE,GAAG,aAAa,EAAE,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EAAE;CAC3C,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,IAAI,EAAE;QACJ,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,IAAI,EAAE;QACJ,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,iBAAiB,GAA0B;IACtD,IAAI,EAAE;QACJ,EAAE,EAAE,wBAAwB;QAC5B,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KAEnB;CACF,CAAC"}

package/dist/forms/LinkButton.stories.js

@@ -5,7 +5,7 @@ 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
+    title: 'UI/Forms/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: [

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

@@ -1 +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"}
+{"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,qBAAqB,EAAE,sDAAsD;IACpF,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/Select.d.ts

@@ -6,7 +6,6 @@ export interface SelectProps extends ComponentInputBase {
     keyValue?: string;
     KeyFindItem?: string;
     onKeyDown?: (e: any) => void;
-    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>;

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;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"}
+{"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,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CAC7C;8KAkBsL,WAAW,KAAG,GAAG,CAAC,OAAO;AAqDhN,wBAA4B"}

package/dist/forms/Select.js

@@ -12,7 +12,7 @@ const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
     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 Select = ({ id, lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', required = false, readOnly, className, KeyFindItem, size = 'sm', variant = 'outline' }) => {
     const [inputs, setInputs] = state;
     const isObject = (item) => typeof item === 'object';
     const _onChange = (evt) => {
@@ -40,7 +40,7 @@ const Select = ({ id, lb, state, onKeyDown, data, referer, keyText = 'names', ke
         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))))));
+        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: cn('py-1.5 border-input-border', variant === 'outline' ? 'dark:bg-black/80' : '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

@@ -1,8 +1,9 @@
 import type { StoryObj } from '@storybook/react-vite';
 import { SelectProps } from './Select.js';
+import React from 'react';
 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>;
+    component: React.MemoExoticComponent<({ id, lb, state, onKeyDown, data, referer, keyText, keyValue, required, readOnly, className, KeyFindItem, size, variant }: SelectProps) => JSX.Element>;
     parameters: {
         layout: string;
     };

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

@@ -1 +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"}
+{"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;AAElD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;;;;;;;CAUmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CA2B5C,CAAC;AAKF,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAStD,CAAC"}

package/dist/forms/Select.stories.js

@@ -1,5 +1,6 @@
 import Select from './Select.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
 import { ArgumentsInputs } from '../types/StoriesArguments.js';
+import React from 'react';
 // Configuración general para el componente en Storybook
 const meta = {
     title: 'UI/Forms/Select', // Categoría y nombre en la barra lateral de Storybook
@@ -15,13 +16,17 @@ const meta = {
 export default meta;
 // Historias individuales
 export const SelectText = {
+    render: (args) => {
+        const [inputs, setInputs] = React.useState({});
+        return (React.createElement("div", { className: 'flex gap-3 text-white' },
+            React.createElement(Select, { data: args.data, id: "option_id", lb: args.lb, state: [inputs, setInputs], variant: args.variant, size: args.size, readOnly: args.readOnly })));
+    },
     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'
+        id: 'option_id',
+        lb: 'Box Controlado',
+        state: [{}],
+        readOnly: false,
+        data: [{ id: 1, names: "Opcion 1" }, { id: 2, names: "Opcion 2" }, { id: 3, names: "Opcion 3" }]
     },
 };
 export const variantSelectOutline = {

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

@@ -1 +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"}
+{"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,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAG/C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CAEE,CACP,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,QAAQ,EAAE,KAAK;QACf,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;KACjG;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,CAAC,EAAE,CAAC;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,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,SAAS;KAEnB;CACF,CAAC"}

package/dist/types/global.d.ts

@@ -12,6 +12,13 @@ export interface ComponentBase {
     tabIndex?: number;
     disabled?: boolean;
 }
+export interface ComponentBaseOutline {
+    theme?: ThemeComponent;
+    size?: SizeComponent;
+    className?: string;
+    style?: HtmlHTMLAttributes<HTMLDivElement>["style"];
+    disabled?: boolean;
+}
 export interface ComponentInputBase {
     id: string;
     name?: string;

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

@@ -1 +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,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,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"}
+{"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,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,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;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaltics/ui",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "private": false,
   "main": "dist/index.cjs",
   "module": "dist/index.js",