@royaltics/ui 1.0.0

package/README.md

@@ -0,0 +1,84 @@
+# 📦 Royaltics Utils & UI
+
+🚀 Una librería de utilidades y componentes UI reutilizables para proyectos JavaScript y TypeScript. Compatible con utilsJS y ESM.
+
+## 📌 Instalación
+
+Puedes instalar la librería usando **pnpm**, **npm** o **yarn**:
+
+```sh
+pnpm add royaltics
+# o
+npm install royaltics
+# o
+yarn add royaltics
+```
+
+---
+
+## 📂 Estructura del Paquete
+
+Esta librería está dividida en dos módulos principales:
+
+- `` → Funciones utilitarias
+- `` → Componentes UI
+
+---
+
+## 🛠 **Uso de Utilidades (**``**)**
+
+### 📅 **Ejemplo: Formatear fecha en español**
+
+```ts
+import { dateToStringEs } from "royaltics/utils";
+
+const fecha = new Date();
+console.log(dateToStringEs(fecha)); // "Lunes, 30 de Marzo del 2023"
+```
+
+### 🔢 **Ejemplo: formatear Numeros**
+
+```ts
+import { defaultFloat } from "royaltics/utils";
+
+console.log(defaultFloat("5,599")); // 5.599
+```
+
+---
+
+## 🎨 **Uso de Componentes UI (**``**)**
+
+### ▶️ **Ejemplo: Reproductor de YouTube**
+
+```tsx
+import { YouTubePlayer } from "royaltics/ui";
+
+const App = () => (
+  <YouTubePlayer videoId="dQw4w9WgXcQ" />
+);
+
+export default App;
+```
+
+---
+
+## ⚙️ **Compilación y Desarrollo**
+
+Para compilar la librería:
+
+```sh
+pnpm build
+```
+
+Para ejecutar en modo desarrollo:
+
+```sh
+pnpm dev
+```
+
+---
+
+## 📜 **Licencia**
+
+MIT License © 2025 - Royaltics Solutions
+

package/dist/buttons/Button.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+type ButtonType = {
+    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;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +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,KAAK,UAAU,GAAG;IAChB,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"}

package/dist/buttons/Button.js

@@ -0,0 +1,12 @@
+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))));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/buttons/Button.js.map

@@ -0,0 +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"}

package/dist/forms/Checkbox.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+type CheckBoxType = {
+    id: string;
+    lb?: string;
+    state: {
+        inputs: any;
+        setInputs?: React.Dispatch<any>;
+    };
+    readOnly?: boolean;
+    icon?: any;
+    className?: string;
+    inForm?: boolean;
+    tabIndex?: number;
+    type?: 'number' | 'boolean';
+};
+declare const Checkbox: ({ id, state, lb, readOnly, className, inForm, type, tabIndex }: CheckBoxType) => React.JSX.Element;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC5B,CAAA;AACD,QAAA,MAAM,QAAQ,mEAAgF,YAAY,sBA4BzG,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/forms/Checkbox.js

@@ -0,0 +1,17 @@
+import React from 'react';
+const Checkbox = ({ id, state, lb, readOnly, className, inForm, type = 'boolean', tabIndex }) => {
+    const { inputs, setInputs } = state;
+    const handleClick = () => {
+        if (setInputs && !readOnly) {
+            let value = type == 'number' ? (inputs[id] == 1 ? 0 : 1) : !inputs[id];
+            setInputs({ [id]: value });
+        }
+    };
+    return (React.createElement("div", { className: `font-medium flex items-center space-x-2 dark:text-gray-200 cursor-pointer ${readOnly ? 'text-gray-600 dark:text-gray-400' : ''} ${inForm ? 'mt-3' : ''}` },
+        React.createElement("input", { id: "check_" + id, onChange: handleClick, type: "checkbox", className: `appearance-none ${className ?? 'w-4 h-4'}   rounded border border-gray-300 cursor-pointer `, 
+            //dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600
+            checked: inputs[id] || false, disabled: readOnly, tabIndex: tabIndex, name: id }),
+        React.createElement("label", { htmlFor: "check_" + id, className: "cursor-pointer" }, lb)));
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/forms/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/forms/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAgB,EAAE,EAAE;IAC5G,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,IAAI,KAAK,GAAG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACvE,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,6EAA6E,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACvK,+BAAO,EAAE,EAAE,QAAQ,GAAG,EAAE,EACtB,QAAQ,EAAE,WAAW,EAErB,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,mBAAmB,SAAS,IAAI,SAAS,mDAAmD;YACvG,uGAAuG;YACvG,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,GAER;QACF,+BAAO,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,EAAC,gBAAgB,IAAE,EAAE,CAAS,CAClE,CAEP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/forms/Input.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/forms/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC1G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CAEnB,CAAA;AAED,QAAA,MAAM,KAAK,6MAAoP,SAAS,sBAuDvQ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/forms/Input.js

@@ -0,0 +1,35 @@
+import React from "react";
+const Input = ({ id, lb, type = 'text', decimal = true, onwheel = true, maxLength, placeholder, state, disabled, icon, readOnly, noWrap = true, className, textCenter = false, required, referer, onKeyDown, enter, onEnter, autocomplete, tabIndex, onBlur }) => {
+    const { inputs, setInputs } = state;
+    const _onKeyDown = (evt) => {
+        //validar decimal
+        if (type === 'number' && !decimal && (evt.keyCode == 110 || evt.keyCode == 188 || evt.keyCode == 190)) {
+            evt.preventDefault();
+            return;
+        }
+        if (evt.keyCode == 13 && onEnter && !evt.repeat) { //if Enter
+            onEnter(evt);
+        }
+        if (onKeyDown)
+            onKeyDown(evt);
+    };
+    return (React.createElement("div", { className: "flex flex-col items-stretch justify-start  " + (className ?? '') },
+        lb && React.createElement("label", { htmlFor: id, className: `font-medium text-gray-700 dark:text-gray-200  pb-0.5` + (noWrap ? " text-justify" : "wrap") },
+            lb,
+            ":"),
+        React.createElement("div", { className: `flex flex-row-reverse border dark:border-gray-600 rounded-md items-center ${readOnly ? 'bg-gray-50 dark:bg-gray-600' : 'dark:bg-gray-800 '}` },
+            React.createElement("input", { ref: referer, className: `py-1.5 rounded-md  px-2 w-full ${textCenter ? 'text-center' : ''} outline-none ${readOnly ? 'bg-gray-50 dark:bg-gray-600 dark:text-gray-200' : 'dark:bg-gray-800 dark:text-white'}`, id: id, "aria-autocomplete": autocomplete === "off" ? "none" : "inline", autoComplete: autocomplete, type: type, value: inputs?.[id] || '', placeholder: placeholder || lb, disabled: disabled, readOnly: readOnly, required: required, maxLength: maxLength, onFocus: onwheel ? undefined : (e) => e.target.addEventListener("wheel", function (e) { e.preventDefault(); }, { passive: false }), onKeyDown: _onKeyDown, onBlur: onBlur, onPaste: (event) => {
+                    event.preventDefault();
+                    const pastedText = event.clipboardData.getData('text')?.trimEnd();
+                    const { selectionStart, selectionEnd, value } = event.target;
+                    const isFullySelected = (selectionStart === 0 && selectionEnd === value.length) || selectionEnd === null;
+                    const finalValue = isFullySelected ? pastedText : value.slice(0, selectionStart) + pastedText + value.slice(selectionEnd);
+                    // Set the input state with the new value
+                    setInputs?.({ [id]: finalValue });
+                }, enterKeyHint: enter, tabIndex: tabIndex, onChange: (e) => {
+                    setInputs?.({ [id]: e.target.value });
+                } }),
+            React.createElement("span", { className: `${icon ? "ml-1 pl-1" : ""} ${disabled ? "text-gray-400 dark:text-gray-800" : "text-gray-700 dark:text-gray-300"}` }, icon))));
+};
+export default Input;
+//# sourceMappingURL=Input.js.map

package/dist/forms/Input.js.map

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

package/dist/forms/InputAutocomplete.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+type InputProps = {
+    id: string;
+    className?: string;
+    state: {
+        inputs: any;
+        setInputs: (data: any, items?: any) => void;
+    };
+    lb?: string;
+    placeholder?: string;
+    api: string;
+    disabled?: boolean;
+    keyText?: string;
+    keyValue?: string;
+    onKeyDown?: (e: any) => void;
+    criteria?: any;
+};
+declare const _default: React.MemoExoticComponent<({ lb, state, api, keyText, keyValue, disabled, className, id, placeholder, criteria }: InputProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=InputAutocomplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputAutocomplete.d.ts","sourceRoot":"","sources":["../../src/forms/InputAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;KAAE,CAAC;IACpE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAA;0IAEoJ,UAAU,KAAG,GAAG,CAAC,OAAO;AA0F7K,wBAAuC"}

package/dist/forms/InputAutocomplete.js

@@ -0,0 +1,67 @@
+import React, { memo, useEffect, useReducer, useState } from "react";
+import cn from 'classnames';
+import { XCircleIcon } from "@heroicons/react/24/outline";
+import { Reducer } from "../reducers/index.js";
+import useHttpState from "../hooks/useHttpState.js";
+const InputAutocomplete = ({ lb, state, api, keyText = 'names', keyValue = 'id', disabled = false, className = '', id, placeholder, criteria = {} }) => {
+    const [dropdown, setDropDown] = useReducer((Reducer), { open: false, text: '' });
+    const [dropdownList, setDropDownList] = useState([]);
+    const [selectedItems, setSelectedItems] = useState([]); // Estado para los elementos seleccionados
+    const { inputs, setInputs } = state;
+    const { get, post } = useHttpState();
+    useEffect(() => {
+        // Auto Select first Element -> Only if model not contains this key Text
+        if (selectedItems) {
+            setInputs({ [id]: selectedItems.map((item => item[keyValue])) }, selectedItems);
+        }
+    }, [selectedItems]);
+    useEffect(() => {
+        // Auto Select first Element -> Only if model not contains this key Text
+        if (inputs[id] > 0 && !inputs[keyText] && id) {
+            get(api + "/" + inputs[id], {
+                onSuccess: (d) => {
+                    setInputs({ [id]: d[keyValue], [keyText]: d[keyText], text: d[keyText] });
+                }
+            });
+        }
+    }, []);
+    useEffect(() => {
+        // Auto Select first Element -> Only if model not contains this key
+        if (dropdown.text?.length > 0 && id) {
+            post(api + '/search', {
+                data: { search: dropdown.text, ...criteria, limit: 100 },
+                onSuccess: (data) => {
+                    setDropDownList(data);
+                }
+            });
+        }
+    }, [dropdown.text]);
+    const handleSelect = (item) => {
+        if (Number(item[keyValue]) <= 0 || selectedItems.find(i => i[keyValue] === item[keyValue])) {
+            return;
+        }
+        setSelectedItems([...selectedItems, item]); // Agrega el elemento seleccionado a la lista
+        setDropDown({ text: '', open: false }); // Cierra el dropdown
+    };
+    const handleRemove = (item) => {
+        setSelectedItems(selectedItems.filter(i => i[keyValue] !== item[keyValue])); // Elimina el elemento de la lista
+    };
+    return (React.createElement("div", { className: "relative flex flex-col select-none " + className },
+        lb && React.createElement("label", { className: 'text-gray-700 dark:text-gray-200 pb-0.5' },
+            lb,
+            " (",
+            selectedItems.length,
+            ")"),
+        React.createElement("div", { className: cn('flex flex-wrap items-center gap-2 border rounded-md py-1 px-1 dark:border-gray-600 ', disabled ? 'dark:bg-gray-600 dark:text-gray-300' : 'bg-white dark:bg-gray-800 dark:text-white') },
+            selectedItems.map((item, index) => (React.createElement("div", { key: index, className: "flex items-center bg-gray-200 dark:bg-gray-700 px-2 py-1 rounded-md" },
+                React.createElement("span", null, item[keyText]),
+                React.createElement(XCircleIcon, { className: "h-4 w-4 ml-1 cursor-pointer", onClick: () => handleRemove(item) })))),
+            React.createElement("input", { className: "flex-grow overflow-hidden outline-none bg-transparent py-0.5", type: "text", enterKeyHint: "search", onChange: (e) => setDropDown({ open: true, text: e.target.value }), onKeyDown: (e) => {
+                    if (e.key === 'Enter') {
+                        setDropDown({ open: true, text: dropdown.text });
+                    }
+                }, placeholder: placeholder || lb, value: dropdown.text })),
+        dropdown.open && dropdownList.length > 0 && React.createElement("div", { className: "absolute border-1 dark:border-slate-600 bg-white dark:bg-slate-800 top-full w-full z-30 overflow-y-auto max-h-48 p-1 rounded-md shadow-md" }, dropdownList && dropdownList.map((item, index) => (React.createElement("div", { key: index, className: cn('p-1 cursor-pointer hover:bg-black/10 truncate border-b-2 border-white dark:border-slate-700 dark:text-white'), onClick: () => handleSelect(item) }, item[keyText]))))));
+};
+export default memo(InputAutocomplete);
+//# sourceMappingURL=InputAutocomplete.js.map

package/dist/forms/InputAutocomplete.js.map

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

package/dist/forms/Paginate.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type PaginateProps = {
+    defaultPage?: number;
+    onChangue: (page: number, offset: number, limit: number) => void;
+    rows: number;
+    rowsPage: number;
+    children: any;
+    overFlowAuto?: boolean;
+};
+declare const _default: React.MemoExoticComponent<({ defaultPage, rows, rowsPage, children, onChangue, overFlowAuto }: PaginateProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=Paginate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paginate.d.ts","sourceRoot":"","sources":["../../src/forms/Paginate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,KAAK,aAAa,GAAG;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAA;uHAE8F,aAAa,KAAG,GAAG,CAAC,OAAO;AAoD1H,wBAAoC"}

package/dist/forms/Paginate.js

@@ -0,0 +1,35 @@
+import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/solid';
+import React, { useEffect, useReducer } from 'react';
+import { Reducer } from '../reducers/index.js';
+const Paginate = ({ defaultPage = 1, rows, rowsPage = 30, children, onChangue, overFlowAuto }) => {
+    const [paginate, setPaginate] = useReducer((Reducer), { current: defaultPage, total: 1 });
+    useEffect(() => {
+        let pageTotal = 1;
+        if (rowsPage > 0)
+            pageTotal = Math.ceil(rows / rowsPage);
+        setPaginate({ total: pageTotal });
+    }, [rows]);
+    const nextPage = () => {
+        const page = (paginate.current + 1) >= paginate.total ? paginate.total : paginate.current + 1;
+        onChangue((page - 1) * rowsPage, page * rowsPage, page);
+        setPaginate({ current: page });
+    };
+    const prevPage = () => {
+        const page = (paginate.current - 1) < 0 ? 0 : paginate.current - 1;
+        onChangue((page - 1) * rowsPage, page * rowsPage, page);
+        setPaginate({ current: page });
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: overFlowAuto ? 'w-full overflow-auto h-96 scrollbar-thin' : '' }, children),
+        React.createElement("div", { className: "my-1 flex items-center gap-1 cursor-pointer text-base select-none" },
+            React.createElement("button", { title: 'Anterior', disabled: paginate.current == 1 || paginate.total == 1, onClick: prevPage, className: 'p-1 font-bold  rounded-md bg-slate-200 dark:bg-slate-600  disabled:text-gray-400 hover:bg-black/15' },
+                React.createElement(ChevronLeftIcon, { height: 24, width: 17 })),
+            Array.from({ length: paginate.total }, (_, index) => index + 1).map((pag) => (React.createElement("button", { key: pag, onClick: () => {
+                    onChangue((pag - 1) * rowsPage, pag * rowsPage, pag);
+                    setPaginate({ current: pag });
+                }, className: `p-1 px-2 rounded-md bg-slate-200 dark:bg-slate-600  dark:text-gray-200 disabled:text-gray-400 hover:bg-black/15 ${pag == paginate.current ? ' font-medium !bg-sky-650 text-white' : ' '}` }, pag))),
+            React.createElement("button", { title: 'Siguiente', disabled: paginate.current == paginate.total || paginate.total == 1, onClick: nextPage, className: 'p-1   font-bold  rounded-md bg-slate-200 dark:bg-slate-600  disabled:text-gray-400 hover:bg-black/15' },
+                React.createElement(ChevronRightIcon, { height: 24, width: 17 })))));
+};
+export default React.memo(Paginate);
+//# sourceMappingURL=Paginate.js.map

package/dist/forms/Paginate.js.map

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

package/dist/forms/PhotoCard.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type PhotoCardType = {
+    uuid?: string;
+    user_id?: any;
+    api: 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;
+export default PhotoCard;
+//# sourceMappingURL=PhotoCard.d.ts.map

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

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

package/dist/forms/PhotoCard.js

@@ -0,0 +1,62 @@
+import React, { useEffect, useState } from "react";
+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' }) => {
+    // Valores de los inputs
+    const [preview, setPreview] = useState(null);
+    const { deleteReq, patch } = useHttpState();
+    useEffect(() => {
+        setPreview(photo);
+    }, [photo]);
+    // Crear una vista previa como efecto, siempre que se cambie el archivo seleccionado
+    //Update and Selected Image
+    const onSelectFile = (e) => {
+        if (!e.target.files || e.target.files.length === 0) {
+            return;
+        }
+        const exts = e.target.files[0].name?.split(".");
+        const ext = exts[exts.length - 1];
+        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] },
+                content_type: 'file',
+                onSuccess: (data) => {
+                    set({ photo: data.photo });
+                    toast.success('Imagen Actualizada Correctamente!');
+                }
+            });
+        }
+        else {
+            toast.error("Por favor seleccione una imagen de Extensión (jpg,png,bmp)");
+        }
+    };
+    const deletePreview = () => {
+        setPreview(null);
+        if (photo != 'Photo.jpg') {
+            deleteReq(api, {
+                onSuccess: (data) => {
+                    set({ photo: 'Photo.jpg' });
+                    toast.success('Imagen Eliminada Correctamente!');
+                    setPreview(null);
+                }
+            });
+        }
+    };
+    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-gray" },
+                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")))));
+};
+export default PhotoCard;
+//# sourceMappingURL=PhotoCard.js.map

package/dist/forms/PhotoCard.js.map

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

package/dist/forms/PlayerYoutube.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface YouTubePlayerProps {
+    videoId: string;
+    className?: string;
+    iframeClassName?: string;
+    onReady?: (player: YT.Player) => void;
+    onStateChange?: (event: YT.OnStateChangeEvent) => void;
+    options?: {
+        autoplay?: 0 | 1;
+        controls?: 0 | 1;
+        loop?: 0 | 1;
+        mute?: 0 | 1;
+    };
+}
+export declare const YouTubePlayer: ({ videoId, className, iframeClassName, onReady, onStateChange, options, }: YouTubePlayerProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=PlayerYoutube.d.ts.map

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

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

package/dist/forms/PlayerYoutube.js

@@ -0,0 +1,40 @@
+import React, { useEffect, useRef } from "react";
+;
+export const YouTubePlayer = ({ videoId, className, iframeClassName, onReady, onStateChange, options = {}, }) => {
+    const playerRef = useRef(null);
+    useEffect(() => {
+        if (!playerRef.current)
+            return;
+        // Cargar el script de la API de YouTube si no está en el documento
+        if (!window.YT) {
+            const tag = document.createElement("script");
+            tag.src = "https://www.youtube.com/iframe_api";
+            tag.async = true;
+            document.body.appendChild(tag);
+        }
+        const onYouTubeIframeAPIReady = () => {
+            const player = new YT.Player(playerRef.current, {
+                videoId,
+                playerVars: {
+                    autoplay: options.autoplay ?? 0,
+                    controls: options.controls ?? 1,
+                    loop: options.loop ?? 0,
+                    mute: options.mute ?? 0,
+                },
+                events: {
+                    onReady: (event) => onReady?.(event.target),
+                    onStateChange,
+                },
+            });
+        };
+        // Esperar a que la API de YouTube esté lista
+        if (window.YT && window.YT.Player) {
+            onYouTubeIframeAPIReady();
+        }
+        else {
+            window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady;
+        }
+    }, [videoId, options]);
+    return React.createElement("div", { ref: playerRef, className: className });
+};
+//# sourceMappingURL=PlayerYoutube.js.map

package/dist/forms/PlayerYoutube.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerYoutube.js","sourceRoot":"","sources":["../../src/forms/PlayerYoutube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAQhD,CAAC;AAgBF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,eAAe,EACf,OAAO,EACP,aAAa,EACb,OAAO,GAAG,EAAE,GACO,EAAE,EAAE;IACvB,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAE/B,mEAAmE;QACnE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;YACf,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,GAAG,GAAG,oCAAoC,CAAC;YAC/C,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;YACjB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC;QAED,MAAM,uBAAuB,GAAG,GAAG,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,OAAyB,EAAE;gBAChE,OAAO;gBACP,UAAU,EAAE;oBACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;oBAC/B,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;oBAC/B,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;oBACvB,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;iBACxB;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;oBAC3C,aAAa;iBACd;aACF,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,6CAA6C;QAC7C,IAAI,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;YAClC,uBAAuB,EAAE,CAAC;QAC5B,CAAC;aAAM,CAAC;YACL,MAAc,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACvD,CAAC,CAAC"}

package/dist/forms/RadioButton.d.ts

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

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

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

package/dist/forms/RadioButton.js

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

package/dist/forms/RadioButton.js.map

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