siesa-ui-kit 1.0.0 → 1.0.1

package/dist/components/Textarea/Textarea.types.d.ts

@@ -0,0 +1,46 @@
+import type { TextareaHTMLAttributes } from 'react';
+/**
+ * Estados visuales del Textarea
+ */
+export type TextareaState = 'default' | 'hover' | 'focus' | 'filled' | 'disabled';
+/**
+ * Props del componente Textarea
+ */
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /**
+     * Etiqueta del campo de texto
+     */
+    label?: string;
+    /**
+     * Descripción debajo del label (texto secundario)
+     */
+    description?: string;
+    /**
+     * Texto de ayuda debajo del textarea
+     */
+    helperText?: string;
+    /**
+     * Indica si hay un error de validación
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Mensaje de error a mostrar (reemplaza helperText cuando error=true)
+     */
+    errorMessage?: string;
+    /**
+     * Si el textarea ocupa todo el ancho del contenedor
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Si el textarea puede redimensionarse
+     * @default 'vertical'
+     */
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+//# sourceMappingURL=Textarea.types.d.ts.map

package/dist/components/Textarea/Textarea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC9F;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+export type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+    setTheme: (theme: Theme) => void;
+}
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+}
+/**
+ * ThemeProvider - Proveedor de contexto para el tema de la aplicación
+ *
+ * Maneja el estado del tema (light/dark) y lo persiste en localStorage.
+ * Aplica la clase 'dark' al elemento HTML root cuando el tema es dark.
+ *
+ * @example
+ * ```tsx
+ * <ThemeProvider defaultTheme="light">
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+/**
+ * useTheme - Hook para acceder al contexto del tema
+ *
+ * @returns {ThemeContextType} Objeto con el tema actual y funciones para modificarlo
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { theme, toggleTheme } = useTheme();
+ *
+ *   return (
+ *     <button onClick={toggleTheme}>
+ *       Tema actual: {theme}
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+export declare const useTheme: () => ThemeContextType;
+export {};
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/context/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAID,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwCtD,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAQ3B,CAAC"}

package/{src/context/index.ts → dist/context/index.d.ts}

@@ -1 +1,2 @@
-export { ThemeProvider, useTheme, type Theme } from './ThemeContext';
+export { ThemeProvider, useTheme, type Theme } from './ThemeContext';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC"}

package/{src/index.ts → dist/index.d.ts}

@@ -1,39 +1,26 @@
-// Componentes
-export { Button } from './components/Button/Button';
-export type { ButtonProps, ButtonType, ButtonSize, ButtonState } from './components/Button/Button.types';
-
-export { Input } from './components/Input/Input';
-export type { InputProps, InputState } from './components/Input/Input.types';
-
-export { Textarea } from './components/Textarea/Textarea';
-export type { TextareaProps, TextareaState } from './components/Textarea/Textarea.types';
-
-export { Checkbox } from './components/Checkbox/Checkbox';
-export type { CheckboxProps, CheckboxState } from './components/Checkbox/Checkbox.types';
-
-export { Radio } from './components/Radio/Radio';
-export type { RadioProps, RadioState } from './components/Radio/Radio.types';
-
-export { Switch } from './components/Switch/Switch';
-export type { SwitchProps, SwitchState } from './components/Switch/Switch.types';
-
-export { Avatar } from './components/Avatar/Avatar';
-export type { AvatarProps, AvatarSize, AvatarType } from './components/Avatar/Avatar.types';
-
-export { Divider } from './components/Divider/Divider';
-export type { DividerProps, DividerType } from './components/Divider/Divider.types';
-
-export { DescriptionList } from './components/DescriptionList/DescriptionList';
-export type { DescriptionListProps } from './components/DescriptionList/DescriptionList.types';
-
-export { Alert } from './components/Alert/Alert';
-export type { AlertProps } from './components/Alert/Alert.types';
-
-export { Badge } from './components/Badge/Badge';
-export type { BadgeProps, BadgeColor } from './components/Badge/Badge.types';
-
-export { Quantity } from './components/Quantity/Quantity';
-export type { QuantityProps } from './components/Quantity/Quantity.types';
-
-// Context y Hooks
-export { ThemeProvider, useTheme, type Theme } from './context';
+export { Button } from './components/Button/Button';
+export type { ButtonProps, ButtonType, ButtonSize, ButtonState } from './components/Button/Button.types';
+export { Input } from './components/Input/Input';
+export type { InputProps, InputState } from './components/Input/Input.types';
+export { Textarea } from './components/Textarea/Textarea';
+export type { TextareaProps, TextareaState } from './components/Textarea/Textarea.types';
+export { Checkbox } from './components/Checkbox/Checkbox';
+export type { CheckboxProps, CheckboxState } from './components/Checkbox/Checkbox.types';
+export { Radio } from './components/Radio/Radio';
+export type { RadioProps, RadioState } from './components/Radio/Radio.types';
+export { Switch } from './components/Switch/Switch';
+export type { SwitchProps, SwitchState } from './components/Switch/Switch.types';
+export { Avatar } from './components/Avatar/Avatar';
+export type { AvatarProps, AvatarSize, AvatarType } from './components/Avatar/Avatar.types';
+export { Divider } from './components/Divider/Divider';
+export type { DividerProps, DividerType } from './components/Divider/Divider.types';
+export { DescriptionList } from './components/DescriptionList/DescriptionList';
+export type { DescriptionListProps } from './components/DescriptionList/DescriptionList.types';
+export { Alert } from './components/Alert/Alert';
+export type { AlertProps } from './components/Alert/Alert.types';
+export { Badge } from './components/Badge/Badge';
+export type { BadgeProps, BadgeColor } from './components/Badge/Badge.types';
+export { Quantity } from './components/Quantity/Quantity';
+export type { QuantityProps } from './components/Quantity/Quantity.types';
+export { ThemeProvider, useTheme, type Theme } from './context';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEzG,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAEzF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAEzF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE5F,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEpF,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,YAAY,EAAE,oBAAoB,EAAE,MAAM,oDAAoD,CAAC;AAE/F,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,WAAW,CAAC"}

package/dist/siesa-ui-kit.cjs

@@ -0,0 +1,420 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),R=({type:s="default",size:o="base",iconOnly:t=!1,leftIcon:r,rightIcon:a,children:i,disabled:n=!1,className:b="",onClick:l,htmlType:x="button",fullWidth:d=!1,ariaLabel:c,badge:g=!1,badgeCount:m,badgeColor:h="red",...k})=>{const f={xs:t?"h-6 w-6 p-1":"h-6 py-1 px-2 gap-2",sm:t?"h-7 w-7 p-1.5":"h-7 py-1 px-2 gap-2",base:t?"h-8 w-8 p-2":"h-8 py-1.5 px-2.5 gap-2",l:t?"h-9 w-9 p-2.5":"h-9 py-2 px-3 gap-3",xl:t?"h-10 w-10 p-3":"h-10 py-2 px-4 gap-3"},u={xs:"w-4 h-4",sm:"w-4 h-4",base:"w-4 h-4",l:"w-4 h-4",xl:"w-4 h-4"},y={xs:"text-xs",sm:"text-sm",base:"text-sm",l:"text-sm",xl:"text-sm"},v={default:`
+      bg-primary-custom-600
+      text-primary-inverse-content
+      border
+      border-primary-inverse-border
+      shadow-button-inset
+      hover:bg-primary-custom-500
+      active:scale-95
+      transition-all
+      duration-150
+      dark:bg-dark-bg-inverse
+      dark:text-dark-content-inverse
+      dark:border-dark-border-inverse
+      dark:hover:bg-dark-bg-inverse/90
+    `,outline:`
+      bg-transparent
+      text-primary-custom-600
+      border
+      border-primary-custom-300
+      shadow-sm
+      hover:bg-primary-custom-100
+      active:scale-95
+      transition-all
+      duration-150
+      dark:text-dark-content-custom
+      dark:border-dark-border-custom
+      dark:hover:bg-dark-bg-custom/20
+    `,plain:`
+      bg-transparent
+      text-primary-custom-600
+      border
+      border-transparent
+      hover:bg-hover-overlay
+      active:scale-95
+      transition-all
+      duration-150
+      dark:text-dark-content-custom
+      dark:hover:bg-hover-overlay-dark
+    `},w=`
+    inline-flex
+    items-center
+    justify-center
+    rounded-md
+    font-bold
+    whitespace-nowrap
+    focus:outline-none
+    focus:ring-4
+    focus:ring-primary-custom-400
+    focus:ring-offset-2
+    focus:ring-offset-primary-custom-100
+    dark:focus:ring-dark-border-custom
+    dark:focus:ring-offset-dark-bg-primary
+    disabled:opacity-50
+    disabled:cursor-not-allowed
+    disabled:pointer-events-none
+  `,N=d?"w-full":"",C=[w,f[o],v[s],N,b].join(" ").replace(/\s+/g," ").trim(),$=T=>T?e.jsx("span",{className:`inline-flex items-center justify-center ${u[o]}`,children:T}):null,z=()=>t?$(r):e.jsxs(e.Fragment,{children:[r&&$(r),i&&e.jsx("span",{className:y[o],children:i}),a&&$(a)]}),B={zinc:{bg:"bg-zinc-600",text:"text-white"},red:{bg:"bg-red-700",text:"text-white"},orange:{bg:"bg-orange-700",text:"text-white"},amber:{bg:"bg-amber-700",text:"text-white"},yellow:{bg:"bg-yellow-700",text:"text-white"},lime:{bg:"bg-lime-700",text:"text-white"},green:{bg:"bg-green-700",text:"text-white"},emerald:{bg:"bg-emerald-700",text:"text-white"},teal:{bg:"bg-teal-700",text:"text-white"},cyan:{bg:"bg-cyan-700",text:"text-white"},sky:{bg:"bg-sky-700",text:"text-white"},blue:{bg:"bg-blue-700",text:"text-white"},indigo:{bg:"bg-indigo-700",text:"text-white"},violet:{bg:"bg-violet-700",text:"text-white"},purple:{bg:"bg-purple-700",text:"text-white"},fuchsia:{bg:"bg-fuchsia-700",text:"text-white"},pink:{bg:"bg-pink-700",text:"text-white"},rose:{bg:"bg-rose-700",text:"text-white"},primary:{bg:"bg-primary-custom-600",text:"text-white"},secondary:{bg:"bg-zinc-600",text:"text-white"},tertiary:{bg:"bg-zinc-600",text:"text-white"}},_=B[h]||B.red,S=()=>!g&&m===void 0?null:m!==void 0?e.jsx("span",{className:`
+            absolute
+            -top-1
+            -right-1
+            flex
+            items-center
+            justify-center
+            min-w-[16px]
+            h-4
+            px-1
+            rounded-full
+            text-[10px]
+            font-bold
+            leading-none
+            ${_.bg}
+            ${_.text}
+            pointer-events-none
+          `.trim().replace(/\s+/g," "),"aria-label":`${m} notificaciones`,children:m>99?"99+":m}):e.jsx("span",{className:`
+          absolute
+          -top-1
+          -right-1
+          w-2
+          h-2
+          rounded-full
+          ${_.bg}
+          pointer-events-none
+        `.trim().replace(/\s+/g," "),"aria-label":"Notificación"});return e.jsxs("button",{type:x,className:`${C} ${g||m!==void 0?"relative":""}`,disabled:n,onClick:l,"aria-label":c,...k,children:[z(),S()]})},L=p.forwardRef(({label:s,labelSecondary:o,helperText:t,error:r=!1,errorMessage:a,leftIcon:i,rightIcon:n,fullWidth:b=!1,className:l="",disabled:x=!1,id:d,...c},g)=>{const m=d||`input-${Math.random().toString(36).substr(2,9)}`,h=`
+      w-full
+      px-3
+      py-1.5
+      text-sm
+      leading-6
+      font-normal
+      text-content-primary
+      bg-bg-primary
+      border
+      border-border-primary
+      rounded-md
+      outline-none
+      transition-all
+      duration-150
+      placeholder:text-content-tertiary
+      dark:bg-dark-bg-primary
+      dark:border-dark-border-primary
+      dark:text-dark-content-primary
+      dark:placeholder:text-dark-content-tertiary
+    `,k=x?`
+        opacity-50
+        cursor-not-allowed
+        bg-bg-secondary
+        dark:bg-dark-bg-secondary
+      `:`
+        hover:border-primary-custom-600
+        focus:border-primary-custom-600
+        focus:ring-2
+        focus:ring-primary-custom-400
+        focus:ring-offset-2
+        dark:hover:border-dark-border-custom
+        dark:focus:border-dark-border-custom
+        dark:focus:ring-dark-border-custom
+        dark:focus:ring-offset-dark-bg-primary
+      `,f=r?`
+        !border-error-border
+        focus:!ring-error-border/30
+        focus:!ring-offset-2
+        dark:!border-error-border
+        dark:focus:!ring-error-border/30
+        dark:focus:!ring-offset-dark-bg-primary
+      `:"",u=b?"w-full":"w-[265px]",y=v=>{if(!v)return null;const w=v.props.className||"";return p.cloneElement(v,{className:`w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary ${w}`})};return e.jsxs("div",{className:`flex flex-col gap-2 ${u} ${l}`,children:[s&&e.jsxs("label",{htmlFor:m,className:"flex items-center w-full font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:[e.jsx("span",{className:"flex-1",children:s}),o&&e.jsx("span",{className:"text-xs leading-4 text-primary-custom-600 dark:text-primary-custom-600",children:o})]}),e.jsxs("div",{className:"relative flex items-center",children:[i&&e.jsx("div",{className:"absolute left-3 pointer-events-none",children:y(i)}),e.jsx("input",{ref:g,id:m,disabled:x,className:`
+              ${h}
+              ${k}
+              ${f}
+              ${i?"pl-9":""}
+              ${n?"pr-9":""}
+            `.trim().replace(/\s+/g," "),...c}),n&&e.jsx("div",{className:"absolute right-3 pointer-events-none",children:y(n)})]}),(t||a)&&e.jsx("p",{className:`
+              text-xs
+              leading-5
+              ${r?"text-error-content dark:text-error-content":"text-content-tertiary dark:text-dark-content-tertiary"}
+            `.trim().replace(/\s+/g," "),children:r&&a?a:t})]})});L.displayName="Input";const I=p.forwardRef(({label:s,description:o,helperText:t,error:r=!1,errorMessage:a,fullWidth:i=!1,resize:n="vertical",className:b="",disabled:l=!1,id:x,rows:d=4,...c},g)=>{const m=x||`textarea-${Math.random().toString(36).substr(2,9)}`,h=`
+      w-full
+      px-3
+      pr-1.5
+      py-1.5
+      text-base
+      leading-6
+      font-normal
+      bg-bg-primary
+      border
+      border-border-primary
+      rounded-lg
+      outline-none
+      transition-all
+      duration-150
+      placeholder:text-content-tertiary
+      dark:bg-dark-bg-primary
+      dark:border-dark-border-primary
+      dark:text-dark-content-primary
+      dark:placeholder:text-dark-content-tertiary
+    `,k=l?`
+        opacity-50
+        cursor-not-allowed
+        bg-bg-secondary
+        dark:bg-dark-bg-secondary
+      `:`
+        hover:border-zinc-400
+        focus:border-2
+        focus:border-primary-custom-600
+        dark:hover:border-zinc-500
+        dark:focus:border-2
+        dark:focus:border-dark-border-custom
+      `,f=r?`
+        !border-error-border
+        focus:!border-2
+        focus:!border-error-border
+        dark:!border-error-border
+        dark:focus:!border-2
+        dark:focus:!border-error-border
+      `:"",u=n==="none"?"resize-none":n==="vertical"?"resize-y":n==="horizontal"?"resize-x":"resize",y=i?"w-full":"w-[312px]";return e.jsxs("div",{className:`flex flex-col gap-2 ${y} ${b}`,children:[(s||o)&&e.jsxs("div",{className:"flex flex-col gap-1 w-full",children:[s&&e.jsx("label",{htmlFor:m,className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:s}),o&&e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-dark-content-secondary",children:o})]}),e.jsx("textarea",{ref:g,id:m,disabled:l,rows:d,className:`
+            ${h}
+            ${k}
+            ${f}
+            ${u}
+          `.trim().replace(/\s+/g," "),...c}),(t||a)&&e.jsx("p",{className:`
+              text-sm
+              leading-5
+              text-content-tertiary
+              dark:text-dark-content-tertiary
+            `.trim().replace(/\s+/g," "),children:r&&a?a:t})]})});I.displayName="Textarea";const F=p.forwardRef(({label:s,description:o,checked:t=!1,indeterminate:r=!1,disabled:a=!1,className:i="",id:n,onChange:b,...l},x)=>{const d=p.useRef(null),c=x||d,g=n||`checkbox-${Math.random().toString(36).substr(2,9)}`;p.useEffect(()=>{c.current&&(c.current.indeterminate=r)},[r,c]);const f=[`
+      w-4
+      h-4
+      rounded
+      border
+      border-border-primary
+      bg-bg-primary
+      transition-all
+      duration-150
+      flex
+      items-center
+      justify-center
+      dark:bg-dark-bg-primary
+      dark:border-dark-border-primary
+    `,a?`
+        opacity-50
+        cursor-not-allowed
+      `:t||r?`
+          peer-hover:border-[#50a5f7]
+          peer-focus:ring-2
+          peer-focus:ring-primary-custom-400/20
+          peer-focus:border-primary-custom-600
+          dark:peer-hover:border-[#50a5f7]
+          dark:peer-focus:border-dark-border-custom
+          dark:peer-focus:ring-dark-border-custom/20
+        `:`
+          peer-hover:border-[#b6b6b9]
+          peer-focus:ring-2
+          peer-focus:ring-primary-custom-400/20
+          peer-focus:border-primary-custom-600
+          dark:peer-hover:border-[#b6b6b9]
+          dark:peer-focus:border-dark-border-custom
+          dark:peer-focus:ring-dark-border-custom/20
+        `,t||r?`
+        !bg-primary-custom-600
+        !border-primary-custom-500
+        shadow-button-inset
+        dark:!bg-dark-bg-inverse
+        dark:!border-dark-bg-inverse
+      `:"",a?"cursor-not-allowed":"cursor-pointer"].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:`inline-flex gap-3 items-start ${i}`,children:[e.jsxs("div",{className:"flex items-center justify-center h-5 w-4 shrink-0",children:[e.jsx("input",{ref:c,type:"checkbox",id:g,checked:t,disabled:a,onChange:b,className:"peer sr-only",...l}),e.jsxs("label",{htmlFor:g,className:f,children:[t&&!r&&e.jsx("svg",{className:"w-3 h-3 text-primary-inverse-content pointer-events-none",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),r&&e.jsx("svg",{className:"w-3 h-3 text-primary-inverse-content pointer-events-none",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 6H10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})]})]}),(s||o)&&e.jsxs("label",{htmlFor:g,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${a?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[s&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:s}),o&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:o})]})]})});F.displayName="Checkbox";const D=p.forwardRef(({label:s,description:o,checked:t=!1,disabled:r=!1,className:a="",id:i,onChange:n,value:b,name:l,...x},d)=>{const c=i||`radio-${Math.random().toString(36).substr(2,9)}`,g=`
+      w-4
+      h-4
+      rounded-full
+      border
+      border-border-primary
+      bg-bg-primary
+      transition-all
+      duration-150
+      flex
+      items-center
+      justify-center
+      dark:bg-dark-bg-primary
+      dark:border-dark-border-primary
+    `,m=r?`
+        opacity-50
+        cursor-not-allowed
+      `:`
+        peer-hover:border-primary-custom-600
+        peer-focus:ring-2
+        peer-focus:ring-primary-custom-400
+        peer-focus:border-primary-custom-600
+        dark:peer-hover:border-dark-border-custom
+        dark:peer-focus:ring-dark-border-custom
+        dark:peer-focus:border-dark-border-custom
+      `,h=t?`
+        !bg-primary-custom-600
+        !border-primary-inverse-border
+        shadow-[0px_2px_0px_0px_inset_rgba(255,255,255,0.15)]
+        dark:!bg-dark-bg-inverse
+        dark:!border-dark-bg-inverse
+      `:"";return e.jsxs("div",{className:`flex gap-3 items-start ${a}`,children:[e.jsxs("div",{className:"flex items-center justify-center h-5 w-4 shrink-0",children:[e.jsx("input",{ref:d,type:"radio",id:c,checked:t,disabled:r,onChange:n,value:b,name:l,className:"peer sr-only",...x}),e.jsx("label",{htmlFor:c,className:`
+              ${g}
+              ${m}
+              ${h}
+              ${r?"cursor-not-allowed":"cursor-pointer"}
+            `.trim().replace(/\s+/g," "),children:t&&e.jsx("div",{className:"w-1.5 h-1.5 bg-white rounded-full dark:bg-dark-content-inverse"})})]}),(s||o)&&e.jsxs("label",{htmlFor:c,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${r?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[s&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:s}),o&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:o})]})]})});D.displayName="Radio";const M=p.forwardRef(({label:s,description:o,labelPosition:t="leading",checked:r=!1,disabled:a=!1,className:i="",id:n,onChange:b,ariaLabel:l,...x},d)=>{const c=n||`switch-${Math.random().toString(36).substr(2,9)}`,g=`
+      w-8
+      h-5
+      rounded-xl
+      border
+      overflow-hidden
+      relative
+      transition-all
+      duration-200
+    `,m=()=>a?r?`
+            bg-primary-custom-600
+            border-primary-inverse-border
+            opacity-50
+            cursor-not-allowed
+            dark:bg-primary-custom-600
+            dark:border-primary-inverse-border
+          `:`
+            bg-[#fafafa]
+            border-border-primary
+            opacity-50
+            cursor-not-allowed
+            dark:bg-dark-bg-primary
+            dark:border-dark-border-primary
+          `:r?`
+          bg-primary-custom-600
+          border-primary-inverse-border
+          cursor-pointer
+          peer-hover:border-[#307cc5]
+          peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]
+          dark:bg-primary-custom-600
+          dark:border-primary-inverse-border
+          dark:peer-hover:border-[#307cc5]
+          dark:peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]
+        `:`
+          bg-[#fafafa]
+          border-border-primary
+          cursor-pointer
+          peer-hover:border-[#b6b6b9]
+          peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]
+          dark:bg-dark-bg-primary
+          dark:border-dark-border-primary
+          dark:peer-hover:border-[#b6b6b9]
+          dark:peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]
+        `,h=()=>{const v=`
+        absolute
+        w-4
+        h-4
+        bg-white
+        rounded-[10px]
+        border
+        top-1/2
+        -translate-y-1/2
+        transition-all
+        duration-200
+      `,w=r?"left-[13px]":"left-px";return a?`${v} ${w} ${r?"border-primary-inverse-border dark:border-primary-inverse-border":"border-border-primary dark:border-dark-border-primary"}`:`${v} ${w} ${r?`
+          border-primary-inverse-border
+          peer-hover:border-[#307cc5]
+          dark:border-primary-inverse-border
+          dark:peer-hover:border-[#307cc5]
+        `:`
+          border-border-primary
+          peer-hover:border-[#b6b6b9]
+          dark:border-dark-border-primary
+          dark:peer-hover:border-[#b6b6b9]
+        `}`},k=[g,m()].join(" ").replace(/\s+/g," ").trim(),f=h().replace(/\s+/g," ").trim(),u=s||o?e.jsxs("label",{htmlFor:c,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${a?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[s&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:s}),o&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:o})]}):null,y=e.jsxs("div",{className:"flex items-center justify-center shrink-0",children:[e.jsx("input",{ref:d,type:"checkbox",id:c,checked:r,disabled:a,onChange:b,className:"peer sr-only","aria-label":l||s,...x}),e.jsx("label",{htmlFor:c,className:k,"aria-hidden":"true",children:e.jsx("div",{className:f})})]});return e.jsx("div",{className:`flex gap-2 items-center w-[344px] ${i}`,children:t==="leading"?e.jsxs(e.Fragment,{children:[u,y]}):e.jsxs(e.Fragment,{children:[y,u]})})});M.displayName="Switch";const E=p.forwardRef(({size:s="10",type:o="circular",src:t,alt:r="",initials:a,className:i="",...n},b)=>{const l={4:"w-5 h-5",6:"w-6 h-6",8:"w-8 h-8",10:"w-10 h-10"},x={4:"text-xs",6:"text-xs",8:"text-sm",10:"text-base"},d={circular:"rounded-full",rounded:"rounded-md"},c=`
+      relative
+      inline-flex
+      items-center
+      justify-center
+      overflow-hidden
+      ${l[s]}
+      ${d[o]}
+    `;return t?e.jsx("div",{ref:b,className:`${c} ${i}`.trim().replace(/\s+/g," "),children:e.jsx("img",{src:t,alt:r,className:"w-full h-full object-cover",...n})}):a?e.jsx("div",{ref:b,className:`
+            ${c}
+            ${x[s]}
+            bg-content-primary
+            text-white
+            font-normal
+            dark:bg-dark-bg-inverse
+            dark:text-dark-content-inverse
+            ${i}
+          `.trim().replace(/\s+/g," "),children:e.jsx("span",{className:"leading-none",children:a})}):e.jsx("div",{ref:b,className:`
+          ${c}
+          bg-background-secondary
+          dark:bg-dark-bg-primary
+          ${i}
+        `.trim().replace(/\s+/g," ")})});E.displayName="Avatar";const A=p.forwardRef(({type:s="default",className:o="",...t},r)=>{const n=["w-full h-px border-0",{default:"bg-border-primary dark:bg-dark-border-primary",soft:"bg-border-secondary dark:bg-gray-700"}[s],o].join(" ").replace(/\s+/g," ").trim();return e.jsx("hr",{ref:r,className:n,...t})});A.displayName="Divider";const P=p.forwardRef(({term:s,details:o,className:t="",...r},a)=>{const i=`
+      flex
+      flex-wrap
+      gap-1
+      items-start
+      py-2.5
+      border-b
+      border-border-secondary
+      dark:border-gray-700
+    `,n="flex-1 min-w-[180px]",b=[i,t].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:a,className:b,...r,children:[e.jsx("div",{className:n,children:e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-gray-400 font-normal",children:s})}),e.jsx("div",{className:n,children:e.jsx("p",{className:"text-sm leading-5 text-content-primary dark:text-dark-content-primary font-normal",children:o})})]})});P.displayName="DescriptionList";const W=p.forwardRef(({title:s,description:o,children:t,actions:r,onCancel:a,onConfirm:i,cancelText:n="Cancelar",confirmText:b="Confirmar",className:l="",...x},d)=>{const c=r||e.jsxs(e.Fragment,{children:[a&&e.jsx(R,{type:"plain",size:"base",onClick:a,children:n}),i&&e.jsx(R,{type:"default",size:"base",onClick:i,children:b})]});return e.jsx("div",{ref:d,className:`
+          w-[512px]
+          bg-white
+          dark:bg-dark-bg-primary
+          border
+          border-border-primary
+          dark:border-dark-border-primary
+          rounded-xl
+          ${l}
+        `.trim().replace(/\s+/g," "),...x,children:e.jsxs("div",{className:"p-6 flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("p",{className:"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary",children:s}),o&&e.jsx("p",{className:"text-sm leading-5 font-normal text-content-tertiary dark:text-content-tertiary",children:o})]}),t&&e.jsx("div",{className:"flex flex-col gap-3",children:t}),e.jsx("div",{className:"flex flex-wrap gap-3 items-center justify-end",children:c})]})})});W.displayName="Alert";const H=p.forwardRef(({color:s="zinc",leftIcon:o,label:t,count:r,className:a="",...i},n)=>{const l={zinc:{bg:"bg-zinc-100",text:"text-zinc-600",hover:"hover:bg-zinc-200",notificationBg:"bg-zinc-600",notificationText:"text-zinc-100"},red:{bg:"bg-red-100",text:"text-red-700",hover:"hover:bg-red-200",notificationBg:"bg-red-700",notificationText:"text-red-100"},orange:{bg:"bg-orange-100",text:"text-orange-700",hover:"hover:bg-orange-200",notificationBg:"bg-orange-700",notificationText:"text-orange-100"},amber:{bg:"bg-amber-100",text:"text-amber-700",hover:"hover:bg-amber-200",notificationBg:"bg-amber-700",notificationText:"text-amber-100"},yellow:{bg:"bg-yellow-100",text:"text-yellow-700",hover:"hover:bg-yellow-200",notificationBg:"bg-yellow-700",notificationText:"text-yellow-100"},lime:{bg:"bg-lime-100",text:"text-lime-700",hover:"hover:bg-lime-200",notificationBg:"bg-lime-700",notificationText:"text-lime-100"},green:{bg:"bg-green-100",text:"text-green-700",hover:"hover:bg-green-200",notificationBg:"bg-green-700",notificationText:"text-green-100"},emerald:{bg:"bg-emerald-100",text:"text-emerald-700",hover:"hover:bg-emerald-200",notificationBg:"bg-emerald-700",notificationText:"text-emerald-100"},teal:{bg:"bg-teal-100",text:"text-teal-700",hover:"hover:bg-teal-200",notificationBg:"bg-teal-700",notificationText:"text-teal-100"},cyan:{bg:"bg-cyan-100",text:"text-cyan-700",hover:"hover:bg-cyan-200",notificationBg:"bg-cyan-700",notificationText:"text-cyan-100"},sky:{bg:"bg-sky-100",text:"text-sky-700",hover:"hover:bg-sky-200",notificationBg:"bg-sky-700",notificationText:"text-sky-100"},blue:{bg:"bg-blue-100",text:"text-blue-700",hover:"hover:bg-blue-200",notificationBg:"bg-blue-700",notificationText:"text-blue-100"},indigo:{bg:"bg-indigo-100",text:"text-indigo-700",hover:"hover:bg-indigo-200",notificationBg:"bg-indigo-700",notificationText:"text-indigo-100"},violet:{bg:"bg-violet-100",text:"text-violet-700",hover:"hover:bg-violet-200",notificationBg:"bg-violet-700",notificationText:"text-violet-100"},purple:{bg:"bg-purple-100",text:"text-purple-700",hover:"hover:bg-purple-200",notificationBg:"bg-purple-700",notificationText:"text-purple-100"},fuchsia:{bg:"bg-fuchsia-100",text:"text-fuchsia-700",hover:"hover:bg-fuchsia-200",notificationBg:"bg-fuchsia-700",notificationText:"text-fuchsia-100"},pink:{bg:"bg-pink-100",text:"text-pink-700",hover:"hover:bg-pink-200",notificationBg:"bg-pink-700",notificationText:"text-pink-100"},rose:{bg:"bg-rose-100",text:"text-rose-700",hover:"hover:bg-rose-200",notificationBg:"bg-rose-700",notificationText:"text-rose-100"},primary:{bg:"bg-primary-custom-100",text:"text-primary-custom-600",hover:"hover:bg-primary-custom-200",notificationBg:"bg-primary-custom-600",notificationText:"text-primary-custom-100"},secondary:{bg:"bg-zinc-100",text:"text-zinc-600",hover:"hover:bg-zinc-200",notificationBg:"bg-zinc-600",notificationText:"text-zinc-100"},tertiary:{bg:"bg-zinc-100",text:"text-zinc-600",hover:"hover:bg-zinc-200",notificationBg:"bg-zinc-600",notificationText:"text-zinc-100"}}[s],x=c=>{const g=c.props.className||"";return p.cloneElement(c,{className:`w-3 h-3 ${g}`.trim()})},d=["inline-flex","items-center","gap-1","px-1.5","py-1","rounded-md","font-sans",l.bg,l.hover,"transition-colors","duration-200",a].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:n,className:d,...i,children:[o&&e.jsx("div",{className:`flex items-center justify-center ${l.text}`,children:x(o)}),e.jsx("span",{className:`font-sans text-xs leading-4 ${l.text}`,children:t}),r!==void 0&&e.jsx("div",{className:`
+              h-3
+              flex
+              items-center
+              justify-center
+              px-0.5
+              rounded-sm
+              min-w-[12px]
+              ${l.notificationBg}
+            `.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`font-sans text-xs leading-4 ${l.notificationText}`,children:r})})]})});H.displayName="Badge";const Q=p.forwardRef(({value:s,defaultValue:o=0,onChange:t,min:r=0,max:a,label:i,linkText:n,onLinkClick:b,helperText:l,error:x=!1,disabled:d=!1,className:c="",...g},m)=>{const[h,k]=p.useState(o),f=s!==void 0,u=f?s:h;p.useEffect(()=>{f||k(o)},[o,f]);const y=T=>{let j=T;r!==void 0&&j<r&&(j=r),a!==void 0&&j>a&&(j=a),f||k(j),t?.(j)},v=()=>{d||y(u-1)},w=()=>{d||y(u+1)},N=d||r!==void 0&&u<=r,C=d||a!==void 0&&u>=a,$=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M3 8H13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),z=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8 3V13M3 8H13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),B=x?"border-error-border dark:border-error-border":"border-border-primary dark:border-dark-border-primary",_=!d&&!x?"hover:border-[#f9f9f9] dark:hover:border-[#f9f9f9]":"",S=!d&&!x?"focus-within:border-2 focus-within:border-[#329cff] dark:focus-within:border-[#329cff]":"";return e.jsxs("div",{ref:m,className:`flex flex-col gap-2 ${c}`.trim(),...g,children:[i&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{className:"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary",children:i}),n&&e.jsx("button",{type:"button",onClick:b,disabled:d,className:`
+                  text-xs leading-4
+                  text-primary-custom-600
+                  hover:underline
+                  dark:text-primary-custom-600
+                  ${d?"opacity-50 cursor-not-allowed":"cursor-pointer"}
+                  transition-colors
+                  duration-200
+                `.trim().replace(/\s+/g," "),children:n})]}),e.jsxs("div",{className:`
+            flex
+            items-center
+            gap-2
+            px-3
+            py-1.5
+            bg-white
+            dark:bg-dark-bg-primary
+            border
+            ${B}
+            ${_}
+            ${S}
+            rounded-lg
+            transition-colors
+            duration-200
+            ${d?"opacity-50 cursor-not-allowed":""}
+          `.trim().replace(/\s+/g," "),children:[e.jsx("button",{type:"button",onClick:v,disabled:N,className:`
+              flex
+              items-center
+              justify-center
+              w-4
+              h-4
+              ${N?"text-content-tertiary dark:text-content-tertiary cursor-not-allowed":"text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer"}
+              transition-colors
+              duration-200
+            `.trim().replace(/\s+/g," "),"aria-label":"Decrementar",children:e.jsx($,{})}),e.jsx("div",{className:"flex-1 text-center",children:e.jsx("span",{className:`
+                text-base leading-6
+                ${u===0?"text-content-tertiary dark:text-content-tertiary":"text-content-primary dark:text-dark-content-primary"}
+              `.trim().replace(/\s+/g," "),children:u})}),e.jsx("button",{type:"button",onClick:w,disabled:C,className:`
+              flex
+              items-center
+              justify-center
+              w-4
+              h-4
+              ${C?"text-content-tertiary dark:text-content-tertiary cursor-not-allowed":"text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer"}
+              transition-colors
+              duration-200
+            `.trim().replace(/\s+/g," "),"aria-label":"Incrementar",children:e.jsx(z,{})})]}),l&&e.jsx("p",{className:`
+              text-sm leading-5
+              ${x?"text-error-content dark:text-error-content":"text-content-tertiary dark:text-content-tertiary"}
+            `.trim().replace(/\s+/g," "),children:l})]})});Q.displayName="Quantity";const V=p.createContext(void 0),q=({children:s,defaultTheme:o="light"})=>{const[t,r]=p.useState(()=>typeof window<"u"&&localStorage.getItem("siesa-ui-theme")||o);p.useEffect(()=>{const n=window.document.documentElement;t==="dark"?n.classList.add("dark"):n.classList.remove("dark"),localStorage.setItem("siesa-ui-theme",t)},[t]);const a=()=>{r(n=>n==="light"?"dark":"light")},i=n=>{r(n)};return e.jsx(V.Provider,{value:{theme:t,toggleTheme:a,setTheme:i},children:s})},G=()=>{const s=p.useContext(V);if(s===void 0)throw new Error("useTheme debe ser usado dentro de un ThemeProvider");return s};exports.Alert=W;exports.Avatar=E;exports.Badge=H;exports.Button=R;exports.Checkbox=F;exports.DescriptionList=P;exports.Divider=A;exports.Input=L;exports.Quantity=Q;exports.Radio=D;exports.Switch=M;exports.Textarea=I;exports.ThemeProvider=q;exports.useTheme=G;
+//# sourceMappingURL=siesa-ui-kit.cjs.map