siesa-ui-kit 1.0.5 → 1.0.7

package/dist/siesa-ui-kit.cjs

@@ -0,0 +1,1273 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),q=({type:t="default",size:s="base",iconOnly:n=!1,leftIcon:r,rightIcon:a,children:o,disabled:l=!1,className:c="",onClick:d,htmlType:p="button",fullWidth:i=!1,ariaLabel:b,badge:x=!1,badgeCount:g,badgeColor:m="red",...v})=>{const u={xs:n?"h-6 w-6 p-1":"h-6 py-1 px-2 gap-2",sm:n?"h-7 w-7 p-1.5":"h-7 py-1 px-2 gap-2",base:n?"h-8 w-8 p-2":"h-8 py-1.5 px-2.5 gap-2",l:n?"h-9 w-9 p-2.5":"h-9 py-2 px-3 gap-3",xl:n?"h-10 w-10 p-3":"h-10 py-2 px-4 gap-3"},h={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"},w={xs:"text-xs",sm:"text-sm",base:"text-sm",l:"text-sm",xl:"text-sm"},f={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-xs
+      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
+    `,"outline-solid":`
+      bg-transparent
+      text-primary-custom-600
+      border
+      border-primary-custom-300
+      shadow-xs
+      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
+    `},k=`
+    inline-flex
+    items-center
+    justify-center
+    rounded-md
+    font-bold
+    whitespace-nowrap
+    focus:outline-hidden
+    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
+  `,j=i?"w-full":"",C=[k,u[s],f[t],j,c].join(" ").replace(/\s+/g," ").trim(),B=M=>M?e.jsx("span",{className:`inline-flex items-center justify-center ${h[s]}`,children:M}):null,R=()=>n?B(r):e.jsxs(e.Fragment,{children:[r&&B(r),o&&e.jsx("span",{className:w[s],children:o}),a&&B(a)]}),L={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"}},I=L[m]||L.red,z=()=>!x&&g===void 0?null:g!==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
+            ${I.bg}
+            ${I.text}
+            pointer-events-none
+          `.trim().replace(/\s+/g," "),"aria-label":`${g} notificaciones`,children:g>99?"99+":g}):e.jsx("span",{className:`
+          absolute
+          -top-1
+          -right-1
+          w-2
+          h-2
+          rounded-full
+          ${I.bg}
+          pointer-events-none
+        `.trim().replace(/\s+/g," "),"aria-label":"Notificación"});return e.jsxs("button",{type:p,className:`${C} ${x||g!==void 0?"relative":""}`,disabled:l,onClick:d,"aria-label":b,...v,children:[R(),z()]})},Y=y.forwardRef(({label:t,labelSecondary:s,helperText:n,error:r=!1,errorMessage:a,leftIcon:o,rightIcon:l,fullWidth:c=!1,className:d="",disabled:p=!1,id:i,...b},x)=>{const g=i||`input-${Math.random().toString(36).substr(2,9)}`,m=`
+      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-hidden
+      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
+    `,v=p?`
+        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
+      `,u=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!
+      `:"",h=c?"w-full":"w-[265px]",w=f=>{if(!f)return null;const k=f.props.className||"";return y.cloneElement(f,{className:`w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary ${k}`})};return e.jsxs("div",{className:`flex flex-col gap-2 ${h} ${d}`,children:[t&&e.jsxs("label",{htmlFor:g,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:t}),s&&e.jsx("span",{className:"text-xs leading-4 text-primary-custom-600 dark:text-primary-custom-600",children:s})]}),e.jsxs("div",{className:"relative flex items-center",children:[o&&e.jsx("div",{className:"absolute left-3 pointer-events-none",children:w(o)}),e.jsx("input",{ref:x,id:g,disabled:p,className:`
+              ${m}
+              ${v}
+              ${u}
+              ${o?"pl-9":""}
+              ${l?"pr-9":""}
+            `.trim().replace(/\s+/g," "),...b}),l&&e.jsx("div",{className:"absolute right-3 pointer-events-none",children:w(l)})]}),(n||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:n})]})});Y.displayName="Input";const ee=y.forwardRef(({label:t,description:s,helperText:n,error:r=!1,errorMessage:a,fullWidth:o=!1,resize:l="vertical",className:c="",disabled:d=!1,id:p,rows:i=4,...b},x)=>{const g=p||`textarea-${Math.random().toString(36).substr(2,9)}`,m=`
+      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-hidden
+      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
+    `,v=d?`
+        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
+      `,u=r?`
+        border-error-border!
+        focus:border-2!
+        focus:border-error-border!
+        dark:border-error-border!
+        dark:focus:border-2!
+        dark:focus:border-error-border!
+      `:"",h=l==="none"?"resize-none":l==="vertical"?"resize-y":l==="horizontal"?"resize-x":"resize",w=o?"w-full":"w-[312px]";return e.jsxs("div",{className:`flex flex-col gap-2 ${w} ${c}`,children:[(t||s)&&e.jsxs("div",{className:"flex flex-col gap-1 w-full",children:[t&&e.jsx("label",{htmlFor:g,className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-dark-content-secondary",children:s})]}),e.jsx("textarea",{ref:x,id:g,disabled:d,rows:i,className:`
+            ${m}
+            ${v}
+            ${u}
+            ${h}
+          `.trim().replace(/\s+/g," "),...b}),(n||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:n})]})});ee.displayName="Textarea";const re=y.forwardRef(({label:t,description:s,checked:n=!1,indeterminate:r=!1,disabled:a=!1,className:o="",id:l,onChange:c,...d},p)=>{const i=y.useRef(null),b=p||i,x=l||`checkbox-${Math.random().toString(36).substr(2,9)}`;y.useEffect(()=>{b.current&&(b.current.indeterminate=r)},[r,b]);const u=[`
+      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
+      `:n||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
+        `,n||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 ${o}`,children:[e.jsxs("div",{className:"flex items-center justify-center h-5 w-4 shrink-0",children:[e.jsx("input",{ref:b,type:"checkbox",id:x,checked:n,disabled:a,onChange:c,className:"peer sr-only",...d}),e.jsxs("label",{htmlFor:x,className:u,children:[n&&!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"})})]})]}),(t||s)&&e.jsxs("label",{htmlFor:x,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${a?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[t&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:s})]})]})});re.displayName="Checkbox";const te=y.forwardRef(({label:t,description:s,checked:n=!1,disabled:r=!1,className:a="",id:o,onChange:l,value:c,name:d,...p},i)=>{const b=o||`radio-${Math.random().toString(36).substr(2,9)}`,x=`
+      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
+    `,g=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
+      `,m=n?`
+        bg-primary-custom-600!
+        border-primary-inverse-border!
+        shadow-button-inset
+        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:i,type:"radio",id:b,checked:n,disabled:r,onChange:l,value:c,name:d,className:"peer sr-only",...p}),e.jsx("label",{htmlFor:b,className:`
+              ${x}
+              ${g}
+              ${m}
+              ${r?"cursor-not-allowed":"cursor-pointer"}
+            `.trim().replace(/\s+/g," "),children:n&&e.jsx("div",{className:"w-1.5 h-1.5 bg-white rounded-full dark:bg-dark-content-inverse"})})]}),(t||s)&&e.jsxs("label",{htmlFor:b,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${r?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[t&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:s})]})]})});te.displayName="Radio";const se=y.forwardRef(({label:t,description:s,labelPosition:n="leading",checked:r=!1,disabled:a=!1,className:o="",id:l,onChange:c,ariaLabel:d,...p},i)=>{const b=l||`switch-${Math.random().toString(36).substr(2,9)}`,x=`
+      w-8
+      h-5
+      rounded-xl
+      border
+      overflow-hidden
+      relative
+      transition-all
+      duration-200
+    `,g=()=>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]
+        `,m=()=>{const f=`
+        absolute
+        w-4
+        h-4
+        bg-white
+        rounded-[10px]
+        border
+        top-1/2
+        -translate-y-1/2
+        transition-all
+        duration-200
+      `,k=r?"left-[13px]":"left-px";return a?`${f} ${k} ${r?"border-primary-inverse-border dark:border-primary-inverse-border":"border-border-primary dark:border-dark-border-primary"}`:`${f} ${k} ${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]
+        `}`},v=[x,g()].join(" ").replace(/\s+/g," ").trim(),u=m().replace(/\s+/g," ").trim(),h=t||s?e.jsxs("label",{htmlFor:b,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${a?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[t&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:s})]}):null,w=e.jsxs("div",{className:"flex items-center justify-center shrink-0",children:[e.jsx("input",{ref:i,type:"checkbox",id:b,checked:r,disabled:a,onChange:c,className:"peer sr-only","aria-label":d||t,...p}),e.jsx("label",{htmlFor:b,className:v,"aria-hidden":"true",children:e.jsx("div",{className:u})})]});return e.jsx("div",{className:`flex gap-2 items-center w-[344px] ${o}`,children:n==="leading"?e.jsxs(e.Fragment,{children:[h,w]}):e.jsxs(e.Fragment,{children:[w,h]})})});se.displayName="Switch";const ae=y.forwardRef(({size:t="10",type:s="circular",src:n,alt:r="",initials:a,className:o="",...l},c)=>{const d={4:"w-5 h-5",6:"w-6 h-6",8:"w-8 h-8",10:"w-10 h-10"},p={4:"text-xs",6:"text-xs",8:"text-sm",10:"text-base"},i={circular:"rounded-full",rounded:"rounded-md"},b=`
+      relative
+      inline-flex
+      items-center
+      justify-center
+      overflow-hidden
+      ${d[t]}
+      ${i[s]}
+    `;return n?e.jsx("div",{ref:c,className:`${b} ${o}`.trim().replace(/\s+/g," "),children:e.jsx("img",{src:n,alt:r,className:"w-full h-full object-cover",...l})}):a?e.jsx("div",{ref:c,className:`
+            ${b}
+            ${p[t]}
+            bg-content-primary
+            text-white
+            font-normal
+            dark:bg-dark-bg-inverse
+            dark:text-dark-content-inverse
+            ${o}
+          `.trim().replace(/\s+/g," "),children:e.jsx("span",{className:"leading-none",children:a})}):e.jsx("div",{ref:c,className:`
+          ${b}
+          bg-background-secondary
+          dark:bg-dark-bg-primary
+          ${o}
+        `.trim().replace(/\s+/g," ")})});ae.displayName="Avatar";const ne=y.forwardRef(({type:t="default",className:s="",...n},r)=>{const l=["w-full h-px border-0",{default:"bg-border-primary dark:bg-dark-border-primary",soft:"bg-border-secondary dark:bg-gray-700"}[t],s].join(" ").replace(/\s+/g," ").trim();return e.jsx("hr",{ref:r,className:l,...n})});ne.displayName="Divider";const oe=y.forwardRef(({term:t,details:s,className:n="",...r},a)=>{const o=`
+      flex
+      flex-wrap
+      gap-1
+      items-start
+      py-2.5
+      border-b
+      border-border-secondary
+      dark:border-gray-700
+    `,l="flex-1 min-w-[180px]",c=[o,n].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:a,className:c,...r,children:[e.jsx("div",{className:l,children:e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-gray-400 font-normal",children:t})}),e.jsx("div",{className:l,children:e.jsx("p",{className:"text-sm leading-5 text-content-primary dark:text-dark-content-primary font-normal",children:s})})]})});oe.displayName="DescriptionList";const ie=y.forwardRef(({title:t,description:s,children:n,actions:r,onCancel:a,onConfirm:o,cancelText:l="Cancelar",confirmText:c="Confirmar",className:d="",...p},i)=>{const b=r||e.jsxs(e.Fragment,{children:[a&&e.jsx(q,{type:"plain",size:"base",onClick:a,children:l}),o&&e.jsx(q,{type:"default",size:"base",onClick:o,children:c})]});return e.jsx("div",{ref:i,className:`
+          w-[512px]
+          bg-white
+          dark:bg-dark-bg-primary
+          border
+          border-border-primary
+          dark:border-dark-border-primary
+          rounded-xl
+          ${d}
+        `.trim().replace(/\s+/g," "),...p,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:t}),s&&e.jsx("p",{className:"text-sm leading-5 font-normal text-content-tertiary dark:text-content-tertiary",children:s})]}),n&&e.jsx("div",{className:"flex flex-col gap-3",children:n}),e.jsx("div",{className:"flex flex-wrap gap-3 items-center justify-end",children:b})]})})});ie.displayName="Alert";const O=y.forwardRef(({color:t="zinc",leftIcon:s,label:n,count:r,className:a="",...o},l)=>{const d={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"}}[t],p=b=>{const x=b.props.className||"";return y.cloneElement(b,{className:`w-3 h-3 ${x}`.trim()})},i=["inline-flex","items-center","gap-1","px-1.5","py-1","rounded-md","font-sans",d.bg,d.hover,"transition-colors","duration-200",a].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:l,className:i,...o,children:[s&&e.jsx("div",{className:`flex items-center justify-center ${d.text}`,children:p(s)}),e.jsx("span",{className:`font-sans text-xs leading-4 ${d.text}`,children:n}),r!==void 0&&e.jsx("div",{className:`
+              h-3
+              flex
+              items-center
+              justify-center
+              px-0.5
+              rounded-xs
+              min-w-[12px]
+              ${d.notificationBg}
+            `.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`font-sans text-xs leading-4 ${d.notificationText}`,children:r})})]})});O.displayName="Badge";const G=y.forwardRef(({value:t,defaultValue:s=0,onChange:n,min:r=0,max:a,label:o,linkText:l,onLinkClick:c,helperText:d,error:p=!1,disabled:i=!1,className:b="",...x},g)=>{const[m,v]=y.useState(s),u=t!==void 0,h=u?t:m;y.useEffect(()=>{u||v(s)},[s,u]);const w=M=>{let T=M;r!==void 0&&T<r&&(T=r),a!==void 0&&T>a&&(T=a),u||v(T),n?.(T)},f=()=>{i||w(h-1)},k=()=>{i||w(h+1)},j=i||r!==void 0&&h<=r,C=i||a!==void 0&&h>=a,B=()=>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"})}),R=()=>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"})}),L=p?"border-error-border dark:border-error-border":"border-border-primary dark:border-dark-border-primary",I=!i&&!p?"hover:border-[#f9f9f9] dark:hover:border-[#f9f9f9]":"",z=!i&&!p?"focus-within:border-2 focus-within:border-[#329cff] dark:focus-within:border-[#329cff]":"";return e.jsxs("div",{ref:g,className:`flex flex-col gap-2 ${b}`.trim(),...x,children:[o&&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:o}),l&&e.jsx("button",{type:"button",onClick:c,disabled:i,className:`
+                  text-xs leading-4
+                  text-primary-custom-600
+                  hover:underline
+                  dark:text-primary-custom-600
+                  ${i?"opacity-50 cursor-not-allowed":"cursor-pointer"}
+                  transition-colors
+                  duration-200
+                `.trim().replace(/\s+/g," "),children:l})]}),e.jsxs("div",{className:`
+            flex
+            items-center
+            gap-2
+            px-3
+            py-1.5
+            bg-white
+            dark:bg-dark-bg-primary
+            border
+            ${L}
+            ${I}
+            ${z}
+            rounded-lg
+            transition-colors
+            duration-200
+            ${i?"opacity-50 cursor-not-allowed":""}
+          `.trim().replace(/\s+/g," "),children:[e.jsx("button",{type:"button",onClick:f,disabled:j,className:`
+              flex
+              items-center
+              justify-center
+              w-4
+              h-4
+              ${j?"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(B,{})}),e.jsx("div",{className:"flex-1 text-center",children:e.jsx("span",{className:`
+                text-base leading-6
+                ${h===0?"text-content-tertiary dark:text-content-tertiary":"text-content-primary dark:text-dark-content-primary"}
+              `.trim().replace(/\s+/g," "),children:h})}),e.jsx("button",{type:"button",onClick:k,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(R,{})})]}),d&&e.jsx("p",{className:`
+              text-sm leading-5
+              ${p?"text-error-content dark:text-error-content":"text-content-tertiary dark:text-content-tertiary"}
+            `.trim().replace(/\s+/g," "),children:d})]})});G.displayName="Quantity";const he=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:"w-4 h-4",children:e.jsx("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),ke=({variant:t="default",children:s,items:n,open:r,onOpenChange:a,disabled:o=!1,className:l="",menuClassName:c="",ariaLabel:d,placeholder:p="Options"})=>{const[i,b]=y.useState(!1),x=y.useRef(null),g=r!==void 0,m=g?r:i,v=()=>{if(o)return;const f=!m;g||b(f),a?.(f)};y.useEffect(()=>{const f=k=>{x.current&&!x.current.contains(k.target)&&(g||b(!1),a?.(!1))};if(m)return document.addEventListener("mousedown",f),()=>{document.removeEventListener("mousedown",f)}},[m,g,a]),y.useEffect(()=>{const f=k=>{k.key==="Escape"&&m&&(g||b(!1),a?.(!1))};if(m)return document.addEventListener("keydown",f),()=>{document.removeEventListener("keydown",f)}},[m,g,a]);const u=f=>{f.disabled||f.isDivider||f.isHeading||(f.onClick&&f.onClick({}),g||b(!1),a?.(!1))},h=["inline-flex","items-center","justify-center","rounded-lg","font-bold","text-sm","whitespace-nowrap","transition-all","duration-150",t==="icon-only"?"w-9 h-9":"gap-3 px-3 py-2","bg-bg-primary","text-content-secondary","border","border-border-primary","hover:bg-background-secondary","active:scale-95","dark:bg-dark-bg-primary","dark:text-content-secondary","dark:border-dark-border-primary","dark:hover:bg-dark-bg-primary","focus:outline-hidden","focus:ring-2","focus:ring-primary-custom-400","focus:ring-offset-2","dark:focus:ring-dark-border-custom","dark:focus:ring-offset-dark-bg-primary",o&&"opacity-50",o&&"cursor-not-allowed",o&&"pointer-events-none",l].filter(Boolean).join(" ").replace(/\s+/g," ").trim(),w=["absolute","top-full","left-0","mt-2","min-w-[182px]","rounded-xl","p-1","border","z-50","bg-background-secondary","border-border-primary","dark:bg-dark-bg-primary","dark:border-dark-border-primary","shadow-menu",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:x,className:"relative inline-block",children:[e.jsxs("button",{type:"button",className:h,onClick:v,disabled:o,"aria-label":d||(t==="icon-only"?"Abrir menú":void 0),"aria-haspopup":"true","aria-expanded":m,children:[t==="default"&&e.jsx("span",{children:s||p}),e.jsx(he,{})]}),m&&e.jsx("div",{className:w,children:n.map((f,k)=>f.isDivider?e.jsx(we,{className:f.className},k):f.isHeading?e.jsx(ye,{className:f.className,children:f.children},k):e.jsx(ve,{...f,onClick:()=>u(f)},k))})]})},ve=({children:t,icon:s,description:n,shortcut:r,disabled:a=!1,selected:o=!1,onClick:l,className:c=""})=>{const d=["flex","items-center","gap-3","px-4","py-2","rounded-lg","text-sm","w-full","text-left","transition-colors","duration-150","text-content-primary",!a&&"hover:bg-white",o&&"bg-white","dark:text-dark-content-primary",!a&&"dark:hover:bg-dark-bg-primary",o&&"dark:bg-dark-bg-primary",a&&"opacity-50",a&&"cursor-not-allowed",!a&&"cursor-pointer",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:d,onClick:l,disabled:a,children:[s&&e.jsx("span",{className:"inline-flex items-center justify-center w-4 h-4 text-content-secondary dark:text-content-secondary",children:s}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-content-primary dark:text-dark-content-primary",children:t}),n&&e.jsx("div",{className:"text-xs text-content-secondary dark:text-content-secondary mt-0.5",children:n})]}),r&&e.jsx("span",{className:"text-xs text-content-secondary dark:text-content-secondary ml-auto whitespace-nowrap",children:r})]})},ye=({children:t,className:s=""})=>{const n=["px-4","py-1","text-xs","font-normal","text-content-tertiary","dark:text-content-tertiary",s].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{className:n,children:t})},we=({className:t=""})=>{const s=["px-4","py-1",t].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{className:s,children:e.jsx("div",{className:"h-px bg-border-primary dark:bg-dark-border-primary"})})},je=({count:t,color:s="red",className:n="",ariaLabel:r})=>{const a={zinc:{bg:"bg-zinc-600",text:"text-white"},red:{bg:"bg-content-extensions-red",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"}},o=a[s]||a.red,l=r||(t!==void 0&&t>0?`${t} notificaci${t===1?"ón":"ones"}`:"Notificación pendiente");if(t!==void 0&&t>0){const c=t>99?"99+":t.toString();return e.jsx("span",{className:`
+          inline-flex
+          items-center
+          justify-center
+          min-w-[16px]
+          h-4
+          px-1
+          rounded-full
+          text-[10px]
+          font-bold
+          leading-none
+          ${o.bg}
+          ${o.text}
+          pointer-events-none
+          dark:${o.bg}
+          dark:${o.text}
+          ${n}
+        `.trim().replace(/\s+/g," "),role:"status","aria-label":l,children:c})}return e.jsx("span",{className:`
+        inline-block
+        w-2
+        h-2
+        rounded-full
+        ${o.bg}
+        pointer-events-none
+        dark:${o.bg}
+        ${n}
+      `.trim().replace(/\s+/g," "),role:"status","aria-label":l})},Ce=({className:t=""})=>e.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z",clipRule:"evenodd"})}),Ne=({className:t=""})=>e.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),$e=({currentPage:t=1,totalPages:s,onPageChange:n,backText:r="Atrás",nextText:a="Siguiente",siblingCount:o=1,showBackButton:l=!0,showNextButton:c=!0,className:d="",ariaLabel:p="Paginación"})=>{const i=y.useMemo(()=>{const v=o*2+3+2;if(s<=v)return Array.from({length:s},(C,B)=>B+1);const u=Math.max(t-o,1),h=Math.min(t+o,s),w=u>2,f=h<s-1,k=1,j=s;if(!w&&f){const C=3+2*o;return[...Array.from({length:C},(R,L)=>L+1),"...",s]}if(w&&!f){const C=3+2*o,B=Array.from({length:C},(R,L)=>s-C+L+1);return[k,"...",...B]}if(w&&f){const C=Array.from({length:h-u+1},(B,R)=>u+R);return[k,"...",...C,"...",j]}return[]},[t,s,o]),b=m=>{m>=1&&m<=s&&m!==t&&n?.(m)},x=({page:m,isActive:v=!1,disabled:u=!1,onClick:h,ariaLabel:w})=>{const f=m==="...",B=[`
+      inline-flex
+      items-center
+      justify-center
+      gap-3
+      px-3
+      py-2
+      rounded-md
+      font-bold
+      text-sm
+      whitespace-nowrap
+      transition-all
+      duration-150
+    `,f?`
+          text-primary-custom-600
+          dark:text-primary-custom-600
+          cursor-default
+          pointer-events-none
+        `:v?`
+          bg-primary-custom-100
+          text-primary-custom-600
+          dark:bg-primary-custom-100
+          dark:text-primary-custom-600
+        `:`
+          text-primary-custom-600
+          hover:bg-primary-custom-100
+          active:scale-95
+          dark:text-primary-custom-600
+          dark:hover:bg-primary-custom-100
+          dark:active:scale-95
+        `,u?`
+          opacity-50
+          cursor-not-allowed
+          pointer-events-none
+        `:""].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:"button",className:B,onClick:h,disabled:u||f,"aria-label":w,"aria-current":v?"page":void 0,children:m})},g=`
+    inline-flex
+    items-center
+    justify-between
+    gap-0
+    ${d}
+  `.replace(/\s+/g," ").trim();return e.jsxs("nav",{className:g,"aria-label":p,role:"navigation",children:[l&&e.jsxs("button",{type:"button",className:`
+            inline-flex
+            items-center
+            justify-center
+            gap-3
+            px-3
+            py-2
+            rounded-md
+            font-bold
+            text-sm
+            text-primary-custom-600
+            hover:bg-primary-custom-100
+            active:scale-95
+            dark:text-primary-custom-600
+            dark:hover:bg-primary-custom-100
+            dark:active:scale-95
+            transition-all
+            duration-150
+            ${t===1?"opacity-50 cursor-not-allowed pointer-events-none":""}
+          `.replace(/\s+/g," ").trim(),onClick:()=>b(t-1),disabled:t===1,"aria-label":`${r} page`,children:[e.jsx(Ce,{className:"w-4 h-4"}),r]}),e.jsx("div",{className:"inline-flex items-center",children:i.map((m,v)=>e.jsx(x,{page:m,isActive:m===t,onClick:()=>typeof m=="number"&&b(m),ariaLabel:typeof m=="number"?`Go to page ${m}`:`Page ${m}`},`${m}-${v}`))}),c&&e.jsxs("button",{type:"button",className:`
+            inline-flex
+            items-center
+            justify-center
+            gap-3
+            px-3
+            py-2
+            rounded-md
+            font-bold
+            text-sm
+            text-primary-custom-600
+            hover:bg-primary-custom-100
+            active:scale-95
+            dark:text-primary-custom-600
+            dark:hover:bg-primary-custom-100
+            dark:active:scale-95
+            transition-all
+            duration-150
+            ${t===s?"opacity-50 cursor-not-allowed pointer-events-none":""}
+          `.replace(/\s+/g," ").trim(),onClick:()=>b(t+1),disabled:t===s,"aria-label":`${a} page`,children:[a,e.jsx(Ne,{className:"w-4 h-4"})]})]})},Be=({className:t=""})=>e.jsxs("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:[e.jsx("path",{fillRule:"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z",clipRule:"evenodd"}),e.jsx("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})]}),Se=({className:t=""})=>e.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z",clipRule:"evenodd"})}),Le=({options:t=[],value:s,defaultValue:n,placeholder:r="Seleccionar...",disabled:a=!1,error:o=!1,label:l,description:c,showLabel:d=!0,showDescription:p=!0,menuHeader:i,onChange:b,className:x="",triggerClassName:g="",menuClassName:m="",ariaLabel:v,id:u,name:h,required:w=!1,menuPosition:f="bottom",fullWidth:k=!1})=>{const[j,C]=y.useState(!1),[B,R]=y.useState(s!==void 0?s:n),[L,I]=y.useState(-1),z=y.useRef(null),M=y.useRef(null),T=y.useRef(null);y.useEffect(()=>{s!==void 0&&R(s)},[s]),y.useEffect(()=>{const $=D=>{z.current&&!z.current.contains(D.target)&&C(!1)};if(j)return document.addEventListener("mousedown",$),()=>{document.removeEventListener("mousedown",$)}},[j]),y.useEffect(()=>{const $=D=>{if(j)switch(D.key){case"Escape":C(!1),M.current?.focus();break;case"ArrowDown":D.preventDefault(),I(F=>F<t.length-1?F+1:0);break;case"ArrowUp":D.preventDefault(),I(F=>F>0?F-1:t.length-1);break;case"Enter":D.preventDefault(),L>=0&&L<t.length&&_(t[L]);break}};if(j)return document.addEventListener("keydown",$),()=>{document.removeEventListener("keydown",$)}},[j,L,t]);const Z=t.find($=>$.value===B),S=()=>{a||(C(!j),I(-1))},_=$=>{$.disabled||(R($.value),C(!1),b?.($.value),setTimeout(()=>{M.current?.focus()},0))},A=[`
+    inline-flex
+    items-center
+    justify-between
+    gap-3
+    w-full
+    px-3
+    py-2
+    text-sm
+    font-normal
+    leading-5
+    rounded-lg
+    border
+    transition-all
+    duration-150
+  `,k?"w-full":"min-w-[200px]",o?`
+      border-error-border
+      bg-error-bg
+      text-content-primary
+      dark:border-error-border
+      dark:bg-error-bg
+      dark:text-dark-content-primary
+    `:`
+      bg-bg-primary
+      border-border-primary
+      text-content-primary
+      dark:bg-dark-bg-primary
+      dark:border-dark-border-primary
+      dark:text-dark-content-primary
+    `,!a&&!o?`
+        hover:bg-[rgba(255,255,255,1)]
+        hover:bg-[linear-gradient(90deg,rgba(0,0,0,0.024)_0%,rgba(0,0,0,0.024)_100%)]
+        dark:hover:bg-[rgba(17,45,87,1)]
+        dark:hover:bg-[linear-gradient(90deg,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0.1)_100%)]
+      `:"",a?"":`
+      focus:outline-hidden
+      focus:ring-2
+      focus:ring-primary-custom-400
+      focus:ring-offset-2
+      dark:focus:ring-dark-border-custom
+      dark:focus:ring-offset-dark-bg-primary
+    `,a?`
+      opacity-50
+      cursor-not-allowed
+    `:"",g].join(" ").replace(/\s+/g," ").trim(),de=[`
+    absolute
+    z-50
+    w-full
+    min-w-[200px]
+    max-h-40
+    overflow-y-auto
+    p-1
+    rounded-md
+    border-0
+    transition-all
+    duration-150
+  `,f==="top"?"bottom-full mb-1":"top-full mt-1",`
+    bg-background-secondary
+    dark:bg-dark-bg-primary
+  `,j?"opacity-100 visible":"opacity-0 invisible",m].join(" ").replace(/\s+/g," ").trim(),xe=`
+    flex
+    items-center
+    cursor-pointer
+    rounded-md
+    transition-all
+    duration-150
+    pl-2
+    pr-2.5
+    py-0.5
+    gap-0.5
+    text-[10px]
+    leading-[12px]
+    font-bold
+  `,be=($,D)=>{const F=$.value===B,K=D===L,ge=F&&!K?"text-content-primary dark:text-dark-content-primary":K||F&&K?"bg-primary-custom-600 text-primary-inverse-content dark:bg-primary-custom-600 dark:text-primary-inverse-content":"text-content-primary dark:text-dark-content-primary",ue=$.disabled?"":"hover:bg-primary-custom-600 hover:text-primary-inverse-content dark:hover:bg-primary-custom-600 dark:hover:text-primary-inverse-content",fe=$.disabled?"opacity-50 cursor-not-allowed":"";return[xe,ge,ue,fe].join(" ").replace(/\s+/g," ").trim()},me=["shrink-0","transition-transform","duration-150",j&&"rotate-180",a?"text-content-tertiary dark:text-content-tertiary":"text-content-secondary dark:text-content-secondary"].filter(Boolean).join(" ").replace(/\s+/g," ").trim(),pe="shrink-0 w-4 h-4";return e.jsxs("div",{className:`relative ${k?"w-full":""} ${x}`,ref:z,children:[d&&l||p&&c?e.jsxs("div",{className:"flex flex-col gap-1 mb-1 w-full",children:[d&&l&&e.jsxs("label",{htmlFor:u,className:"text-sm font-bold leading-5 text-content-primary dark:text-dark-content-primary",children:[l,w&&e.jsx("span",{className:"ml-1 text-error-content",children:"*"})]}),p&&c&&e.jsx("p",{className:"text-sm font-normal leading-5 text-content-tertiary dark:text-content-tertiary",children:c})]}):null,e.jsxs("button",{ref:M,type:"button",className:A,onClick:S,disabled:a,"aria-label":v||l,"aria-haspopup":"listbox","aria-expanded":j,id:u,children:[e.jsx("span",{className:Z?"":"text-content-secondary dark:text-content-secondary",children:Z?Z.label:r}),e.jsx(Be,{className:me})]}),h&&e.jsx("input",{type:"hidden",name:h,value:B!==void 0?String(B):""}),j&&e.jsxs("div",{ref:T,className:de,role:"listbox",children:[i&&e.jsx("div",{className:"flex items-center gap-0.5 px-6 py-0.5 rounded-[5px]",children:e.jsx("span",{className:"text-[10px] font-bold leading-[12px] text-content-tertiary dark:text-content-tertiary",children:i})}),t.length===0&&e.jsx("div",{className:"px-2 py-1.5 text-[10px] leading-[12px] text-content-secondary dark:text-content-secondary",children:"No hay opciones disponibles"}),t.map(($,D)=>e.jsxs("div",{className:be($,D),onClick:()=>_($),onMouseEnter:()=>I(D),role:"option","aria-selected":$.value===B,"aria-disabled":$.disabled,children:[e.jsx("div",{className:"w-4 flex items-center justify-center",children:$.value===B&&e.jsx(Se,{className:pe})}),$.icon&&e.jsx("span",{className:"shrink-0 w-4 h-4",children:$.icon}),e.jsx("span",{className:"flex-1 text-left",children:$.label})]},$.value))]})]})},_e=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"transition-transform",children:e.jsx("path",{d:"M12 10L8 6L4 10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Me=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"transition-transform",children:e.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Re=()=>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:"M14 8H2M2 8L6.5 3.5M2 8L6.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ie=()=>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:"M2 8H14M14 8L9.5 3.5M14 8L9.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Te=({column:t,sortable:s,sorted:n,sortDirection:r,onSort:a})=>{const d=[`
+    flex
+    items-center
+    gap-3
+    px-6
+    py-2.5
+    min-h-[40px]
+    border-b
+    border-border-primary
+    dark:border-dark-border-primary
+    transition-colors
+    duration-150
+  `,s?`
+      cursor-pointer
+      hover:bg-background-secondary
+      dark:hover:bg-dark-bg-primary/50
+      select-none
+    `:"",{left:"justify-start",center:"justify-center",right:"justify-end"}[t.align||"left"]].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:d,onClick:s?a:void 0,role:s?"button":void 0,tabIndex:s?0:void 0,onKeyDown:s?p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),a())}:void 0,style:{width:t.width},children:[e.jsx("span",{className:`
+          text-sm
+          font-bold
+          text-content-secondary
+          dark:text-content-secondary
+          text-ellipsis
+          overflow-hidden
+          whitespace-nowrap
+        `,children:t.header}),s&&e.jsxs("span",{className:"shrink-0 text-content-secondary dark:text-content-secondary",children:[n&&r==="asc"&&e.jsx(_e,{}),n&&r==="desc"&&e.jsx(Me,{}),!n&&e.jsx("div",{className:"w-4 h-4"})]})]})},Q=({children:t,align:s="left",width:n,isStriped:r=!1,rowIndex:a=0})=>{const o={left:"justify-start text-left",center:"justify-center text-center",right:"justify-end text-right"},l=r&&a%2===1?"bg-background-secondary dark:bg-dark-bg-primary/30":"";return e.jsx("div",{className:`
+        flex
+        flex-col
+        ${o[s]}
+        px-6
+        py-4
+        min-h-[56px]
+        border-b
+        border-border-secondary
+        dark:border-dark-border-primary
+        ${l}
+      `,style:{width:n},children:e.jsx("span",{className:`
+          text-sm
+          text-content-primary
+          dark:text-dark-content-primary
+          text-ellipsis
+          overflow-hidden
+          w-full
+        `,children:t})})},De=({currentPage:t,totalPages:s,onPageChange:n,previousLabel:r="Anterior",nextLabel:a="Siguiente"})=>{const l=(()=>{const c=[];if(s<=7)for(let p=1;p<=s;p++)c.push(p);else c.push(1),t<=3?c.push(2,3):t>=s-2?(c.push("..."),c.push(s-2,s-1)):(c.push("..."),c.push(t),c.push("...")),s>1&&c.push(s);return c})();return e.jsxs("div",{className:"flex items-center justify-between w-full h-9",children:[e.jsxs("button",{onClick:()=>t>1&&n(t-1),disabled:t===1,className:`
+          flex
+          items-center
+          gap-3
+          px-3
+          py-2
+          rounded-md
+          text-sm
+          font-bold
+          text-primary-custom-600
+          dark:text-primary-custom-600
+          hover:bg-blue-50
+          dark:hover:bg-blue-900/20
+          disabled:opacity-50
+          disabled:cursor-not-allowed
+          transition-colors
+          duration-150
+        `,children:[e.jsx(Re,{}),e.jsx("span",{children:r})]}),e.jsx("div",{className:"flex items-center gap-0",children:l.map((c,d)=>{if(c==="...")return e.jsx("div",{className:`
+                  flex
+                  items-center
+                  justify-center
+                  px-3
+                  py-2
+                  text-sm
+                  font-bold
+                  text-primary-custom-600
+                  dark:text-primary-custom-600
+                `,children:c},`ellipsis-${d}`);const p=c===t;return e.jsx("button",{onClick:()=>n(c),className:`
+                flex
+                items-center
+                justify-center
+                px-3
+                py-2
+                rounded-md
+                text-sm
+                font-bold
+                text-primary-custom-600
+                dark:text-primary-custom-600
+                transition-colors
+                duration-150
+                ${p?"bg-blue-100 dark:bg-blue-900/30":"hover:bg-blue-50 dark:hover:bg-blue-900/20"}
+              `,children:c},c)})}),e.jsxs("button",{onClick:()=>t<s&&n(t+1),disabled:t===s,className:`
+          flex
+          items-center
+          gap-3
+          px-3
+          py-2
+          rounded-md
+          text-sm
+          font-bold
+          text-primary-custom-600
+          dark:text-primary-custom-600
+          hover:bg-blue-50
+          dark:hover:bg-blue-900/20
+          disabled:opacity-50
+          disabled:cursor-not-allowed
+          transition-colors
+          duration-150
+        `,children:[e.jsx("span",{children:a}),e.jsx(Ie,{})]})]})},ze=({title:t,columns:s,data:n,variant:r="basic",showBorder:a=!0,showShadow:o=!0,onSort:l,sortColumn:c,sortDirection:d,fullWidth:p=!1,emptyMessage:i="No hay datos disponibles",loading:b=!1,loadingRows:x=5,pagination:g,className:m="",id:v})=>{const[u,h]=y.useState(null),[w,f]=y.useState(null),k=c!==void 0?c:u,j=d!==void 0?d:w,C=S=>{let _="asc";k===S&&(j==="asc"?_="desc":j==="desc"&&(_=null)),l?l(S,_):(h(_?S:null),f(_))},B=(S,_)=>typeof _=="function"?_(S):S[_],T=[`
+    flex
+    flex-col
+    gap-4
+    bg-white
+    dark:bg-dark-bg-primary
+    rounded-xl
+    transition-all
+    duration-150
+  `,a?"border border-border-primary dark:border-dark-border-primary":"",o?"shadow-base":"","p-8",p||r==="fullWidth"?"w-full":"",m].join(" ").replace(/\s+/g," ").trim(),Z=r==="grid"?`
+      border
+      border-border-primary
+      dark:border-dark-border-primary
+      rounded-lg
+      overflow-hidden
+    `:"";return e.jsxs("div",{className:T,id:v,children:[t&&e.jsx("div",{className:"flex items-center justify-center w-full",children:e.jsx("h3",{className:`
+              text-base
+              font-bold
+              text-content-primary
+              dark:text-dark-content-primary
+              text-ellipsis
+              overflow-hidden
+              whitespace-nowrap
+            `,children:t})}),e.jsx("div",{className:`flex w-full overflow-x-auto ${Z}`,children:s.map((S,_)=>{const V=typeof S.accessor=="function"?`column_${_}`:String(S.accessor);return e.jsxs("div",{className:"flex flex-col flex-1 min-w-0",children:[e.jsx(Te,{column:S,sortable:S.sortable||!1,sorted:k===V,sortDirection:k===V?j:null,onSort:()=>C(V)}),b&&e.jsx(e.Fragment,{children:Array.from({length:x}).map((H,E)=>e.jsx(Q,{align:S.align,width:S.width,isStriped:r==="striped",rowIndex:E,children:e.jsx("div",{className:`
+                          h-4
+                          bg-background-secondary
+                          dark:bg-dark-border-primary
+                          rounded
+                          animate-pulse
+                        `})},`loading-${E}`))}),!b&&n.length>0&&e.jsx(e.Fragment,{children:n.map((H,E)=>{const P=B(H,S.accessor),W=S.render?S.render(P,H,E):P;return e.jsx(Q,{align:S.align,width:S.width,isStriped:r==="striped",rowIndex:E,children:W},E)})}),!b&&n.length===0&&_===0&&e.jsx("div",{className:`
+                    flex
+                    items-center
+                    justify-center
+                    px-6
+                    py-12
+                    text-sm
+                    text-content-secondary
+                    dark:text-content-secondary
+                  `,style:{gridColumn:`1 / ${s.length+1}`},children:i})]},V)})}),g&&e.jsx(De,{currentPage:g.currentPage,totalPages:g.totalPages,onPageChange:g.onPageChange,previousLabel:g.previousLabel,nextLabel:g.nextLabel})]})},Ae=({label:t,active:s=!1,icon:n,badge:r,disabled:a=!1,onClick:o,className:l="",ariaLabel:c})=>{const d=`
+    relative
+    flex
+    flex-col
+    items-center
+    cursor-pointer
+    outline-hidden
+    transition-all
+    duration-150
+    p-0
+    border-0
+    bg-transparent
+  `,i=a?"opacity-50 cursor-not-allowed pointer-events-none":"",b=`
+    flex
+    items-center
+    justify-center
+    gap-1
+    p-2
+    rounded-lg
+    overflow-hidden
+    transition-all
+    duration-150
+    w-full
+  `,x=a?"":`
+      group-hover:bg-[rgba(0,0,0,0.03)]
+      group-focus-visible:bg-[rgba(0,0,0,0.03)]
+      group-focus-visible:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]
+      dark:group-hover:bg-white/5
+      dark:group-focus-visible:bg-white/5
+      dark:group-focus-visible:shadow-[0px_0px_0px_2px_#1e3a5f,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#0f6ae3]
+    `,g=s?`
+      text-primary-custom-600
+      dark:text-primary-custom-600
+    `:`
+      text-content-primary
+      dark:text-dark-content-primary
+    `,m=`
+    w-3
+    h-3
+    shrink-0
+  `,v=s?`
+      bg-primary-custom-600
+      dark:bg-primary-custom-600
+    `:`
+      bg-content-primary
+      dark:bg-dark-content-primary
+    `,u=s?`
+      absolute
+      -bottom-2.5
+      left-0
+      right-0
+      h-0.5
+      rounded-full
+      bg-primary-custom-600
+      dark:bg-primary-custom-600
+      z-10
+    `:"hidden",h=[d,"",i,"group",l].join(" ").replace(/\s+/g," ").trim(),w=[b,x].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",role:"tab","aria-selected":s,"aria-disabled":a,"aria-label":c||t,tabIndex:a?-1:0,className:h,onClick:a?void 0:o,disabled:a,children:[e.jsxs("div",{className:w,children:[n&&e.jsx("span",{className:`${m} ${g}`.trim(),children:n}),e.jsx("span",{className:`
+            text-sm
+            font-bold
+            leading-5
+            whitespace-nowrap
+            ${g}
+          `.replace(/\s+/g," ").trim(),children:t}),r!==void 0&&r>0&&e.jsx("span",{className:`
+              flex
+              items-center
+              justify-center
+              h-3
+              min-w-[12px]
+              px-0.5
+              rounded-xs
+              text-xs
+              font-normal
+              leading-4
+              text-primary-inverse-content
+              dark:text-dark-bg-primary
+              ${v}
+            `.replace(/\s+/g," ").trim(),"aria-label":`${r} notificaciones`,children:r>99?"99+":r})]}),e.jsx("div",{className:u})]})},Ee=({items:t,activeId:s,defaultActiveId:n,onChange:r,className:a="",fullWidth:o=!1,size:l="base",showBorder:c=!0})=>{const[d,p]=y.useState(n||(t.length>0?t[0].id:"")),i=s!==void 0,b=i?s:d,x=h=>{i||p(h),r?.(h)},m=`
+    flex
+    items-end
+    pb-2.5
+    ${{sm:"gap-0",base:"gap-1",lg:"gap-2"}[l]}
+    ${o?"w-full":""}
+    ${c?"border-b border-border-primary dark:border-dark-border-primary":""}
+  `,v=o?"flex-1":"",u=[m,a].join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{role:"tablist","aria-label":"Pestañas de navegación",className:u,children:t.map(h=>e.jsx(Ae,{label:h.label,active:b===h.id,icon:h.icon,badge:h.badge,disabled:h.disabled,onClick:()=>x(h.id),className:v},h.id))})},Fe=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{d:"M1.75 1.002a.75.75 0 1 0 0 1.5h1.035l1.38 5.514a2.75 2.75 0 0 0 2.658 2.048h5.355a2.75 2.75 0 0 0 2.658-2.048l.9-3.597a.75.75 0 0 0-.728-.919H4.655l-.22-.88A.75.75 0 0 0 3.71 2H1.75ZM5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM11.5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"})}),Ze=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M12 5a4 4 0 0 0-8 0v2.379a1.5 1.5 0 0 1-.44 1.06L2.294 9.707a1 1 0 0 0-.293.707V11a1 1 0 0 0 1 1h2a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-.586a1 1 0 0 0-.293-.707L12.44 8.44A1.5 1.5 0 0 1 12 7.38V5Zm-5.5 7a1.5 1.5 0 0 0 3 0h-3Z",clipRule:"evenodd"})}),X=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z",clipRule:"evenodd"})}),J=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),U=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 7.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",clipRule:"evenodd"})}),Ve=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M14 4.75A2.75 2.75 0 0 0 11.25 2h-3A2.75 2.75 0 0 0 5.5 4.75v.5a.75.75 0 0 0 1.5 0v-.5c0-.69.56-1.25 1.25-1.25h3c.69 0 1.25.56 1.25 1.25v6.5c0 .69-.56 1.25-1.25 1.25h-3c-.69 0-1.25-.56-1.25-1.25v-.5a.75.75 0 0 0-1.5 0v.5A2.75 2.75 0 0 0 8.25 14h3A2.75 2.75 0 0 0 14 11.25v-6.5Zm-9.47.47a.75.75 0 0 0-1.06 0L1.22 7.47a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06l-.97-.97h5.69a.75.75 0 0 0 0-1.5H3.56l.97-.97a.75.75 0 0 0 0-1.06Z",clipRule:"evenodd"})}),He=({logo:t,productName:s="Nombre Producto",environmentBadge:n,userDropdown:r,actions:a,notifications:o,className:l="",variant:c="responsive",hideActionButtons:d=!1,leadingAction:p,siesaLogo:i,showBusinessLogo:b=!1,showSiesaLogoLeading:x=!0,showSiesaLogoTrailing:g=!1,onNavigationClick:m,onSearchClick:v,onCartClick:u,onNotificationsClick:h})=>{const w=`
+    box-border
+    flex
+    flex-col
+    items-center
+    justify-center
+    p-1
+    relative
+    rounded-md
+    shrink-0
+    text-primary-custom-600
+    hover:bg-background-secondary
+    active:scale-95
+    focus:outline-hidden
+    focus:ring-2
+    focus:ring-primary-custom-400
+    focus:ring-offset-2
+    dark:text-primary-custom-600
+    dark:hover:bg-dark-bg-secondary
+    dark:active:scale-95
+    dark:focus:ring-dark-border-custom
+    dark:focus:ring-offset-dark-bg-primary
+    transition-all
+    duration-150
+  `,f=`
+    bg-primary-custom-600
+    text-primary-inverse-content
+    border
+    border-primary-custom-600
+    shadow-button-inset
+    hover:bg-primary-custom-500
+    active:scale-95
+    focus:outline-hidden
+    focus:ring-2
+    focus:ring-primary-custom-400
+    focus:ring-offset-2
+    dark:bg-dark-bg-inverse
+    dark:text-dark-content-inverse
+    dark:border-dark-bg-inverse
+    dark:hover:bg-dark-bg-inverse/90
+    dark:active:scale-95
+    dark:focus:ring-dark-border-custom
+    dark:focus:ring-offset-dark-bg-primary
+    box-border
+    flex
+    flex-col
+    items-center
+    justify-center
+    p-3
+    relative
+    rounded-md
+    shrink-0
+    transition-all
+    duration-150
+  `,k=c==="mobile",j=c==="desktop",C=c==="tablet",B=c==="responsive",R=()=>{if(k)return null;const N=e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Ve,{})});return j||C?e.jsx("button",{className:f,"aria-label":"Volver",onClick:m,children:N}):e.jsx("button",{className:`hidden md:flex ${f}`,"aria-label":"Volver",onClick:m,children:N})},L=()=>{if(k||!b)return null;const N=e.jsx("img",{src:"/,Business Logo.png",alt:"Business Logo",className:"w-full h-full object-contain"});return j?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[168px] h-[30px]",children:N}):C?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[140px] h-[25px]",children:N}):e.jsx("div",{className:"hidden md:block overflow-hidden relative shrink-0 w-[140px] lg:w-[168px] h-[25px] lg:h-[30px]",children:N})},I=()=>{const N=e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-full h-full object-contain"}),A=e.jsx("img",{src:"/siesa_logo_mobile.png",alt:"Siesa",className:"w-full h-full object-contain"});return k?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[30px] h-[30px]",children:A}):x?j?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:N}):C?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:N}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"md:hidden overflow-hidden relative shrink-0 w-[30px] h-[30px]",children:A}),x&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:N}),e.jsx("div",{className:"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:N})]})]}):null},z=()=>{if(!g||k)return null;const N=e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-full h-full object-contain"});return j?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:N}):C?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:N}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:N}),e.jsx("div",{className:"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:N})]})},M=({responsive:N=!0})=>{const A=e.jsx("div",{className:"grow shrink-0 w-px min-h-px bg-border-primary dark:bg-dark-border-primary"});return k?null:j||C?e.jsx("div",{className:"flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0",children:A}):N?e.jsx("div",{className:"hidden md:flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0",children:A}):null},T=()=>{if(k||!s)return null;const N=e.jsx("p",{className:"font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap",children:s});return j||C?N:e.jsx("p",{className:"hidden md:block font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap",children:s})},Z=()=>n?k?e.jsx(O,{color:"yellow",leftIcon:e.jsx(U,{}),label:"Pruebas"}):j||C?e.jsx(O,{color:"yellow",leftIcon:e.jsx(U,{}),label:n}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"md:hidden",children:e.jsx(O,{color:"yellow",leftIcon:e.jsx(U,{}),label:"Pruebas"})}),e.jsx("div",{className:"hidden md:block",children:e.jsx(O,{color:"yellow",leftIcon:e.jsx(U,{}),label:n})})]}):null,S=()=>d?null:k?e.jsx("button",{className:w,"aria-label":"Buscar",onClick:v,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(X,{})})}):B?e.jsx("button",{className:`md:hidden ${w}`,"aria-label":"Buscar",onClick:v,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(X,{})})}):null,_=()=>d?null:e.jsxs("div",{className:"relative",children:[e.jsx("button",{className:w,"aria-label":"Carrito de compras",onClick:u,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Fe,{})})}),o?.cart!==void 0&&o.cart>0&&e.jsx("div",{className:"absolute bg-error-content dark:bg-error-content flex flex-col gap-2.5 h-4 items-center justify-center left-[calc(50%+8px)] px-1 py-0 rounded-full top-[calc(50%-8px)] -translate-x-1/2 -translate-y-1/2 pointer-events-none min-w-[16px]",children:e.jsx("p",{className:"font-bold leading-3 text-[10px] text-white text-center whitespace-nowrap",children:o.cart>99?"+99":o.cart})})]}),V=()=>d?null:e.jsxs("div",{className:"relative",children:[e.jsx("button",{className:w,"aria-label":"Notificaciones",onClick:h,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Ze,{})})}),o?.bell&&e.jsx("div",{className:"absolute w-2 h-2 bg-error-content dark:bg-error-content rounded-full left-[calc(50%+4px)] top-[calc(50%-8px)] -translate-x-1/2 pointer-events-none"})]}),H=()=>{if(!r)return null;const N=`
+      box-border
+      flex
+      items-center
+      justify-center
+      overflow-hidden
+      p-0
+      relative
+      shrink-0
+      hover:bg-background-secondary
+      active:scale-95
+      focus:outline-hidden
+      focus:ring-2
+      focus:ring-primary-custom-400
+      focus:ring-offset-2
+      dark:hover:bg-dark-bg-secondary
+      dark:active:scale-95
+      dark:focus:ring-dark-border-custom
+      dark:focus:ring-offset-dark-bg-primary
+      rounded-lg
+      transition-all
+      duration-150
+    `;if(k)return e.jsx("button",{className:N,onClick:r.onMenuClick,"aria-label":"Menú de usuario",children:e.jsx("div",{className:"relative rounded-full shrink-0 w-8 h-8",children:e.jsx("img",{alt:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full",src:r.avatar})})});const A=()=>e.jsx("button",{className:N,onClick:r.onMenuClick,"aria-label":"Menú de usuario",children:e.jsxs("div",{className:"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0",children:[e.jsxs("div",{className:"flex gap-3 items-center justify-center relative shrink-0",children:[e.jsx("div",{className:"flex items-center justify-center relative shrink-0",children:e.jsx("div",{className:"relative rounded-md shrink-0 w-10 h-10",children:e.jsx("img",{alt:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full",src:r.avatar})})}),e.jsxs("div",{className:"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]",children:[e.jsx("p",{className:"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal",children:r.name}),(r.email||r.role)&&e.jsx("p",{className:"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis",children:r.email||r.role})]})]}),e.jsx("div",{className:"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary",children:e.jsx(J,{})})]})});return j||C?A():e.jsxs(e.Fragment,{children:[e.jsx("button",{className:`md:hidden ${N}`,onClick:r.onMenuClick,"aria-label":"Menú de usuario",children:e.jsx("div",{className:"relative rounded-full shrink-0 w-8 h-8",children:e.jsx("img",{alt:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full",src:r.avatar})})}),e.jsx("button",{className:`hidden md:flex ${N}`,onClick:r.onMenuClick,"aria-label":"Menú de usuario",children:e.jsxs("div",{className:"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0",children:[e.jsxs("div",{className:"flex gap-3 items-center justify-center relative shrink-0",children:[e.jsx("div",{className:"flex items-center justify-center relative shrink-0",children:e.jsx("div",{className:"relative rounded-md shrink-0 w-10 h-10",children:e.jsx("img",{alt:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full",src:r.avatar})})}),e.jsxs("div",{className:"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]",children:[e.jsx("p",{className:"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal",children:r.name}),(r.email||r.role)&&e.jsx("p",{className:"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis",children:r.email||r.role})]})]}),e.jsx("div",{className:"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary",children:e.jsx(J,{})})]})})]})},W=[`
+    box-border
+    flex
+    gap-8
+    items-center
+    px-4
+    py-1
+    relative
+    w-full
+    bg-background-primary
+    dark:bg-dark-bg-primary
+  `,{responsive:"h-[40px] md:h-16",desktop:"h-16",tablet:"h-16",mobile:"h-[40px]"}[c],l].join(" ").replace(/\s+/g," ").trim();return e.jsxs("nav",{className:W,children:[e.jsxs("div",{className:"flex gap-4 items-center relative shrink-0",children:[!k&&(p||e.jsx(R,{})),t||e.jsx(L,{}),b&&x&&!k&&e.jsx(M,{}),i||e.jsx(I,{}),s&&x&&!k&&e.jsx(M,{}),e.jsx(T,{})]}),e.jsxs("div",{className:"flex gap-4 items-center justify-end grow min-h-px min-w-px relative shrink-0",children:[e.jsx(Z,{}),e.jsx(S,{}),e.jsx(_,{}),e.jsx(V,{}),r&&!d&&e.jsx(M,{}),e.jsx(H,{}),g&&r&&!k&&e.jsx(M,{}),e.jsx(z,{}),a&&e.jsx("div",{className:"flex gap-2 items-center",children:a})]})]})},Oe=({items:t,activeItemId:s,onItemClick:n,className:r="",ariaLabel:a="Navegación Principal"})=>{t.length>5&&console.warn("NavigationBar: Se recomienda un máximo de 5 ítems para mejor UX");const o=i=>{i.disabled||(i.onClick&&i.onClick(i.id),n&&n(i.id))},l=i=>{const b=i.active||i.id===s,x=`
+      flex-1
+      flex
+      flex-col
+      items-center
+      gap-1
+      px-0.5
+      py-0
+      min-w-0
+      cursor-pointer
+      transition-all
+      duration-150
+      ${i.disabled?"opacity-50 cursor-not-allowed pointer-events-none":""}
+    `.replace(/\s+/g," ").trim(),g=`
+      flex
+      items-center
+      justify-center
+      px-4
+      py-1
+      rounded-full
+      overflow-hidden
+      transition-all
+      duration-150
+      ${b?"bg-primary-custom-100 dark:bg-primary-custom-100":"bg-transparent hover:bg-hover-overlay dark:hover:bg-hover-overlay-dark"}
+    `.replace(/\s+/g," ").trim(),m=`
+      font-['SiesaBT:Bold',sans-serif]
+      text-[10px]
+      leading-[12px]
+      font-bold
+      text-center
+      w-full
+      min-w-0
+      text-content-primary
+      dark:text-dark-content-primary
+      transition-colors
+      duration-150
+    `.replace(/\s+/g," ").trim(),v=`
+      w-4
+      h-4
+      shrink-0
+      text-content-primary
+      dark:text-dark-content-primary
+      transition-colors
+      duration-150
+    `.replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:x,onClick:()=>o(i),disabled:i.disabled,"aria-label":i.ariaLabel||i.label,"aria-current":b?"page":void 0,children:[e.jsx("div",{className:g,children:e.jsx("span",{className:v,children:i.icon})}),e.jsx("span",{className:m,children:i.label})]},i.id)},c=`
+    bg-bg-primary
+    dark:bg-dark-bg-primary
+    p-4
+    w-full
+    transition-colors
+    duration-150
+  `.replace(/\s+/g," ").trim(),d=`
+    flex
+    items-start
+    justify-center
+    w-full
+  `.replace(/\s+/g," ").trim(),p=`
+    flex-1
+    flex
+    items-start
+    gap-2
+    min-h-0
+    min-w-0
+  `.replace(/\s+/g," ").trim();return e.jsx("nav",{className:`${c} ${r}`.trim(),role:"navigation","aria-label":a,children:e.jsx("div",{className:d,children:e.jsx("div",{className:p,children:t.map(i=>l(i))})})})},Pe=({lightColor:t,darkColor:s,className:n=""})=>e.jsxs("svg",{className:`w-4 h-4 shrink-0 ${n}`.trim(),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16","aria-hidden":"true",children:[e.jsx("circle",{cx:"8",cy:"8",r:"8",fill:t,className:"dark:hidden"}),e.jsx("circle",{cx:"8",cy:"8",r:"8",fill:s,className:"hidden dark:block"})]}),We=({status:t="available",className:s=""})=>{const r={available:{lightColor:"#0e79fd",darkColor:"#93d1fd",label:"Disponible"},occupied:{lightColor:"#af460e",darkColor:"#f5a927",label:"Ocupada"},reserved:{lightColor:"#7e22ce",darkColor:"#c084fc",label:"Reservada"},outOfService:{lightColor:"#3f3f46",darkColor:"#a1a1aa",label:"Fuera de Servicio"}}[t],o=[`
+    inline-flex
+    items-center
+    gap-1
+    shrink-0
+  `,s].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:o,role:"presentation","aria-label":`Estado: ${r.label}`,children:[e.jsx(Pe,{lightColor:r.lightColor,darkColor:r.darkColor}),e.jsx("span",{className:`
+          text-xs
+          leading-4
+          font-normal
+          text-content-primary
+          dark:text-dark-content-primary
+          whitespace-nowrap
+        `.replace(/\s+/g," ").trim(),children:r.label})]})},Ue=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),qe=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M9 3L3 9M3 3L9 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ke=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M10.5 5H1.5M8.5 1V3M3.5 1V3M3.25 11H8.75C9.57843 11 10.25 10.3284 10.25 9.5V3.5C10.25 2.67157 9.57843 2 8.75 2H3.25C2.42157 2 1.75 2.67157 1.75 3.5V9.5C1.75 10.3284 2.42157 11 3.25 11Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ge=({className:t=""})=>e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[e.jsx("path",{d:"M10.5 6C10.5 8.48528 8.48528 10.5 6 10.5C3.51472 10.5 1.5 8.48528 1.5 6C1.5 3.51472 3.51472 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6Z",stroke:"currentColor",strokeWidth:"1.5"}),e.jsx("path",{d:"M9.18198 2.81802L2.81802 9.18198",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Qe=({className:t=""})=>e.jsx("svg",{width:"13",height:"10",viewBox:"0 0 13 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M9.25 9V8C9.25 6.89543 8.35457 6 7.25 6H2.75C1.64543 6 0.75 6.89543 0.75 8V9M12.25 9V8C12.25 6.89543 11.3546 6 10.25 6H9.75M7 2.5C7 3.60457 6.10457 4.5 5 4.5C3.89543 4.5 3 3.60457 3 2.5C3 1.39543 3.89543 0.5 5 0.5C6.10457 0.5 7 1.39543 7 2.5ZM10 2C10 2.82843 9.32843 3.5 8.5 3.5C7.67157 3.5 7 2.82843 7 2C7 1.17157 7.67157 0.5 8.5 0.5C9.32843 0.5 10 1.17157 10 2Z",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round"})}),Xe=({locationName:t,status:s="available",state:n="enabled",capacity:r,onClick:a,disabled:o=!1,className:l="",ariaLabel:c,fullWidth:d=!0})=>{const i={available:{textColor:"text-primary-custom-600 dark:text-primary-custom-600",badgeBg:"bg-primary-custom-100 dark:bg-blue-900/30",badgeText:"text-primary-custom-600 dark:text-blue-400",activedBg:"bg-primary-custom-100 dark:bg-blue-900/30",icon:Ue,badgeLabel:"Disponible"},occupied:{textColor:"text-[#af460e] dark:text-orange-400",badgeBg:"bg-[#fcedc9] dark:bg-yellow-900/30",badgeText:"text-[#af460e] dark:text-orange-400",activedBg:"bg-[#fcedc9] dark:bg-yellow-900/30",icon:qe,badgeLabel:"Ocupada"},reserved:{textColor:"text-[#7e22ce] dark:text-fuchsia-400",badgeBg:"bg-[#f3e8ff] dark:bg-purple-900/30",badgeText:"text-[#7e22ce] dark:text-purple-400",activedBg:"bg-[#f3e8ff] dark:bg-purple-900/30",icon:Ke,badgeLabel:"Reservada"},outOfService:{textColor:"text-[#3f3f46] dark:text-zinc-400",badgeBg:"bg-[#f4f4f5] dark:bg-zinc-800/30",badgeText:"text-content-tertiary dark:text-zinc-400",activedBg:"bg-[#f4f4f5] dark:bg-zinc-800/30",icon:Ge,badgeLabel:"F. de Servicio"}}[s],b=i.icon,x=n==="actived"?i.activedBg:"bg-white dark:bg-dark-bg-primary",v=[`
+    flex
+    flex-col
+    items-stretch
+    justify-between
+    ${d?"w-full":"w-[189px]"}
+    h-[68px]
+    p-2
+    rounded-lg
+    cursor-pointer
+    transition-all
+    duration-150
+    focus:outline-hidden
+    focus:ring-2
+    focus:ring-primary-custom-400
+    focus:ring-offset-2
+    dark:focus:ring-dark-border-custom
+    dark:focus:ring-offset-dark-bg-primary
+    hover:shadow-md
+    active:scale-[0.98]
+    disabled:opacity-50
+    disabled:cursor-not-allowed
+    disabled:pointer-events-none
+  `,x,l].join(" ").replace(/\s+/g," ").trim(),u=r?`${r.current}/${r.total} mesas`:null;return e.jsxs("button",{className:v,onClick:a,disabled:o,"aria-label":c||`${t} - ${i.badgeLabel}`,type:"button",children:[e.jsx("div",{className:`
+          text-base
+          font-bold
+          leading-6
+          ${i.textColor}
+        `.replace(/\s+/g," ").trim(),children:t}),e.jsxs("div",{className:"flex items-center justify-between",children:[u&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(Qe,{className:i.textColor}),e.jsx("span",{className:`
+                text-[10px]
+                leading-[12px]
+                ${i.textColor}
+              `.replace(/\s+/g," ").trim(),children:u})]}),e.jsxs("div",{className:`
+            inline-flex
+            items-center
+            gap-1
+            px-1.5
+            py-1
+            rounded-md
+            ${i.badgeBg}
+          `.replace(/\s+/g," ").trim(),children:[e.jsx(b,{className:i.badgeText}),e.jsx("span",{className:`
+              text-xs
+              leading-4
+              ${i.badgeText}
+            `.replace(/\s+/g," ").trim(),children:i.badgeLabel})]})]})]})},Je=({size:t="l",border:s=!1,children:n,disabled:r=!1,className:a="",onClick:o,ariaLabel:l,htmlType:c="button",...d})=>{const p={s:"w-10 h-10",m:"w-[65px] h-[65px]",l:"w-20 h-20"},i={s:"text-2xl",m:"text-5xl",l:"text-5xl"},m=[`
+    inline-flex
+    items-center
+    justify-center
+    rounded-lg
+    font-bold
+    tracking-tighter
+    whitespace-nowrap
+    cursor-pointer
+    focus:outline-hidden
+    focus:ring-2
+    focus:ring-primary-custom-400
+    focus:ring-offset-2
+    dark:focus:ring-dark-border-custom
+    dark:focus:ring-offset-dark-bg-primary
+    disabled:opacity-50
+    disabled:cursor-not-allowed
+    disabled:pointer-events-none
+    transition-all
+    duration-150
+  `,p[t],i[t],s?`
+    bg-white
+    text-content-primary
+    border
+    border-border-primary
+    hover:bg-primary-custom-600
+    hover:text-primary-inverse-content
+    hover:border-primary-inverse-border
+    active:bg-primary-custom-600
+    active:text-primary-inverse-content
+    active:border-primary-inverse-border
+    active:scale-95
+    dark:bg-dark-bg-primary
+    dark:text-dark-content-primary
+    dark:border-dark-border-primary
+    dark:hover:bg-dark-bg-inverse
+    dark:hover:text-dark-content-inverse
+    dark:hover:border-primary-inverse-border
+    dark:active:bg-dark-bg-inverse
+    dark:active:text-dark-content-inverse
+    dark:active:border-primary-inverse-border
+    dark:active:scale-95
+  `:`
+    bg-white
+    text-content-primary
+    hover:bg-primary-custom-600
+    hover:text-primary-inverse-content
+    active:bg-primary-custom-600
+    active:text-primary-inverse-content
+    active:scale-95
+    dark:bg-dark-bg-primary
+    dark:text-dark-content-primary
+    dark:hover:bg-dark-bg-inverse
+    dark:hover:text-dark-content-inverse
+    dark:active:bg-dark-bg-inverse
+    dark:active:text-dark-content-inverse
+    dark:active:scale-95
+  `,a].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:c,className:m,disabled:r,onClick:o,"aria-label":l||`Número ${n}`,...d,children:n})},Ye=({image:t,label:s,active:n=!1,disabled:r=!1,onClick:a,className:o="",ariaLabel:l})=>{const p=[`
+    flex
+    flex-col
+    gap-2
+    p-3
+    rounded-lg
+    font-bold
+    text-sm
+    transition-all
+    duration-150
+    focus:outline-hidden
+    focus:ring-2
+    focus:ring-primary-custom-400
+    focus:ring-offset-2
+    dark:focus:ring-dark-border-custom
+    dark:focus:ring-offset-dark-bg-primary
+  `,r?`
+      bg-white
+      text-content-primary
+      opacity-55
+      cursor-not-allowed
+      pointer-events-none
+      dark:bg-dark-bg-primary
+      dark:text-dark-content-primary
+    `:n?`
+      bg-primary-custom-100
+      text-primary-custom-600
+      cursor-pointer
+      hover:bg-primary-custom-100
+      active:scale-95
+      dark:bg-primary-custom-100/20
+      dark:text-primary-custom-600
+      dark:hover:bg-primary-custom-100/30
+      dark:active:scale-95
+    `:`
+      bg-white
+      text-content-primary
+      cursor-pointer
+      hover:bg-background-secondary
+      active:scale-95
+      dark:bg-dark-bg-primary
+      dark:text-dark-content-primary
+      dark:hover:bg-dark-bg-primary/80
+      dark:active:scale-95
+    `,o].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:p,disabled:r,onClick:a,"aria-label":l||s,"aria-pressed":n,children:[e.jsx("div",{className:"aspect-158/80 w-full rounded-lg overflow-hidden",children:e.jsx("img",{src:t,alt:s,className:"w-full h-full object-cover"})}),e.jsx("div",{className:"w-full text-left leading-5",children:s})]})},er=({className:t=""})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:e.jsx("path",{d:"M8 3V13M3 8H13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),rr=({image:t,productName:s,price:n,buttonText:r="Agregar",active:a=!1,disabled:o=!1,onAddClick:l,onCardClick:c,className:d="",ariaLabel:p})=>{const i=`
+    flex
+    flex-col
+    gap-2
+    p-3
+    rounded-lg
+    w-[170px]
+    transition-all
+    duration-150
+    focus:outline-hidden
+    focus:ring-2
+    focus:ring-primary-custom-400
+    focus:ring-offset-2
+    dark:focus:ring-dark-border-custom
+    dark:focus:ring-offset-dark-bg-primary
+  `,b=o?`
+      bg-white
+      opacity-55
+      cursor-not-allowed
+      dark:bg-dark-bg-primary
+    `:a?`
+      bg-primary-custom-100
+      cursor-pointer
+      dark:bg-dark-bg-custom
+    `:`
+      bg-white
+      cursor-pointer
+      dark:bg-dark-bg-primary
+    `,x=o?`
+      text-content-primary
+      dark:text-dark-content-primary
+    `:a?`
+      text-primary-custom-600
+      dark:text-dark-content-custom
+    `:`
+      text-content-primary
+      dark:text-dark-content-primary
+    `,g=[i,b,d].join(" ").replace(/\s+/g," ").trim(),m=u=>{o||u.target.closest("button")||c?.(u)},v=u=>{u.stopPropagation(),!o&&l?.(u)};return e.jsxs("div",{className:g,onClick:m,role:"article","aria-label":p||`${s} - ${n}`,tabIndex:o?-1:0,children:[e.jsxs("div",{className:"flex flex-col gap-3 w-full",children:[e.jsx("div",{className:"h-[88px] w-full rounded-lg overflow-hidden",children:e.jsx("img",{src:t,alt:s,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:`flex flex-col w-full font-bold ${x}`.trim().replace(/\s+/g," "),children:[e.jsx("div",{className:"text-sm leading-5",children:s}),e.jsx("div",{className:"text-2xl leading-8 tracking-tighter",children:n})]})]}),e.jsx(q,{type:"default",size:"sm",leftIcon:e.jsx(er,{className:"w-4 h-4"}),onClick:v,disabled:o,fullWidth:!0,ariaLabel:`${r} ${s}`,children:r})]})},tr=({className:t=""})=>e.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M5 3.25V4H2.75a.75.75 0 0 0 0 1.5h.3l.815 8.15A1.5 1.5 0 0 0 5.357 15h5.285a1.5 1.5 0 0 0 1.493-1.35l.815-8.15h.3a.75.75 0 0 0 0-1.5H11v-.75A2.25 2.25 0 0 0 8.75 1h-1.5A2.25 2.25 0 0 0 5 3.25Zm2.25-.75a.75.75 0 0 0-.75.75V4h3v-.75a.75.75 0 0 0-.75-.75h-1.5ZM6.05 6a.75.75 0 0 1 .787.713l.275 5.5a.75.75 0 0 1-1.498.075l-.275-5.5A.75.75 0 0 1 6.05 6Zm3.9 0a.75.75 0 0 1 .712.787l-.275 5.5a.75.75 0 0 1-1.498-.075l.275-5.5a.75.75 0 0 1 .786-.711Z",clipRule:"evenodd"})}),le=({categoryLabel:t,categoryColor:s="lime",productRef:n,price:r,productName:a,descriptionItems:o=[],showDescription:l=!0,quantity:c=0,minQuantity:d=0,maxQuantity:p,onQuantityChange:i,onDelete:b,disabled:x=!1,className:g="",deleteIcon:m})=>{const v={lime:{bg:"bg-lime-100 dark:bg-lime-900/40",text:"text-lime-700 dark:text-lime-300"},red:{bg:"bg-red-100 dark:bg-red-900/40",text:"text-red-700 dark:text-red-300"},orange:{bg:"bg-orange-100 dark:bg-orange-900/40",text:"text-orange-700 dark:text-orange-300"},amber:{bg:"bg-amber-100 dark:bg-amber-900/40",text:"text-amber-700 dark:text-amber-300"},yellow:{bg:"bg-yellow-100 dark:bg-yellow-900/40",text:"text-yellow-700 dark:text-yellow-300"},green:{bg:"bg-green-100 dark:bg-green-900/40",text:"text-green-700 dark:text-green-300"},emerald:{bg:"bg-emerald-100 dark:bg-emerald-900/40",text:"text-emerald-700 dark:text-emerald-300"},teal:{bg:"bg-teal-100 dark:bg-teal-900/40",text:"text-teal-700 dark:text-teal-300"},cyan:{bg:"bg-cyan-100 dark:bg-cyan-900/40",text:"text-cyan-700 dark:text-cyan-300"},sky:{bg:"bg-sky-100 dark:bg-sky-900/40",text:"text-sky-700 dark:text-sky-300"},blue:{bg:"bg-blue-100 dark:bg-blue-900/40",text:"text-blue-700 dark:text-blue-300"},indigo:{bg:"bg-indigo-100 dark:bg-indigo-900/40",text:"text-indigo-700 dark:text-indigo-300"},violet:{bg:"bg-violet-100 dark:bg-violet-900/40",text:"text-violet-700 dark:text-violet-300"},purple:{bg:"bg-purple-100 dark:bg-purple-900/40",text:"text-purple-700 dark:text-purple-300"},fuchsia:{bg:"bg-fuchsia-100 dark:bg-fuchsia-900/40",text:"text-fuchsia-700 dark:text-fuchsia-300"},pink:{bg:"bg-pink-100 dark:bg-pink-900/40",text:"text-pink-700 dark:text-pink-300"},rose:{bg:"bg-rose-100 dark:bg-rose-900/40",text:"text-rose-700 dark:text-rose-300"},zinc:{bg:"bg-zinc-100 dark:bg-zinc-800/50",text:"text-zinc-600 dark:text-zinc-300"},primary:{bg:"bg-primary-custom-100 dark:bg-primary-custom-600/30",text:"text-primary-custom-600 dark:text-primary-custom-300"}},u=v[s]||v.lime,h=f=>{!x&&i&&i(f)},w=()=>{!x&&b&&b()};return e.jsxs("div",{className:`
+        flex
+        flex-col
+        gap-2
+        w-full
+        ${x?"opacity-50 pointer-events-none":""}
+        ${g}
+      `.trim().replace(/\s+/g," "),"data-component":"POSProductSidebarItems",children:[e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("div",{className:"flex flex-col gap-1 w-full",children:[e.jsxs("div",{className:"flex items-center gap-1 w-full",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[e.jsx("div",{className:`
+                  inline-flex
+                  items-center
+                  px-1.5
+                  py-1
+                  rounded-md
+                  transition-colors
+                  duration-150
+                  ${u.bg}
+                `.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`
+                    text-xs
+                    leading-4
+                    font-normal
+                    text-center
+                    whitespace-nowrap
+                    ${u.text}
+                  `.trim().replace(/\s+/g," "),children:t})}),e.jsx("span",{className:"text-[10px] leading-3 font-normal text-content-primary dark:text-dark-content-primary whitespace-nowrap",children:n})]}),e.jsx("div",{className:"flex items-center shrink-0",children:e.jsx("span",{className:"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right",children:r})})]}),e.jsx("div",{className:"flex items-start w-full",children:e.jsx("span",{className:"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary flex-1 min-w-0",children:a})})]}),l&&o.length>0&&e.jsx("div",{className:`
+              flex
+              flex-col
+              gap-2
+              p-2
+              rounded-lg
+              bg-background-secondary
+              dark:bg-zinc-700
+              w-full
+              transition-colors
+              duration-150
+            `.trim().replace(/\s+/g," "),children:o.map((f,k)=>e.jsxs("div",{className:"flex items-center gap-1 w-full",children:[e.jsx("span",{className:"flex-1 min-w-0 text-xs leading-3 font-normal text-content-primary dark:text-dark-content-primary",children:f.description}),e.jsx("span",{className:"text-xs leading-3 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right shrink-0",children:f.price})]},k))})]}),e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsx("div",{className:"w-[118px]",children:e.jsx(G,{value:c,min:d,max:p,onChange:h,disabled:x})}),e.jsx("button",{type:"button",onClick:w,disabled:x,className:`
+            flex
+            items-center
+            justify-center
+            w-6
+            h-6
+            rounded-md
+            text-red-700
+            dark:text-red-500
+            hover:text-red-800
+            dark:hover:text-red-400
+            hover:bg-red-50
+            dark:hover:bg-red-900/20
+            focus:outline-hidden
+            focus:ring-2
+            focus:ring-red-500/50
+            dark:focus:ring-red-400/50
+            focus:ring-offset-1
+            focus:ring-offset-white
+            dark:focus:ring-offset-dark-bg-primary
+            active:scale-95
+            transition-all
+            duration-150
+            ${x?"cursor-not-allowed opacity-50":"cursor-pointer"}
+          `.trim().replace(/\s+/g," "),"aria-label":"Eliminar producto",children:m||e.jsx(tr,{className:"w-[18px] h-[21px]"})})]})]})};le.displayName="POSProductSidebarItems";const sr=({tableNumber:t,status:s="available",shape:n="square",chairs:r=4,showChairs:a=!0,isActive:o=!1,onClick:l,className:c="",disabled:d=!1,children:p})=>{const i={available:{border:"border-[#0e79fd]",borderDark:"dark:border-[#93d1fd]",bgEnabled:"bg-transparent",bgEnabledDark:"dark:bg-transparent",bgActive:"bg-primary-custom-100",bgActiveDark:"dark:bg-[#1e3a5f]",borderActive:"border-[#bce4ff]",borderActiveDark:"dark:border-[#1e3a5f]",table:"bg-[#0e79fd]",tableDark:"dark:bg-[#93d1fd]",chair:"bg-[#0e79fd]",chairDark:"dark:bg-[#93d1fd]",text:"text-[#0e79fd]",textDark:"dark:text-[#93d1fd]",focusRing:"focus:ring-[#93d1fd]",focusRingDark:"dark:focus:ring-[#0e79fd]"},busy:{border:"border-[#af460e]",borderDark:"dark:border-[#f5a927]",bgEnabled:"bg-transparent",bgEnabledDark:"dark:bg-transparent",bgActive:"bg-[#fed7aa]",bgActiveDark:"dark:bg-[#5c3a1e]",borderActive:"border-[#fed7aa]",borderActiveDark:"dark:border-[#5c3a1e]",table:"bg-[#af460e]",tableDark:"dark:bg-[#f5a927]",chair:"bg-[#af460e]",chairDark:"dark:bg-[#f5a927]",text:"text-[#af460e]",textDark:"dark:text-[#f5a927]",focusRing:"focus:ring-[#f5a927]",focusRingDark:"dark:focus:ring-[#af460e]"},reserved:{border:"border-[#7e22ce]",borderDark:"dark:border-[#c084fc]",bgEnabled:"bg-transparent",bgEnabledDark:"dark:bg-transparent",bgActive:"bg-[#e9d5ff]",bgActiveDark:"dark:bg-[#3b1f5c]",borderActive:"border-[#e9d5ff]",borderActiveDark:"dark:border-[#3b1f5c]",table:"bg-[#7e22ce]",tableDark:"dark:bg-[#c084fc]",chair:"bg-[#7e22ce]",chairDark:"dark:bg-[#c084fc]",text:"text-[#7e22ce]",textDark:"dark:text-[#c084fc]",focusRing:"focus:ring-[#c084fc]",focusRingDark:"dark:focus:ring-[#7e22ce]"}},b={square:{container:"rounded-[4px]",table:"w-[64px] h-[64px] rounded-[4px]"},circle:{container:"rounded-[9999px]",table:"w-[64px] h-[64px] rounded-[9999px]"},rectangle:{container:"rounded-[4px]",table:"w-[80px] h-[64px] rounded-[4px]"},oval:{container:"rounded-3xl",table:"w-[80px] h-[64px] rounded-3xl"}},x=({rotation:u})=>e.jsxs("div",{className:"w-[28px] h-[22px]",style:{transform:`rotate(${u}deg)`},"aria-hidden":"true",children:[e.jsx("div",{className:`
+          absolute
+          top-0
+          left-0
+          right-0
+          h-[16px]
+          rounded-t-[4px]
+          ${i[s].chair}
+          ${i[s].chairDark}
+        `}),e.jsx("div",{className:`
+          absolute
+          bottom-0
+          left-[7.14%]
+          right-[7.14%]
+          h-[14px]
+          rounded-b-[4px]
+          ${i[s].chair}
+          ${i[s].chairDark}
+        `})]}),g=()=>{!d&&l&&l()},m=u=>{(u.key==="Enter"||u.key===" ")&&!d&&l&&(u.preventDefault(),l())},v=["w-[160px]","h-[160px]","shrink-0","relative","flex","flex-col","items-center","justify-center","p-0","border-2","box-border","rounded-[8px]",o?i[s].borderActive:i[s].border,o?i[s].borderActiveDark:i[s].borderDark,o?i[s].bgActive:i[s].bgEnabled,o?i[s].bgActiveDark:i[s].bgEnabledDark,"focus:outline-hidden","focus:ring-2",i[s].focusRing,i[s].focusRingDark,"focus:ring-offset-2","dark:focus:ring-offset-dark-bg-primary","transition-all","duration-150",l&&!d?"cursor-pointer":"",l&&!d?"hover:scale-105":"",l&&!d?"active:scale-95":"",d?"opacity-50 cursor-not-allowed":"",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{className:v,onClick:g,onKeyDown:m,disabled:d,type:"button","aria-label":`Mesa ${t} - ${s==="available"?"Disponible":s==="busy"?"Ocupada":"Reservada"}`,children:[e.jsxs("div",{className:"flex flex-col gap-[4px] items-center justify-center w-[134px] h-[134px] shrink-0",children:[a&&(r===2||r===4||r===6||r===8)&&e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[r>=6&&e.jsxs(e.Fragment,{children:[e.jsx(x,{rotation:0}),e.jsx(x,{rotation:0})]}),r===2&&e.jsx(x,{rotation:0}),r===4&&e.jsx(x,{rotation:0})]}),e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[a&&(r===4||r===6||r===8)&&e.jsxs("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:[r>=8&&e.jsxs(e.Fragment,{children:[e.jsx(x,{rotation:270}),e.jsx(x,{rotation:270})]}),(r===4||r===6)&&e.jsx(x,{rotation:270})]}),e.jsx("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:e.jsx("div",{className:"flex items-center shrink-0",children:e.jsx("div",{className:`
+                  ${b[n].table}
+                  ${i[s].table}
+                  ${i[s].tableDark}
+                  shrink-0
+                `})})}),a&&(r===4||r===6||r===8)&&e.jsxs("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:[r>=8&&e.jsxs(e.Fragment,{children:[e.jsx(x,{rotation:90}),e.jsx(x,{rotation:90})]}),(r===4||r===6)&&e.jsx(x,{rotation:90})]})]}),a&&(r===2||r===4||r===6||r===8)&&e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[r>=6&&e.jsxs(e.Fragment,{children:[e.jsx(x,{rotation:180}),e.jsx(x,{rotation:180})]}),r===2&&e.jsx(x,{rotation:180}),r===4&&e.jsx(x,{rotation:180})]})]}),e.jsxs("div",{className:`
+          flex
+          flex-col
+          justify-center
+          leading-0
+          not-italic
+          text-ellipsis
+          overflow-hidden
+          min-w-full
+          text-center
+          whitespace-nowrap
+          shrink-0
+          text-[10px]
+          font-normal
+          ${i[s].text}
+          ${i[s].textDark}
+        `,children:[e.jsxs("p",{className:"leading-[12px] text-ellipsis overflow-hidden",children:["Mesa ",t]}),p]})]})},ce=y.createContext(void 0),ar=({children:t,defaultTheme:s="light"})=>{const[n,r]=y.useState(()=>typeof window<"u"&&localStorage.getItem("siesa-ui-theme")||s);y.useEffect(()=>{const l=window.document.documentElement;n==="dark"?l.classList.add("dark"):l.classList.remove("dark"),localStorage.setItem("siesa-ui-theme",n)},[n]);const a=()=>{r(l=>l==="light"?"dark":"light")},o=l=>{r(l)};return e.jsx(ce.Provider,{value:{theme:n,toggleTheme:a,setTheme:o},children:t})},nr=()=>{const t=y.useContext(ce);if(t===void 0)throw new Error("useTheme debe ser usado dentro de un ThemeProvider");return t};exports.Alert=ie;exports.Avatar=ae;exports.Badge=O;exports.Button=q;exports.Checkbox=re;exports.DescriptionList=oe;exports.Divider=ne;exports.Dropdown=ke;exports.Input=Y;exports.Navbar=He;exports.NavigationBar=Oe;exports.Notification=je;exports.POSConvention=We;exports.POSLocationButton=Xe;exports.POSNumberButton=Je;exports.POSProductButton=Ye;exports.POSProductCard=rr;exports.POSProductSidebarItems=le;exports.POSTable=sr;exports.Pagination=$e;exports.Quantity=G;exports.Radio=te;exports.Select=Le;exports.Switch=se;exports.Table=ze;exports.Tabs=Ee;exports.Textarea=ee;exports.ThemeProvider=ar;exports.useTheme=nr;
+//# sourceMappingURL=siesa-ui-kit.cjs.map