@moondreamsdev/dreamer-ui 1.7.10-test.21 → 1.7.10-test.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Toast-Bi66FA-C.cjs +2 -0
- package/dist/Toast-Bi66FA-C.cjs.map +1 -0
- package/dist/{Toast-1h4qbe8J.js → Toast-D4kUv4QL.js} +9 -8
- package/dist/Toast-D4kUv4QL.js.map +1 -0
- package/dist/components.cjs.js +2 -2
- package/dist/components.cjs.js.map +1 -1
- package/dist/components.esm.js +1032 -1015
- package/dist/components.esm.js.map +1 -1
- package/dist/providers.cjs.js +1 -1
- package/dist/providers.esm.js +1 -1
- package/package.json +1 -1
- package/dist/Toast-1h4qbe8J.js.map +0 -1
- package/dist/Toast-BYlSZ0Fu.cjs +0 -2
- package/dist/Toast-BYlSZ0Fu.cjs.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),e=require("react"),S=require("react-dom"),g=require("./X-CgjeP2OI.cjs"),B=require("./join-BVMUUvyP.cjs");function h(...t){return t.filter(l=>typeof l=="string"&&l).join(" ").trim()||void 0}function M({size:t=15,color:l="currentColor",className:a="inline",...r}){return n.jsx("svg",{...r,width:t,height:t,className:a,viewBox:"0 0 15 15",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:l,fillRule:"evenodd",clipRule:"evenodd"})})}function y(...t){return t.filter(l=>typeof l=="string"&&l).join(" ").trim()||void 0}e.createContext(void 0);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(void 0);e.createContext(void 0);e.createContext(null);e.createContext(void 0);e.createContext(void 0);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);function O(){const[t,l]=e.useState(0);return e.useEffect(()=>{const a=setInterval(()=>{l(r=>(r+1)%3)},500);return()=>clearInterval(a)},[]),n.jsx("div",{className:"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle",children:[0,1,2].map(a=>n.jsx("div",{className:h("rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",t===a&&"transform -translate-y-1")},a))})}const D={base:"",primary:"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",tertiary:"text-primary hover:text-primary-foreground disabled:text-muted",outline:"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",link:"underline-offset-4 hover:underline disabled:underline disabled:text-muted",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"},P={stripped:"",fitted:"size-fit",sm:"px-2 py-1 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg",icon:"p-1 w-fit aspect-square",full:"p-2 w-full"},X={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},p={variant:"primary",size:"md",rounded:"md"};function H({variant:t=p.variant,size:l,rounded:a=p.rounded,loading:r,linkTo:o,linkProps:s,type:i="button",className:c,...d}){let u;t==="link"&&!l?u="fitted":u=l||p.size;const x=h("appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",D[t],P[u],X[a],r&&"relative pointer-events-none",o&&"relative",c);return n.jsxs("button",{...d,role:o?"link":d.role,"aria-label":d["aria-label"]||(s==null?void 0:s["aria-label"]),"aria-description":d["aria-description"]||(s==null?void 0:s["aria-description"]),"aria-disabled":d.disabled||r,"aria-busy":r,type:i,className:x,children:[r&&n.jsx(O,{}),n.jsx("span",{className:h(r&&"invisible"),children:d.children}),o&&!d.disabled&&n.jsx("a",{...s,"aria-hidden":!0,href:o,rel:(s==null?void 0:s.rel)||"noreferrer",className:"absolute inset-0"})]})}function F(t){const[l,a]=e.useState(!1),[r,o]=e.useState(!1);return e.useEffect(()=>{t?(o(!0),setTimeout(()=>a(!0),10)):(a(!1),setTimeout(()=>o(!1),150))},[t]),{show:l,shouldRender:r}}function J(t,l){e.useEffect(()=>{const a=r=>{r.key==="Escape"&&t&&l()};return document.addEventListener("keydown",a),t&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",a),document.body.style.overflow="auto"}},[t,l])}function K(t,l){const a=e.useRef(null),r=e.useCallback(()=>{const o=document.getElementById(t);if(!o)return;const s=o.querySelectorAll('[data-modal-action="true"]');if(s.length>0){s[0].focus();return}const i=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(i.length>0){const c=Array.from(i).filter(d=>!(d instanceof HTMLButtonElement&&d.getAttribute("data-modal-close-button")==="true"));if(c.length>0){c[0].focus();return}i[0].focus();return}o.focus()},[t]);e.useEffect(()=>(l&&(a.current=document.activeElement,r()),()=>{document.body.style.overflow="auto",a.current instanceof HTMLElement&&a.current.focus()}),[l,r])}function Q({id:t,isOpen:l,onClose:a,title:r,children:o,contentOnly:s=!1,className:i,overlayClassName:c,hideCloseButton:d=!1,actions:u=[],disableCloseOnOverlayClick:x=!1,ariaLabelledBy:m,ariaDescribedBy:f}){const b=e.useId(),C=t||`modal-${b}`,j=t?`${t}-title`:`modal-title-${b}`,{show:k,shouldRender:v}=F(l);if(K(C,v),J(v,a),!v)return null;const E=()=>r?e.isValidElement(r)?n.jsx("div",{className:"mb-4",children:r}):n.jsx("h2",{className:"mb-4 text-xl font-semibold",id:j,children:r}):null,T=()=>u.length===0?null:n.jsx("div",{className:"mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3",children:u.map((z,L)=>{const{label:q,className:A,...I}=z;return n.jsx(H,{className:A,type:"button",...I,"data-modal-action":"true",children:q},L)})});return n.jsx(n.Fragment,{children:S.createPortal(n.jsx("div",{"aria-labelledby":m??r?j:void 0,"aria-describedby":f,role:"dialog","aria-modal":"true",className:"fixed inset-0 z-[100] overflow-y-auto",children:n.jsxs("div",{className:"flex min-h-screen items-center justify-center p-4",children:[n.jsx("div",{className:y("fixed inset-0 bg-black/20 transition-all",c),onClick:()=>{x||a()}}),s&&n.jsx("div",{className:y("relative w-fit",i),children:o}),!s&&n.jsxs("div",{id:C,tabIndex:-1,className:y("relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75",k?"opacity-100 scale-100":"opacity-0 scale-90",i),children:[!d&&n.jsx("button",{type:"button",onClick:a,"data-modal-close-button":"true",className:"rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0",children:n.jsx(M,{size:18})}),E(),o,T()]})]})}),document.body)})}function U({type:t,message:l,cancelText:a,confirmText:r,onConfirm:o,onClose:s,destructive:i=!1,title:c,...d}){const u=e.useMemo(()=>t==="confirm"?{confirm:r||"Confirm",cancel:a||"Cancel",defaultTitle:c||"Confirm Action"}:{confirm:r||"OK",cancel:null,defaultTitle:c||"Alert"},[t,r,c,a]),x=e.useMemo(()=>[...u.cancel?[{label:u.cancel,variant:"secondary",onClick:s}]:[],{label:u.confirm,variant:i?"destructive":"primary",onClick:()=>{o==null||o(),s()}}],[u,i,o,s]);return n.jsx(Q,{...d,title:c||u.defaultTitle,onClose:s,actions:x,disableCloseOnOverlayClick:t==="confirm",hideCloseButton:t==="confirm",children:typeof l=="string"?n.jsx("p",{className:"text-sm",children:l}):l})}const N=e.createContext(null),V=()=>{const t=e.useContext(N);if(!t)throw new Error("Tabs components must be used within a Tabs component");return t},w={info:{className:"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100",icon:n.jsx(g.InfoCircled,{size:20})},warning:{className:"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100",icon:n.jsx(g.ExclamationTriangle,{size:20})},error:{className:"bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100",icon:n.jsx(g.CrossCircled,{size:20})}};function Y({id:t,title:l,description:a,type:r="info",action:o,duration:s=5e3,onRemove:i,customTypes:c,customComponent:d}){const[u,x]=e.useState(!1),m=e.useCallback(()=>{x(!0),setTimeout(()=>{i==null||i(t)},150)},[t,i]);if(e.useEffect(()=>{if(s>0){const b=setTimeout(()=>{m()},s);return()=>clearTimeout(b)}},[s,t,i,m]),d)return n.jsx(d,{id:t,title:l,description:a,type:r,action:o,duration:s,onRemove:i});const f=(c==null?void 0:c[r])||w[r]||w.info;return n.jsxs("div",{role:r==="error"?"alert":"status","aria-live":r==="error"?void 0:"polite",className:B.join("relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",o&&"pb-3",f.className,u?"opacity-0 translate-x-full":"opacity-100 translate-x-0"),children:[n.jsx("div",{className:"flex-shrink-0 mr-3",children:f.icon}),n.jsxs("div",{className:"flex-grow min-w-0",children:[n.jsx("div",{className:"font-medium text-sm leading-5",children:l}),a&&n.jsx("div",{className:"mt-1 text-sm opacity-90 leading-5",children:a}),o&&n.jsx("div",{className:"mt-1.5",children:n.jsx("button",{onClick:o.onClick,className:"text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer",children:o.label})})]}),n.jsx("button",{onClick:m,className:"flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0",children:n.jsx(g.X,{size:16})})]})}exports.ActionModal=U;exports.TabsContext=N;exports.Toast=Y;exports.n=h;exports.useTabsContext=V;
|
|
2
|
+
//# sourceMappingURL=Toast-Bi66FA-C.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast-Bi66FA-C.cjs","sources":["join-BmgR_f4v.js","X-CIoyLewf.js","Toast-1h4qbe8J.js","components.esm.js","../src/components/actionmodal/ActionModal.tsx","../src/components/tabs/TabsContext.tsx","../src/components/toast/Toast.tsx"],"sourcesContent":["function n(...t) {\n return t.filter((s) => typeof s == \"string\" && s).join(\" \").trim() || void 0;\n}\nexport {\n n as j\n};\n//# sourceMappingURL=join-BmgR_f4v.js.map\n","import { jsx as e } from \"react/jsx-runtime\";\nfunction t({\n size: C = 15,\n color: l = \"currentColor\",\n className: n = \"inline\",\n ...i\n}) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction o({\n size: C = 15,\n color: l = \"currentColor\",\n className: n = \"inline\",\n ...i\n}) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction d({\n size: C = 15,\n color: l = \"currentColor\",\n className: n = \"inline\",\n ...i\n}) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction h({ size: C = 15, color: l = \"currentColor\", className: n = \"inline\", ...i }) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nexport {\n t as C,\n o as E,\n d as I,\n h as X\n};\n//# sourceMappingURL=X-CIoyLewf.js.map\n","import { jsx as r, Fragment as q, jsxs as b } from \"react/jsx-runtime\";\nimport H, { createContext as l, useId as D, useState as p, useEffect as g, useRef as P, useCallback as L, useMemo as E, useContext as X } from \"react\";\nimport { createPortal as F } from \"react-dom\";\nimport { X as J, C as K, E as Q, I as U } from \"./X-CIoyLewf.js\";\nimport { j as V } from \"./join-BmgR_f4v.js\";\nfunction N(...e) {\n return e.filter((n) => typeof n == \"string\" && n).join(\" \").trim() || void 0;\n}\nfunction Y({ size: e = 15, color: n = \"currentColor\", className: i = \"inline\", ...t }) {\n return /* @__PURE__ */ r(\n \"svg\",\n {\n ...t,\n width: e,\n height: e,\n className: i,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ r(\n \"path\",\n {\n d: \"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\",\n fill: n,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction x(...e) {\n return e.filter((n) => typeof n == \"string\" && n).join(\" \").trim() || void 0;\n}\nl(void 0);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(void 0);\nl(void 0);\nl(null);\nl(void 0);\nl(void 0);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nl(null);\nfunction Z() {\n const [e, n] = p(0);\n return g(() => {\n const i = setInterval(() => {\n n((t) => (t + 1) % 3);\n }, 500);\n return () => clearInterval(i);\n }, []), /* @__PURE__ */ r(\"div\", { className: \"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle\", children: [0, 1, 2].map((i) => /* @__PURE__ */ r(\n \"div\",\n {\n className: N(\n \"rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current\",\n e === i && \"transform -translate-y-1\"\n )\n },\n i\n )) });\n}\nconst G = {\n base: \"\",\n primary: \"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80\",\n tertiary: \"text-primary hover:text-primary-foreground disabled:text-muted\",\n outline: \"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted\",\n link: \"underline-offset-4 hover:underline disabled:underline disabled:text-muted\",\n destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground\"\n}, W = {\n stripped: \"\",\n fitted: \"size-fit\",\n sm: \"px-2 py-1 text-sm\",\n md: \"px-4 py-2 text-base\",\n lg: \"px-6 py-3 text-lg\",\n icon: \"p-1 w-fit aspect-square\",\n full: \"p-2 w-full\"\n}, _ = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\"\n}, w = {\n variant: \"primary\",\n size: \"md\",\n rounded: \"md\"\n};\nfunction $({\n variant: e = w.variant,\n size: n,\n rounded: i = w.rounded,\n loading: t,\n linkTo: a,\n linkProps: o,\n type: s = \"button\",\n className: u,\n ...d\n}) {\n let c;\n e === \"link\" && !n ? c = \"fitted\" : c = n || w.size;\n const m = N(\n \"appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all\",\n G[e],\n W[c],\n _[i],\n t && \"relative pointer-events-none\",\n a && \"relative\",\n u\n );\n return /* @__PURE__ */ b(\n \"button\",\n {\n ...d,\n role: a ? \"link\" : d.role,\n \"aria-label\": d[\"aria-label\"] || (o == null ? void 0 : o[\"aria-label\"]),\n \"aria-description\": d[\"aria-description\"] || (o == null ? void 0 : o[\"aria-description\"]),\n \"aria-disabled\": d.disabled || t,\n \"aria-busy\": t,\n type: s,\n className: m,\n children: [\n t && /* @__PURE__ */ r(Z, {}),\n /* @__PURE__ */ r(\"span\", { className: N(t && \"invisible\"), children: d.children }),\n a && !d.disabled && /* @__PURE__ */ r(\n \"a\",\n {\n ...o,\n \"aria-hidden\": !0,\n href: a,\n rel: (o == null ? void 0 : o.rel) || \"noreferrer\",\n className: \"absolute inset-0\"\n }\n )\n ]\n }\n );\n}\nfunction R(e) {\n const [n, i] = p(!1), [t, a] = p(!1);\n return g(() => {\n e ? (a(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => a(!1), 150));\n }, [e]), { show: n, shouldRender: t };\n}\nfunction ee(e, n) {\n g(() => {\n const i = (t) => {\n t.key === \"Escape\" && e && n();\n };\n return document.addEventListener(\"keydown\", i), e && (document.body.style.overflow = \"hidden\"), () => {\n document.removeEventListener(\"keydown\", i), document.body.style.overflow = \"auto\";\n };\n }, [e, n]);\n}\nfunction le(e, n) {\n const i = P(null), t = L(() => {\n const a = document.getElementById(e);\n if (!a) return;\n const o = a.querySelectorAll('[data-modal-action=\"true\"]');\n if (o.length > 0) {\n o[0].focus();\n return;\n }\n const s = a.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n );\n if (s.length > 0) {\n const u = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute(\"data-modal-close-button\") === \"true\"));\n if (u.length > 0) {\n u[0].focus();\n return;\n }\n s[0].focus();\n return;\n }\n a.focus();\n }, [e]);\n g(() => (n && (i.current = document.activeElement, t()), () => {\n document.body.style.overflow = \"auto\", i.current instanceof HTMLElement && i.current.focus();\n }), [n, t]);\n}\nfunction te({\n id: e,\n isOpen: n,\n onClose: i,\n title: t,\n children: a,\n contentOnly: o = !1,\n className: s,\n overlayClassName: u,\n hideCloseButton: d = !1,\n actions: c = [],\n disableCloseOnOverlayClick: m = !1,\n ariaLabelledBy: f,\n ariaDescribedBy: h\n}) {\n const v = D(), k = e || `modal-${v}`, C = e ? `${e}-title` : `modal-title-${v}`, { show: T, shouldRender: y } = R(n);\n if (le(k, y), ee(y, i), !y) return null;\n const j = () => t ? H.isValidElement(t) ? /* @__PURE__ */ r(\"div\", { className: \"mb-4\", children: t }) : /* @__PURE__ */ r(\"h2\", { className: \"mb-4 text-xl font-semibold\", id: C, children: t }) : null, I = () => c.length === 0 ? null : /* @__PURE__ */ r(\"div\", { className: \"mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3\", children: c.map((A, B) => {\n const { label: O, className: M, ...S } = A;\n return /* @__PURE__ */ r($, { className: M, type: \"button\", ...S, \"data-modal-action\": \"true\", children: O }, B);\n }) });\n return /* @__PURE__ */ r(q, { children: F(\n /* @__PURE__ */ r(\n \"div\",\n {\n \"aria-labelledby\": f ?? t ? C : void 0,\n \"aria-describedby\": h,\n role: \"dialog\",\n \"aria-modal\": \"true\",\n className: \"fixed inset-0 z-[100] overflow-y-auto\",\n children: /* @__PURE__ */ b(\"div\", { className: \"flex min-h-screen items-center justify-center p-4\", children: [\n /* @__PURE__ */ r(\n \"div\",\n {\n className: x(\"fixed inset-0 bg-black/20 transition-all\", u),\n onClick: () => {\n m || i();\n }\n }\n ),\n o && /* @__PURE__ */ r(\"div\", { className: x(\"relative w-fit\", s), children: a }),\n !o && /* @__PURE__ */ b(\n \"div\",\n {\n id: k,\n tabIndex: -1,\n className: x(\n \"relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75\",\n T ? \"opacity-100 scale-100\" : \"opacity-0 scale-90\",\n s\n ),\n children: [\n !d && /* @__PURE__ */ r(\n \"button\",\n {\n type: \"button\",\n onClick: i,\n \"data-modal-close-button\": \"true\",\n className: \"rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0\",\n children: /* @__PURE__ */ r(Y, { size: 18 })\n }\n ),\n j(),\n a,\n I()\n ]\n }\n )\n ] })\n }\n ),\n document.body\n ) });\n}\nfunction de({\n type: e,\n message: n,\n cancelText: i,\n confirmText: t,\n onConfirm: a,\n onClose: o,\n destructive: s = !1,\n title: u,\n ...d\n}) {\n const c = E(() => e === \"confirm\" ? {\n confirm: t || \"Confirm\",\n cancel: i || \"Cancel\",\n defaultTitle: u || \"Confirm Action\"\n } : {\n confirm: t || \"OK\",\n cancel: null,\n defaultTitle: u || \"Alert\"\n }, [e, t, u, i]), m = E(\n () => [\n ...c.cancel ? [\n {\n label: c.cancel,\n variant: \"secondary\",\n onClick: o\n }\n ] : [],\n {\n label: c.confirm,\n variant: s ? \"destructive\" : \"primary\",\n onClick: () => {\n a == null || a(), o();\n }\n }\n ],\n [c, s, a, o]\n );\n return /* @__PURE__ */ r(\n te,\n {\n ...d,\n title: u || c.defaultTitle,\n onClose: o,\n actions: m,\n disableCloseOnOverlayClick: e === \"confirm\",\n hideCloseButton: e === \"confirm\",\n children: typeof n == \"string\" ? /* @__PURE__ */ r(\"p\", { className: \"text-sm\", children: n }) : n\n }\n );\n}\nconst re = l(null), ue = () => {\n const e = X(re);\n if (!e)\n throw new Error(\"Tabs components must be used within a Tabs component\");\n return e;\n}, z = {\n info: {\n className: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100\",\n icon: /* @__PURE__ */ r(U, { size: 20 })\n },\n warning: {\n className: \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100\",\n icon: /* @__PURE__ */ r(Q, { size: 20 })\n },\n error: {\n className: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100\",\n icon: /* @__PURE__ */ r(K, { size: 20 })\n }\n};\nfunction ce({\n id: e,\n title: n,\n description: i,\n type: t = \"info\",\n action: a,\n duration: o = 5e3,\n onRemove: s,\n customTypes: u,\n customComponent: d\n}) {\n const [c, m] = p(!1), f = L(() => {\n m(!0), setTimeout(() => {\n s == null || s(e);\n }, 150);\n }, [e, s]);\n if (g(() => {\n if (o > 0) {\n const v = setTimeout(() => {\n f();\n }, o);\n return () => clearTimeout(v);\n }\n }, [o, e, s, f]), d)\n return /* @__PURE__ */ r(\n d,\n {\n id: e,\n title: n,\n description: i,\n type: t,\n action: a,\n duration: o,\n onRemove: s\n }\n );\n const h = (u == null ? void 0 : u[t]) || z[t] || z.info;\n return /* @__PURE__ */ b(\n \"div\",\n {\n role: t === \"error\" ? \"alert\" : \"status\",\n \"aria-live\": t === \"error\" ? void 0 : \"polite\",\n className: V(\n \"relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out\",\n a && \"pb-3\",\n h.className,\n c ? \"opacity-0 translate-x-full\" : \"opacity-100 translate-x-0\"\n ),\n children: [\n /* @__PURE__ */ r(\"div\", { className: \"flex-shrink-0 mr-3\", children: h.icon }),\n /* @__PURE__ */ b(\"div\", { className: \"flex-grow min-w-0\", children: [\n /* @__PURE__ */ r(\"div\", { className: \"font-medium text-sm leading-5\", children: n }),\n i && /* @__PURE__ */ r(\"div\", { className: \"mt-1 text-sm opacity-90 leading-5\", children: i }),\n a && /* @__PURE__ */ r(\"div\", { className: \"mt-1.5\", children: /* @__PURE__ */ r(\n \"button\",\n {\n onClick: a.onClick,\n className: \"text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer\",\n children: a.label\n }\n ) })\n ] }),\n /* @__PURE__ */ r(\n \"button\",\n {\n onClick: f,\n className: \"flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0\",\n children: /* @__PURE__ */ r(J, { size: 16 })\n }\n )\n ]\n }\n );\n}\nexport {\n de as A,\n ce as T,\n re as a,\n N as n,\n ue as u\n};\n//# sourceMappingURL=Toast-1h4qbe8J.js.map\n","import { jsxs as E, jsx as l, Fragment as Y } from \"react/jsx-runtime\";\nimport P, { useId as H, useState as C, createElement as $e, useEffect as R, useRef as B, useCallback as T, useMemo as q, isValidElement as De, cloneElement as Se } from \"react\";\nimport { j as N } from \"./join-BmgR_f4v.js\";\nimport { f as ze, g as Ae, h as Te, b as pe, D as Re, W as je, j as Le, i as Ve, C as Be, a as We, c as Ke, k as Me, E as Fe, Q as He, d as Pe, e as Ge } from \"./Window-7myUuX6Y.js\";\nimport { n as L, a as _e, u as ve } from \"./Toast-1h4qbe8J.js\";\nimport { A as zr, T as Ar } from \"./Toast-1h4qbe8J.js\";\nimport { createPortal as ce } from \"react-dom\";\nimport { downloadFile as Ze } from \"./utils.esm.js\";\nimport { E as qe, X as ge } from \"./X-CIoyLewf.js\";\nfunction me({\n id: o,\n title: a,\n content: t,\n children: r,\n className: e = \"\",\n disabled: n = !1,\n isOpen: s = !1,\n onToggle: i,\n triggerClassName: d = \"\",\n bodyClassName: m = \"\"\n}) {\n const f = H(), c = o || `accordion-item-${f}`, b = `${c}-header`, u = `${c}-panel`, p = () => {\n !n && i && i();\n }, v = (h) => {\n (h.key === \"Enter\" || h.key === \" \") && (h.preventDefault(), p());\n };\n return /* @__PURE__ */ E(\"div\", { className: N(\"border-b border-gray-200\", n && \"opacity-60 cursor-not-allowed\", e), children: [\n /* @__PURE__ */ E(\n \"button\",\n {\n id: b,\n type: \"button\",\n className: N(\n \"w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary\",\n n ? \"cursor-not-allowed\" : \"hover:bg-gray-50/10 cursor-pointer\",\n d\n ),\n \"aria-expanded\": s,\n \"aria-controls\": u,\n disabled: n,\n onClick: p,\n onKeyDown: v,\n children: [\n /* @__PURE__ */ l(\"span\", { children: a }),\n /* @__PURE__ */ l(\n \"span\",\n {\n className: N(\n \"transform transition-transform duration-300 ease-linear\",\n s ? \"rotate-180\" : \"rotate-0\"\n ),\n \"aria-hidden\": \"true\",\n children: /* @__PURE__ */ l(ze, { size: 18 })\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ l(\n \"div\",\n {\n id: u,\n role: \"region\",\n \"aria-labelledby\": b,\n className: N(\n \"transition-all duration-300 ease-linear px-4\",\n s ? \"max-h-96 opacity-100 overflow-auto py-3\" : \"max-h-0 opacity-0 overflow-hidden\",\n m\n ),\n children: s && (r || t)\n }\n )\n ] });\n}\nfunction er({\n id: o,\n items: a = [],\n children: t,\n className: r = \"\",\n itemClassName: e = \"\",\n allowMultiple: n = !1,\n defaultOpenItems: s = [],\n triggersClassName: i = \"\",\n bodiesClassName: d = \"\"\n}) {\n const m = H(), f = o || `accordion-group-${m}`, [c, b] = C(new Set(s)), u = (h) => {\n b((y) => {\n const x = new Set(y);\n return x.has(h) ? x.delete(h) : (n || x.clear(), x.add(h)), x;\n });\n }, p = (h) => `${m}-item-${h}`, v = (h) => c.has(h);\n return /* @__PURE__ */ E(\"div\", { id: f, className: r, children: [\n a.length > 0 && a.map((h, y) => {\n const x = h.id || p(y);\n return /* @__PURE__ */ l(\n me,\n {\n id: x,\n title: h.title,\n content: h.content,\n disabled: h.disabled,\n isOpen: v(x),\n onToggle: () => u(x),\n className: e,\n triggerClassName: i,\n bodyClassName: d\n },\n x\n );\n }),\n a.length === 0 && t && P.Children.map(t, (h, y) => {\n if (P.isValidElement(h) && h.type === me) {\n const x = h.props.id || p(y);\n return /* @__PURE__ */ $e(\n me,\n {\n ...h.props,\n key: x,\n id: x,\n className: N(e, h.props.className),\n isOpen: v(x),\n onToggle: () => u(x),\n triggerClassName: N(i, h.props.triggerClassName),\n bodyClassName: N(d, h.props.bodyClassName)\n }\n );\n }\n return null;\n })\n ] });\n}\nfunction Ue() {\n const [o, a] = C(0);\n return R(() => {\n const t = setInterval(() => {\n a((r) => (r + 1) % 3);\n }, 500);\n return () => clearInterval(t);\n }, []), /* @__PURE__ */ l(\"div\", { className: \"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle\", children: [0, 1, 2].map((t) => /* @__PURE__ */ l(\n \"div\",\n {\n className: N(\n \"rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current\",\n o === t && \"transform -translate-y-1\"\n )\n },\n t\n )) });\n}\nconst Xe = {\n base: \"\",\n primary: \"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80\",\n tertiary: \"text-primary hover:text-primary-foreground disabled:text-muted\",\n outline: \"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted\",\n link: \"underline-offset-4 hover:underline disabled:underline disabled:text-muted\",\n destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground\"\n}, Je = {\n stripped: \"\",\n fitted: \"size-fit\",\n sm: \"px-2 py-1 text-sm\",\n md: \"px-4 py-2 text-base\",\n lg: \"px-6 py-3 text-lg\",\n icon: \"p-1 w-fit aspect-square\",\n full: \"p-2 w-full\"\n}, Qe = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\"\n}, he = {\n variant: \"primary\",\n size: \"md\",\n rounded: \"md\"\n};\nfunction Ye({\n variant: o = he.variant,\n size: a,\n rounded: t = he.rounded,\n loading: r,\n linkTo: e,\n linkProps: n,\n type: s = \"button\",\n className: i,\n ...d\n}) {\n let m;\n o === \"link\" && !a ? m = \"fitted\" : m = a || he.size;\n const c = N(\n \"appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all\",\n Xe[o],\n Je[m],\n Qe[t],\n r && \"relative pointer-events-none\",\n e && \"relative\",\n i\n );\n return /* @__PURE__ */ E(\n \"button\",\n {\n ...d,\n role: e ? \"link\" : d.role,\n \"aria-label\": d[\"aria-label\"] || (n == null ? void 0 : n[\"aria-label\"]),\n \"aria-description\": d[\"aria-description\"] || (n == null ? void 0 : n[\"aria-description\"]),\n \"aria-disabled\": d.disabled || r,\n \"aria-busy\": r,\n type: s,\n className: c,\n children: [\n r && /* @__PURE__ */ l(Ue, {}),\n /* @__PURE__ */ l(\"span\", { className: N(r && \"invisible\"), children: d.children }),\n e && !d.disabled && /* @__PURE__ */ l(\n \"a\",\n {\n ...n,\n \"aria-hidden\": !0,\n href: e,\n rel: (n == null ? void 0 : n.rel) || \"noreferrer\",\n className: \"absolute inset-0\"\n }\n )\n ]\n }\n );\n}\nfunction Oe({\n totalItems: o,\n itemsToShow: a,\n infinite: t,\n autoScroll: r,\n scrollInterval: e,\n pauseScrollOnHover: n,\n currentIndex: s,\n onIndexChange: i\n}) {\n const [d, m] = C(s || 0), [f, c] = C(!1), b = B(null), u = Math.ceil(o / a), p = t || d > 0, v = t || d < u - 1, h = T(\n (g) => {\n const w = Math.max(0, Math.min(g, u - 1));\n m(w), i == null || i(w);\n },\n [u, i]\n ), y = T(() => {\n if (p) {\n const g = d === 0 && t ? u - 1 : d - 1;\n h(g);\n }\n }, [d, p, t, u, h]), x = T(() => {\n if (v) {\n const g = d === u - 1 && t ? 0 : d + 1;\n h(g);\n }\n }, [d, v, t, u, h]);\n return R(() => {\n s !== void 0 && s !== d && m(s);\n }, [s, d]), R(() => {\n if (!r) return;\n const g = () => {\n b.current = setInterval(() => {\n n && f || x();\n }, e);\n }, w = () => {\n b.current && (clearInterval(b.current), b.current = null);\n };\n return !f || !n ? g() : w(), w;\n }, [r, e, n, f, x]), R(() => {\n m(0);\n }, [a]), {\n currentSlide: d,\n canGoPrev: p,\n canGoNext: v,\n goToPrev: y,\n goToNext: x,\n goToSlide: h,\n isHovered: f,\n setIsHovered: c\n };\n}\nconst te = {\n xs: 0,\n // Smaller than `sm`\n sm: 640,\n // Tailwind's `sm` breakpoint: `@media (min-width: 640px)`\n md: 768,\n // Tailwind's `md` breakpoint: `@media (min-width: 768px)`\n lg: 1024,\n // Tailwind's `lg` breakpoint: `@media (min-width: 1024px)`\n xl: 1280,\n // Tailwind's `xl` breakpoint: `@media (min-width: 1280px)`\n \"2xl\": 1536\n // Tailwind's `2xl` breakpoint: `@media (min-width: 1536px)`\n};\nfunction et() {\n const [o, a] = C(), [t, r] = C(0), e = (n) => te[n];\n return R(() => {\n const n = (i) => i >= te[\"2xl\"] ? \"2xl\" : i >= te.xl ? \"xl\" : i >= te.lg ? \"lg\" : i >= te.md ? \"md\" : i >= te.sm ? \"sm\" : \"xs\";\n a(n(window.innerWidth)), r(window.innerWidth);\n const s = () => {\n a(n(window.innerWidth)), r(window.innerWidth);\n };\n return window.addEventListener(\"resize\", s), () => {\n window.removeEventListener(\"resize\", s);\n };\n }, []), { screenSize: o, screenWidth: t, getBreakpoint: e };\n}\nconst ae = {\n sm: {\n button: \"h-6 w-6 text-xs\",\n icon: \"size-3\"\n },\n md: {\n button: \"h-8 w-8 text-sm\",\n icon: \"size-4\"\n },\n lg: {\n button: \"h-10 w-10 text-lg\",\n icon: \"size-5\"\n }\n}, xe = {\n default: \"bg-accent text-accent-foreground hover:bg-accent-foreground hover:text-accent\",\n outline: \"border border-border bg-background hover:bg-accent hover:text-accent-foreground hover:border-accent\",\n ghost: \"hover:text-accent\"\n}, oe = {\n aligned: {\n prev: \"absolute top-1/2 -translate-x-1/2 -translate-y-1/2 z-10\",\n next: \"absolute right-0 top-1/2 translate-x-1/2 -translate-y-1/2 z-10\"\n },\n exterior: {\n prev: \"absolute -left-10 top-1/2 -translate-y-1/2 z-10\",\n next: \"absolute -right-10 top-1/2 -translate-y-1/2 z-10\"\n },\n interior: {\n prev: \"absolute left-2 top-1/2 -translate-y-1/2 z-10\",\n next: \"absolute right-2 top-1/2 -translate-y-1/2 z-10\"\n }\n};\nfunction tr({\n children: o,\n id: a,\n ref: t,\n className: r,\n autoScroll: e = !1,\n scrollInterval: n = 3e3,\n pauseScrollOnHover: s = !0,\n currentIndex: i,\n onIndexChange: d,\n hidePrevNext: m = !1,\n hideDots: f = !1,\n itemsToShow: c = 1,\n buttonSize: b = \"md\",\n buttonVariant: u = \"default\",\n buttonPosition: p = \"exterior\",\n infinite: v = !0,\n prevButton: h,\n nextButton: y,\n itemsClassName: x,\n containerClassName: g,\n dotsClassName: w,\n gap: k = 8\n}) {\n var W, re;\n const I = B(null), D = P.Children.toArray(o).filter(P.isValidElement), z = D.length, { screenSize: M } = et(), j = q(() => {\n if (typeof c == \"number\")\n return c;\n if (typeof c == \"object\" && c && M) {\n const Q = [\"2xl\", \"xl\", \"lg\", \"md\", \"sm\", \"xs\"], F = Q.indexOf(M);\n for (let ee = F; ee < Q.length; ee++) {\n const ne = Q[ee];\n if (c[ne] !== void 0)\n return c[ne];\n }\n }\n return 1;\n }, [c, M]), { currentSlide: G, canGoPrev: K, canGoNext: S, goToPrev: $, goToNext: V, goToSlide: _, setIsHovered: U } = Oe({\n totalItems: z,\n itemsToShow: j,\n infinite: v,\n autoScroll: e,\n scrollInterval: n,\n pauseScrollOnHover: s,\n currentIndex: i,\n onIndexChange: d\n }), J = T(\n (Q) => {\n if (j === 1)\n return { leftWidth: 0, rightWidth: 0, widthReduction: 0 };\n const F = k * (j - 1) / j;\n return Q % j === 0 ? { leftWidth: 0, rightWidth: k / 2, widthReduction: F } : Q % j === j - 1 ? { leftWidth: k / 2, rightWidth: 0, widthReduction: F } : { leftWidth: k / 2, rightWidth: k / 2, widthReduction: F };\n },\n [j, k]\n ), Z = () => {\n $();\n }, O = () => {\n V();\n }, de = () => {\n s && U(!0);\n }, ue = () => {\n s && U(!1);\n }, fe = -(G * (100 / z) * j), A = N(\n \"inline-flex items-center justify-center rounded-md font-medium transition-all focus-visible:outline-none focus-visible:ring focus-visible:ring-ring disabled:pointer-events-none\",\n p === \"aligned\" ? \"disabled:opacity-90\" : \"disabled:opacity-50\"\n );\n return /* @__PURE__ */ E(\"div\", { className: N(\"relative\", r), \"data-carousel-wrapper\": \"true\", children: [\n !m && /* @__PURE__ */ l(Y, { children: h ? P.cloneElement(\n h,\n {\n onClick: Z,\n disabled: !K,\n className: N(\n ((W = h.props) == null ? void 0 : W.className) || \"\",\n oe[p].prev\n ),\n role: \"button\",\n \"aria-disabled\": !K,\n \"aria-label\": \"Previous slide\",\n \"data-carousel-prev\": \"true\"\n }\n ) : /* @__PURE__ */ l(\n \"button\",\n {\n type: \"button\",\n onClick: Z,\n disabled: !K,\n className: N(\n A,\n ae[b].button,\n xe[u],\n oe[p].prev\n ),\n \"aria-disabled\": !K,\n \"aria-label\": \"Previous slide\",\n \"data-carousel-prev\": \"true\",\n children: /* @__PURE__ */ l(Ae, { className: ae[b].icon })\n }\n ) }),\n /* @__PURE__ */ E(\n \"div\",\n {\n id: a,\n ref: t,\n className: N(\"relative overflow-hidden\", g),\n onMouseEnter: de,\n onMouseLeave: ue,\n \"data-carousel\": \"true\",\n \"data-current-index\": G,\n \"data-items-to-show\": j,\n \"data-auto-scroll\": e,\n \"data-button-position\": p,\n children: [\n /* @__PURE__ */ l(\n \"div\",\n {\n ref: I,\n className: \"flex transition-transform duration-300 ease-in-out\",\n style: {\n transform: `translateX(${fe}%)`,\n width: `${z / j * 100}%`\n },\n children: D.map((Q, F) => {\n const { leftWidth: ee, rightWidth: ne, widthReduction: Ie } = J(F);\n return /* @__PURE__ */ l(\n \"div\",\n {\n className: N(\"flex-shrink-0\", x),\n style: {\n width: `calc(${100 / z}% - ${Ie}px)`,\n marginRight: ne > 0 ? `${ne}px` : void 0,\n marginLeft: ee > 0 ? `${ee}px` : void 0\n },\n \"data-slide-index\": F,\n children: Q\n },\n F\n );\n })\n }\n ),\n !f && /* @__PURE__ */ l(\"div\", { className: \"absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2\", children: Array.from({ length: Math.ceil(z / j) }).map((Q, F) => /* @__PURE__ */ l(\n \"button\",\n {\n type: \"button\",\n onClick: () => _(F),\n className: N(\n \"w-2 h-2 rounded-full transition-colors duration-200\",\n F === G ? \"bg-accent\" : \"bg-muted hover:bg-muted-foreground/50\",\n w\n ),\n \"aria-label\": `Go to slide ${F + 1}`,\n \"data-carousel-dot\": F\n },\n F\n )) })\n ]\n }\n ),\n !m && /* @__PURE__ */ l(Y, { children: y ? P.cloneElement(\n y,\n {\n onClick: O,\n disabled: !S,\n className: N(\n ((re = y.props) == null ? void 0 : re.className) || \"\",\n oe[p].next\n ),\n role: \"button\",\n \"aria-disabled\": !S,\n \"aria-label\": \"Next slide\",\n \"data-carousel-next\": \"true\"\n }\n ) : /* @__PURE__ */ l(\n \"button\",\n {\n type: \"button\",\n onClick: O,\n disabled: !S,\n className: N(\n A,\n ae[b].button,\n xe[u],\n oe[p].next\n ),\n \"aria-disabled\": !S,\n \"aria-label\": \"Next slide\",\n \"data-carousel-next\": \"true\",\n children: /* @__PURE__ */ l(Te, { className: ae[b].icon })\n }\n ) })\n ] });\n}\nfunction tt(o) {\n const [a, t] = C(\"\"), r = T((e) => {\n let n = e, s = \"\";\n for (; n && !s; ) {\n const i = window.getComputedStyle(n).backgroundColor;\n i && i !== \"transparent\" && i !== \"rgba(0, 0, 0, 0)\" && (s = i), n = n.parentElement;\n }\n return s || \"transparent\";\n }, []);\n return R(() => {\n const e = document.getElementById(o);\n if (e) {\n const n = r(e.parentElement);\n t(n);\n }\n }, [o, r]), a;\n}\nfunction rr({\n ref: o,\n id: a,\n size: t = 20,\n color: r,\n filled: e = !1,\n rounded: n = !0,\n checked: s = !1,\n onCheckedChange: i,\n disabled: d,\n className: m = \"\",\n ...f\n}) {\n const c = H(), b = q(() => a || `checkbox-${c}`, [a, c]), u = tt(b), [p, v] = C(s);\n R(() => {\n v(s);\n }, [s]);\n const h = () => {\n d || (v(!p), i == null || i(!p));\n }, y = (g) => {\n g.key === \" \" && (g.preventDefault(), h());\n }, x = N(\n \"flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2\",\n n && \"rounded\",\n d && \"opacity-40 cursor-not-allowed\",\n !d && \"cursor-pointer\",\n m\n );\n return /* @__PURE__ */ l(\n \"button\",\n {\n id: b,\n type: \"button\",\n ref: o,\n tabIndex: 0,\n role: \"checkbox\",\n onClick: h,\n \"aria-checked\": p,\n \"aria-disabled\": d,\n onKeyDownCapture: y,\n style: {\n width: t,\n height: t,\n color: r,\n backgroundColor: p && e ? \"currentcolor\" : \"transparent\"\n },\n className: x,\n ...f,\n children: p && /* @__PURE__ */ l(pe, { size: t, color: e ? u : void 0 })\n }\n );\n}\nfunction nr({\n children: o,\n className: a,\n linkTo: t,\n linkProps: r,\n onButtonClick: e,\n buttonProps: n,\n ...s\n}) {\n return t && e && console.warn('Clickable: Both \"linkTo\" and \"onButtonClick\" props are provided. Only \"linkTo\" will be used.'), /* @__PURE__ */ E(\"div\", { className: N(\"relative w-fit\", a), ...s, children: [\n o,\n t && /* @__PURE__ */ l(\n \"a\",\n {\n ...r,\n rel: (r == null ? void 0 : r.rel) || \"noreferrer\",\n href: t,\n className: N(\"absolute inset-0\", r == null ? void 0 : r.className)\n }\n ),\n !t && e && /* @__PURE__ */ l(\n \"button\",\n {\n ...n,\n type: \"button\",\n onClick: e,\n className: N(\"absolute inset-0 cursor-pointer\", n == null ? void 0 : n.className)\n }\n )\n ] });\n}\nconst rt = {\n keyword: \"text-purple-400 font-semibold\",\n type: \"text-cyan-400 font-medium\",\n string: \"text-green-400\",\n \"jsx-bracket\": \"text-gray-400\",\n \"jsx-tag\": \"text-blue-400 font-medium\",\n \"jsx-attribute\": \"text-amber-400\",\n \"jsx-brace\": \"text-yellow-400\",\n jsx: \"text-blue-400 font-medium\",\n // fallback for old jsx type\n property: \"text-amber-400\",\n number: \"text-orange-400 font-medium\",\n comment: \"text-gray-500 italic\",\n function: \"text-rose-400 font-semibold\",\n hook: \"text-rose-400 font-semibold\",\n operator: \"text-gray-300\",\n plain: \"text-gray-100\"\n}, nt = {\n key: \"text-purple-400 font-semibold\",\n string: \"text-green-400\",\n number: \"text-orange-400 font-medium\",\n boolean: \"text-cyan-400 font-medium\",\n punctuation: \"text-gray-400\",\n plain: \"text-gray-100\"\n}, at = {\n keyword: \"text-rose-400\",\n comment: \"text-gray-400/80\",\n command: \"text-gray-100\",\n variable: \"text-cyan-400\",\n string: \"text-yellow-400\",\n option: \"text-purple-400\",\n plain: \"text-gray-100\",\n operator: \"text-pink-400\",\n substitution: \"text-green-400\"\n}, ot = /* @__PURE__ */ new Set([\"for\", \"in\", \"do\", \"done\", \"else\", \"if\", \"fi\", \"then\", \"while\", \"until\", \"case\", \"esac\"]);\nfunction st(o) {\n const a = [];\n if (o.trim() === \"\")\n return a.push({ text: \" \", type: \"plain\" }), a;\n if (o.trim().startsWith(\"#\"))\n return a.push({ text: o, type: \"comment\" }), a;\n const t = (r) => {\n const e = /([a-zA-Z_]\\w*=?|\\$[\\w_]+|\\$\\([^)]*\\)|\"[^\"]*\"|'[^']*'|--?[\\w-]+|>>|>|#.*|\\s+|[^\\s]+)/g;\n let n;\n const s = [];\n for (; (n = e.exec(r)) !== null; ) {\n const i = n[0];\n if (/^\\$\\([^)]*\\)$/.test(i)) {\n const d = i.slice(2, -1);\n s.push({ text: \"$(\", type: \"operator\" }), s.push(...t(d)), s.push({ text: \")\", type: \"operator\" });\n } else /^\\$[\\w_]+$/.test(i) ? s.push({ text: i, type: \"variable\" }) : /^[a-zA-Z_]\\w*=$/.test(i) ? s.push({ text: i, type: \"variable\" }) : /^\"[^\"]*\"$/.test(i) || /^'[^']*'$/.test(i) ? s.push({ text: i, type: \"string\" }) : /^--?[\\w-]+$/.test(i) ? s.push({ text: i, type: \"option\" }) : /^>>|>$/.test(i) ? s.push({ text: i, type: \"operator\" }) : /^#.*$/.test(i) ? s.push({ text: i, type: \"comment\" }) : /^\\s+$/.test(i) ? s.push({ text: i, type: \"plain\" }) : ot.has(i) ? s.push({ text: i, type: \"keyword\" }) : s.push({ text: i, type: \"command\" });\n }\n return s;\n };\n return a.push(...t(o)), a;\n}\nfunction it(o) {\n const a = /(\"[^\"]*\")\\s*(:)|(\"[^\"]*\")|(\\d+)|(true|false|null)|(\\{|\\}|\\[|\\]|,)/g, t = [];\n let r = 0, e;\n for (; (e = a.exec(o)) !== null; )\n e.index > r && t.push({ text: o.slice(r, e.index), type: \"plain\" }), e[1] && e[2] ? (t.push({ text: e[1], type: \"key\" }), t.push({ text: e[2], type: \"punctuation\" })) : e[3] ? t.push({ text: e[3], type: \"string\" }) : e[4] ? t.push({ text: e[4], type: \"number\" }) : e[5] ? t.push({ text: e[5], type: \"boolean\" }) : e[6] && t.push({ text: e[6], type: \"punctuation\" }), r = a.lastIndex;\n return r < o.length && t.push({ text: o.slice(r), type: \"plain\" }), t;\n}\nfunction lt(o, a = !1, t = 0) {\n const r = [];\n let e = o, n = a, s = t;\n for (; e.length > 0; ) {\n const i = e.match(/^\\/\\*[\\s\\S]*?\\*\\//);\n if (i) {\n r.push({ text: i[0], type: \"comment\" }), e = e.slice(i[0].length);\n continue;\n }\n const d = e.match(/^\\/\\/.*$/m);\n if (d) {\n r.push({ text: d[0], type: \"comment\" }), e = e.slice(d[0].length);\n continue;\n }\n const m = e.match(/^(`[^`]*`|\"[^\"]*\"|'[^']*')/);\n if (m) {\n r.push({ text: m[0], type: \"string\" }), e = e.slice(m[0].length);\n continue;\n }\n const f = e.match(/^<([a-zA-Z][a-zA-Z0-9]*)/);\n if (f) {\n r.push({ text: \"<\", type: \"jsx-bracket\" }), r.push({ text: f[1], type: \"jsx-tag\" }), e = e.slice(f[0].length), n = !0;\n continue;\n }\n const c = e.match(/^<\\/([a-zA-Z][a-zA-Z0-9]*)>/);\n if (c) {\n r.push({ text: \"</\", type: \"jsx-bracket\" }), r.push({ text: c[1], type: \"jsx-tag\" }), r.push({ text: \">\", type: \"jsx-bracket\" }), e = e.slice(c[0].length), n = !1;\n continue;\n }\n if (e.match(/^\\/?>/)) {\n const I = e.match(/^(\\/?>\\s*)/);\n if (I) {\n r.push({ text: I[1].trim(), type: \"jsx-bracket\" }), e = e.slice(I[1].length), I[1].includes(\">\") && (n = !1);\n continue;\n }\n }\n const b = e.match(/^([a-zA-Z][a-zA-Z0-9]*)(\\s*)(=)/);\n if (b && n && s === 0) {\n r.push({ text: b[1], type: \"jsx-attribute\" }), b[2] && r.push({ text: b[2], type: \"plain\" }), r.push({ text: \"=\", type: \"plain\" }), e = e.slice(b[0].length);\n continue;\n }\n const u = e.match(/^[{}]/);\n if (u) {\n r.push({ text: u[0], type: \"jsx-brace\" }), u[0] === \"{\" ? s++ : u[0] === \"}\" && s--, e = e.slice(1);\n continue;\n }\n const p = e.match(/^\\s+/);\n if (p) {\n r.push({ text: p[0], type: \"plain\" }), e = e.slice(p[0].length);\n continue;\n }\n const v = e.match(/^(=>|===|!==|==|!=|<=|>=|&&|\\|\\||[+\\-*/%=<>!&|^~?:;,()[\\]{}.])/);\n if (v) {\n r.push({ text: v[0], type: \"operator\" }), e = e.slice(v[0].length);\n continue;\n }\n const h = e.match(\n /^(const|let|var|function|if|else|for|while|return|import|export|class|extends|interface|type|enum|async|await|public|private|protected|static|from|as|default|new|this|super|try|catch|finally|throw|break|continue|switch|case|typeof|instanceof)\\b/\n );\n if (h) {\n r.push({ text: h[0], type: \"keyword\" }), e = e.slice(h[0].length);\n continue;\n }\n const y = e.match(/^(use[A-Z][a-zA-Z]*)\\b/);\n if (y) {\n r.push({ text: y[0], type: \"hook\" }), e = e.slice(y[0].length);\n continue;\n }\n const x = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*(?=(\\?\\.)?\\()/);\n if (x) {\n r.push({ text: x[1], type: \"function\" }), e = e.slice(x[1].length);\n continue;\n }\n const g = e.match(\n /^(string|number|boolean|object|any|void|never|unknown|null|undefined|Promise|Array|React\\.FC|FC|JSX\\.Element|HTMLElement|Event|MouseEvent|KeyboardEvent|ChangeEvent)\\b/\n );\n if (g) {\n r.push({ text: g[0], type: \"type\" }), e = e.slice(g[0].length);\n continue;\n }\n const w = e.match(/^(\\d+\\.?\\d*)/);\n if (w) {\n r.push({ text: w[0], type: \"number\" }), e = e.slice(w[0].length);\n continue;\n }\n const k = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*(?=:)/);\n if (k && !n) {\n r.push({ text: k[1], type: \"property\" }), e = e.slice(k[1].length);\n continue;\n }\n r.push({ text: e[0], type: \"plain\" }), e = e.slice(1);\n }\n return r;\n}\nfunction ct(o, a) {\n const t = {\n ...at,\n ...a\n };\n return o.map((r, e) => {\n const n = st(r);\n return /* @__PURE__ */ l(\"div\", { className: \"leading-6\", children: n.map((s, i) => /* @__PURE__ */ l(\"span\", { className: t[s.type] || \"text-gray-100\", children: s.text }, i)) }, e);\n });\n}\nfunction dt(o, a) {\n const t = { ...nt, ...a };\n return o.map((r, e) => /* @__PURE__ */ l(\"div\", { className: \"leading-6\", children: it(r).map((n, s) => /* @__PURE__ */ l(\"span\", { className: t[n.type] || \"text-gray-100\", children: n.text }, s)) }, e));\n}\nfunction ut(o, a) {\n const t = { ...rt, ...a };\n let r = !1, e = 0;\n return o.map((n, s) => {\n if (n.trim() === \"\")\n return /* @__PURE__ */ l(\"div\", { className: \"leading-6\", children: \" \" }, s);\n const i = lt(n, r, e);\n n.includes(\"<\") && n.match(/<[a-zA-Z]/) && (r = !0), n.includes(\">\") && !n.includes(\"<\") && (r = !1, e = 0);\n const d = (n.match(/\\{/g) || []).length, m = (n.match(/\\}/g) || []).length;\n return e += d - m, e < 0 && (e = 0), /* @__PURE__ */ l(\"div\", { className: \"leading-6\", children: i.map((f, c) => /* @__PURE__ */ l(\"span\", { className: t[f.type] || \"text-gray-100\", children: f.text }, c)) }, s);\n });\n}\nfunction ft(o) {\n const [a, t] = C(!1), r = T(async () => {\n try {\n await navigator.clipboard.writeText(o), t(!0), setTimeout(() => t(!1), 3e3);\n } catch (e) {\n console.error(\"Failed to copy code:\", e);\n }\n }, [o]);\n return { copied: a, handleCopy: r };\n}\nfunction mt(o, a) {\n const t = B(null), r = B(null);\n return R(() => {\n if (o) {\n t.current = document.activeElement, document.body.style.overflow = \"hidden\", setTimeout(() => {\n var n;\n (n = r.current) == null || n.focus();\n }, 100);\n const e = (n) => {\n n.key === \"Escape\" && a(!1);\n };\n return document.addEventListener(\"keydown\", e), () => {\n document.removeEventListener(\"keydown\", e), document.body.style.overflow = \"\";\n };\n } else t.current && (t.current.focus(), t.current = null);\n }, [o, a]), { containerRef: r };\n}\nfunction ht(o, a, t, r) {\n return { handleKeyDown: T(\n (n) => {\n n.key === \"c\" && (n.metaKey || n.ctrlKey) && o ? (n.preventDefault(), t()) : n.key === \"f\" && a && (n.preventDefault(), r());\n },\n [o, a, t, r]\n ) };\n}\nfunction bt(o) {\n switch (o) {\n case \"typescript\":\n case \"ts\":\n return \"ts\";\n case \"tsx\":\n return \"tsx\";\n case \"json\":\n return \"json\";\n case \"bash\":\n case \"sh\":\n return \"sh\";\n default:\n return \"txt\";\n }\n}\nfunction ar({\n code: o,\n language: a = \"typescript\",\n allowCopy: t = !0,\n allowDownload: r = !1,\n allowFullscreen: e = !1,\n filename: n,\n showTrafficLights: s = !0,\n showLineNumbers: i = !1,\n hideHeader: d = !1,\n hideFiletype: m = !1,\n maxHeight: f,\n tokenClasses: c,\n className: b,\n id: u,\n ref: p,\n ...v\n}) {\n const [h, y] = C(!1), { containerRef: x } = mt(h, y), { copied: g, handleCopy: w } = ft(o), k = T(() => {\n const $ = n || `code.${bt(a)}`;\n Ze(o, $);\n }, [o, n, a]), I = T(() => {\n y(($) => !$);\n }, []), { handleKeyDown: D } = ht(t, e, w, I), z = q(() => o.split(`\n`), [o]), M = T(\n ($ = !0) => /* @__PURE__ */ E(\"div\", { className: N(\"flex items-center space-x-2\", !$ && \"absolute top-2 right-2 z-10\"), children: [\n !m && /* @__PURE__ */ l(\n \"span\",\n {\n className: \"text-xs text-gray-400 uppercase tracking-wide font-medium\",\n \"aria-label\": `Code language: ${a}`,\n children: a\n }\n ),\n e && /* @__PURE__ */ l(\n \"button\",\n {\n onClick: I,\n className: \"p-1.5 leading-0 text-gray-400 hover:text-white hover:bg-gray-700 rounded transition-colors motion-reduce:transition-none min-h-[44px] min-w-[44px] flex items-center justify-center md:min-h-auto md:min-w-auto md:p-1.5\",\n title: h ? \"Exit fullscreen\" : \"Fullscreen\",\n \"aria-label\": h ? \"Exit fullscreen mode\" : \"Enter fullscreen mode\",\n \"aria-pressed\": h,\n type: \"button\",\n children: h ? /* @__PURE__ */ l(Re, { size: 14 }) : /* @__PURE__ */ l(je, { size: 14 })\n }\n ),\n r && /* @__PURE__ */ l(\n \"button\",\n {\n onClick: k,\n className: \"p-1.5 leading-0 text-gray-400 hover:text-white hover:bg-gray-700 rounded transition-colors motion-reduce:transition-none min-h-[44px] min-w-[44px] flex items-center justify-center md:min-h-auto md:min-w-auto md:p-1.5\",\n title: \"Download code\",\n \"aria-label\": \"Download code as file\",\n type: \"button\",\n children: /* @__PURE__ */ l(Le, { size: 14 })\n }\n ),\n t && /* @__PURE__ */ l(\n \"button\",\n {\n onClick: w,\n className: \"p-1.5 leading-0 text-gray-400 hover:text-white hover:bg-gray-700 rounded transition-colors motion-reduce:transition-none min-h-[44px] min-w-[44px] flex items-center justify-center md:min-h-auto md:min-w-auto md:p-1.5\",\n title: g ? \"Code copied!\" : \"Copy code\",\n \"aria-label\": g ? \"Code copied to clipboard\" : \"Copy code to clipboard\",\n \"aria-live\": \"polite\",\n type: \"button\",\n children: g ? /* @__PURE__ */ l(pe, { size: 14, className: \"text-green-400\" }) : /* @__PURE__ */ l(Ve, { size: 14 })\n }\n )\n ] }),\n [\n m,\n a,\n e,\n h,\n r,\n k,\n t,\n w,\n g,\n I\n ]\n ), j = q(() => a === \"json\" ? dt(z, c) : a === \"tsx\" || a === \"ts\" || a === \"typescript\" ? ut(z, c) : a === \"bash\" || a === \"sh\" ? ct(z, c) : [\n /* @__PURE__ */ l(\"span\", { className: \"text-gray-400\", children: \"Unsupported language\" }, 0)\n ], [z, c, a]), G = q(() => i ? z.map(($, V) => /* @__PURE__ */ l(\n \"div\",\n {\n className: \"text-gray-500 text-right pl-3 pr-1 select-none min-w-8 text-sm font-mono leading-6\",\n \"aria-hidden\": \"true\",\n role: \"presentation\",\n children: V + 1\n },\n V\n )) : null, [i, z]), K = q(\n () => ({\n maxHeight: f && !h ? `${f}px` : h ? d ? \"calc(100vh - 5px)\" : \"calc(100vh - 45px)\" : void 0,\n overflow: f || h ? \"auto\" : \"visible\"\n }),\n [f, h, d]\n ), S = /* @__PURE__ */ E(\n \"div\",\n {\n id: u,\n ref: ($) => {\n x.current = $, typeof p == \"function\" ? p($) : p && (p.current = $);\n },\n className: N(\n \"bg-gray-900 rounded-lg border border-gray-700 overflow-hidden motion-reduce:transition-none\",\n h && \"fixed inset-0 z-[9999] max-h-fit\",\n b\n ),\n \"data-language\": a,\n \"data-filename\": n,\n \"data-fullscreen\": h,\n role: \"region\",\n \"aria-label\": `Code block${n ? ` for ${n}` : \"\"} in ${a}`,\n \"aria-describedby\": i ? `${u}-description` : void 0,\n tabIndex: 0,\n onKeyDown: D,\n ...v,\n children: [\n i && /* @__PURE__ */ E(\"div\", { id: `${u}-description`, className: \"sr-only\", children: [\n \"Code block with line numbers. Use Cmd+C or Ctrl+C to copy code.\",\n e && \" Press F to toggle fullscreen.\"\n ] }),\n /* @__PURE__ */ l(\"div\", { \"aria-live\": \"polite\", \"aria-atomic\": \"true\", className: \"sr-only\", children: g && \"Code copied to clipboard\" }),\n !d && /* @__PURE__ */ E(\"div\", { className: \"flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700\", children: [\n /* @__PURE__ */ E(\"div\", { className: \"flex items-center space-x-3\", children: [\n s && /* @__PURE__ */ E(\"div\", { className: \"flex space-x-2\", children: [\n /* @__PURE__ */ l(\"div\", { className: \"w-3 h-3 bg-red-500 rounded-full\" }),\n /* @__PURE__ */ l(\"div\", { className: \"w-3 h-3 bg-yellow-500 rounded-full\" }),\n /* @__PURE__ */ l(\"div\", { className: \"w-3 h-3 bg-green-500 rounded-full\" })\n ] }),\n n && /* @__PURE__ */ l(\"span\", { className: \"text-sm text-gray-300 font-medium\", children: n })\n ] }),\n M(!0)\n ] }),\n /* @__PURE__ */ E(\"div\", { className: N(\"flex overflow-hidden\", d && \"relative\"), style: K, children: [\n d && M(!1),\n /* @__PURE__ */ l(\"div\", { className: \"flex-1 overflow-x-auto\", children: /* @__PURE__ */ E(\"div\", { className: \"flex\", children: [\n i && /* @__PURE__ */ l(\n \"div\",\n {\n className: \"bg-gray-800 py-4 border-r border-gray-700 flex flex-col flex-shrink-0\",\n \"aria-hidden\": \"true\",\n role: \"presentation\",\n children: G\n }\n ),\n /* @__PURE__ */ l(\"div\", { className: \"flex-1 p-4\", children: /* @__PURE__ */ l(\n \"pre\",\n {\n className: \"text-sm font-mono focus:outline-none\",\n role: \"code\",\n \"aria-label\": `${a} code content`,\n tabIndex: -1,\n children: /* @__PURE__ */ l(\"code\", { children: j })\n }\n ) })\n ] }) })\n ] })\n ]\n }\n );\n return /* @__PURE__ */ E(Y, { children: [\n !h && S,\n h && ce(\n /* @__PURE__ */ E(Y, { children: [\n /* @__PURE__ */ l(\n \"div\",\n {\n className: \"fixed inset-0 bg-black z-[9998]\",\n onClick: () => y(!1),\n \"aria-hidden\": \"true\"\n }\n ),\n S\n ] }),\n document.body\n )\n ] });\n}\nfunction or({\n children: o,\n label: a,\n isOpen: t,\n onToggle: r,\n id: e,\n ref: n,\n disabled: s = !1,\n className: i,\n buttonClassName: d\n}) {\n const m = H(), f = e ?? m, [c, b] = C(!1), u = t !== void 0 ? t : c, p = () => {\n s || (t === void 0 && b((v) => !v), r == null || r(!u));\n };\n return R(() => {\n b(t ?? !1);\n }, [t]), /* @__PURE__ */ E(\"div\", { ref: n, id: f, \"data-open\": u, className: N(\"overflow-hidden\", i), children: [\n /* @__PURE__ */ l(\n \"button\",\n {\n id: `${f}-button`,\n type: \"button\",\n \"aria-expanded\": u,\n \"aria-controls\": `${f}-panel`,\n disabled: s,\n tabIndex: 0,\n className: N(\n \"w-full px-4 py-3 font-medium hover:bg-primary/10 disabled:opacity-50 disabled:cursor-not-allowed\",\n d\n ),\n onClick: p,\n onKeyDown: (v) => {\n (v.key === \"Enter\" || v.key === \" \") && (v.preventDefault(), p());\n },\n \"data-open\": u,\n \"data-label\": typeof a == \"string\" ? a : void 0,\n children: /* @__PURE__ */ E(\"div\", { className: \"flex items-center w-full gap-2\", children: [\n /* @__PURE__ */ l(\"span\", { className: \"flex-1 text-left\", children: a }),\n u ? /* @__PURE__ */ l(Be, { className: \"size-5\", \"aria-hidden\": \"true\" }) : /* @__PURE__ */ l(We, { className: \"size-5\", \"aria-hidden\": \"true\" })\n ] })\n }\n ),\n /* @__PURE__ */ l(\"div\", { id: `${f}-panel`, role: \"region\", \"aria-labelledby\": f, \"aria-live\": \"polite\", hidden: !u, children: o })\n ] });\n}\nfunction le({ elementId: o, type: a, message: t }) {\n return R(() => {\n const r = document.getElementById(o);\n if (r) {\n if (!t && a === \"error\") {\n r.removeAttribute(\"data-error\");\n return;\n }\n if (!t && a === \"success\") {\n r.removeAttribute(\"data-success\");\n return;\n }\n return r.setAttribute(\"aria-describedby\", `${o}-${a}-message`), r.setAttribute(\"aria-invalid\", a === \"error\" ? \"true\" : \"false\"), a === \"error\" && r.setAttribute(\"data-error\", \"true\"), a === \"success\" && r.setAttribute(\"data-success\", \"true\"), () => {\n r.removeAttribute(\"aria-describedby\"), r.removeAttribute(\"aria-invalid\"), r.removeAttribute(\"data-error\"), r.removeAttribute(\"data-success\");\n };\n }\n }, [o, a, t]), t ? /* @__PURE__ */ E(\n \"small\",\n {\n className: N(\n \"mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start\",\n a === \"error\" && \"text-destructive\",\n a === \"success\" && \"text-success\"\n ),\n role: \"status\",\n children: [\n a === \"error\" ? /* @__PURE__ */ l(qe, {}) : /* @__PURE__ */ l(Ke, {}),\n /* @__PURE__ */ l(\"span\", { id: `${o}-${a}-message`, children: t })\n ]\n }\n ) : null;\n}\nconst pt = {\n base: \"\",\n default: \"ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-destructive not-disabled:data-success:ring-success\",\n underline: \"border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\",\n outline: \"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\"\n}, vt = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"px-3 rounded-full\"\n}, ye = {\n variant: \"default\",\n rounded: \"none\"\n};\nfunction sr({\n variant: o = ye.variant,\n rounded: a,\n displayOnlyMode: t = !1,\n errorMessage: r,\n successMessage: e,\n type: n = \"text\",\n className: s,\n ...i\n}) {\n const d = H(), [m, f] = C(!1);\n let c = a;\n o === \"outline\" && !a && (c = \"md\"), c = c || ye.rounded;\n const p = N(\n \"appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all\",\n \"file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors\",\n !t && pt[o],\n !t && vt[c],\n n === \"password\" && \"pr-10\",\n !t && \"px-2 py-1\",\n t && \"pointer-events-none\",\n s\n );\n return /* @__PURE__ */ E(\"div\", { className: N(t && \"cursor-text\"), style: { height: i.height, width: i.width }, children: [\n /* @__PURE__ */ E(\"div\", { className: N(n === \"password\" && \"relative\"), children: [\n /* @__PURE__ */ l(\n \"input\",\n {\n ...i,\n id: d,\n type: n === \"password\" && m ? \"text\" : n,\n \"aria-disabled\": i.disabled,\n readOnly: t,\n \"aria-readonly\": t || i[\"aria-readonly\"],\n \"data-error\": r ? !0 : void 0,\n \"data-success\": e ? !0 : void 0,\n className: p\n }\n ),\n n === \"password\" && /* @__PURE__ */ l(\n \"button\",\n {\n onClick: () => f(!m),\n className: \"absolute inset-y-0 right-0 px-2 hover:cursor-pointer\",\n \"aria-label\": \"Toggle password visibility\",\n \"data-state\": m ? \"visible\" : \"hidden\",\n children: m ? /* @__PURE__ */ l(Me, { size: 20 }) : /* @__PURE__ */ l(Fe, { size: 20 })\n }\n )\n ] }),\n !t && /* @__PURE__ */ l(le, { elementId: d, type: \"error\", message: r }),\n !t && /* @__PURE__ */ l(le, { elementId: d, type: \"success\", message: e })\n ] });\n}\nfunction ir({\n display: o = \"inline\",\n width: a = \"fit-content\",\n className: t = \"\",\n required: r,\n helpMessage: e,\n suffix: n,\n htmlFor: s,\n children: i,\n description: d,\n ...m\n}) {\n var v, h;\n const f = H(), c = (((v = e == null ? void 0 : e.trim()) == null ? void 0 : v.length) || 0) > 0, b = (((h = d == null ? void 0 : d.trim()) == null ? void 0 : h.length) || 0) > 0, u = c ? `${s ?? f}-help` : void 0, p = b ? `${s ?? f}-description` : void 0;\n return /* @__PURE__ */ E(\n \"div\",\n {\n style: { display: o === \"inline\" ? \"inline-block\" : \"block\", width: a },\n className: N(\"mb-0.5\", t),\n children: [\n /* @__PURE__ */ E(\"div\", { className: \"relative flex\", children: [\n /* @__PURE__ */ E(\"label\", { className: \"font-medium\", htmlFor: s, ...m, children: [\n i,\n r && /* @__PURE__ */ l(\"span\", { className: \"text-red-500 font-medium ml-1\", \"aria-label\": \"required\", children: \"*\" })\n ] }),\n c && /* @__PURE__ */ l(\n \"span\",\n {\n className: \"text-gray-500 ml-1 size-fit -translate-y-1/3\",\n \"aria-describedby\": u,\n \"aria-label\": \"Help information\",\n title: e,\n children: /* @__PURE__ */ l(He, {})\n }\n ),\n c && /* @__PURE__ */ l(\"div\", { id: u, className: \"sr-only\", children: e }),\n n && /* @__PURE__ */ l(\"span\", { className: \"ml-1\", children: n })\n ] }),\n b && /* @__PURE__ */ l(\"small\", { id: p, className: \"block opacity-80 mt-0.5\", role: \"note\", children: d })\n ]\n }\n );\n}\nfunction gt(o) {\n const [a, t] = C(!1), [r, e] = C(!1);\n return R(() => {\n o ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));\n }, [o]), { show: a, shouldRender: r };\n}\nfunction xt(o, a) {\n R(() => {\n const t = (r) => {\n r.key === \"Escape\" && o && a();\n };\n return document.addEventListener(\"keydown\", t), o && (document.body.style.overflow = \"hidden\"), () => {\n document.removeEventListener(\"keydown\", t), document.body.style.overflow = \"auto\";\n };\n }, [o, a]);\n}\nfunction yt(o, a) {\n const t = B(null), r = T(() => {\n const e = document.getElementById(o);\n if (!e) return;\n const n = e.querySelectorAll('[data-modal-action=\"true\"]');\n if (n.length > 0) {\n n[0].focus();\n return;\n }\n const s = e.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n );\n if (s.length > 0) {\n const i = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute(\"data-modal-close-button\") === \"true\"));\n if (i.length > 0) {\n i[0].focus();\n return;\n }\n s[0].focus();\n return;\n }\n e.focus();\n }, [o]);\n R(() => (a && (t.current = document.activeElement, r()), () => {\n document.body.style.overflow = \"auto\", t.current instanceof HTMLElement && t.current.focus();\n }), [a, r]);\n}\nfunction lr({\n id: o,\n isOpen: a,\n onClose: t,\n title: r,\n children: e,\n contentOnly: n = !1,\n className: s,\n overlayClassName: i,\n hideCloseButton: d = !1,\n actions: m = [],\n disableCloseOnOverlayClick: f = !1,\n ariaLabelledBy: c,\n ariaDescribedBy: b\n}) {\n const u = H(), p = o || `modal-${u}`, v = o ? `${o}-title` : `modal-title-${u}`, { show: h, shouldRender: y } = gt(a);\n if (yt(p, y), xt(y, t), !y) return null;\n const x = () => r ? P.isValidElement(r) ? /* @__PURE__ */ l(\"div\", { className: \"mb-4\", children: r }) : /* @__PURE__ */ l(\"h2\", { className: \"mb-4 text-xl font-semibold\", id: v, children: r }) : null, g = () => m.length === 0 ? null : /* @__PURE__ */ l(\"div\", { className: \"mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3\", children: m.map((w, k) => {\n const { label: I, className: D, ...z } = w;\n return /* @__PURE__ */ l(Ye, { className: D, type: \"button\", ...z, \"data-modal-action\": \"true\", children: I }, k);\n }) });\n return /* @__PURE__ */ l(Y, { children: ce(\n /* @__PURE__ */ l(\n \"div\",\n {\n \"aria-labelledby\": c ?? r ? v : void 0,\n \"aria-describedby\": b,\n role: \"dialog\",\n \"aria-modal\": \"true\",\n className: \"fixed inset-0 z-[100] overflow-y-auto\",\n children: /* @__PURE__ */ E(\"div\", { className: \"flex min-h-screen items-center justify-center p-4\", children: [\n /* @__PURE__ */ l(\n \"div\",\n {\n className: L(\"fixed inset-0 bg-black/20 transition-all\", i),\n onClick: () => {\n f || t();\n }\n }\n ),\n n && /* @__PURE__ */ l(\"div\", { className: L(\"relative w-fit\", s), children: e }),\n !n && /* @__PURE__ */ E(\n \"div\",\n {\n id: p,\n tabIndex: -1,\n className: L(\n \"relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75\",\n h ? \"opacity-100 scale-100\" : \"opacity-0 scale-90\",\n s\n ),\n children: [\n !d && /* @__PURE__ */ l(\n \"button\",\n {\n type: \"button\",\n onClick: t,\n \"data-modal-close-button\": \"true\",\n className: \"rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0\",\n children: /* @__PURE__ */ l(ge, { size: 18 })\n }\n ),\n x(),\n e,\n g()\n ]\n }\n )\n ] })\n }\n ),\n document.body\n ) });\n}\nconst wt = {\n link: \"text-primary hover:text-primary-foreground hover:bg-primary/10 aria-current:text-primary-foreground aria-current:bg-primary\",\n outline: \"border border-primary text-primary hover:bg-primary hover:text-primary-foreground aria-current:bg-primary aria-current:text-primary-foreground aria-current:border-primary\",\n filled: \"bg-secondary text-secondary-foreground hover:bg-primary hover:text-primary-foreground aria-current:bg-primary aria-current:text-primary-foreground\"\n}, Nt = {\n sm: \"px-2 py-1 text-sm min-w-[32px] min-h-8\",\n md: \"px-2 py-1 text-base min-w-[40px] min-h-10\"\n};\nfunction cr({\n page: o,\n pageCount: a = 5,\n maxVisiblePages: t = 5,\n showFirstLast: r = !0,\n onPageChange: e,\n size: n = \"md\",\n variant: s = \"link\",\n className: i,\n ref: d,\n buttonsClassName: m,\n ...f\n}) {\n const c = a === 1 / 0, u = T(() => {\n if (c) return [];\n const w = a, k = Math.min(t, w);\n if (w <= k)\n return Array.from({ length: w }, (M, j) => j + 1);\n const I = Math.floor(k / 2);\n let D = Math.max(1, o - I), z = Math.min(w, D + k - 1);\n return z - D + 1 < k && (D = Math.max(1, z - k + 1), z = Math.min(w, D + k - 1)), Array.from({ length: z - D + 1 }, (M, j) => D + j);\n }, [c, t, o, a])(), p = o > 1, v = c || o < a, h = r && !c, y = r && !c, x = (w) => {\n w >= 1 && (c || w <= a) && e(w);\n }, g = T(() => {\n const w = L(\n \"flex items-center justify-center min-w-fit\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n Nt[n],\n \"rounded-md\"\n );\n return L(w, wt[s], m);\n }, [s, n, m]);\n return /* @__PURE__ */ E(\n \"nav\",\n {\n ref: d,\n className: L(\"flex items-center justify-center gap-1\", i),\n role: \"navigation\",\n \"aria-label\": \"Pagination\",\n \"data-page\": o,\n \"data-page-count\": c ? \"infinite\" : a,\n ...f,\n children: [\n h && /* @__PURE__ */ E(\n \"button\",\n {\n onClick: () => x(1),\n className: g(),\n disabled: o === 1,\n \"aria-label\": \"Go to first page\",\n children: [\n /* @__PURE__ */ l(Pe, { size: n === \"sm\" ? 12 : 15 }),\n /* @__PURE__ */ l(\"span\", { className: \"ml-1\", children: \"First\" })\n ]\n }\n ),\n /* @__PURE__ */ E(\n \"button\",\n {\n onClick: () => x(o - 1),\n className: g(),\n disabled: !p,\n \"aria-label\": \"Go to previous page\",\n children: [\n /* @__PURE__ */ l(Ae, { size: n === \"sm\" ? 12 : 15 }),\n /* @__PURE__ */ l(\"span\", { className: \"ml-1\", children: \"Previous\" })\n ]\n }\n ),\n !c && u.map((w) => /* @__PURE__ */ l(\n \"button\",\n {\n onClick: () => x(w),\n className: L(g(), \"aspect-square\"),\n \"aria-label\": `Go to page ${w}`,\n \"aria-current\": w === o ? !0 : void 0,\n children: w\n },\n w\n )),\n /* @__PURE__ */ E(\n \"button\",\n {\n onClick: () => x(o + 1),\n className: g(),\n disabled: !v,\n \"aria-label\": \"Go to next page\",\n children: [\n /* @__PURE__ */ l(\"span\", { className: \"mr-1\", children: \"Next\" }),\n /* @__PURE__ */ l(Te, { size: n === \"sm\" ? 12 : 15 })\n ]\n }\n ),\n y && /* @__PURE__ */ E(\n \"button\",\n {\n onClick: () => x(a),\n className: g(),\n disabled: o === a,\n \"aria-label\": \"Go to last page\",\n children: [\n /* @__PURE__ */ l(\"span\", { className: \"mr-1\", children: \"Last\" }),\n /* @__PURE__ */ l(Ge, { size: n === \"sm\" ? 12 : 15 })\n ]\n }\n )\n ]\n }\n );\n}\nfunction kt(o) {\n const [a, t] = C(!1), [r, e] = C(!1);\n return R(() => {\n o ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 300));\n }, [o]), { show: a, shouldRender: r };\n}\nfunction Et(o, a) {\n R(() => {\n const t = (r) => {\n r.key === \"Escape\" && o && a();\n };\n return document.addEventListener(\"keydown\", t), o && (document.body.style.overflow = \"hidden\"), () => {\n document.removeEventListener(\"keydown\", t), document.body.style.overflow = \"auto\";\n };\n }, [o, a]);\n}\nfunction Ct(o, a) {\n const t = B(null), r = T(() => {\n const e = document.getElementById(o);\n if (!e) return;\n const n = e.querySelectorAll('[data-panel-action=\"true\"]');\n if (n.length > 0) {\n n[0].focus();\n return;\n }\n const s = e.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n );\n if (s.length > 0) {\n const i = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute(\"data-panel-close-button\") === \"true\"));\n if (i.length > 0) {\n i[0].focus();\n return;\n }\n s[0].focus();\n return;\n }\n e.focus();\n }, [o]);\n R(() => (a && (t.current = document.activeElement, r()), () => {\n document.body.style.overflow = \"auto\", t.current instanceof HTMLElement && t.current.focus();\n }), [a, r]);\n}\nconst $t = {\n size: {\n sm: \"max-w-sm\",\n md: \"max-w-md\",\n lg: \"max-w-lg\",\n xl: \"max-w-xl\",\n \"2xl\": \"max-w-2xl\",\n full: \"w-full\",\n screen: \"w-screen\"\n }\n};\nfunction dr({\n ref: o,\n id: a,\n isOpen: t,\n onClose: r,\n title: e,\n children: n,\n footer: s,\n size: i = \"md\",\n className: d,\n overlayClassName: m,\n hideCloseButton: f = !1,\n disableCloseOnOverlayClick: c = !1,\n ariaLabelledBy: b,\n ariaDescribedBy: u\n}) {\n const p = H(), v = a || `panel-${p}`, h = a ? `${a}-title` : `panel-title-${p}`, { show: y, shouldRender: x } = kt(t);\n if (Ct(v, x), Et(x, r), !x) return null;\n const g = () => e ? P.isValidElement(e) ? /* @__PURE__ */ l(\"div\", { children: e }) : /* @__PURE__ */ l(\"h2\", { className: \"text-2xl font-semibold\", id: h, children: e }) : null, w = () => {\n if (!s) return null;\n if (P.isValidElement(s)) {\n const k = s, I = k.props.className || \"\";\n return P.cloneElement(k, { className: L(\"px-6 py-4\", I) });\n }\n return /* @__PURE__ */ l(\"div\", { className: \"px-6 py-4\", children: s });\n };\n return /* @__PURE__ */ l(Y, { children: ce(\n /* @__PURE__ */ E(\n \"div\",\n {\n \"aria-labelledby\": b ?? e ? h : void 0,\n \"aria-describedby\": u,\n role: \"dialog\",\n \"aria-modal\": \"true\",\n className: \"fixed inset-0 z-[100] overflow-hidden\",\n \"data-panel-open\": t,\n children: [\n /* @__PURE__ */ l(\n \"div\",\n {\n className: L(\n \"fixed inset-0 bg-black/40 transition-opacity duration-300\",\n y ? \"opacity-100\" : \"opacity-0\",\n m\n ),\n onClick: () => {\n c || r();\n }\n }\n ),\n /* @__PURE__ */ l(\"div\", { className: \"fixed inset-y-0 right-0 flex max-w-full\", children: /* @__PURE__ */ l(\n \"div\",\n {\n id: v,\n ref: o,\n tabIndex: -1,\n className: L(\n \"relative h-full transform shadow-xl bg-popover transition-transform duration-300 ease-in-out\",\n i !== \"screen\" && \"border-l border-border\",\n $t.size[i],\n y ? \"translate-x-0\" : \"translate-x-full\",\n d\n ),\n \"data-panel-size\": i,\n children: /* @__PURE__ */ E(\"div\", { className: \"flex h-full flex-col\", children: [\n e && /* @__PURE__ */ l(\"div\", { className: \"px-6 pt-6\", children: g() }),\n !f && /* @__PURE__ */ l(\n \"button\",\n {\n type: \"button\",\n onClick: r,\n \"data-panel-close-button\": \"true\",\n \"aria-label\": \"Close panel\",\n className: \"rounded-md p-0.5 top-3 right-3 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0\",\n children: /* @__PURE__ */ l(ge, { size: 18 })\n }\n ),\n /* @__PURE__ */ l(\"div\", { className: L(\"flex-1 overflow-y-auto px-6 pb-6\", e ? \"pt-6\" : \"pt-10\"), children: n }),\n w()\n ] })\n }\n ) })\n ]\n }\n ),\n document.body\n ) });\n}\nfunction zt({ itemId: o, checked: a, onChange: t, name: r, disabled: e = !1, className: n = \"\" }) {\n const s = \"relative inline-flex items-center justify-center rounded-full\", i = () => {\n e || t();\n }, d = N(\n s,\n !a && \"hover:border-current/60\",\n !e && \"border-current cursor-pointer\",\n e && \"border-muted/60 cursor-not-allowed\",\n n\n );\n return /* @__PURE__ */ l(\n \"div\",\n {\n id: o,\n role: \"radio\",\n tabIndex: -1,\n \"aria-checked\": a,\n \"aria-disabled\": e,\n \"aria-description\": `Radio button for ${r}`,\n \"aria-labelledby\": `${o}-label`,\n onClick: i,\n className: d,\n style: {\n width: \"1em\",\n height: \"1em\",\n padding: \"0.1em\",\n borderWidth: \"0.06em\"\n },\n children: a && /* @__PURE__ */ l(\n \"div\",\n {\n className: N(\"size-full aspect-square rounded-full\", e && \"bg-muted/60\", !e && \"bg-current\")\n }\n )\n }\n );\n}\nfunction be({\n value: o,\n children: a,\n className: t = \"\",\n isSelected: r = !1,\n onChange: e,\n disabled: n = !1,\n hideInput: s = !1,\n description: i,\n name: d\n}) {\n const f = `radio-${H()}-${o}`, c = () => {\n n || e == null || e(o);\n };\n return /* @__PURE__ */ E(\n \"div\",\n {\n title: i,\n className: N(\n \"relative flex items-center\",\n t,\n // Uses text color for borders\n s && `p-2 border-2 focus-within:border-dashed focus-within:${n ? \"border-current/50\" : \"border-current/80\"}`,\n s && !r && `border-transparent ${n ? \"\" : \"not-focus-within:hover:border-border/60\"}`,\n s && r && \"border-border\",\n n && \"opacity-60 cursor-not-allowed\"\n ),\n style: {\n gap: \"0.5em\"\n },\n children: [\n !s && /* @__PURE__ */ l(\n zt,\n {\n itemId: f,\n name: d || \"\",\n checked: r,\n onChange: c,\n disabled: n,\n className: N(s && \"\")\n }\n ),\n /* @__PURE__ */ l(\n \"div\",\n {\n id: s ? f : void 0,\n tabIndex: s ? -1 : void 0,\n role: s ? \"radio\" : void 0,\n onClick: s ? c : void 0,\n \"aria-checked\": s ? r ? \"true\" : \"false\" : void 0,\n \"aria-disabled\": s ? n : void 0,\n \"aria-description\": s ? i || `Radio button for ${d}` : void 0,\n \"aria-labelledby\": s ? `${f}-label` : void 0,\n className: N(s && \"size-full\", typeof a == \"object\" && \"grow focus:outline-none\"),\n children: /* @__PURE__ */ l(\n \"label\",\n {\n id: `${f}-label`,\n onClick: s ? void 0 : c,\n className: N(n && \"cursor-not-allowed\", !n && \"cursor-pointer\"),\n children: a\n }\n )\n }\n )\n ]\n }\n );\n}\nfunction At(o, a) {\n const [t, r] = C(a), [e, n] = C(-1), [s, i] = C(!1), d = T((u, p) => {\n var y;\n const v = u[p];\n v.hasAttribute(\"disabled\") || v.getAttribute(\"aria-disabled\") === \"true\" || ((y = u[p]) == null || y.click(), n(p));\n }, []), m = T(\n (u, p) => {\n var h;\n if (u.preventDefault(), s || !p.length) return;\n const v = a !== -1 ? a : 0;\n (h = p[v]) == null || h.focus(), r(v), a !== -1 && d(p, v);\n },\n [a, s, d]\n ), f = T(\n (u) => {\n var y;\n if (!u.shiftKey)\n return;\n u.preventDefault();\n const p = Array.from(\n document.querySelectorAll(\n 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n )\n ).filter((x) => !x.hasAttribute(\"disabled\") && x.tabIndex >= 0), v = p.findIndex((x) => x.id === o), h = v > 0 ? v - 1 : p.length - 1;\n (y = p[h]) == null || y.focus();\n },\n [o]\n ), c = T(\n (u, p) => {\n var g;\n if (!p.length) return;\n const v = u.target;\n if (!p.some((w) => w.id === v.id)) return;\n const y = t !== -1 ? t : 0;\n let x = y;\n switch (u.key) {\n case \"ArrowUp\":\n case \"ArrowLeft\":\n u.preventDefault(), x = y > 0 ? y - 1 : p.length - 1;\n break;\n case \"ArrowDown\":\n case \"ArrowRight\":\n u.preventDefault(), x = (y + 1) % p.length;\n break;\n // Select the option when the space key is pressed\n case \" \":\n u.preventDefault(), d(p, y);\n return;\n case \"Tab\":\n f(u);\n return;\n default:\n return;\n }\n (g = p[x]) == null || g.focus(), r(x), e !== -1 && d(p, x);\n },\n [t, e, f, d]\n ), b = T(() => {\n const u = document.querySelector(`[id=\"${o}\"][role=\"radiogroup\"]`);\n return u ? Array.from(u.querySelectorAll('[role=\"radio\"]')) : [];\n }, [o]);\n R(() => {\n const u = document.querySelector(`[id=\"${o}\"][role=\"radiogroup\"]`);\n if (!u) return;\n const p = b(), v = (g) => m(g, p), h = (g) => c(g, p), y = () => i(!0), x = () => i(!1);\n return document.addEventListener(\"keydown\", h), u.addEventListener(\"focus\", v), u.addEventListener(\"mousedown\", y), document.addEventListener(\"mouseup\", x), () => {\n document.removeEventListener(\"keydown\", h), u.removeEventListener(\"focus\", v), u.removeEventListener(\"mousedown\", y), document.removeEventListener(\"mouseup\", x);\n };\n }, [o, b, m, c]);\n}\nfunction ur({\n options: o = [],\n value: a,\n onChange: t,\n id: r,\n children: e,\n className: n = \"\",\n childrenClassName: s = \"\",\n hideInputs: i = !1\n}) {\n const d = H(), m = r || `radio-group-${d}`;\n At(\n m,\n o.findIndex((c) => c === a)\n );\n const f = q(() => o.reduce((c, b) => (typeof b == \"string\" ? c.some((u) => u.value === b) || c.push({ label: b, value: b }) : c.push(b), c), []), [o]);\n return /* @__PURE__ */ E(\"div\", { id: m, role: \"radiogroup\", tabIndex: 0, className: N(n, \"focus:outline-none\"), children: [\n f.length > 0 && f.map((c, b) => /* @__PURE__ */ l(\n be,\n {\n value: c.value,\n isSelected: a === c.value,\n onChange: t,\n name: m,\n disabled: c.disabled,\n description: c.description,\n hideInput: i,\n className: s,\n children: c.label\n },\n `${c.value}-${b}`\n )),\n f.length === 0 && e && P.Children.map(e, (c) => P.isValidElement(c) && c.type === be ? /* @__PURE__ */ l(\n be,\n {\n ...c.props,\n className: N(s, c.props.className),\n hideInput: c.props.hideInput || i,\n isSelected: a === c.props.value,\n onChange: t,\n name: m,\n children: c.props.children\n }\n ) : null)\n ] });\n}\nfunction Tt(o) {\n const a = B(null), t = B(null), r = B(null), [e, n] = C(!1), [s, i] = C(!1), [d, m] = C({\n vertical: !1,\n horizontal: !1\n }), f = B(null), c = B(null), b = T(() => {\n const v = a.current;\n if (!v) return;\n const h = v.scrollHeight > v.clientHeight, y = v.scrollWidth > v.clientWidth;\n m({\n vertical: h,\n horizontal: y\n });\n }, []), u = T(() => {\n const v = a.current, h = t.current, y = r.current;\n if (v) {\n if (h && d.vertical) {\n const g = (d.horizontal ? v.clientHeight - o : v.clientHeight) / v.scrollHeight, w = Math.max(g * 100, 10), k = v.scrollHeight - v.clientHeight, I = k > 0 ? v.scrollTop / k : 0, D = 100 - w, z = I * D;\n h.style.height = `${w}%`, h.style.top = `${z}%`, h.style.transform = \"none\";\n }\n if (y && d.horizontal) {\n const g = (d.vertical ? v.clientWidth - o : v.clientWidth) / v.scrollWidth, w = Math.max(g * 100, 10), k = v.scrollWidth - v.clientWidth, I = k > 0 ? v.scrollLeft / k : 0, D = 100 - w, z = I * D;\n y.style.width = `${w}%`, y.style.left = `${z}%`, y.style.transform = \"none\";\n }\n }\n }, [d, o]), p = T(() => {\n f.current && clearTimeout(f.current), c.current && clearTimeout(c.current), n(!0), i(!1), u(), f.current = setTimeout(() => {\n i(!0), c.current = setTimeout(() => {\n n(!1), i(!1);\n }, 300);\n }, 1e3);\n }, [u]);\n return R(() => {\n const v = a.current;\n if (!v) return;\n b();\n const h = new ResizeObserver(b);\n h.observe(v);\n const y = new MutationObserver(b);\n return y.observe(v, {\n childList: !0,\n subtree: !0,\n attributes: !0\n }), () => {\n h.disconnect(), y.disconnect();\n };\n }, [b]), R(() => {\n u();\n }, [d, u]), R(() => () => {\n f.current && clearTimeout(f.current), c.current && clearTimeout(c.current);\n }, []), {\n viewportRef: a,\n verticalThumbRef: t,\n horizontalThumbRef: r,\n isScrolling: e,\n isFadingOut: s,\n scrollbarVisible: d,\n handleScroll: p\n };\n}\nfunction fr({\n className: o,\n thumbClassName: a,\n viewportClassName: t,\n scrollbarClassName: r,\n scrollbarThickness: e = 10,\n children: n,\n id: s,\n ref: i,\n ...d\n}) {\n const { viewportRef: m, verticalThumbRef: f, horizontalThumbRef: c, isScrolling: b, isFadingOut: u, scrollbarVisible: p, handleScroll: v } = Tt(e), h = L(\n \"relative flex-1 rounded-full bg-slate-400/60 hover:bg-slate-400/80 active:bg-slate-400\",\n a\n );\n return /* @__PURE__ */ E(\"div\", { ref: i, id: s, className: L(\"relative overflow-hidden\", o), \"data-scroll-area-root\": \"\", ...d, children: [\n /* @__PURE__ */ l(\n \"div\",\n {\n ref: m,\n className: L(\n \"h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden\",\n t\n ),\n onScroll: v,\n \"data-scroll-area-viewport\": \"\",\n children: n\n }\n ),\n p.vertical && (b || u) && /* @__PURE__ */ l(\n \"div\",\n {\n className: L(\n \"touch-none select-none transition-all duration-300\",\n \"p-[1px]\",\n \"absolute right-0 top-0\",\n u ? \"opacity-0\" : \"opacity-100\",\n r\n ),\n \"data-scroll-area-scrollbar\": \"vertical\",\n \"data-state\": b ? \"visible\" : \"hidden\",\n style: {\n width: `${e}px`,\n height: p.horizontal ? `calc(100% - ${e}px)` : \"100%\"\n },\n children: /* @__PURE__ */ l(\n \"div\",\n {\n ref: f,\n className: L(\"absolute rounded-full\", h),\n \"data-scroll-area-thumb\": \"\",\n style: { height: \"20%\", top: \"0%\", width: \"100%\" }\n }\n )\n }\n ),\n p.horizontal && (b || u) && /* @__PURE__ */ l(\n \"div\",\n {\n className: L(\n \"touch-none select-none transition-all duration-300\",\n \"p-[1px]\",\n \"absolute bottom-0 left-0\",\n u ? \"opacity-0\" : \"opacity-100\",\n r\n ),\n \"data-scroll-area-scrollbar\": \"horizontal\",\n \"data-state\": b ? \"visible\" : \"hidden\",\n style: {\n height: `${e}px`,\n width: p.vertical ? `calc(100% - ${e}px)` : \"100%\"\n },\n children: /* @__PURE__ */ l(\n \"div\",\n {\n ref: c,\n className: L(\"absolute rounded-full\", h),\n \"data-scroll-area-thumb\": \"\",\n style: { width: \"20%\", left: \"0%\", height: \"100%\" }\n }\n )\n }\n ),\n p.vertical && p.horizontal && /* @__PURE__ */ l(\n \"div\",\n {\n className: L(\"bg-transparent\", \"absolute bottom-0 right-0\"),\n \"data-scroll-area-corner\": \"\",\n style: {\n height: `${e}px`,\n width: `${e}px`\n }\n }\n )\n ] });\n}\nfunction It(o) {\n const [a, t] = C(!1), [r, e] = C(!1);\n return R(() => {\n o ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));\n }, [o]), { show: a, shouldRender: r };\n}\nfunction Dt({\n isOpen: o,\n setIsOpen: a,\n filteredOptions: t,\n highlightedIndex: r,\n setHighlightedIndex: e,\n onSelect: n,\n triggerRef: s\n}) {\n return { handleKeyDown: T(\n (d) => {\n var m;\n switch (d.key) {\n case \"ArrowDown\":\n if (d.preventDefault(), !o)\n a(!0);\n else {\n const f = r < t.length - 1 ? r + 1 : 0;\n let c = f;\n for (let b = 0; b < t.length; b++) {\n const u = (f + b) % t.length;\n if (!t[u].disabled) {\n c = u;\n break;\n }\n }\n e(c);\n }\n break;\n case \"ArrowUp\":\n if (d.preventDefault(), !o)\n a(!0);\n else {\n const f = r > 0 ? r - 1 : t.length - 1;\n let c = f;\n for (let b = 0; b < t.length; b++) {\n const u = (f - b + t.length) % t.length;\n if (!t[u].disabled) {\n c = u;\n break;\n }\n }\n e(c);\n }\n break;\n case \"Enter\":\n case \" \":\n if (d.preventDefault(), !o)\n a(!0);\n else if (r >= 0 && r < t.length) {\n const f = t[r];\n f.disabled || n(f);\n }\n break;\n case \"Escape\":\n d.preventDefault(), o && (a(!1), (m = s.current) == null || m.focus());\n break;\n case \"Tab\":\n o && a(!1);\n break;\n }\n },\n [o, a, t, r, e, n, s]\n ) };\n}\nfunction St({\n isOpen: o,\n filteredOptions: a,\n selectedOption: t,\n shouldRender: r,\n optionsContainerRef: e\n}) {\n const [n, s] = C(-1), i = q(() => t ? a.findIndex((d) => d.value === t.value) : -1, [a, t]);\n return R(() => {\n o && a.length > 0 ? s(t && i >= 0 ? i : 0) : s(-1);\n }, [a, o, t, i]), R(() => {\n if (n >= 0 && e.current && r) {\n const d = () => {\n const m = e.current, f = m == null ? void 0 : m.querySelector(`[data-option-index=\"${n}\"]`);\n if (f) {\n const c = o && t && n === i ? \"auto\" : \"smooth\";\n f.scrollIntoView({\n behavior: c,\n block: \"nearest\"\n });\n }\n };\n o && r && t ? setTimeout(d, 10) : d();\n }\n }, [n, r, o, t, a, e, i]), { highlightedIndex: n, setHighlightedIndex: s };\n}\nconst we = {\n sm: {\n trigger: \"px-2 py-1 text-sm\",\n options: \"px-2 py-2 text-xs\"\n },\n md: {\n trigger: \"px-3 py-2 text-base\",\n options: \"px-3 py-2.5 text-sm\"\n },\n lg: {\n trigger: \"px-4 py-3 text-lg\",\n options: \"px-4 py-3 text-base\"\n }\n};\nfunction mr({\n options: o,\n value: a,\n placeholder: t = \"Select an option...\",\n searchable: r = !1,\n disabled: e = !1,\n clearable: n = !1,\n size: s = \"md\",\n className: i,\n triggerClassName: d,\n dropdownClassName: m,\n id: f,\n ref: c,\n onChange: b,\n onSearch: u,\n searchPlaceholder: p = \"Search options...\"\n}) {\n const v = H(), y = `${f ?? v}-listbox`, x = (A) => `${y}-option-${A}`, [g, w] = C(!1), [k, I] = C(\"\"), D = B(null), z = B(null), M = B(null), j = B(null), { show: G, shouldRender: K } = It(g), S = q(() => !r || !k ? o : o.filter(\n (A) => {\n var W;\n return A.text.toLowerCase().includes(k.toLowerCase()) || ((W = A.description) == null ? void 0 : W.toLowerCase().includes(k.toLowerCase()));\n }\n ), [o, r, k]), $ = q(() => o.find((A) => A.value === a), [o, a]), { highlightedIndex: V, setHighlightedIndex: _ } = St({\n isOpen: g,\n filteredOptions: S,\n selectedOption: $,\n shouldRender: K,\n optionsContainerRef: j\n }), U = V >= 0 ? x(V) : void 0;\n R(() => {\n g && K && r && z.current && z.current.focus();\n }, [g, r, K]);\n const J = T(\n (A) => {\n var W;\n A.disabled || (b == null || b(A.value), w(!1), I(\"\"), (W = D.current) == null || W.focus());\n },\n [b]\n ), { handleKeyDown: Z } = Dt({\n isOpen: g,\n setIsOpen: w,\n filteredOptions: S,\n highlightedIndex: V,\n setHighlightedIndex: _,\n onSelect: J,\n triggerRef: D\n });\n R(() => {\n if (!g)\n return;\n const A = (W) => {\n var re;\n M.current && !M.current.contains(W.target) && !((re = D.current) != null && re.contains(W.target)) && (w(!1), I(\"\"));\n };\n return document.addEventListener(\"mousedown\", A), () => document.removeEventListener(\"mousedown\", A);\n }, [g]);\n const O = () => {\n e || (w(!g), g || (I(\"\"), _(-1)));\n }, de = (A) => {\n A.disabled || (b == null || b(A.value), w(!1), I(\"\"));\n }, ue = (A) => {\n const W = A.target.value;\n I(W), u == null || u(W), _(-1);\n }, fe = (A) => {\n A.preventDefault(), A.stopPropagation(), b == null || b(\"\");\n };\n return /* @__PURE__ */ E(\n \"div\",\n {\n className: N(\"relative\", i),\n id: f,\n ref: c,\n \"data-select\": \"true\",\n \"data-value\": a,\n \"data-searchable\": r,\n \"data-disabled\": e,\n \"data-clearable\": n,\n children: [\n /* @__PURE__ */ E(\"div\", { className: \"relative\", children: [\n /* @__PURE__ */ E(\n \"button\",\n {\n ref: D,\n type: \"button\",\n className: N(\n \"flex items-center justify-between w-full text-left bg-inherit border border-border rounded-md transition-colors\",\n \"hover:border-primary focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary\",\n e && \"opacity-50 cursor-not-allowed hover:border-border\",\n g && \"border-primary ring-1 ring-primary\",\n we[s].trigger,\n d\n ),\n onClick: O,\n onKeyDown: Z,\n disabled: e,\n \"aria-disabled\": e,\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": g,\n \"aria-controls\": g ? y : void 0,\n \"aria-activedescendant\": g && !r ? U : void 0,\n \"aria-label\": $ ? $.text : t,\n \"data-select-trigger\": \"true\",\n children: [\n /* @__PURE__ */ l(\"span\", { className: N(\"block truncate\", !$ && \"opacity-70\"), children: $ ? $.text : t }),\n /* @__PURE__ */ l(\"div\", { className: \"flex items-center ml-2\", children: /* @__PURE__ */ l(ze, { size: 16, className: N(\"transition-transform duration-200\", g && \"rotate-180\") }) })\n ]\n }\n ),\n n && $ && /* @__PURE__ */ l(\n \"button\",\n {\n type: \"button\",\n onClick: fe,\n className: \"absolute right-8 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-accent/20 transition-colors group z-10\",\n \"aria-label\": \"Clear selection\",\n \"data-select-clear\": \"true\",\n children: /* @__PURE__ */ l(ge, { size: 14, className: \"opacity-70 group-hover:opacity-100 transition-opacity\" })\n }\n )\n ] }),\n K && /* @__PURE__ */ E(\n \"div\",\n {\n ref: M,\n className: N(\n \"absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg transition-all duration-150\",\n G ? \"opacity-100 translate-y-0\" : \"opacity-0 -translate-y-2\",\n m\n ),\n id: y,\n role: \"listbox\",\n \"data-select-content\": \"true\",\n children: [\n r && /* @__PURE__ */ l(\"div\", { className: \"border-b border-border\", children: /* @__PURE__ */ l(\n \"input\",\n {\n ref: z,\n type: \"text\",\n value: k,\n onChange: ue,\n onKeyDown: Z,\n placeholder: p,\n className: \"w-full px-2 py-2 text-inherit focus:outline-none\",\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": y,\n \"aria-activedescendant\": U,\n \"data-select-search\": \"true\"\n }\n ) }),\n /* @__PURE__ */ l(\"div\", { ref: j, className: \"max-h-60 overflow-auto\", children: S.length > 0 ? S.map((A, W) => /* @__PURE__ */ E(\n \"div\",\n {\n id: x(W),\n className: N(\n \"flex items-center cursor-pointer transition-colors\",\n \"hover:bg-accent/10 focus:bg-accent/10\",\n we[s].options,\n A.disabled && \"opacity-50 cursor-not-allowed\",\n W === V && \"bg-accent/20\",\n a === A.value && \"bg-accent/30\"\n ),\n onClick: () => de(A),\n role: \"option\",\n \"aria-selected\": a === A.value,\n \"aria-disabled\": A.disabled,\n \"data-select-option\": \"true\",\n \"data-value\": A.value,\n \"data-highlighted\": W === V,\n \"data-option-index\": W,\n children: [\n /* @__PURE__ */ E(\"div\", { className: \"flex-1 min-w-0\", children: [\n /* @__PURE__ */ l(\"div\", { className: \"font-medium\", children: A.text }),\n A.description && /* @__PURE__ */ l(\"div\", { className: \"text-xs opacity-70 mt-0.5\", children: A.description })\n ] }),\n a === A.value && /* @__PURE__ */ l(pe, { size: 16, className: \"ml-2 text-primary flex-shrink-0\" })\n ]\n },\n A.value\n )) : /* @__PURE__ */ l(\"div\", { className: \"px-3 py-2 text-sm opacity-70 text-center\", children: r && k ? \"No results found\" : \"No options available\" }) })\n ]\n }\n )\n ]\n }\n );\n}\nconst Rt = {\n thin: {\n horizontal: \"h-px\",\n vertical: \"w-px\"\n },\n medium: {\n horizontal: \"h-0.5\",\n vertical: \"w-0.5\"\n },\n thick: {\n horizontal: \"h-1\",\n vertical: \"w-1\"\n },\n \"extra-thick\": {\n horizontal: \"h-2\",\n vertical: \"w-2\"\n }\n}, jt = {\n horizontal: \"w-full\",\n vertical: \"min-h-4 h-full\"\n};\nfunction hr({\n orientation: o = \"horizontal\",\n decorative: a = !1,\n thickness: t = \"thin\",\n className: r,\n ...e\n}) {\n const n = N(\n \"shrink-0 bg-border\",\n jt[o],\n Rt[t][o],\n r\n );\n return /* @__PURE__ */ l(\n \"div\",\n {\n ...e,\n className: n,\n role: a ? \"presentation\" : \"separator\",\n \"aria-orientation\": a ? void 0 : o,\n \"aria-hidden\": a,\n \"data-orientation\": o,\n \"data-thickness\": t\n }\n );\n}\nconst Ne = {\n shape: {\n rectangle: \"rounded-md min-h-1\",\n circle: \"rounded-full aspect-square min-h-1\",\n text: \"rounded-sm min-h-1 h-4\"\n },\n lineSpacing: {\n xs: \"space-y-1\",\n sm: \"space-y-2\",\n md: \"space-y-3\",\n lg: \"space-y-4\",\n xl: \"space-y-6\"\n }\n};\nfunction br({\n shape: o = \"rectangle\",\n lineSpacing: a = \"sm\",\n className: t,\n lines: r = 1,\n animate: e = !0,\n ref: n,\n ...s\n}) {\n const i = N(\"bg-muted/70\", e && \"animate-pulse\", Ne.shape[o], t);\n return r > 1 ? /* @__PURE__ */ l(\n \"div\",\n {\n ref: n,\n className: Ne.lineSpacing[a],\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n \"data-testid\": \"skeleton-container\",\n \"data-lines\": r,\n \"data-shape\": o,\n \"data-animate\": e,\n ...s,\n children: Array.from({ length: r }, (d, m) => /* @__PURE__ */ l(\n \"div\",\n {\n className: N(\n i,\n // Make last line shorter for a more natural text appearance\n m === r - 1 && \"w-3/4\"\n ),\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n \"data-testid\": \"skeleton-line\",\n \"data-line-index\": m\n },\n m\n ))\n }\n ) : /* @__PURE__ */ l(\n \"div\",\n {\n ref: n,\n className: i,\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n \"data-testid\": \"skeleton\",\n \"data-shape\": o,\n \"data-animate\": e,\n ...s\n }\n );\n}\nfunction pr({\n id: o,\n value: a,\n defaultValue: t = 0,\n onValueChange: r,\n min: e = 0,\n max: n = 100,\n step: s = 1,\n disabled: i = !1,\n trackClassName: d,\n rangeClassName: m,\n thumbClassName: f,\n className: c,\n ref: b,\n ariaLabel: u,\n ariaLabelledBy: p,\n ...v\n}) {\n const [h, y] = C(t), x = a !== void 0, g = x ? a : h, w = B(null), k = B(!1), I = B(0), D = T(\n (S) => {\n const $ = Math.max(e, Math.min(n, S)), V = Math.round($ / s) * s;\n x || y(V), r == null || r(V);\n },\n [e, n, s, x, r]\n ), z = T(\n (S, $ = !1) => {\n var J;\n const V = (J = w.current) == null ? void 0 : J.getBoundingClientRect();\n if (!V) return g;\n let _ = S.clientX;\n $ && (_ = _ - I.current);\n const U = Math.max(0, Math.min(1, (_ - V.left) / V.width));\n return e + (n - e) * U;\n },\n [e, n, g]\n ), M = T(\n (S) => {\n if (i || S.target !== S.currentTarget) return;\n const $ = z(S);\n D($);\n },\n [i, z, D]\n ), j = T(\n (S) => {\n var J;\n if (i) return;\n S.stopPropagation(), k.current = !0;\n const $ = (J = w.current) == null ? void 0 : J.getBoundingClientRect(), V = S.currentTarget.getBoundingClientRect();\n if ($ && V) {\n const Z = V.left + V.width / 2;\n I.current = S.clientX - Z;\n }\n S.currentTarget.setPointerCapture(S.pointerId);\n const _ = (Z) => {\n if (!k.current) return;\n const O = z(Z, !0);\n D(O);\n }, U = (Z) => {\n if (Z.pointerId === S.pointerId) {\n k.current = !1, I.current = 0;\n try {\n S.currentTarget.releasePointerCapture(Z.pointerId);\n } catch {\n }\n document.removeEventListener(\"pointermove\", _), document.removeEventListener(\"pointerup\", U);\n }\n };\n document.addEventListener(\"pointermove\", _), document.addEventListener(\"pointerup\", U);\n },\n [i, z, D]\n ), G = T(\n (S) => {\n if (i) return;\n let $ = g;\n switch (S.key) {\n case \"ArrowRight\":\n case \"ArrowUp\":\n $ = g + s;\n break;\n case \"ArrowLeft\":\n case \"ArrowDown\":\n $ = g - s;\n break;\n case \"Home\":\n $ = e;\n break;\n case \"End\":\n $ = n;\n break;\n case \"PageUp\":\n $ = g + s * 10;\n break;\n case \"PageDown\":\n $ = g - s * 10;\n break;\n default:\n return;\n }\n S.preventDefault(), D($);\n },\n [i, g, s, e, n, D]\n ), K = n === e ? 0 : (g - e) / (n - e) * 100;\n return /* @__PURE__ */ l(\n \"div\",\n {\n id: o,\n ref: b,\n className: L(\n \"relative flex items-center w-full touch-none select-none\",\n i && \"opacity-50 cursor-not-allowed\",\n c\n ),\n \"data-disabled\": i,\n \"data-value\": g,\n \"data-min\": e,\n \"data-max\": n,\n \"data-step\": s,\n ...v,\n children: /* @__PURE__ */ E(\n \"div\",\n {\n ref: w,\n className: L(\n \"relative h-1.5 w-full rounded-full bg-muted cursor-pointer\",\n i && \"cursor-not-allowed\",\n d\n ),\n onPointerDown: M,\n children: [\n /* @__PURE__ */ l(\n \"div\",\n {\n className: L(\n \"absolute h-full rounded-full pointer-events-none\",\n // pointer-events are disabled so that user interactions are handled by the track element, enabling correct slider behavior\n !k.current && \"transition-all\",\n m\n ),\n style: { width: `${K}%` }\n }\n ),\n /* @__PURE__ */ l(\n \"div\",\n {\n className: L(\n \"absolute size-5 -top-2 rounded-full shadow-md cursor-grab\",\n i && \"cursor-not-allowed\",\n !i && \"cursor-grab focus:outline-none focus:ring-2\",\n k.current ? \"cursor-grabbing scale-110\" : \"transition-all\",\n f\n ),\n style: { left: `calc(${K}% - 10px)` },\n tabIndex: i ? -1 : 0,\n role: \"slider\",\n \"aria-valuemin\": e,\n \"aria-valuemax\": n,\n \"aria-valuenow\": g,\n \"aria-label\": u,\n \"aria-labelledby\": p,\n \"aria-disabled\": i,\n onKeyDown: G,\n onPointerDown: j\n }\n )\n ]\n }\n )\n }\n );\n}\nfunction vr({ children: o, ref: a, ...t }) {\n if (De(o)) {\n let r = { ...t };\n return o.props && (r = { ...r, ...o.props }), Se(o, {\n ...r,\n ref: (e) => {\n typeof a == \"function\" ? a(e) : a && (a.current = e);\n }\n });\n }\n return $e(\"div\", { ...t, ref: a }, o);\n}\nconst Lt = ({ defaultValue: o, value: a, onValueChange: t } = {}) => {\n const [r, e] = C(o || \"\"), n = a !== void 0, s = n ? a : r, i = T((d) => {\n n || e(d), t == null || t(d);\n }, [n, t]);\n return {\n value: s,\n onValueChange: i\n };\n};\nfunction gr({\n defaultValue: o,\n value: a,\n onValueChange: t,\n tabsWidth: r = \"fit\",\n variant: e = \"underline\",\n className: n,\n children: s,\n ref: i,\n id: d,\n triggersClassName: m,\n contentClassName: f\n}) {\n const { value: c, onValueChange: b } = Lt({\n defaultValue: o,\n value: a,\n onValueChange: t\n }), u = {\n selectedValue: c,\n onValueChange: b,\n tabsWidth: r,\n variant: e,\n triggersClassName: m,\n contentClassName: f\n };\n return /* @__PURE__ */ l(_e.Provider, { value: u, children: /* @__PURE__ */ l(\"div\", { id: d, ref: i, className: n, \"data-tabs-width\": r, \"data-variant\": e, children: s }) });\n}\nfunction xr({ value: o, className: a, children: t, ref: r }) {\n const { selectedValue: e, contentClassName: n } = ve(), s = e === o;\n return s ? /* @__PURE__ */ l(\n \"div\",\n {\n ref: r,\n role: \"tabpanel\",\n id: `tabs-content-${o}`,\n \"aria-labelledby\": `tabs-trigger-${o}`,\n \"data-state\": s ? \"active\" : \"inactive\",\n \"data-value\": o,\n className: N(\"mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2\", n, a),\n tabIndex: 0,\n children: t\n }\n ) : null;\n}\nconst ke = {\n width: {\n fit: \"w-fit\",\n full: \"w-full *:flex-1\"\n },\n variant: {\n underline: \"border-b border-border\",\n pills: \"\",\n bordered: \"border border-border rounded-lg p-1\"\n }\n}, Vt = {\n underline: \"border-b-2 border-transparent data-[state=active]:border-accent data-[state=active]:text-accent hover:text-accent-foreground\",\n pills: \"rounded-md data-[state=active]:bg-accent data-[state=active]:text-accent-foreground hover:bg-accent/30\",\n bordered: \"rounded data-[state=active]:bg-accent data-[state=active]:text-accent-foreground hover:bg-accent/30\"\n};\nfunction yr({ children: o, className: a, id: t, ref: r }) {\n const { tabsWidth: e, variant: n } = ve();\n return /* @__PURE__ */ l(\n \"div\",\n {\n id: t,\n ref: r,\n role: \"tablist\",\n className: N(\"flex\", ke.width[e], ke.variant[n], a),\n \"data-tabs-width\": e,\n \"data-variant\": n,\n children: o\n }\n );\n}\nfunction wr({ value: o, disabled: a = !1, className: t, children: r, onClick: e, id: n, ref: s }) {\n const { selectedValue: i, onValueChange: d, variant: m, triggersClassName: f } = ve(), c = i === o, b = (p) => {\n a || d(o), e == null || e(p);\n };\n return /* @__PURE__ */ l(\n \"button\",\n {\n id: n,\n ref: s,\n role: \"tab\",\n type: \"button\",\n \"aria-selected\": c,\n \"aria-controls\": `tabs-content-${o}`,\n \"data-state\": c ? \"active\" : \"inactive\",\n \"data-value\": o,\n disabled: a,\n className: N(\n \"inline-flex items-center justify-center whitespace-nowrap px-3 py-2 text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n c ? \"font-medium\" : \"font-light\",\n Vt[m],\n f,\n t\n ),\n onClick: b,\n children: r\n }\n );\n}\nfunction Bt({ elementId: o, maxLength: a }) {\n const [t, r] = C(0);\n return R(() => {\n const e = document.getElementById(o);\n if (!e)\n return;\n const n = () => {\n const s = e.value.length;\n r(s);\n const i = s >= a;\n e.setAttribute(\"aria-describedby\", `${o}-character-count`), e.setAttribute(\"aria-invalid\", i ? \"true\" : \"false\"), i ? e.setAttribute(\"data-error\", \"true\") : e.removeAttribute(\"data-error\");\n };\n return n(), e.addEventListener(\"input\", n), e.setAttribute(\"maxlength\", String(a)), () => {\n e.removeEventListener(\"input\", n), e.removeAttribute(\"maxlength\"), e.removeAttribute(\"aria-describedby\"), e.removeAttribute(\"aria-invalid\"), e.removeAttribute(\"data-error\");\n };\n }, [o, a]), /* @__PURE__ */ l(\n \"small\",\n {\n className: N(\n \"mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end\",\n t >= a && \"text-destructive\",\n t < a && \"text-current\"\n ),\n role: \"status\",\n children: /* @__PURE__ */ E(\"span\", { id: `${o}-character-count`, children: [\n t,\n \" / \",\n a,\n \" characters\"\n ] })\n }\n );\n}\nfunction Wt(o, a) {\n R(() => {\n const t = document.getElementById(o);\n if (!t)\n return;\n if (!a) {\n t.style.height = \"auto\";\n return;\n }\n const r = () => {\n t.style.height = \"auto\", t.style.height = `${t.scrollHeight}px`;\n };\n return r(), t.addEventListener(\"input\", r), t.addEventListener(\"resize\", r), window.addEventListener(\"resize\", r), () => {\n t.removeEventListener(\"input\", r), t.removeEventListener(\"resize\", r), window.removeEventListener(\"resize\", r);\n };\n }, [o, a]);\n}\nconst Kt = {\n base: \"\",\n \"left-line\": \"border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\",\n outline: \"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\"\n}, Mt = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"px-3 rounded-full\"\n}, Ee = {\n variant: \"outline\",\n rounded: \"none\"\n};\nfunction Nr({\n variant: o = Ee.variant,\n rounded: a,\n displayOnlyMode: t = !1,\n errorMessage: r,\n successMessage: e,\n hideResizeHandle: n = !1,\n autoExpand: s = !1,\n characterLimit: i = 0,\n className: d,\n ...m\n}) {\n const f = H();\n Wt(f, s || t);\n let c = a;\n o === \"outline\" && !a && (c = \"md\"), c = c || Ee.rounded;\n let b = n;\n (t || o === \"left-line\" && !n) && (b = !0);\n const p = N(\n \"appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all\",\n !t && Kt[o],\n !t && Mt[c],\n !t && \"px-2 py-1\",\n t && \"pointer-events-none\",\n b && \"no-resize-handle\",\n d\n );\n return /* @__PURE__ */ E(\"div\", { className: N(\"-space-y-1.5\", t && \"cursor-text\"), children: [\n /* @__PURE__ */ l(\n \"textarea\",\n {\n ...m,\n id: f,\n \"aria-disabled\": m.disabled,\n readOnly: t,\n \"aria-readonly\": t || m[\"aria-readonly\"],\n style: {\n resize: s ? \"none\" : void 0\n },\n className: p\n }\n ),\n i > 0 && /* @__PURE__ */ l(Bt, { elementId: f, maxLength: i }),\n !t && /* @__PURE__ */ l(le, { elementId: f, type: \"error\", message: r }),\n !t && /* @__PURE__ */ l(le, { elementId: f, type: \"success\", message: e })\n ] });\n}\nconst Ft = {\n sm: {\n container: \"h-5 min-w-9 w-9\",\n thumb: \"h-4 w-4\",\n translate: \"translate-x-4\"\n },\n md: {\n container: \"h-6 min-w-11 w-11\",\n thumb: \"h-5 w-5\",\n translate: \"translate-x-5\"\n },\n lg: {\n container: \"h-7 min-w-13 w-13\",\n thumb: \"h-6 w-6\",\n translate: \"translate-x-6\"\n }\n}, Ht = {\n default: {\n unchecked: \"bg-muted\",\n checked: \"bg-primary\"\n },\n success: {\n unchecked: \"bg-muted\",\n checked: \"bg-success\"\n },\n destructive: {\n unchecked: \"bg-muted\",\n checked: \"bg-destructive\"\n }\n}, Ce = {\n variant: \"default\",\n size: \"md\"\n};\nfunction kr({\n ref: o,\n id: a,\n size: t = Ce.size,\n variant: r = Ce.variant,\n checked: e,\n onCheckedChange: n,\n disabled: s = !1,\n className: i,\n thumbClassName: d,\n backgroundClassNames: m,\n ...f\n}) {\n const c = H(), b = q(() => a || `toggle-${c}`, [a, c]), [u, p] = C(e);\n R(() => {\n p(e);\n }, [e]);\n const v = () => {\n if (!s) {\n const k = !u;\n e === void 0 && p(k), n == null || n(k);\n }\n }, h = (k) => {\n (k.key === \" \" || k.key === \"Enter\") && (k.preventDefault(), v());\n }, y = Ft[t], x = Ht[r], g = N(\n // Base styles\n \"relative inline-flex items-center rounded-full transition-all duration-200 ease-in-out\",\n \"focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2\",\n // Size\n y.container,\n // Variant and state\n u ? (m == null ? void 0 : m.checked) || x.checked : (m == null ? void 0 : m.unchecked) || x.unchecked,\n // Disabled state\n s && \"opacity-50 cursor-not-allowed\",\n !s && \"cursor-pointer\",\n i\n ), w = N(\n // Base thumb styles\n \"absolute left-0.5 top-1/2 -translate-y-1/2 rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out\",\n // Size\n y.thumb,\n // Position based on state\n u && y.translate,\n d\n );\n return /* @__PURE__ */ E(\n \"button\",\n {\n ref: o,\n id: b,\n type: \"button\",\n role: \"switch\",\n tabIndex: 0,\n \"aria-checked\": u,\n \"aria-disabled\": s,\n disabled: s,\n onClick: v,\n onKeyDown: h,\n className: g,\n ...f,\n children: [\n /* @__PURE__ */ l(\"span\", { className: w }),\n /* @__PURE__ */ l(\"span\", { className: \"sr-only\", children: u ? \"Enabled\" : \"Disabled\" })\n ]\n }\n );\n}\nconst se = 8, ie = 4, X = 6;\nfunction Pt(o) {\n return { calculatePosition: T(\n (t, r) => {\n const e = t.getBoundingClientRect(), n = r.getBoundingClientRect(), s = {\n width: window.innerWidth,\n height: window.innerHeight\n }, i = (b, u, p, v) => b < 0 || u < 0 || b + p > s.width || u + v > s.height, d = {\n top: {\n x: e.left + e.width / 2 - n.width / 2,\n y: e.top - n.height - ie,\n arrow: {\n x: n.width / 2 - X,\n y: n.height\n }\n },\n bottom: {\n x: e.left + e.width / 2 - n.width / 2,\n y: e.bottom + ie,\n arrow: {\n x: n.width / 2 - X,\n y: -6\n }\n },\n left: {\n x: e.left - n.width - ie,\n y: e.top + e.height / 2 - n.height / 2,\n arrow: {\n x: n.width,\n y: n.height / 2 - X\n }\n },\n right: {\n x: e.right + ie,\n y: e.top + e.height / 2 - n.height / 2,\n arrow: {\n x: -6,\n y: n.height / 2 - X\n }\n }\n };\n let m = o, f = d[o];\n if (i(f.x, f.y, n.width, n.height)) {\n const b = {\n top: \"bottom\",\n bottom: \"top\",\n left: \"right\",\n right: \"left\"\n }, u = d[b[o]];\n if (!i(u.x, u.y, n.width, n.height))\n m = b[o], f = u;\n else {\n const p = [\"top\", \"bottom\", \"left\", \"right\"].filter(\n (v) => v !== o && v !== b[o]\n );\n for (const v of p) {\n const h = d[v];\n if (!i(h.x, h.y, n.width, n.height)) {\n m = v, f = h;\n break;\n }\n }\n }\n }\n f.x = Math.max(\n se,\n Math.min(f.x, s.width - n.width - se)\n ), f.y = Math.max(\n se,\n Math.min(f.y, s.height - n.height - se)\n );\n const c = {\n x: e.left + e.width / 2,\n y: e.top + e.height / 2\n };\n return m === \"top\" || m === \"bottom\" ? f.arrow.x = Math.max(\n X,\n Math.min(c.x - f.x - X, n.width - X * 2)\n ) : f.arrow.y = Math.max(\n X,\n Math.min(c.y - f.y - X, n.height - X * 2)\n ), {\n ...f,\n placement: m\n };\n },\n [o]\n ) };\n}\nfunction Gt(o, a, t) {\n const r = B(null), e = B(null), n = T(() => {\n if (!r.current || !e.current) return;\n const s = o(r.current, e.current);\n t(s);\n }, [o, t]);\n return R(() => {\n if (!a) return;\n const s = () => n();\n return window.addEventListener(\"resize\", s), () => {\n window.removeEventListener(\"resize\", s);\n };\n }, [a, n]), {\n triggerRef: r,\n tooltipRef: e,\n updatePosition: n\n };\n}\nfunction _t(o, a, t, r, e, n, s, i, d) {\n const m = B(null), f = T(() => {\n o || (m.current && clearTimeout(m.current), m.current = window.setTimeout(() => {\n t(!0), requestAnimationFrame(() => {\n e(), r(!0);\n });\n }, a));\n }, [o, a, t, e, r]), c = T(\n (b = !1) => {\n if (m.current && clearTimeout(m.current), b) {\n r(!1), setTimeout(() => t(!1), 150);\n return;\n }\n m.current = window.setTimeout(() => {\n r(!1), setTimeout(() => t(!1), 150);\n }, 100);\n },\n [r, t]\n );\n return R(() => {\n !n && !s && !i && d && c();\n }, [n, s, i, d, c]), R(() => () => {\n m.current && clearTimeout(m.current);\n }, []), {\n showTooltip: f,\n hideTooltip: c,\n timeoutRef: m\n };\n}\nfunction Er({\n id: o,\n children: a,\n message: t,\n placement: r = \"top\",\n disabled: e = !1,\n delay: n = 200,\n className: s\n}) {\n const [i, d] = C(!1), [m, f] = C(!1), [c, b] = C(null), [u, p] = C(!1), [v, h] = C(!1), [y, x] = C(!1), { calculatePosition: g } = Pt(r), { triggerRef: w, tooltipRef: k, updatePosition: I } = Gt(g, m, b), { showTooltip: D, hideTooltip: z, timeoutRef: M } = _t(\n e,\n n,\n f,\n d,\n I,\n u,\n v,\n y,\n i\n ), j = H(), G = o ?? j;\n return /* @__PURE__ */ E(Y, { children: [\n P.cloneElement(a, {\n ref: (K) => {\n w.current = K;\n },\n onMouseEnter: () => {\n p(!0), D();\n },\n onMouseLeave: () => {\n p(!1);\n },\n onFocus: () => {\n x(!0), D();\n },\n onBlur: () => {\n x(!1), z(!0);\n },\n onKeyDown: (K) => {\n K.key === \"Escape\" && z(!0);\n },\n \"aria-describedby\": e ? void 0 : G\n }),\n m && ce(\n /* @__PURE__ */ l(\n \"div\",\n {\n ref: k,\n id: G,\n role: \"tooltip\",\n className: N(\n \"fixed z-50 px-2 py-1 text-sm rounded shadow-lg bg-popover pointer-events-auto transition-all duration-150 ease-out\",\n i ? \"opacity-100\" : \"opacity-0\",\n s\n ),\n style: c ? { left: c.x, top: c.y } : { opacity: 0 },\n onMouseEnter: () => {\n h(!0), M.current && clearTimeout(M.current);\n },\n onMouseLeave: () => {\n h(!1);\n },\n children: t\n }\n ),\n document.body\n )\n ] });\n}\nexport {\n er as Accordion,\n me as AccordionItem,\n zr as ActionModal,\n Ye as Button,\n tr as Carousel,\n rr as Checkbox,\n nr as Clickable,\n ar as CodeBlock,\n or as Disclosure,\n sr as Input,\n ir as Label,\n Ue as LoadingDots,\n lr as Modal,\n cr as Pagination,\n dr as Panel,\n ur as RadioGroup,\n be as RadioGroupItem,\n zt as RadioInput,\n fr as ScrollArea,\n mr as Select,\n hr as Separator,\n br as Skeleton,\n pr as Slider,\n vr as Slot,\n gr as Tabs,\n xr as TabsContent,\n yr as TabsList,\n wr as TabsTrigger,\n Nr as Textarea,\n Ar as Toast,\n kr as Toggle,\n Er as Tooltip\n};\n//# sourceMappingURL=components.esm.js.map\n","import { Modal, ModalProps } from '@moondreamsdev/dreamer-ui/components';\nimport React, { useMemo } from 'react';\n\ninterface BaseActionModalProps extends Omit<ModalProps, 'children' | 'actions'> {\n message: React.ReactNode;\n destructive?: boolean;\n}\n\ninterface AlertModalProps extends BaseActionModalProps {\n type: 'alert';\n confirmText?: string;\n onConfirm?: () => void;\n // Cancel-related props are not allowed for alerts\n cancelText?: never;\n}\n\ninterface ConfirmModalProps extends BaseActionModalProps {\n type: 'confirm';\n confirmText?: string;\n cancelText?: string;\n onConfirm?: () => void;\n}\n\nexport type ActionModalProps = AlertModalProps | ConfirmModalProps;\n\nexport function ActionModal({\n type,\n message,\n cancelText,\n confirmText,\n onConfirm,\n onClose,\n destructive = false,\n title,\n ...modalProps\n}: ActionModalProps) {\n const defaultTexts = useMemo(() => {\n if (type === 'confirm') {\n return {\n confirm: confirmText || 'Confirm',\n cancel: cancelText || 'Cancel',\n defaultTitle: title || 'Confirm Action',\n };\n }\n return {\n confirm: confirmText || 'OK',\n cancel: null,\n defaultTitle: title || 'Alert',\n };\n }, [type, confirmText, title, cancelText]);\n\n const actions: ModalProps['actions'] = useMemo(\n () => [\n ...(defaultTexts.cancel\n ? [\n {\n label: defaultTexts.cancel,\n variant: 'secondary' as const,\n onClick: onClose,\n },\n ]\n : []),\n {\n label: defaultTexts.confirm,\n variant: destructive ? 'destructive' : 'primary',\n onClick: () => {\n onConfirm?.();\n onClose();\n },\n },\n ],\n [defaultTexts, destructive, onConfirm, onClose]\n );\n\n return (\n <Modal\n {...modalProps}\n title={title || defaultTexts.defaultTitle}\n onClose={onClose}\n actions={actions}\n disableCloseOnOverlayClick={type === 'confirm'}\n hideCloseButton={type === 'confirm'}\n >\n {typeof message === 'string' ? <p className='text-sm'>{message}</p> : message}\n </Modal>\n );\n}\n","import { createContext, useContext } from 'react';\nimport { TabsVariant, TabsWidth } from './variants';\n\nexport interface TabsContextValue {\n selectedValue: string;\n onValueChange: (value: string) => void;\n tabsWidth: TabsWidth;\n variant: TabsVariant;\n triggersClassName?: string;\n contentClassName?: string;\n}\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nexport const useTabsContext = () => {\n const context = useContext(TabsContext);\n if (!context) {\n throw new Error('Tabs components must be used within a Tabs component');\n }\n return context;\n};\n","import { ReactNode, useCallback, useEffect, useState } from 'react';\nimport { CrossCircled, ExclamationTriangle, InfoCircled, X } from '../../symbols';\nimport { join } from '../../utils';\nexport type ToastType = 'info' | 'warning' | 'error';\n\nexport interface ToastAction {\n label: string;\n onClick: () => void;\n}\n\n/** Data for a toast notification */\nexport interface ToastData {\n id: string;\n title: string;\n description?: string;\n type?: ToastType;\n action?: ToastAction;\n duration?: number;\n onRemove?: (id: string) => void;\n}\n\ninterface ToastProps extends ToastData {\n customTypes?: Record<string, { className: string; icon?: ReactNode }>;\n customComponent?: React.ComponentType<ToastData>;\n}\n\nconst defaultTypeStyles: Record<ToastType, { className: string; icon: ReactNode }> = {\n info: {\n className: 'bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100',\n icon: <InfoCircled size={20} />,\n },\n warning: {\n className:\n 'bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100',\n icon: <ExclamationTriangle size={20} />,\n },\n error: {\n className: 'bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100',\n icon: <CrossCircled size={20} />,\n },\n};\n\nexport function Toast({\n id,\n title,\n description,\n type = 'info',\n action,\n duration = 5000,\n onRemove,\n customTypes,\n customComponent: CustomComponent,\n}: ToastProps) {\n const [isExiting, setIsExiting] = useState(false);\n\n const handleRemove = useCallback(() => {\n setIsExiting(true);\n setTimeout(() => {\n onRemove?.(id);\n }, 150); // Match animation duration\n }, [id, onRemove]);\n\n useEffect(() => {\n if (duration > 0) {\n const timer = setTimeout(() => {\n handleRemove();\n }, duration);\n\n return () => clearTimeout(timer);\n }\n }, [duration, id, onRemove, handleRemove]);\n\n if (CustomComponent) {\n return (\n <CustomComponent\n id={id}\n title={title}\n description={description}\n type={type}\n action={action}\n duration={duration}\n onRemove={onRemove}\n />\n );\n }\n\n // Check custom types first, then fall back to default\n const typeStyle = customTypes?.[type] || defaultTypeStyles[type as ToastType] || defaultTypeStyles.info;\n\n return (\n <div\n role={type === 'error' ? 'alert' : 'status'}\n aria-live={type === 'error' ? undefined : 'polite'}\n className={join(\n 'relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out',\n action && 'pb-3',\n typeStyle.className,\n isExiting ? 'opacity-0 translate-x-full' : 'opacity-100 translate-x-0'\n )}\n >\n {/* Icon */}\n <div className='flex-shrink-0 mr-3'>{typeStyle.icon}</div>\n\n {/* Content */}\n <div className='flex-grow min-w-0'>\n <div className='font-medium text-sm leading-5'>{title}</div>\n {description && <div className='mt-1 text-sm opacity-90 leading-5'>{description}</div>}\n {action && (\n <div className='mt-1.5'>\n <button\n onClick={action.onClick}\n className='text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer'\n >\n {action.label}\n </button>\n </div>\n )}\n </div>\n\n {/* Close button */}\n <button\n onClick={handleRemove}\n className='flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0'\n >\n <X size={16} />\n </button>\n </div>\n );\n}\n"],"names":["n","s","h","C","i","e","N","l","Ue","o","a","R","t","Xe","Je","Qe","he","Ye","m","c","E","gt","xt","yt","B","T","lr","f","b","u","H","p","v","y","x","P","g","w","k","I","D","z","Y","ce","L","ge","ActionModal","type","message","cancelText","confirmText","onConfirm","onClose","destructive","title","modalProps","defaultTexts","useMemo","actions","jsx","Modal","TabsContext","createContext","useTabsContext","context","useContext","defaultTypeStyles","InfoCircled","ExclamationTriangle","CrossCircled","Toast","id","description","action","duration","onRemove","customTypes","CustomComponent","isExiting","setIsExiting","useState","handleRemove","useCallback","useEffect","timer","typeStyle","jsxs","join","X"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as r, Fragment as q, jsxs as b } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import P, { createContext as l, useId as D, useState as p, useEffect as g, useRef as H, useCallback as L, useMemo as E, useContext as X } from "react";
|
|
3
3
|
import { createPortal as F } from "react-dom";
|
|
4
4
|
import { X as J, C as K, E as Q, I as U } from "./X-CIoyLewf.js";
|
|
5
5
|
import { j as V } from "./join-BmgR_f4v.js";
|
|
@@ -67,6 +67,7 @@ l(null);
|
|
|
67
67
|
l(null);
|
|
68
68
|
l(null);
|
|
69
69
|
l(null);
|
|
70
|
+
l(null);
|
|
70
71
|
function Z() {
|
|
71
72
|
const [e, n] = p(0);
|
|
72
73
|
return g(() => {
|
|
@@ -112,7 +113,7 @@ const G = {
|
|
|
112
113
|
size: "md",
|
|
113
114
|
rounded: "md"
|
|
114
115
|
};
|
|
115
|
-
function
|
|
116
|
+
function R({
|
|
116
117
|
variant: e = w.variant,
|
|
117
118
|
size: n,
|
|
118
119
|
rounded: i = w.rounded,
|
|
@@ -162,7 +163,7 @@ function $({
|
|
|
162
163
|
}
|
|
163
164
|
);
|
|
164
165
|
}
|
|
165
|
-
function
|
|
166
|
+
function $(e) {
|
|
166
167
|
const [n, i] = p(!1), [t, a] = p(!1);
|
|
167
168
|
return g(() => {
|
|
168
169
|
e ? (a(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => a(!1), 150));
|
|
@@ -179,7 +180,7 @@ function ee(e, n) {
|
|
|
179
180
|
}, [e, n]);
|
|
180
181
|
}
|
|
181
182
|
function le(e, n) {
|
|
182
|
-
const i =
|
|
183
|
+
const i = H(null), t = L(() => {
|
|
183
184
|
const a = document.getElementById(e);
|
|
184
185
|
if (!a) return;
|
|
185
186
|
const o = a.querySelectorAll('[data-modal-action="true"]');
|
|
@@ -220,11 +221,11 @@ function te({
|
|
|
220
221
|
ariaLabelledBy: f,
|
|
221
222
|
ariaDescribedBy: h
|
|
222
223
|
}) {
|
|
223
|
-
const v = D(), k = e || `modal-${v}`, C = e ? `${e}-title` : `modal-title-${v}`, { show: T, shouldRender: y } =
|
|
224
|
+
const v = D(), k = e || `modal-${v}`, C = e ? `${e}-title` : `modal-title-${v}`, { show: T, shouldRender: y } = $(n);
|
|
224
225
|
if (le(k, y), ee(y, i), !y) return null;
|
|
225
|
-
const j = () => t ?
|
|
226
|
+
const j = () => t ? P.isValidElement(t) ? /* @__PURE__ */ r("div", { className: "mb-4", children: t }) : /* @__PURE__ */ r("h2", { className: "mb-4 text-xl font-semibold", id: C, children: t }) : null, I = () => c.length === 0 ? null : /* @__PURE__ */ r("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: c.map((A, B) => {
|
|
226
227
|
const { label: O, className: M, ...S } = A;
|
|
227
|
-
return /* @__PURE__ */ r(
|
|
228
|
+
return /* @__PURE__ */ r(R, { className: M, type: "button", ...S, "data-modal-action": "true", children: O }, B);
|
|
228
229
|
}) });
|
|
229
230
|
return /* @__PURE__ */ r(q, { children: F(
|
|
230
231
|
/* @__PURE__ */ r(
|
|
@@ -430,4 +431,4 @@ export {
|
|
|
430
431
|
N as n,
|
|
431
432
|
ue as u
|
|
432
433
|
};
|
|
433
|
-
//# sourceMappingURL=Toast-
|
|
434
|
+
//# sourceMappingURL=Toast-D4kUv4QL.js.map
|