@royaltics/ui 1.1.6 → 1.1.7

package/dist/forms/SwitchButton.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ComponentBaseOutline } from "../types/global.js";
+export interface SwitchButtonProps extends ComponentBaseOutline {
+    id: string;
+    lb?: string;
+    state: [inputs: any, setInputs?: React.Dispatch<any>];
+    readOnly?: boolean;
+    icon?: any;
+    className?: string;
+    type?: 'numeric' | 'boolean';
+}
+declare const SwitchButton: ({ id, state, lb, readOnly, size, theme, className, type }: SwitchButtonProps) => React.JSX.Element;
+export default SwitchButton;
+//# sourceMappingURL=SwitchButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../src/forms/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAGzE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC7B;AAuCD,QAAA,MAAM,YAAY,GAAI,2DAA0F,iBAAiB,sBAkChI,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/forms/SwitchButton.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { Variants } from "../constants/Variants.js";
+import { cvaMix } from "../utils/cvmix.js";
+import { cn } from "../utils/index.js";
+const classNamesProps = cvaMix("flex items-center justify-between rounded-md cursor-pointer", {
+    size: {
+        xxs: 'py-2 px-3 text-xs',
+        xs: 'py-2.5 px-5 text-xs ',
+        sm: 'px-5 py-2 text-sm ',
+        md: 'px-6 py-3 text-base',
+        lg: 'px-8 py-4 text-lg ',
+    },
+    checked: {
+        __key: 'theme',
+        __base: 'bg-black/50  border-2  border-white/30',
+        true: {
+            primary: 'bg-primary text-primary-foreground border-primary',
+            secondary: 'bg-secondary text-secondary-foreground border-secondary',
+            success: 'bg-success text-success-foreground',
+            warn: 'bg-warn text-warn-foreground border-warn',
+            danger: 'bg-danger text-danger-foreground border-danger',
+            accent: 'bg-accent text-accent-foreground border-accent',
+        },
+        false: Variants.outline
+    }
+}, {
+    size: 'xs',
+    theme: 'primary',
+    checked: 'true'
+});
+const sizeDot = {
+    xxs: 'h-1 w-1',
+    xs: 'py-2 px-2',
+    sm: 'py-1  h-3 w-4',
+    md: 'px-2.5 py-2.5',
+    lg: 'py-3.5 px-4 h-4',
+};
+const SwitchButton = ({ id, state, lb, readOnly, size = 'sm', theme = 'primary', className, type = 'boolean' }) => {
+    const [inputs, setInputs] = state;
+    const onChange = () => {
+        if (setInputs && !readOnly) {
+            let value = type == 'numeric' ? (inputs[id] == 1 ? 0 : 1) : !inputs[id];
+            setInputs({ [id]: value });
+        }
+    };
+    const checked = inputs[id] || false;
+    return (React.createElement("label", { htmlFor: "toggleTwo", className: cn(`${className} flex space-x-2 cursor-pointer select-none items-center`), onClick: onChange },
+        React.createElement("div", { className: "relative" },
+            React.createElement("input", { id: "check_" + id, type: "SwitchButton", className: "sr-only", onChange: onChange, checked: checked, disabled: readOnly }),
+            React.createElement("div", { className: cn(`block rounded-full  `, readOnly && 'opacity-70', classNamesProps({ size, checked: String(checked) }, { theme })) }),
+            React.createElement("div", { className: cn(`dot absolute bg-white dark:bg-gray-200 ${checked ? 'right-1 ' : 'left-1 '} top-1  rounded-full  transition`, sizeDot[size]) })),
+        React.createElement("span", null, lb)));
+};
+export default SwitchButton;
+//# sourceMappingURL=SwitchButton.js.map

package/dist/forms/SwitchButton.js.map

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

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

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { SwitchButtonProps } from './SwitchButton.js';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ id, state, lb, readOnly, size, theme, className, type }: SwitchButtonProps) => React.JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        [x: string]: any;
+    };
+};
+export default meta;
+export declare const SwitchButtonNormal: StoryObj<typeof meta>;
+export declare const SwitchButtonSecondary: StoryObj<typeof meta>;
+//# sourceMappingURL=SwitchButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchButton.stories.d.ts","sourceRoot":"","sources":["../../src/forms/SwitchButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAqB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;;;;;;;CAQyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAyBpD,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMvD,CAAC"}

package/dist/forms/SwitchButton.stories.js

@@ -0,0 +1,36 @@
+import { ArgumentsBase } from '../types/StoriesArguments.js';
+import SwitchButton from './SwitchButton.js';
+import React from 'react';
+// Configuración general para el componente en Storybook
+const meta = {
+    title: 'UI/Forms/SwitchButton', // Categoría y nombre en la barra lateral de Storybook
+    component: SwitchButton,
+    parameters: {
+        layout: 'centered', // Centra el componente en el lienzo
+    },
+    tags: ['autodocs'],
+    argTypes: { ...ArgumentsBase }
+};
+export default meta;
+// Historias individuales
+export const SwitchButtonNormal = {
+    render: (args) => {
+        const [inputs, setInputs] = React.useState({});
+        return (React.createElement("div", { className: 'flex gap-3 text-white' },
+            React.createElement(SwitchButton, { id: "option_id", lb: args.lb, state: [inputs, setInputs], theme: args.theme, size: args.size, readOnly: args.readOnly })));
+    },
+    args: {
+        id: 'option_id',
+        lb: 'Box Controlado',
+        state: [{}],
+        readOnly: false,
+    },
+};
+export const SwitchButtonSecondary = {
+    args: {
+        lb: 'SwitchButton Normal',
+        id: "sss",
+        state: [{}]
+    },
+};
+//# sourceMappingURL=SwitchButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchButton.stories.js","sourceRoot":"","sources":["../../src/forms/SwitchButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,YAAmC,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB,EAAE,sDAAsD;IACtF,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;CACG,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,kBAAkB,GAA0B;IACvD,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,YAAY,IACX,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,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;KAChB;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,IAAI,EAAE;QACJ,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,CAAC,EAAE,CAAC;KACZ;CACF,CAAC"}

package/dist/forms/index.d.ts

@@ -8,5 +8,6 @@ export { default as Select } from "./Select.js";
 export { default as Button } from "./Button.js";
 export { default as LinkButtonSmall } from "./LinkButton.js";
 export { default as ToggleSwitch } from "./ToggleSwitch.js";
+export { default as SwitchButton } from "./SwitchButton.js";
 export type { ButtonProps } from './Button.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/forms/index.js

@@ -8,4 +8,5 @@ export { default as Select } from "./Select.js";
 export { default as Button } from "./Button.js";
 export { default as LinkButtonSmall } from "./LinkButton.js";
 export { default as ToggleSwitch } from "./ToggleSwitch.js";
+export { default as SwitchButton } from "./SwitchButton.js";
 //# sourceMappingURL=index.js.map

package/dist/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/package.json

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