@royaltics/ui 1.0.5 → 1.0.7

package/dist/buttons/Button.d.ts

@@ -1,19 +1,17 @@
-import React, { ReactNode } from "react";
-export type ButtonType = {
+import React from 'react';
+import { ComponentBase } from '../types/global.js';
+export declare const classNamesProps: (mainProps: {
+    size?: string | undefined;
+    variant?: string | undefined;
+}, keyProps?: {
+    [key: string]: string;
+}) => string;
+export interface ButtonProps extends ComponentBase {
     lb?: string;
-    icon?: ReactNode;
-    children?: ReactNode;
-    IconNode?: any;
-    inForm?: boolean;
-    className?: any;
-    theme?: 'primary' | 'secondary' | 'warn' | 'danger' | 'default';
-    tabIndex?: number;
-    disabled?: boolean;
-    onClick?: any;
-    wMax?: boolean;
-    padding?: 'small' | 'medium' | 'large';
-    wrap?: boolean;
-};
-declare const Button: ({ lb, padding, icon, children, IconNode, wMax, theme, className, onClick, inForm, disabled, tabIndex, wrap }: ButtonType) => React.JSX.Element;
+    Icon?: React.PropsWithRef<any>;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    loading?: boolean;
+}
+declare const Button: ({ lb, theme, loading, Icon, variant, size, className, onClick, disabled, tabIndex, width }: ButtonProps) => React.JSX.Element;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAC,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACtC,IAAI,CAAC,EAAC,OAAO,CAAA;CACd,CAAA;AAED,QAAA,MAAM,MAAM,iHAA0I,UAAU,sBA0B/J,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnD,eAAO,MAAM,eAAe;;;;;YAe3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,aAAa;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,MAAM,GAAI,4FAA8I,WAAW,sBAgBxK,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/buttons/Button.js

@@ -1,12 +1,27 @@
-import React from "react";
+import React from 'react';
 import cn from 'classnames';
-const Button = ({ lb = "", padding, icon, children, IconNode, wMax = false, theme = 'default', className, onClick, inForm, disabled, tabIndex, wrap }) => {
-    return (React.createElement("div", { className: `flex flex-col items-stretch justify-end ${wMax ? 'w-max' : 'w-full'} ${className ?? ''}` },
-        React.createElement("button", { className: cn('button text-white ', theme == 'default' && "bg-gray-500 hover:bg-gray-600 disabled:bg-slate-300", theme == 'primary' && "bg-sky-650 hover:bg-sky-750 disabled:bg-sky-300 ", theme == 'secondary' && "bg-green-500 hover:bg-green-650 disabled:bg-green-300 ", theme == 'danger' && "bg-red-600 hover:bg-red-700 disabled:bg-red-300 ", theme == 'warn' && "bg-yellow-600 hover:bg-yellow-700 disabled:bg-yellow-300 ", padding == 'small' && (inForm || icon || IconNode ? '!py-[0.45rem]' : '!py-1.5'), padding == 'medium' && '!py-2 !px-4', padding == 'large' && '!p-4'), onClick: onClick, title: lb, tabIndex: tabIndex, disabled: disabled },
-            icon,
-            children,
-            IconNode && React.createElement(IconNode, { className: "h-5" }),
-            lb && React.createElement("span", { className: wrap ? 'hidden md:block' : '' }, lb))));
+import { ArrowPathIcon } from '@heroicons/react/16/solid';
+import { cvaMix } from '../utils/cvmix.js';
+import { Variants } from '../constants/Variants.js';
+export const classNamesProps = cvaMix("flex items-center justify-between rounded-md cursor-pointer", {
+    size: Variants.size,
+    variant: {
+        __key: 'theme',
+        __base: 'disabled:opacity-70',
+        fill: Variants.fill,
+        outline: Variants.outline
+    }
+}, {
+    size: 'xs',
+    filled: 'outline',
+    theme: 'primary',
+});
+;
+const Button = ({ lb = '', theme = 'primary', loading, Icon, variant = 'fill', size = 'md', className, onClick, disabled = false, tabIndex, width = 'full' }) => {
+    return (React.createElement("div", { className: cn('flex flex-col items-stretch justify-end', width == 'full' ? 'w-full' : 'w-max', className) },
+        React.createElement("button", { className: cn(classNamesProps({ variant, size }, { theme })), onClick: onClick, title: lb, tabIndex: tabIndex, disabled: disabled },
+            loading ? (React.createElement(ArrowPathIcon, { className: "animate-spin h-5" })) : (Icon ? React.createElement(Icon, { className: cn('h-5 w-5 shrink-0', { 'h-4 w-4': size === 'xs' || size === 'sm' }) }) : null),
+            lb && React.createElement("span", { className: cn({ 'hidden md:block': width == 'max' && Icon }) }, lb))));
 };
 export default Button;
 //# sourceMappingURL=Button.js.map

package/dist/buttons/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAkB3B,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAc,EAAE,EAAE;IAElK,OAAO,CACL,6BAAK,SAAS,EAAE,2CAA2C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE;QACvG,gCACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAChC,KAAK,IAAI,SAAS,IAAI,qDAAqD,EAC3E,KAAK,IAAI,SAAS,IAAI,kDAAkD,EACxE,KAAK,IAAI,WAAW,IAAI,wDAAwD,EAChF,KAAK,IAAI,QAAQ,IAAI,kDAAkD,EACvE,KAAK,IAAI,MAAM,IAAI,2DAA2D,EAC9E,OAAO,IAAI,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,EAChF,OAAO,IAAI,QAAQ,IAAI,aAAa,EACpC,OAAO,IAAI,OAAO,IAAI,MAAM,CAC7B,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ;YACjB,IAAI;YACJ,QAAQ;YACR,QAAQ,IAAI,oBAAC,QAAQ,IAAC,SAAS,EAAC,KAAK,GAAG;YACxC,EAAE,IAAI,8BAAM,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAA,CAAC,CAAA,EAAE,IAAG,EAAE,CAAQ,CACzD,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,6DAA6D,EAClG;IACC,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE;QACR,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,OAAO,EAAE,QAAQ,CAAC,OAAO;KACzB;CACD,EACD;IACC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CAChB,CACD,CAAC;AAOD,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAe,EAAE,EAAE;IAE5K,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;QAC7G,gCACC,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAC5D,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ;YAEjB,OAAO,CAAC,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,EAAE,SAAS,EAAE,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACvK,EAAE,IAAI,8BAAM,SAAS,EAAE,EAAE,CAAC,EAAE,iBAAiB,EAAE,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC,IAAG,EAAE,CAAQ,CAC9E,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { ButtonProps } from './Button.js';
+declare const meta: {
+    title: string;
+    component: ({ lb, theme, loading, Icon, variant, size, className, onClick, disabled, tabIndex, width }: ButtonProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        disabled: any;
+    };
+};
+export default meta;
+export declare const buttonPrimary: StoryObj<typeof meta>;
+export declare const buttonSecondary: StoryObj<typeof meta>;
+export declare const variantbuttonSize: StoryObj<typeof meta>;
+//# sourceMappingURL=Button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAKlD,QAAA,MAAM,IAAI;;;;;;;;;;CAQmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,IAAI,CAO/C,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,IAAI,CASjD,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAQnD,CAAC"}

package/dist/buttons/Button.stories.js

@@ -0,0 +1,41 @@
+import Button from './Button.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';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Buttons/Button', // Categoría y nombre en la barra lateral de Storybook
+    component: Button,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: { ...ArgumentsBase, disabled: ArgumentsComponents.disabled }
+};
+export default meta;
+// Historias individuales
+export const buttonPrimary = {
+    args: {
+        lb: 'Botón Primario',
+        variant: 'fill',
+        loading: true,
+        theme: 'primary'
+    },
+};
+export const buttonSecondary = {
+    args: {
+        lb: 'Botón Secundario',
+        theme: 'secondary',
+        size: 'xs',
+        variant: 'fill',
+        Icon: TrashIcon
+    },
+};
+export const variantbuttonSize = {
+    args: {
+        lb: 'Botón Variante primary',
+        theme: 'primary',
+        size: 'lg',
+        variant: 'outline',
+    },
+};
+//# sourceMappingURL=Button.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/buttons/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"}

package/dist/buttons/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/buttons/LinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/buttons/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/buttons/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/buttons/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../src/buttons/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/buttons/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/buttons/LinkButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.d.ts","sourceRoot":"","sources":["../../src/buttons/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/buttons/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/buttons/LinkButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../src/buttons/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/buttons/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Button } from "./Button.js";
-export type { ButtonType } from './Button.js';
+export { default as LinkButtonSmall } from "./LinkButton.js";
+export type { ButtonProps } from './Button.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/buttons/index.js

@@ -1,2 +1,3 @@
 export { default as Button } from "./Button.js";
+export { default as LinkButtonSmall } from "./LinkButton.js";
 //# sourceMappingURL=index.js.map

package/dist/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/CheckboxTree.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CheckboxTreeProps } from './checkboxtree/types/types.js';
+declare function CheckboxTree(props: CheckboxTreeProps): React.JSX.Element;
+export default CheckboxTree;
+//# sourceMappingURL=CheckboxTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTree.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxTree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAoB,iBAAiB,EAAgB,MAAM,+BAA+B,CAAC;AAIlG,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAgM7C;AAED,eAAe,YAAY,CAAC"}

package/dist/components/CheckboxTree.js

@@ -0,0 +1,126 @@
+import classNames from 'classnames';
+import React, { useState, useCallback, useMemo } from 'react';
+import Button from './checkboxtree/CheckBoxTreeButton.js';
+import { DefaultCheckBoxProps } from './checkboxtree/constants.js';
+import NodeModel from './checkboxtree/NodeModel.js';
+import TreeNode from './checkboxtree/TreeNode.js';
+import memoize from 'memoize';
+import { v4 as uuidv4 } from 'uuid';
+const MemoizedTreeNode = React.memo(TreeNode);
+function CheckboxTree(props) {
+    const mergedProps = { ...DefaultCheckBoxProps, ...props };
+    const { nodes, checked, expanded, id, disabled, checkModel, noCascade, onCheck, onExpand, onClick, expandDisabled, expandOnClick, icons, lang, onlyLeafCheckboxes, optimisticToggle, showNodeIcon, showNodeTitle, showExpandAllButtons, direction, nativeCheckboxes } = mergedProps;
+    const [componentId] = useState(id || `rct-${uuidv4()}`);
+    // UPDATE: Usamos useMemo para crear y actualizar el NodeModel y derivar flatNodesState
+    const [model, flatNodesState] = useMemo(() => {
+        const currentModel = new NodeModel(mergedProps);
+        // Asegura que el modelo se inicializa con los nodos y estados correctos
+        currentModel.flattenNodes(nodes);
+        currentModel.deserializeLists({ checked, expanded });
+        return [currentModel, currentModel.getNodes()];
+    }, [nodes, checked, expanded, disabled, mergedProps]); // Dependencias de useMemo
+    const combineMemorizedIcons = useMemo(() => {
+        const defaultIcons = DefaultCheckBoxProps.icons;
+        return memoize((customIcons) => ({ ...defaultIcons, ...customIcons }));
+    }, []);
+    const combinedIcons = useMemo(() => combineMemorizedIcons(icons), [icons, combineMemorizedIcons]);
+    const onCheckHandler = useCallback((nodeInfo) => {
+        const newModel = model.clone();
+        newModel.toggleChecked(nodeInfo, nodeInfo.checked, checkModel, noCascade);
+        onCheck(newModel.serializeList('checked'), { ...newModel.getNode(nodeInfo.value), ...nodeInfo });
+        // UPDATE: Forzamos un re-render actualizando el estado, lo que disparará el useMemo
+        // que a su vez re-calcula el NodeModel y flatNodesState.
+    }, [checkModel, noCascade, onCheck, model]);
+    const onExpandHandler = useCallback((nodeInfo) => {
+        const newModel = model.clone();
+        newModel.toggleNode(nodeInfo.value, 'expanded', nodeInfo.expanded);
+        onExpand(newModel.serializeList('expanded'), { ...newModel.getNode(nodeInfo.value), ...nodeInfo });
+        // UPDATE: No es necesario setFlatNodesState aquí si las props son controladas.
+    }, [onExpand, model]);
+    const onNodeClickHandler = useCallback((nodeInfo) => {
+        if (onClick) {
+            const node = model.getNode(nodeInfo.value);
+            onClick({ ...node, ...nodeInfo });
+        }
+    }, [onClick, model]);
+    const expandAllNodes = useCallback((expand = true) => {
+        const newModel = model.clone();
+        onExpand(newModel.expandAllNodes(expand)
+            .serializeList('expanded'));
+        // UPDATE: No es necesario setFlatNodesState aquí si las props son controladas.
+    }, [onExpand, model]);
+    const onExpandAllHandler = useCallback(() => {
+        expandAllNodes(true);
+    }, [expandAllNodes]);
+    const onCollapseAllHandler = useCallback(() => {
+        expandAllNodes(false);
+    }, [expandAllNodes]);
+    const isEveryChildChecked = useCallback((node) => {
+        if (!node.children || node.children.length === 0)
+            return true;
+        return node.children.every((child) => flatNodesState[child.value]?.checked);
+    }, [flatNodesState]);
+    const isSomeChildChecked = useCallback((node) => {
+        if (!node.children || node.children.length === 0)
+            return false;
+        return node.children.some((child) => flatNodesState[child.value]?.checked);
+    }, [flatNodesState]);
+    const determineShallowCheckState = useCallback((node, noCascadeProp) => {
+        const flatNode = flatNodesState[node.value]; // UPDATE: Usar flatNodesState directamente
+        if (!flatNode)
+            return 0;
+        if (flatNode.isLeaf || noCascadeProp || (node.children && node.children.length === 0)) {
+            return flatNode.checked ? 1 : 0;
+        }
+        if (isEveryChildChecked(node))
+            return 1;
+        if (isSomeChildChecked(node))
+            return 2;
+        return 0;
+    }, [isEveryChildChecked, isSomeChildChecked, flatNodesState]); // UPDATE: Dependencia flatNodesState
+    const renderTreeNodes = useCallback((treeNodesToRender, parent) => {
+        return treeNodesToRender.map((node) => {
+            const key = node.value;
+            const flatNode = flatNodesState[node.value];
+            if (!flatNode)
+                return null;
+            const checkState = determineShallowCheckState(node, noCascade);
+            const children = flatNode.isParent && flatNode.expanded ? renderTreeNodes(node.children, node) : null;
+            const showCheckbox = onlyLeafCheckboxes ? flatNode.isLeaf : flatNode.showCheckbox;
+            const parentExpanded = parent?.value ? flatNodesState[parent.value]?.expanded : true;
+            if (!parentExpanded && parent?.value) {
+                return null;
+            }
+            return (React.createElement(MemoizedTreeNode, { key: key, checked: checkState, className: node.className, disabled: flatNode.disabled || disabled, expandDisabled: expandDisabled, expandOnClick: expandOnClick, expanded: flatNode.expanded, icon: node.icon, icons: combinedIcons, isLeaf: flatNode.isLeaf, isParent: flatNode.isParent, label: node.label, lang: lang, optimisticToggle: optimisticToggle, showCheckbox: showCheckbox, showNodeIcon: showNodeIcon, title: showNodeTitle ? node.title || node.label : flatNode.title, treeId: componentId, nativeCheckboxes: nativeCheckboxes, value: node.value, onCheck: onCheckHandler, onClick: onNodeClickHandler, onExpand: onExpandHandler }, children));
+        });
+    }, [
+        noCascade, onlyLeafCheckboxes, expandDisabled, expandOnClick, combinedIcons,
+        lang, optimisticToggle, showNodeIcon, showNodeTitle, componentId, disabled,
+        onCheckHandler, onNodeClickHandler, onExpandHandler,
+        determineShallowCheckState, flatNodesState
+    ]);
+    const renderExpandAll = useCallback(() => {
+        if (!showExpandAllButtons) {
+            return null;
+        }
+        return (React.createElement("div", { className: "rct-options" },
+            React.createElement(Button, { className: "rct-option rct-option-expand-all", title: lang.expandAll, onClick: onExpandAllHandler },
+                icons.expandAll,
+                " Expandir"),
+            React.createElement(Button, { className: "rct-option rct-option-collapse-all", title: lang.collapseAll, onClick: onCollapseAllHandler },
+                icons.collapseAll,
+                " Contraer")));
+    }, [showExpandAllButtons, lang, icons, onExpandAllHandler, onCollapseAllHandler]);
+    const treeNodes = useMemo(() => renderTreeNodes(nodes), [renderTreeNodes, nodes]);
+    const className = classNames({
+        'react-checkbox-tree': true,
+        'rct-disabled': disabled,
+        'rct-native-display': nativeCheckboxes,
+        'rct-direction-rtl': direction === 'rtl',
+    });
+    return (React.createElement("div", { className: className, id: componentId },
+        renderExpandAll(),
+        React.createElement("ol", null, treeNodes)));
+}
+export default CheckboxTree;
+//# sourceMappingURL=CheckboxTree.js.map

package/dist/components/CheckboxTree.js.map

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

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

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react-vite';
+import CheckboxTree from './CheckboxTree.js';
+import "./checkboxtree/css/react-checkbox-tree.css";
+declare const meta: {
+    title: string;
+    component: typeof CheckboxTree;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        disabled: any;
+    };
+};
+export default meta;
+export declare const CheckboxTreePrimary: StoryObj<typeof meta>;
+export declare const buttonPrimary: StoryObj<typeof meta>;
+//# sourceMappingURL=CheckboxTree.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTree.stories.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxTree.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAK7C,OAAO,4CAA4C,CAAA;AAGnD,QAAA,MAAM,IAAI;;;;;;;;;;CAQyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAwBrD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,IAAI,CAM/C,CAAC"}

package/dist/components/CheckboxTree.stories.js

@@ -0,0 +1,39 @@
+import CheckboxTree from './CheckboxTree.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
+import { ArgumentsBase, ArgumentsComponents } from '../types/StoriesArguments.js';
+import { EmpiresData } from '../constants/DataArrayNodes.js';
+import React, { useState } from 'react';
+import "./checkboxtree/css/react-checkbox-tree.css";
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Components/CheckboxTree', // Categoría y nombre en la barra lateral de Storybook
+    component: CheckboxTree,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: { ...ArgumentsBase, disabled: ArgumentsComponents.disabled }
+};
+export default meta;
+// Puedes crear una historia que use el 'render' para un control más fino del estado
+export const CheckboxTreePrimary = {
+    render: (args) => {
+        const [checked, setChecked] = useState([]);
+        const [expanded, setExpanded] = useState([]);
+        return (React.createElement(React.Fragment, null,
+            React.createElement(CheckboxTree, { id: "checktree", checked: checked, expanded: expanded, nodes: EmpiresData, showExpandAllButtons: true, onCheck: setChecked, onExpand: setExpanded })));
+    },
+    args: {
+        id: 'boxss',
+        nodes: EmpiresData,
+        showExpandAllButtons: true
+    },
+};
+// Historias individuales
+export const buttonPrimary = {
+    args: {
+        id: "newElemetss",
+        nodes: EmpiresData,
+        showExpandAllButtons: true
+    },
+};
+//# sourceMappingURL=CheckboxTree.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTree.stories.js","sourceRoot":"","sources":["../../src/components/CheckboxTree.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,mBAAmB,CAAC,CAAC,+DAA+D;AAC7G,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAElF,OAAO,EAAE,WAAW,EAAkB,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,4CAA4C,CAAA;AAEnD,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B,EAAE,sDAAsD;IAC3F,SAAS,EAAE,YAAY;IACvB,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;CACrC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,oFAAoF;AACpF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;QAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;QACpD,OAAO,CACL;YACE,oBAAC,YAAY,IACX,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,oBAAoB,EAAE,IAAI,EAC1B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,GACrB,CAED,CACJ,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,WAAW;QAClB,oBAAoB,EAAE,IAAI;KAC3B;CACF,CAAC;AACF,yBAAyB;AACzB,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,IAAI,EAAE;QACJ,EAAE,EAAE,aAAa;QACjB,KAAK,EAAE,WAAW;QAClB,oBAAoB,EAAE,IAAI;KAC3B;CACF,CAAC"}

package/dist/components/ConfirmDialogModal.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ThemeComponent } from '../types/global.js';
+export interface ConfirmModalProps {
+    title: string;
+    description?: string;
+    width?: 'full' | 'max';
+    theme?: ThemeComponent;
+    onSuccess?: () => void;
+    onCancel?: () => void;
+    close: () => void;
+}
+declare const ConfirmDialogModal: React.MemoExoticComponent<({ title, description, theme, width, onSuccess, onCancel, close }: ConfirmModalProps) => JSX.Element>;
+export default ConfirmDialogModal;
+//# sourceMappingURL=ConfirmDialogModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialogModal.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmDialogModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpD,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAsCD,QAAA,MAAM,kBAAkB,+FA3B4E,iBAAiB,KAAG,GAAG,CAAC,OAAO,CA2BhF,CAAC;AACpD,eAAe,kBAAkB,CAAC"}

package/dist/components/ConfirmDialogModal.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { cn } from '../utils/cvmix.js';
+import Button from '../forms/Button.js';
+const themeClasses = {
+    primary: 'text-primary',
+    secondary: 'text-secondary',
+    success: ' text-success',
+    warn: ' text-warn',
+    danger: ' text-danger',
+    accent: 'text-accent',
+};
+const ConfirmModal = ({ title, description, theme = 'primary', width, onSuccess, onCancel, close }) => {
+    const themeClass = themeClasses[theme] || themeClasses.primary;
+    return (React.createElement("div", { className: cn("flex flex-col gap-4 p-6 rounded-md bg-background text-foreground", width == "full" && 'w-full') },
+        React.createElement("div", { className: "flex justify-between items-center" },
+            React.createElement("h2", { className: cn("text-lg xl:text-xl 2xl:text-2xl font-semibold  w-full", themeClass) }, title),
+            React.createElement("button", { onClick: close, className: "text-xl hover:opacity-70" }, "\u00D7")),
+        description && React.createElement("p", { className: "text-sm py-4 text-muted-foreground" }, description),
+        React.createElement("div", { className: "flex justify-end gap-2 mt-2" },
+            onCancel && React.createElement(Button, { onClick: () => { onCancel(); close(); }, variant: 'outline', theme: 'secondary', lb: 'Cancelar' }),
+            onSuccess && React.createElement(Button, { onClick: () => { onSuccess(); close(); }, theme: theme, lb: 'Confirm' }))));
+};
+const ConfirmDialogModal = React.memo(ConfirmModal);
+export default ConfirmDialogModal;
+//# sourceMappingURL=ConfirmDialogModal.js.map

package/dist/components/ConfirmDialogModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialogModal.js","sourceRoot":"","sources":["../../src/components/ConfirmDialogModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAYxC,MAAM,YAAY,GAAmC;IACjD,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAqB,EAAe,EAAE;IAClI,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC;IAE/D,OAAO,CACH,6BAAK,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,MAAM,IAAI,QAAQ,CAAC;QAE/G,6BAAK,SAAS,EAAC,mCAAmC;YAC9C,4BAAI,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,UAAU,CAAC,IAAG,KAAK,CAAM;YACpG,gCAAQ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,0BAA0B,aAAiB,CAC3E;QACL,WAAW,IAAI,2BAAG,SAAS,EAAC,oCAAoC,IAAE,WAAW,CAAK;QACnF,6BAAK,SAAS,EAAC,6BAA6B;YACvC,QAAQ,IAAI,oBAAC,MAAM,IAChB,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EACvC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,WAAW,EACjB,EAAE,EAAC,UAAU,GACf;YACD,SAAS,IAAI,oBAAC,MAAM,IACjB,OAAO,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EACxC,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,SAAS,GACd,CACA,CACH,CACV,CAAA;AACL,CAAC,CAAA;AACD,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AACpD,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { ConfirmModalProps } from './ConfirmDialogModal.js';
+declare const meta: {
+    title: string;
+    component: import("react").MemoExoticComponent<({ title, description, theme, width, onSuccess, onCancel, close }: ConfirmModalProps) => JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        theme: any;
+        width: any;
+    };
+};
+export default meta;
+export declare const confirmDialogPrimary: StoryObj<typeof meta>;
+export declare const confirmDialogSecondary: StoryObj<typeof meta>;
+//# sourceMappingURL=ConfirmDialogModal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialogModal.stories.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmDialogModal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAA2B,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAKhF,QAAA,MAAM,IAAI;;;;;;;;;;;CAWyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAStD,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,OAAO,IAAI,CASxD,CAAC"}

package/dist/components/ConfirmDialogModal.stories.js

@@ -0,0 +1,39 @@
+import ConfirmDialogModal from './ConfirmDialogModal.js';
+import { ArgumentsComponents } from '../types/StoriesArguments.js';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Components/ConfirmDialog', // Categoría y nombre en la barra lateral de Storybook
+    component: ConfirmDialogModal,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        theme: ArgumentsComponents.theme,
+        width: ArgumentsComponents.width,
+    }
+};
+export default meta;
+// Historias individuales
+export const confirmDialogPrimary = {
+    args: {
+        title: "sdasdasd",
+        description: "asdasdasd",
+        theme: 'accent',
+        close: () => { },
+        onCancel: () => { },
+        onSuccess: () => { }
+    },
+};
+// Historias individuales
+export const confirmDialogSecondary = {
+    args: {
+        title: "sdasdasd",
+        description: "asdasdasd",
+        theme: 'accent',
+        close: () => { },
+        onCancel: () => { },
+        onSuccess: () => { }
+    },
+};
+//# sourceMappingURL=ConfirmDialogModal.stories.js.map