cekat-ui 1.2.4 → 1.2.5
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/index.es.js +4228 -1242
- package/dist/index.umd.js +1 -1
- package/dist/style.css +10 -0
- package/dist/utils/cn.d.ts +2 -0
- package/package.json +4 -3
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(k,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],i):(k=typeof globalThis<"u"?globalThis:k||self,i(k.CekatUI={},k.React$1,k.reactDom))})(this,(function(k,i,Oe){"use strict";function je(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const e=je(i);function Z(t){var s,r,a="";if(typeof t=="string"||typeof t=="number")a+=t;else if(typeof t=="object")if(Array.isArray(t)){var n=t.length;for(s=0;s<n;s++)t[s]&&(r=Z(t[s]))&&(a&&(a+=" "),a+=r)}else for(r in t)t[r]&&(a&&(a+=" "),a+=r);return a}function p(){for(var t,s,r=0,a="",n=arguments.length;r<n;r++)(t=arguments[r])&&(s=Z(t))&&(a&&(a+=" "),a+=s);return a}const Q=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,J=p,f=(t,s)=>r=>{var a;if(s?.variants==null)return J(t,r?.class,r?.className);const{variants:n,defaultVariants:l}=s,c=Object.keys(n).map(d=>{const g=r?.[d],m=l?.[d];if(g===null)return null;const b=Q(g)||Q(m);return n[d][b]}),o=r&&Object.entries(r).reduce((d,g)=>{let[m,b]=g;return b===void 0||(d[m]=b),d},{}),u=s==null||(a=s.compoundVariants)===null||a===void 0?void 0:a.reduce((d,g)=>{let{class:m,className:b,...h}=g;return Object.entries(h).every(N=>{let[S,C]=N;return Array.isArray(C)?C.includes({...l,...o}[S]):{...l,...o}[S]===C})?[...d,m,b]:d},[]);return J(t,c,u,r?.class,r?.className)},Me=f(["inline-flex items-center justify-center font-bold","transition-colors duration-150","focus-visible:outline-none","disabled:cursor-not-allowed"],{variants:{size:{xs:"py-1 px-2 gap-1 rounded-md text-caption-sm",sm:"h-[36px] px-4 gap-1 rounded-lg text-caption-sm",md:"h-[44px] px-4 gap-2 rounded-lg text-sm",lg:"h-[52px] px-5 gap-2 rounded-[10px] text-body-sm",xl:"h-[60px] px-6 gap-2 rounded-[10px] text-body-lg","2xl":"h-[68px] px-6 gap-2 rounded-[10px] text-body-lg"},tone:{primary:"",destructive:""},iconOnly:{true:"!p-0",false:""},variant:{solid:["text-white","disabled:bg-light-100 disabled:text-light-400"],outline:["bg-white border","disabled:bg-white disabled:text-light-400 disabled:border-light-200"],ghost:["bg-transparent","disabled:text-light-400"],"outline-primary":["bg-white border border-primary-500 text-primary-500","hover:bg-primary-100 hover:border-primary-300 hover:text-primary-800","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:bg-white disabled:text-light-400 disabled:border-light-200"],"ghost-primary":["bg-transparent text-primary-500","hover:bg-primary-50 hover:text-primary-800","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:text-light-400"],plain:["bg-transparent !rounded-md","disabled:text-light-400 h-auto !px-2"],"plain-black":["bg-transparent !rounded-md","disabled:text-light-400 h-auto !px-2 "]}},compoundVariants:[{tone:"primary",variant:"solid",class:["bg-primary-500","hover:bg-primary-800","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"primary",variant:"outline",class:["border-light-200 text-light-900","hover:bg-light-50","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"primary",variant:"ghost",class:["text-light-800","hover:bg-light-50 hover:text-light-900","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"primary",variant:"plain",class:["text-primary-500","hover:text-primary-800 hover:bg-transparent","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"].join(" ")},{tone:"primary",variant:"plain-black",class:["text-light-800","hover:text-light-900 hover:bg-transparent","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"].join(" ")},{tone:"destructive",variant:"solid",class:["bg-error-500 text-white","hover:bg-error-800","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:bg-light-100"].join(" ")},{tone:"destructive",variant:"outline",class:["border-error-500 text-error-500","hover:border-error-300 hover:bg-error-100 hover:text-error-800","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"destructive",variant:"ghost",class:["text-error-500","hover:bg-error-50 hover:text-error-800","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:bg-white disabled:text-light-400"].join(" ")},{tone:"destructive",variant:"plain",class:["text-error-500","hover:text-error-800 hover:bg-transparent","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2"].join(" ")},{size:"xs",iconOnly:!0,class:"!w-[26px] !h-[26px]"},{size:"sm",iconOnly:!0,class:"!w-[36px] !h-[36px]"},{size:"md",iconOnly:!0,class:"!w-[44px] !h-[44px]"},{size:"lg",iconOnly:!0,class:"!w-[52px] !h-[52px]"},{size:"xl",iconOnly:!0,class:"!w-[60px] !h-[60px]"},{size:"2xl",iconOnly:!0,class:"!w-[68px] !h-[68px]"}],defaultVariants:{size:"md",tone:"primary",variant:"solid",iconOnly:!1}}),Y=i.forwardRef(({children:t,className:s,tone:r,variant:a,size:n,iconOnly:l,...c},o)=>i.createElement("button",{ref:o,className:p(Me({tone:r,variant:a,size:n,iconOnly:l}),s),...c},t));Y.displayName="Button";const Ae=({children:t})=>i.createElement("span",{className:"flex items-center"},t),We=({children:t})=>i.createElement("span",{className:"whitespace-nowrap"},t),G=Y;G.Icon=Ae,G.Text=We;const Pe=f(["inline-flex items-center justify-center","border transition-colors duration-150","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"],{variants:{size:{sm:"h-4 w-4 rounded-[4px]",md:"h-5 w-5 rounded-[6px]",lg:"h-5 w-5 rounded-[6px]"},checked:{true:"",false:""},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"}},compoundVariants:[{checked:!1,disabled:!1,className:"bg-white border-light-200 hover:border-light-400"},{checked:!0,disabled:!1,className:"bg-primary-500 border-primary-500 text-white hover:bg-primary-800 hover:border-primary-800"},{disabled:!0,className:"bg-light-100 border-light-200 text-white"}],defaultVariants:{size:"md",checked:!1,disabled:!1}}),De={sm:{width:12,height:9},md:{width:14,height:10},lg:{width:14,height:10}},$=e.forwardRef(({id:t,checked:s,indeterminate:r=!1,disabled:a,size:n="md",onCheckedChange:l,className:c},o)=>{const u=()=>{a||l?.(!s)},d=De[n],g=a?"text-white/80":"text-current";return e.createElement("button",{id:t,ref:o,type:"button",role:"checkbox","aria-checked":r?"mixed":s,disabled:a,onClick:u,className:p(Pe({size:n,checked:s,disabled:a}),c)},s&&!r&&e.createElement("svg",{width:d.width,height:d.height,viewBox:"0 0 14 10",fill:"none",className:g},e.createElement("path",{d:"M1 5L5 9L13 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),r&&e.createElement("span",{className:p(g,"bg-current rounded-sm",n==="sm"&&"h-0.5 w-3",(n==="md"||n==="lg")&&"h-0.5 w-4")}))});$.displayName="Checkbox";const R=e.createContext(null),Ge=({value:t,defaultValue:s,onValueChange:r,children:a,className:n})=>{const[l,c]=e.useState(s),o=t??l,u=d=>{c(d),r?.(d)};return e.createElement(R.Provider,{value:{value:o,onValueChange:u}},e.createElement("div",{role:"radiogroup",className:n},a))},He=()=>{const t=e.useContext(R);if(!t)throw new Error("RadioGroupItem must be used within RadioGroup");return t},Fe=f(["relative inline-flex items-center justify-center","border rounded-full transition-colors duration-150","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"],{variants:{size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-5 w-5"},checked:{true:"",false:""},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"}},compoundVariants:[{checked:!1,disabled:!1,className:"border-light-200 bg-white hover:border-light-400"},{checked:!0,disabled:!1,className:"border-primary-500 bg-primary-500 hover:bg-primary-800 hover:border-primary-800"},{disabled:!0,className:"border-light-200 bg-light-100"}],defaultVariants:{size:"md",checked:!1,disabled:!1}}),Ke=f(["rounded-full bg-white transition-all"],{variants:{size:{sm:"h-1.5 w-1.5",md:"h-2 w-2",lg:"h-2 w-2"},checked:{true:"scale-100",false:"scale-0"}},defaultVariants:{size:"md",checked:!1}}),ee=e.forwardRef(({id:t,value:s,disabled:r,size:a="md",className:n},l)=>{const{value:c,onValueChange:o}=He(),u=c===s;return e.createElement("button",{ref:l,id:t,type:"button",role:"radio","aria-checked":u,disabled:r,onClick:()=>{r||o?.(s)},className:p(Fe({size:a,checked:u,disabled:r}),n)},e.createElement("span",{className:Ke({size:a,checked:u})}))});ee.displayName="RadioGroupItem";const Xe=f(["inline-flex items-center shrink-0 rounded-full p-[2px]","transition-colors duration-200","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white"],{variants:{size:{sm:"h-5 w-9",md:"h-6 w-11",lg:"h-6 w-11"},checked:{true:"justify-end",false:"justify-start"},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"},variant:{default:"",success:""}},compoundVariants:[{checked:!1,disabled:!1,className:"bg-light-200"},{checked:!0,disabled:!1,variant:"default",className:"bg-primary-500 hover:bg-primary-800"},{checked:!0,disabled:!1,variant:"success",className:"bg-success-500 hover:bg-success-800"},{disabled:!0,className:"bg-light-100"},{variant:"default",className:"focus-visible:ring-primary-400"},{variant:"success",className:"focus-visible:ring-success-500"}],defaultVariants:{size:"md",checked:!1,disabled:!1,variant:"default"}}),qe=f("rounded-full shrink-0 shadow-[0_1px_3px_0_rgba(16,24,40,0.10),0_1px_2px_0_rgba(16,24,40,0.06)]",{variants:{size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-5 w-5"},disabled:{true:"bg-light-50",false:"bg-white"}},defaultVariants:{size:"md",disabled:!1}}),te=e.forwardRef(({checked:t=!1,size:s="md",variant:r="default",disabled:a,onCheckedChange:n,className:l},c)=>e.createElement("button",{ref:c,type:"button",role:"switch","aria-checked":t,disabled:a,onClick:()=>{a||n?.(!t)},className:p(Xe({size:s,checked:t,disabled:a,variant:r}),l)},e.createElement("span",{className:qe({size:s,disabled:a})})));te.displayName="Toggle";const Ue=f(["relative rounded-lg text-caption-sm font-semibold text-white","bg-primary-900","shadow-lg","pointer-events-none","select-none"],{variants:{side:{top:"",bottom:"",left:"",right:""},hasSupportingText:{true:"p-3",false:"px-3 py-2"}},defaultVariants:{side:"top",hasSupportingText:!1}}),Ze="mt-1 font-medium text-light-100",Qe=f(["absolute"],{variants:{side:{top:["bottom-[-6px] left-1/2 -translate-x-1/2","border-x-8 border-x-transparent border-t-[6px] border-t-primary-900"],bottom:["top-[-6px] left-1/2 -translate-x-1/2","border-x-8 border-x-transparent border-b-[6px] border-b-primary-900"],left:["right-[-6px] top-1/2 -translate-y-1/2","border-y-8 border-y-transparent border-l-[6px] border-l-primary-900"],right:["left-[-6px] top-1/2 -translate-y-1/2","border-y-8 border-y-transparent border-r-[6px] border-r-primary-900"]}},defaultVariants:{side:"top"}}),H=12,re=({content:t,supportingText:s,side:r="top",open:a,defaultOpen:n=!1,disabled:l=!1,delay:c=0,className:o,children:u})=>{const[d,g]=e.useState(n),[m,b]=e.useState(null),h=a??d,N=e.useRef(null),S=e.useRef(null),C=e.useCallback(()=>{const y=N.current;if(!y)return null;const E=y.getBoundingClientRect();switch(r){case"top":return{top:E.top-H,left:E.left+E.width/2};case"bottom":return{top:E.bottom+H,left:E.left+E.width/2};case"left":return{top:E.top+E.height/2,left:E.left-H};default:return{top:E.top+E.height/2,left:E.right+H}}},[r]),w=()=>{if(l||!N.current)return;const y=()=>{b(C()),g(!0)};c>0?S.current=window.setTimeout(y,c):y()};e.useEffect(()=>{if(!h||!N.current)return;const y=()=>b(C());y();const E=new ResizeObserver(y);return E.observe(N.current),window.addEventListener("scroll",y,!0),window.addEventListener("resize",y),()=>{E.disconnect(),window.removeEventListener("scroll",y,!0),window.removeEventListener("resize",y)}},[h,C]);const v=()=>{S.current&&(clearTimeout(S.current),S.current=null),g(!1)};return e.createElement(e.Fragment,null,e.createElement("span",{ref:N,className:"inline-flex",onMouseEnter:w,onMouseLeave:v,onFocus:w,onBlur:v,tabIndex:0},u),h&&m&&Oe.createPortal(e.createElement("div",{role:"tooltip",className:"fixed z-[9999] pointer-events-none",style:{top:m.top,left:m.left,transform:r==="top"?"translate(-50%, -100%)":r==="bottom"?"translate(-50%, 0)":r==="left"?"translate(-100%, -50%)":"translate(0, -50%)"}},e.createElement("div",{className:p(Ue({side:r,hasSupportingText:!!s}),o)},t,s&&e.createElement("p",{className:Ze},s),e.createElement("span",{className:Qe({side:r})}))),document.body))};re.displayName="Tooltip";const Je={brand:{bg:"bg-primary-50",border:"border-primary-300",text:"text-primary-700"},gray:{bg:"bg-white",border:"border-light-200",text:"text-light-800"},error:{bg:"bg-error-50",border:"border-error-200",text:"text-error-700"},warning:{bg:"bg-warning-50",border:"border-warning-200",text:"text-warning-700"},success:{bg:"bg-success-50",border:"border-success-200",text:"text-success-700"},"blue-gray":{bg:"bg-blue-gray-50",border:"border-blue-gray-200",text:"text-blue-gray-700"},"blue-light":{bg:"bg-blue-light-50",border:"border-blue-light-200",text:"text-blue-light-700"},indigo:{bg:"bg-indigo-50",border:"border-indigo-200",text:"text-indigo-700"},purple:{bg:"bg-purple-50",border:"border-purple-200",text:"text-purple-700"},blue:{bg:"bg-blue-50",border:"border-blue-200",text:"text-blue-700"},pink:{bg:"bg-pink-50",border:"border-pink-200",text:"text-pink-700"},orange:{bg:"bg-orange-50",border:"border-orange-200",text:"text-orange-700"}},Ye=f(["inline-flex items-center gap-1 border","font-medium transition-colors duration-150","select-none"],{variants:{size:{sm:"text-caption-sm py-[3px]",md:"text-caption-lg py-[2px]",lg:"text-caption-lg py-1"},shape:{rounded:"rounded-md",pill:"rounded-full"},hasLeading:{true:"",false:""},hasTrailing:{true:"",false:""},interactive:{true:"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white",false:""},disabled:{true:"cursor-not-allowed opacity-60",false:""}},compoundVariants:[{size:"sm",hasLeading:!1,className:"pl-2"},{size:"sm",hasLeading:!0,className:"pl-1"},{size:"sm",hasTrailing:!1,className:"pr-2"},{size:"sm",hasTrailing:!0,className:"pr-1"},{size:"md",hasLeading:!1,className:"pl-[9px]"},{size:"md",hasLeading:!0,className:"pl-1"},{size:"md",hasTrailing:!1,className:"pr-[9px]"},{size:"md",hasTrailing:!0,className:"pr-1"},{size:"lg",hasLeading:!1,className:"pl-2.5"},{size:"lg",hasLeading:!0,className:"pl-1.5"},{size:"lg",hasTrailing:!1,className:"pr-2.5"},{size:"lg",hasTrailing:!0,className:"pr-1.5"}],defaultVariants:{size:"sm",shape:"rounded",hasLeading:!1,hasTrailing:!1,interactive:!1,disabled:!1}}),$e=f(["shrink-0 rounded border bg-white transition-colors duration-150 size-3.5"],{variants:{checked:{true:"bg-primary-500 border-primary-500",false:""}},defaultVariants:{checked:!1}}),Re="shrink-0 rounded-[3px] bg-light-100 px-1 text-light-800",et="shrink-0 rounded-[3px] p-0.5 hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400",se=/^#([0-9a-f]{6})$/i,ae=t=>se.test(t.trim()),le=(t,s)=>{const r=se.exec(t.trim());if(!r)return;const a=parseInt(r[1],16),n=a>>16&255,l=a>>8&255,c=a&255;return`rgba(${n}, ${l}, ${c}, ${s})`},F=({children:t,size:s="sm",shape:r="rounded",icon:a,checked:n,onCheckedChange:l,onClose:c,count:o,disabled:u=!1,className:d,color:g="gray",customColor:m})=>{const b=l!==void 0,h=n!==void 0||!!a,N=!!c||o!==void 0,S=Je[g],C=!!(m&&ae(m)),w=C?{borderColor:m,backgroundColor:le(m,.12),color:m}:void 0,v=()=>{u||l?.(!n)},y=E=>{!b||u||(E.key==="Enter"||E.key===" ")&&(E.preventDefault(),v())};return e.createElement("div",{role:b?"checkbox":void 0,"aria-checked":b?!!n:void 0,"aria-disabled":u||void 0,tabIndex:b&&!u?0:void 0,onClick:b?v:void 0,onKeyDown:y,style:w,className:p(Ye({size:s,shape:r,hasLeading:h,hasTrailing:N,interactive:b,disabled:u}),!C&&S.bg,!C&&S.border,!C&&S.text,d)},n!==void 0&&e.createElement("span",{className:p($e({checked:n}),!n&&!C&&S.border),style:!n&&C?{borderColor:m}:void 0},n&&e.createElement("svg",{viewBox:"0 0 14 10",fill:"none",className:"size-full text-white"},e.createElement("path",{d:"M1 5L5 9L13 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),a,e.createElement("span",{className:"whitespace-nowrap"},t),o!==void 0&&e.createElement("span",{className:Re},o),c&&e.createElement("button",{type:"button","aria-label":"Remove",disabled:u,onClick:E=>{E.stopPropagation(),c()},className:et},e.createElement("svg",{viewBox:"0 0 10 10",fill:"none",className:"size-2.5"},e.createElement("path",{d:"M1 1L9 9M9 1L1 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))};F.displayName="Tag";const tt={brand:{solidBg:"bg-primary-50",solidBorder:"border-primary-300",solidText:"text-primary-500",outlineBorder:"border-primary-500",outlineText:"text-primary-700"},gray:{solidBg:"bg-light-50",solidBorder:"border-light-200",solidText:"text-light-700",outlineBorder:"border-light-600",outlineText:"text-light-700"},error:{solidBg:"bg-error-50",solidBorder:"border-error-200",solidText:"text-error-700",outlineBorder:"border-error-600",outlineText:"text-error-700"},warning:{solidBg:"bg-warning-50",solidBorder:"border-warning-200",solidText:"text-warning-700",outlineBorder:"border-warning-600",outlineText:"text-warning-700"},success:{solidBg:"bg-success-50",solidBorder:"border-success-200",solidText:"text-success-700",outlineBorder:"border-success-600",outlineText:"text-success-700"},"blue-gray":{solidBg:"bg-blue-gray-50",solidBorder:"border-blue-gray-200",solidText:"text-blue-gray-700",outlineBorder:"border-blue-gray-600",outlineText:"text-blue-gray-700"},"blue-light":{solidBg:"bg-blue-light-50",solidBorder:"border-blue-light-200",solidText:"text-blue-light-700",outlineBorder:"border-blue-light-600",outlineText:"text-blue-light-700"},indigo:{solidBg:"bg-indigo-50",solidBorder:"border-indigo-200",solidText:"text-indigo-700",outlineBorder:"border-indigo-600",outlineText:"text-indigo-700"},purple:{solidBg:"bg-purple-50",solidBorder:"border-purple-200",solidText:"text-purple-700",outlineBorder:"border-purple-600",outlineText:"text-purple-700"},blue:{solidBg:"bg-blue-50",solidBorder:"border-blue-200",solidText:"text-blue-700",outlineBorder:"border-blue-600",outlineText:"text-blue-700"},pink:{solidBg:"bg-pink-50",solidBorder:"border-pink-200",solidText:"text-pink-700",outlineBorder:"border-pink-600",outlineText:"text-pink-700"},orange:{solidBg:"bg-orange-50",solidBorder:"border-orange-200",solidText:"text-orange-700",outlineBorder:"border-orange-600",outlineText:"text-orange-700"}},rt=f(["inline-flex items-center gap-1 border font-medium","transition-colors duration-150"],{variants:{size:{sm:"text-caption-sm py-0.5",md:"text-caption-lg py-0.5",lg:"text-caption-lg py-1"},shape:{pill:"rounded-full",badge:""},modern:{true:"rounded-md shadow-xs",false:""},hasLeading:{true:"",false:""},hasTrailing:{true:"",false:""},iconOnly:{true:"p-[5px]",false:""},interactive:{true:"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white",false:""},disabled:{true:"cursor-not-allowed opacity-60",false:""}},compoundVariants:[{shape:"badge",size:"sm",modern:!1,className:"rounded-md"},{shape:"badge",size:"md",modern:!1,className:"rounded-md"},{shape:"badge",size:"lg",modern:!1,className:"rounded-lg"},{size:"sm",shape:"pill",iconOnly:!1,hasLeading:!1,className:"pl-2"},{size:"sm",shape:"badge",iconOnly:!1,hasLeading:!1,className:"pl-1.5"},{size:"sm",iconOnly:!1,hasLeading:!0,className:"pl-1"},{size:"sm",iconOnly:!1,hasTrailing:!1,className:"pr-2"},{size:"sm",iconOnly:!1,hasTrailing:!0,className:"pr-1"},{size:"md",iconOnly:!1,hasLeading:!1,className:"pl-2.5"},{size:"md",iconOnly:!1,hasLeading:!0,className:"pl-1"},{size:"md",iconOnly:!1,hasTrailing:!1,className:"pr-2.5"},{size:"md",iconOnly:!1,hasTrailing:!0,className:"pr-1"},{size:"lg",shape:"pill",iconOnly:!1,hasLeading:!1,className:"pl-3"},{size:"lg",shape:"badge",iconOnly:!1,hasLeading:!1,className:"pl-2.5"},{size:"lg",iconOnly:!1,hasLeading:!0,className:"pl-1.5"},{size:"lg",shape:"pill",iconOnly:!1,hasTrailing:!1,className:"pr-3"},{size:"lg",shape:"badge",iconOnly:!1,hasTrailing:!1,className:"pr-2.5"},{size:"lg",iconOnly:!1,hasTrailing:!0,className:"pr-1.5"}],defaultVariants:{size:"sm",shape:"pill",modern:!1,hasLeading:!1,hasTrailing:!1,iconOnly:!1,interactive:!1,disabled:!1}}),st="size-4 shrink-0 rounded border bg-white",at="shrink-0 rounded p-0.5 hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400",ne=({children:t,size:s="sm",shape:r="pill",variant:a="solid",color:n="brand",customColor:l,modern:c=!1,icon:o,trailingIcon:u,checked:d,onCheckedChange:g,onClose:m,iconOnly:b=!1,disabled:h=!1,className:N})=>{const S=g!==void 0,C=d!==void 0||!!o,w=!!m||!!u,v=tt[n],y=!!(l&&ae(l)),E=y?{borderColor:l,color:l,backgroundColor:a==="outline"?"transparent":le(l,.1)}:void 0,L=()=>{h||g?.(!d)},z=T=>{!S||h||(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),L())};return e.createElement("div",{role:S?"checkbox":void 0,"aria-checked":S?!!d:void 0,"aria-disabled":h||void 0,tabIndex:S&&!h?0:void 0,onClick:S?L:void 0,onKeyDown:z,style:E,className:p(rt({size:s,shape:r,modern:c,hasLeading:C,hasTrailing:w,iconOnly:b,interactive:S,disabled:h}),!y&&(a==="outline"?p("bg-transparent",v.outlineBorder,v.outlineText):p(v.solidBg,v.solidBorder,v.solidText)),N)},d!==void 0&&e.createElement("span",{className:p(st,d?"bg-primary-500 border-primary-500":!y&&v.solidBorder),style:!d&&y?{borderColor:l}:void 0},d&&e.createElement("svg",{viewBox:"0 0 14 10",fill:"none",className:"size-full text-white"},e.createElement("path",{d:"M1 5L5 9L13 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o,!b&&e.createElement("span",{className:"whitespace-nowrap"},t),u,m&&e.createElement("button",{type:"button","aria-label":"Remove",disabled:h,onClick:T=>{T.stopPropagation(),m()},className:at},e.createElement("svg",{viewBox:"0 0 10 10",fill:"none",className:"size-2.5"},e.createElement("path",{d:"M1 1L9 9M9 1L1 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))};ne.displayName="Badge";const lt={brand:{bg50:"bg-primary-50",hoverBg100:"hover:bg-primary-100",border200:"border-primary-200",border500:"border-primary-500",text500:"text-primary-500"},gray:{bg50:"bg-light-50",hoverBg100:"hover:bg-light-100",border200:"border-light-200",border500:"border-light-500",text500:"text-light-500"},error:{bg50:"bg-error-50",hoverBg100:"hover:bg-error-100",border200:"border-error-200",border500:"border-error-500",text500:"text-error-500"},warning:{bg50:"bg-warning-50",hoverBg100:"hover:bg-warning-100",border200:"border-warning-200",border500:"border-warning-500",text500:"text-warning-500"},success:{bg50:"bg-success-50",hoverBg100:"hover:bg-success-100",border200:"border-success-200",border500:"border-success-500",text500:"text-success-500"}},nt={md:{outerPad:{leading:"pl-1 pr-2.5 py-1",trailing:"pl-3 pr-1 py-1"},gap:"gap-2",chipPad:"px-2 py-0.5",text:"text-caption-lg"},lg:{outerPad:{leading:"pl-1.5 pr-3 py-1.5",trailing:"pl-3 pr-1.5 py-1.5"},gap:"gap-2",chipPad:"px-2.5 py-[3px]",text:"text-body-sm"}},ie=({badgeLabel:t,children:s,size:r="md",theme:a="light",color:n="brand",badgePosition:l="leading",icon:c,onClick:o,className:u})=>{const d=lt[n],g=nt[r],m=a==="modern",b=a==="outline",h=p("inline-flex items-center border transition-colors duration-150",g.gap,g.outerPad[l],m?"rounded-lg bg-light-50 border-light-200 shadow-xs":b?p("rounded-full bg-white border-[1.5px]",d.border500):p("rounded-full",d.bg50,d.border200,d.hoverBg100),o&&"cursor-pointer",u),N=p("inline-flex shrink-0 items-center gap-1 border font-medium whitespace-nowrap",g.chipPad,g.text,m?"rounded-md bg-white border-light-200 text-light-800":b?p("rounded-full bg-white border-[1.5px]",d.border500,d.text500):p("rounded-full bg-white",d.border200,d.text500)),S=p("inline-flex items-center gap-1 font-medium",g.text,m?"text-light-800":d.text500),C=e.createElement("span",{className:N},m&&e.createElement("span",{className:"size-2 shrink-0 rounded-full bg-light-400"}),t);return e.createElement("div",{role:o?"button":void 0,tabIndex:o?0:void 0,onClick:o,className:h},l==="leading"&&C,e.createElement("span",{className:S},s,c),l==="trailing"&&C)};ie.displayName="BadgeGroup";const it=({size:t})=>{const s=t*.09,r=(t-s)/2,a=2*Math.PI*r;return e.createElement("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,fill:"none",className:"animate-spin"},e.createElement("circle",{cx:t/2,cy:t/2,r,strokeWidth:s,className:"stroke-light-100"}),e.createElement("circle",{cx:t/2,cy:t/2,r,strokeWidth:s,strokeLinecap:"round",strokeDasharray:`${a*.25} ${a}`,className:"stroke-primary-600"}))},ot=({size:t})=>{const s=e.useId(),r=t*.125,a=(t-r)/2,n=2*Math.PI*a;return e.createElement("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,fill:"none",className:"animate-spin text-primary-600"},e.createElement("defs",null,e.createElement("linearGradient",{id:s,x1:"100%",y1:"0%",x2:"0%",y2:"100%"},e.createElement("stop",{offset:"0%",stopColor:"currentColor",stopOpacity:"1"}),e.createElement("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:"0"}))),e.createElement("circle",{cx:t/2,cy:t/2,r:a,strokeWidth:r,className:"stroke-light-100"}),e.createElement("circle",{cx:t/2,cy:t/2,r:a,strokeWidth:r,strokeLinecap:"round",stroke:`url(#${s})`,strokeDasharray:`${n*.75} ${n}`}))},ct=({size:t})=>{const r=Math.max(t*.1,3),a=(t-r)/2;return e.createElement("div",{className:"relative animate-spin",style:{width:t,height:t}},Array.from({length:12}).map((n,l)=>{const c=30*l,o=.15+.85*l/11;return e.createElement("span",{key:l,className:"absolute rounded-full bg-primary-600 top-1/2 left-1/2",style:{width:r,height:r,opacity:o,marginTop:-r/2,marginLeft:-r/2,transform:`rotate(${c}deg) translate(${a}px) rotate(${-c}deg)`}})}))},dt={sm:{box:32,gapClass:"gap-4",textClass:"text-caption-lg"},md:{box:48,gapClass:"gap-4",textClass:"text-caption-lg"},lg:{box:56,gapClass:"gap-4",textClass:"text-body-lg"},xl:{box:64,gapClass:"gap-5",textClass:"text-body-lg"}},oe=({size:t="sm",style:s="line-simple",supportingText:r=!0,label:a="Loading...",className:n})=>{const{box:l,gapClass:c,textClass:o}=dt[t];return e.createElement("div",{role:"status","aria-label":typeof a=="string"?a:"Loading",className:p("inline-flex flex-col items-center",c,n)},s==="line-simple"&&e.createElement(it,{size:l}),s==="line-spinner"&&e.createElement(ot,{size:l}),s==="dot-circle"&&e.createElement(ct,{size:l}),r&&e.createElement("p",{className:p("font-medium text-light-700 whitespace-nowrap",o)},a))};oe.displayName="Loading";const ce=({className:t,style:s})=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",className:t,style:s},e.createElement("path",{d:"M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z",stroke:"currentColor",strokeWidth:"1.75"}),e.createElement("path",{d:"M3.75 20.25a8.25 8.25 0 0 1 16.5 0",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})),de=({className:t})=>e.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:t},e.createElement("circle",{cx:"10",cy:"10",r:"9",className:"fill-primary-500 stroke-white",strokeWidth:"1.5"}),e.createElement("path",{d:"M6 10.2 8.6 12.8 14 7",stroke:"white",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})),ut={xs:{box:24,borderWidth:"0.5px",statusSize:6,badgeSize:10,textClass:"text-caption-sm"},sm:{box:32,borderWidth:"0.5px",statusSize:8,badgeSize:12,textClass:"text-caption-lg"},md:{box:40,borderWidth:"0.75px",statusSize:10,badgeSize:14,textClass:"text-body-sm"},lg:{box:48,borderWidth:"0.75px",statusSize:12,badgeSize:16,textClass:"text-body-lg"},xl:{box:56,borderWidth:"0.75px",statusSize:14,badgeSize:18,textClass:"text-h6"},"2xl":{box:64,borderWidth:"0.75px",statusSize:16,badgeSize:20,textClass:"text-h5 leading-7"}},mt="#17B26A",A=({src:t,alt:s,initials:r,size:a="md",status:n="none",statusIcon:l,contrastBorder:c=!0,className:o})=>{const{box:u,borderWidth:d,statusSize:g,badgeSize:m,textClass:b}=ut[a],h=t?"image":r!==void 0?"initials":"placeholder";return e.createElement("div",{className:p("relative inline-block shrink-0 rounded-full",o),style:{width:u,height:u}},h==="image"&&e.createElement("img",{src:t,alt:s??"",className:"absolute inset-0 size-full rounded-full object-cover"}),h==="placeholder"&&e.createElement("div",{className:"absolute inset-0 flex items-center justify-center rounded-full bg-light-50"},e.createElement(ce,{className:"text-light-300",style:{width:u*.55,height:u*.55}})),h==="initials"&&e.createElement("div",{className:p("absolute inset-0 flex items-center justify-center rounded-full bg-light-50 font-semibold text-light-500",b)},r),c&&e.createElement("div",{className:"pointer-events-none absolute inset-0 rounded-full border-black/[0.08]",style:{borderWidth:d,borderStyle:"solid"}}),n==="online"&&e.createElement("span",{className:"absolute bottom-0 right-0 rounded-full border-[1.5px] border-white",style:{width:g,height:g,backgroundColor:mt}}),n==="company"&&e.createElement("div",{className:"absolute bottom-0 right-0 flex items-center justify-center overflow-hidden rounded-full border-[1.5px] border-white bg-white",style:{width:m,height:m}},l),n==="verified"&&e.createElement("div",{className:"absolute bottom-0 right-0",style:{width:m,height:m}},e.createElement(de,{className:"size-full"})))};A.displayName="Avatar";const gt={xs:{box:24,overlap:-4,contrastBorderWidth:"0.5px",plusIconSize:16,textClass:"text-caption-sm"},sm:{box:32,overlap:-8,contrastBorderWidth:"0.5px",plusIconSize:16,textClass:"text-caption-lg"},md:{box:40,overlap:-12,contrastBorderWidth:"0.75px",plusIconSize:20,textClass:"text-body-sm"}},ue=({avatars:t,max:s,size:r="xs",onAdd:a,className:n})=>{const{box:l,overlap:c,contrastBorderWidth:o,textClass:u}=gt[r],d=s?t.slice(0,s):t,g=s&&t.length>s?t.length-s:0;return e.createElement("div",{className:p("inline-flex items-start gap-2",n)},e.createElement("div",{className:"flex items-start"},d.map((m,b)=>e.createElement("div",{key:b,className:"relative shrink-0 overflow-hidden rounded-full border-[1.5px] border-white",style:{width:l,height:l,marginRight:c}},m.src?e.createElement("img",{src:m.src,alt:m.alt??"",className:"size-full object-cover"}):e.createElement("div",{className:"flex size-full items-center justify-center bg-light-50 font-semibold text-light-500"},m.initials),e.createElement("div",{className:"pointer-events-none absolute inset-0 rounded-full border-black/[0.08]",style:{borderWidth:o,borderStyle:"solid"}}))),g>0&&e.createElement("div",{className:"relative flex shrink-0 items-center justify-center rounded-full border-2 border-white bg-light-100",style:{width:l,height:l}},e.createElement("span",{className:p("font-semibold text-light-600",u)},"+",g))),a&&e.createElement("button",{type:"button",onClick:a,"aria-label":"Add",className:"flex shrink-0 items-center justify-center rounded-full border border-dashed border-light-300 bg-white text-light-500 hover:bg-light-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2",style:{width:l,height:l}},e.createElement("svg",{width:l*.4,height:l*.4,viewBox:"0 0 20 20",fill:"none"},e.createElement("path",{d:"M10 4v12M4 10h12",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"}))))};ue.displayName="AvatarGroup";const pt={xs:{nameClass:"text-caption-sm",subtitleClass:"text-caption-sm"},sm:{nameClass:"text-caption-lg",subtitleClass:"text-caption-sm"},md:{nameClass:"text-caption-lg",subtitleClass:"text-caption-lg"},lg:{nameClass:"text-body-sm",subtitleClass:"text-body-sm"},xl:{nameClass:"text-body-lg",subtitleClass:"text-body-sm"}},me=({name:t,subtitle:s,src:r,initials:a,size:n="xs",status:l="none",statusIcon:c,className:o})=>{const{nameClass:u,subtitleClass:d}=pt[n];return e.createElement("div",{className:p("inline-flex items-center gap-2",o)},e.createElement(A,{src:r,initials:a,size:n,status:l,statusIcon:c}),e.createElement("div",{className:"flex flex-col items-start whitespace-nowrap"},e.createElement("span",{className:p("font-bold text-light-800",u)},t),s&&e.createElement("span",{className:p("font-normal text-light-700",d)},s)))};me.displayName="AvatarLabelGroup";const ft={sm:{box:72,ringWidth:3,shadowClass:"shadow-md",iconSize:36,textClass:"text-h4",verifiedSize:20,verifiedOffset:0},md:{box:96,ringWidth:4,shadowClass:"shadow-lg",iconSize:48,textClass:"text-h3",verifiedSize:24,verifiedOffset:0},lg:{box:160,ringWidth:4,shadowClass:"shadow-lg",iconSize:80,textClass:"text-h1",verifiedSize:32,verifiedOffset:4}},ge=({src:t,alt:s,initials:r,size:a="sm",verified:n=!0,contrastBorder:l=!0,className:c})=>{const{box:o,ringWidth:u,shadowClass:d,iconSize:g,textClass:m,verifiedSize:b,verifiedOffset:h}=ft[a],N=t?"image":r!==void 0?"initials":"placeholder";return e.createElement("div",{className:p("relative rounded-full",c),style:{width:o,height:o}},e.createElement("div",{className:p("absolute inset-0 overflow-hidden rounded-full border-white",d,N!=="image"&&"bg-light-100"),style:{borderWidth:u,borderStyle:"solid"}},N==="image"&&e.createElement("img",{src:t,alt:s??"",className:"absolute inset-0 size-full rounded-full object-cover"}),l&&e.createElement("div",{className:"pointer-events-none absolute inset-0 rounded-full border border-black/[0.08]"}),N==="placeholder"&&e.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},e.createElement(ce,{className:"text-light-300",style:{width:g,height:g}})),N==="initials"&&e.createElement("div",{className:p("absolute inset-0 flex items-center justify-center font-semibold text-light-500",m)},r)),n&&e.createElement("div",{className:"absolute",style:{width:b,height:b,bottom:h,right:h}},e.createElement(de,{className:"size-full"})))};ge.displayName="AvatarProfilePhoto";const bt={"button-gray":{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3 py-2 text-base gap-2"},"button-white":{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3 py-2 text-base gap-2"},"button-primary":{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3 py-2 text-base gap-2"},underline:{sm:"h-8 px-1 pb-3 text-sm gap-2",md:"h-9 px-1 pb-3 text-base gap-2"},"underline-filled":{sm:"h-11 p-3 text-sm gap-2",md:"h-12 p-3 text-base gap-2"},line:{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3.5 py-2.5 text-base gap-2"}},ht={"button-gray":"rounded-md","button-white":"rounded-md","button-primary":"rounded-md",underline:"rounded-none","underline-filled":"rounded-none",line:"rounded-none"},xt={"button-gray":{active:"bg-light-50 text-light-700",inactive:"bg-transparent text-light-500",hoverInactive:"hover:bg-light-50 hover:text-light-700",hasFocusRing:!0},"button-white":{active:"bg-white text-light-700 shadow-sm",inactive:"bg-transparent text-light-500",hoverInactive:"hover:bg-white hover:text-light-700 hover:shadow-sm",hasFocusRing:!0},"button-primary":{active:"bg-primary-50 text-primary-700",inactive:"bg-transparent text-light-500",hoverInactive:"hover:bg-primary-50 hover:text-primary-700",hasFocusRing:!0},underline:{active:"border-b-2 border-primary-500 text-primary-700",inactive:"border-b-2 border-transparent text-light-500",hoverInactive:"hover:border-primary-500 hover:text-primary-700",hasFocusRing:!1},"underline-filled":{active:"bg-primary-50 border-b-2 border-primary-500 text-primary-700",inactive:"bg-transparent border-b-2 border-transparent text-light-500",hoverInactive:"hover:bg-primary-50 hover:border-primary-500 hover:text-primary-700",hasFocusRing:!1},line:{active:"bg-transparent border-l-2 border-primary-500 text-primary-700",inactive:"bg-transparent border-l-2 border-transparent text-light-500",hoverInactive:"hover:border-primary-500 hover:text-primary-700",hasFocusRing:!0}},vt="inline-flex items-center justify-center rounded-full border border-light-200 bg-light-50 px-2 py-0.5 text-caption-sm font-medium text-light-700",yt={"button-gray":{gapClass:"gap-1",hasHairline:!1},"button-white":{gapClass:"gap-1",hasHairline:!1},"button-primary":{gapClass:"gap-1",hasHairline:!1},underline:{gapClass:"gap-3",hasHairline:!0},"underline-filled":{gapClass:"gap-3",hasHairline:!0},line:{gapClass:"gap-1",hasHairline:!1}},pe=({children:t,variant:s="button-primary",size:r="sm",active:a=!1,fullWidth:n=!1,count:l,disabled:c=!1,onClick:o,className:u})=>{const d=xt[s];return e.createElement("button",{type:"button",role:"tab","aria-selected":a,disabled:c,onClick:o,className:p("inline-flex items-center justify-center font-semibold transition-colors duration-150",bt[s][r],ht[s],a?d.active:d.inactive,!a&&!c&&d.hoverInactive,d.hasFocusRing&&"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white",n&&"w-full",c?"cursor-not-allowed opacity-60":"cursor-pointer",u)},e.createElement("span",{className:"whitespace-nowrap"},t),l!==void 0&&e.createElement("span",{className:vt},l))};pe.displayName="Tab";const fe=({children:t,variant:s="button-primary",orientation:r="horizontal",boxed:a=!1,className:n})=>{const{gapClass:l,hasHairline:c}=yt[s];return e.createElement("div",{role:"tablist","aria-orientation":r,className:p("inline-flex",r==="vertical"?"flex-col items-stretch":"flex-row items-center",l,a&&"rounded-lg border border-light-200 bg-light-50 p-1",c&&r==="horizontal"&&!a&&"border-b border-light-200",n)},t)};fe.displayName="TabList";const be=9,j=1,wt=30;function he(t){const s=be,r=j-t,a=r?`calc(100% - ${r}px)`:"100%",n=`calc(100% - ${s+1}px)`,l=`calc(100% - ${s}px)`;return`shape(${[`from ${-t}px 100%`,...r?[`vline to ${a}`]:[],`curve to ${s}px ${n} with ${s}px ${a}`,`vline to ${s-t}px`,`curve to ${2*s-t}px 0 with ${s}px 0`,`hline to calc(100% - ${2*s-t}px)`,`curve to ${l} ${s-t}px with ${l} 0`,`vline to ${n}`,`curve to ${t?`calc(100% + ${t}px)`:"100%"} ${a} with ${l} ${a}`,...r?["vline to 100%"]:[]].join(", ")})`}const Et=he(0),Nt=he(j),kt={default:{box:"h-12 shrink-0",padX:wt},"max-width":{box:"h-9 min-w-px flex-1",padX:be}},St={clipPath:Et,paddingInline:`${j}px`},Ct={paddingInline:`${j}px`},xe=e.forwardRef(({active:t=!1,type:s="default",disabled:r=!1,iconLeft:a,trailing:n,tooltip:l,children:c,className:o,style:u,...d},g)=>{const m=!r&&!t,{box:b,padX:h}=kt[s],N=t?{clipPath:Nt,paddingInline:`${h-j}px`}:{paddingInline:`${h-j}px`};return e.createElement("button",{ref:g,title:l,...d,type:"button",role:"tab","aria-selected":t,disabled:r,className:p("group relative flex rounded-t-lg pt-px transition-colors duration-150 focus-visible:outline-none",b,r&&"cursor-not-allowed opacity-60",m&&"cursor-pointer",t&&"-mb-px cursor-default bg-light-200 focus-visible:bg-primary-400",o),style:{...t?St:Ct,...u}},e.createElement("span",{className:p("flex h-full w-full items-center justify-center gap-1 whitespace-nowrap rounded-t-lg text-caption-sm",t?"bg-white font-bold text-light-800":"font-medium leading-4 text-light-600",m&&"group-hover:bg-light-100 group-hover:text-light-800",m&&"group-focus-visible:rounded-b-lg group-focus-visible:ring-2 group-focus-visible:ring-primary-400 group-focus-visible:ring-offset-2"),style:N},a&&e.createElement("span",{className:"shrink-0"},a),e.createElement("span",{className:"overflow-hidden text-ellipsis"},c),n))});xe.displayName="TabBrowser";const ve=({children:t,separators:s=!1,trailingSlot:r,className:a})=>{const n=e.Children.toArray(t);return e.createElement("div",{className:p("flex items-end",a)},e.createElement("div",{role:"tablist",className:"flex min-w-0 flex-1 items-end"},n.map((l,c)=>e.createElement(e.Fragment,{key:c},l,s&&c<n.length-1&&e.createElement("span",{"aria-hidden":!0,className:"mb-3 h-5 w-px shrink-0 self-end bg-light-200"})))),r)};ve.displayName="TabBrowserBar";const zt=f("flex flex-col gap-1 w-full",{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-sm"}},defaultVariants:{size:"md"}}),Tt=f("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"",false:"text-light-800"}},defaultVariants:{error:!1}}),Bt=f(["flex items-center w-full border","bg-white transition-[border-color,border-width]"],{variants:{size:{xs:"h-7 px-2 gap-1 rounded text-caption-sm",sm:"h-9 px-3 gap-2 rounded-lg",md:"h-11 px-3 gap-2 rounded-lg"},error:{true:["border-error-200","focus-within:border-2 focus-within:border-error-500"],false:["border-light-200","focus-within:border-2 focus-within:border-primary-500"]},disabled:{true:"bg-light-100 text-light-400 cursor-not-allowed",false:""}},defaultVariants:{size:"md",error:!1,disabled:!1}}),Lt=f(["flex-1 bg-transparent outline-none text-light-900","placeholder:text-light-500","disabled:text-light-400 disabled:cursor-not-allowed"],{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"},error:{true:"",false:"text-light-900"}},defaultVariants:{size:"md",error:!1}}),It=f("text-caption-lg",{variants:{error:{true:"text-error-500",false:"text-light-700"}}}),_t=f("flex items-stretch w-full bg-white border overflow-hidden transition-[border-color,border-width]",{variants:{size:{xs:"rounded",sm:"rounded-lg",md:"rounded-lg"},error:{true:["border-error-200","focus-within:border-2 focus-within:border-error-500"],false:["border-light-200","focus-within:border-2 focus-within:border-primary-500"]},disabled:{true:"bg-light-100",false:""}},defaultVariants:{size:"md",error:!1,disabled:!1}}),Vt=f("flex flex-1 items-center min-w-0",{variants:{size:{xs:"gap-1 px-2 py-1",sm:"gap-2 px-3 py-2",md:"gap-2 px-3 py-2"},disabled:{true:"text-light-400 cursor-not-allowed",false:""}},defaultVariants:{size:"md",disabled:!1}}),Ot=f("flex items-center text-light-700 whitespace-nowrap border-r border-light-200",{variants:{size:{xs:"px-2 text-caption-sm",sm:"px-3 text-caption-lg",md:"px-3 text-body-sm"}},defaultVariants:{size:"md"}}),ye=f(["flex items-center gap-1 shrink-0 bg-transparent p-0 text-light-800 cursor-pointer","hover:bg-transparent hover:text-light-900","disabled:cursor-not-allowed disabled:text-light-400"],{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"}},defaultVariants:{size:"md"}}),jt=f("flex shrink-0 items-center justify-center gap-1 w-[92px] border-l border-light-200 bg-white font-semibold text-light-800 hover:bg-light-50 disabled:cursor-not-allowed disabled:text-light-400",{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"}},defaultVariants:{size:"md"}}),we=({className:t})=>i.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:t},i.createElement("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),Mt={xs:"h-7",sm:"h-[30px]",md:"h-[34px]"},At=({size:t,error:s,disabled:r})=>p("flex items-center w-full gap-2 rounded-lg border bg-white px-2 transition-[border-color,border-width]",Mt[t],s?"border-error-200 focus-within:border-2 focus-within:border-error-500":"border-light-200 focus-within:border-2 focus-within:border-primary-500",r&&"bg-light-100 text-light-400 cursor-not-allowed"),Wt=({error:t})=>p("flex items-center gap-1 text-caption-sm font-semibold",t?"":"text-light-800"),Pt="flex flex-col w-full max-w-[320px]",W=i.forwardRef(function({label:s,required:r,hint:a,rightIcon:n,size:l="md",error:c=!1,disabled:o=!1,compact:u=!1,hideCalendarIcon:d=!1,type:g,prefix:m,suffix:b,leadingAddon:h,leadingDropdown:N,trailingDropdown:S,trailingButton:C,maxLength:w,value:v,className:y,wrapperClassName:E,...L},z){const T=!!(h||C),B=i.createElement(i.Fragment,null,N&&i.createElement("button",{type:"button",onClick:N.onClick,disabled:N.disabled||o,className:ye({size:l})},i.createElement("span",null,N.value),i.createElement(we,{className:"size-5 text-light-500"})),m&&i.createElement("div",{className:"flex items-center"},m),i.createElement("input",{...L,ref:z,type:g,disabled:o,maxLength:w,value:v,className:p(Lt({size:l,error:c}),"h-full",d&&"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden",g==="date"&&"[&::-webkit-datetime-edit]:p-0 [&::-webkit-datetime-edit-fields-wrapper]:p-0",y)}),(n||b)&&i.createElement("div",{className:"flex h-full items-center gap-2"},n&&i.createElement("div",{className:"flex h-full items-center pb-0.5 text-light-400 hover:text-light-600"},n),b&&i.createElement("div",{className:"flex h-full items-center gap-1 leading-none text-light-700"},b)),S&&i.createElement("button",{type:"button",onClick:S.onClick,disabled:S.disabled||o,className:ye({size:l})},i.createElement("span",null,S.value),i.createElement(we,{className:"size-5 text-light-500"})));return i.createElement("div",{className:p(u?Pt:zt({size:l}),E)},s&&i.createElement("label",{className:u?Wt({error:c}):Tt({error:c})},s,r&&i.createElement("span",{className:"text-error-400"},"*")),T?i.createElement("div",{className:_t({size:l,error:c,disabled:o})},h&&i.createElement("div",{className:Ot({size:l})},h),i.createElement("div",{className:Vt({size:l,disabled:o})},B),C&&i.createElement("button",{type:"button",onClick:C.onClick,disabled:C.disabled||o,className:jt({size:l})},C.icon,i.createElement("span",null,C.label))):i.createElement("div",{className:u?At({size:l,error:c,disabled:o}):Bt({size:l,error:c,disabled:o})},B),w&&typeof v=="string"&&i.createElement("div",{className:"text-right text-xs text-light-400"},v.length,"/",w),a&&i.createElement("p",{className:It({error:c})},a))});function Dt({children:t}){return React.createElement("div",{className:"flex items-center text-light-500"},t)}function Gt({children:t}){return React.createElement("div",{className:"flex items-center text-light-500"},t)}var Ht={outline:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};const P=(t,s,r,a)=>{const n=i.forwardRef(({color:l="currentColor",size:c=24,stroke:o=2,title:u,className:d,children:g,...m},b)=>i.createElement("svg",{ref:b,...Ht[t],width:c,height:c,className:["tabler-icon",`tabler-icon-${s}`,d].join(" "),strokeWidth:o,stroke:l,...m},[u&&i.createElement("title",{key:"svg-title"},u),...a.map(([h,N])=>i.createElement(h,N)),...Array.isArray(g)?g:[g]]));return n.displayName=`${r}`,n};const Ee=P("outline","alert-circle","AlertCircle",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 8v4",key:"svg-1"}],["path",{d:"M12 16h.01",key:"svg-2"}]]);const Ne=P("outline","chevron-down","ChevronDown",[["path",{d:"M6 9l6 6l6 -6",key:"svg-0"}]]);const Ft=P("outline","circle-check","CircleCheck",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-0"}],["path",{d:"M9 12l2 2l4 -4",key:"svg-1"}]]);const K=P("outline","info-circle","InfoCircle",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 9h.01",key:"svg-1"}],["path",{d:"M11 12h1v4h1",key:"svg-2"}]]);const Kt=P("outline","x","X",[["path",{d:"M18 6l-12 12",key:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]]);function Xt({size:t="md",label:s,required:r,hint:a,error:n,disabled:l,placeholder:c="+1 (555) 000-0000",rightIcon:o,value:u,onChange:d,className:g,wrapperClassName:m}){return i.createElement(W,{size:t,label:s,required:r,hint:a,error:n,disabled:l,placeholder:c,rightIcon:o,value:u,onChange:d,className:g,wrapperClassName:m,prefix:i.createElement("div",{className:"flex items-center gap-1 pr-2 text-sm text-light-700"},i.createElement("span",null,"US"),i.createElement(Ne,{size:14}))})}function qt({size:t="md",label:s,required:r,hint:a,error:n,disabled:l,value:c,placeholder:o="1,000.00",currency:u="USD",onCurrencyChange:d,rightIcon:g,onChange:m,className:b,wrapperClassName:h}){return i.createElement(W,{size:t,label:s,required:r,hint:a,error:n,disabled:l,value:c,placeholder:o,rightIcon:g,onChange:m,className:b,wrapperClassName:h,prefix:i.createElement("span",{className:"select-none text-sm text-light-700"},"$"),suffix:i.createElement("button",{type:"button",disabled:l,onClick:d,className:"flex items-center gap-1 text-sm text-light-700 hover:text-light-900 disabled:cursor-not-allowed"},u,i.createElement(Ne,{size:14}))})}function Ut({size:t="md",label:s,required:r,hint:a,disabled:n,error:l,className:c,wrapperClassName:o,value:u,maxLength:d,placeholder:g,onChange:m}){const b=u.length>d,h=l||b;return i.createElement(W,{size:t,label:s,required:r,disabled:n,error:h,value:u,placeholder:g,onChange:m,className:c,wrapperClassName:o,hint:a,suffix:i.createElement("span",{className:p("text-caption-lg",b?"text-error-600":"text-light-400")},u.length,"/",d)})}function Zt({size:t="md",label:s="Card number",required:r,hint:a,error:n,disabled:l,placeholder:c="Card number",value:o,onChange:u,rightIcon:d,prefix:g,className:m,wrapperClassName:b}){return i.createElement(W,{size:t,label:s,required:r,hint:a,error:n,disabled:l,placeholder:c,value:o,onChange:u,rightIcon:d,className:m,wrapperClassName:b,prefix:g??i.createElement("img",{src:"/stories/assets/mastercard.png",alt:"mastercard",className:"h-4 w-6 object-contain"}),inputMode:"numeric",autoComplete:"cc-number"})}const X=W;X.Prefix=Dt,X.Suffix=Gt;const Qt="flex flex-col gap-1 w-full",Jt=f("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"",false:"text-light-800"}},defaultVariants:{error:!1}}),Yt=f(["flex w-full gap-2 border rounded-lg p-3 bg-white","transition-[border-color,border-width]"],{variants:{error:{true:["border-error-200","focus-within:border-2 focus-within:border-error-500"],false:["border-light-200","focus-within:border-2 focus-within:border-primary-500"]},disabled:{true:"bg-light-100 cursor-not-allowed",false:""}},defaultVariants:{error:!1,disabled:!1}}),$t=f(["flex-1 min-h-[132px] bg-transparent outline-none text-caption-lg text-light-900","placeholder:text-light-500","disabled:text-light-400 disabled:cursor-not-allowed disabled:resize-none"],{variants:{resizable:{true:"resize-y",false:"resize-none"}},defaultVariants:{resizable:!0}}),Rt=f("text-caption-lg",{variants:{error:{true:"text-error-500",false:"text-light-700"}},defaultVariants:{error:!1}}),er=({error:t,disabled:s})=>p("flex w-full gap-2 rounded-lg border bg-white p-2 transition-[border-color,border-width]",t?"border-error-200 focus-within:border-2 focus-within:border-error-500":"border-light-200 focus-within:border-2 focus-within:border-primary-500",s&&"bg-light-100 cursor-not-allowed"),tr=({error:t})=>p("flex items-center gap-1 text-caption-sm font-semibold",t?"":"text-light-800"),rr=t=>p("flex-1 min-h-[64px] bg-transparent outline-none text-sm text-light-900","placeholder:text-light-500",t?"resize-y":"resize-none"),sr="flex flex-col w-full max-w-[320px]",ke=e.forwardRef(({label:t,required:s,hint:r,helpIcon:a,error:n=!1,disabled:l=!1,resizable:c=!0,compact:o=!1,rows:u,style:d,className:g,wrapperClassName:m,...b},h)=>{const N=u?{minHeight:`${u*20}px`}:void 0;return e.createElement("div",{className:p(o?sr:Qt,m)},t&&e.createElement("label",{className:o?tr({error:n}):Jt({error:n})},t,s&&e.createElement("span",{className:"text-error-400"},"*"),a),e.createElement("div",{className:o?er({error:n,disabled:l}):Yt({error:n,disabled:l})},e.createElement("textarea",{ref:h,disabled:l,rows:u,style:{...N,...d},className:p(o?rr(c&&!l):$t({resizable:c&&!l}),g),...b})),r&&e.createElement("p",{className:Rt({error:n})},r))});ke.displayName="Textarea";const ar=f("flex w-[320px] flex-col gap-1"),lr=f("flex items-center gap-1 text-sm font-bold",{variants:{error:{true:"text-error-600",false:"text-light-800"}}}),nr=f(["flex items-center","rounded-lg border bg-white","overflow-hidden","transition-colors"],{variants:{size:{sm:"h-9 px-2",md:"h-11 px-3"},error:{true:"border-error-300 focus-within:ring-2 focus-within:ring-error-500",false:"border-light-200 focus-within:ring-2 focus-within:ring-primary-500"},disabled:{true:"bg-light-100 cursor-not-allowed",false:""}},defaultVariants:{size:"md",error:!1,disabled:!1}}),ir=f(["flex items-center gap-1","overflow-x-auto overflow-y-hidden","whitespace-nowrap","scrollbar-hide","flex-1"]),or=f("flex shrink-0 items-center gap-1 rounded-md bg-white border border-light-200 px-2 py-1 text-caption-lg text-light-800"),cr=f(["min-w-[120px]","bg-transparent outline-none","text-light-900 placeholder:text-light-500"],{variants:{disabled:{true:"cursor-not-allowed text-light-400",false:""}}}),dr=f("text-caption-lg",{variants:{error:{true:"text-error-600",false:"text-light-700"}}});function ur({size:t="md",label:s,required:r,hint:a,error:n=!1,disabled:l=!1,placeholder:c="Add items",rightIcon:o,className:u,wrapperClassName:d,options:g,value:m=[],onChange:b}){const h=i.useId(),[N,S]=i.useState(""),C=v=>{const y=g.find(E=>E.label===v);y&&(m.some(E=>E.id===y.id)||(b?.([...m,y]),S("")))},w=v=>{b?.(m.filter(y=>y.id!==v))};return i.createElement("div",{className:p(ar(),d)},s&&i.createElement("label",{className:lr({error:n})},s,r&&i.createElement("span",{className:"text-error-400"},"*")),i.createElement("div",{className:nr({size:t,error:n,disabled:l})},i.createElement("div",{className:ir()},m.map(v=>i.createElement("span",{key:v.id,className:or()},v.avatar&&i.createElement("img",{src:v.avatar,alt:v.label,className:"h-4 w-4 rounded-full"}),v.label,!l&&i.createElement("button",{type:"button",onClick:()=>w(v.id),className:"ml-1 text-light-500 hover:text-light-700"},"×"))),i.createElement("input",{list:h,value:N,onChange:v=>{S(v.target.value),C(v.target.value)},placeholder:m.length===0?c:"",disabled:l,className:p(cr({disabled:l}),u)}),i.createElement("datalist",{id:h},g.map(v=>i.createElement("option",{key:v.id,value:v.label})))),o&&i.createElement("div",{className:"ml-2 flex shrink-0 items-center text-light-400"},o)),a&&i.createElement("p",{className:dr({error:n})},a))}const mr=f("flex w-[320px] flex-col gap-1"),gr=f("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"",false:"text-light-800"}}}),pr=f("flex items-stretch rounded-lg border bg-white transition-colors",{variants:{error:{true:"",false:"border-light-200"},disabled:{true:"bg-light-100",false:""}}}),fr=f("flex items-center px-3 text-sm text-light-500 rounded-l-lg select-none",{variants:{size:{sm:"h-9",md:"h-11"},disabled:{true:"bg-light-100",false:"bg-white"}}}),br="w-px bg-light-200",hr=f(["flex flex-1 items-center gap-2 px-3 rounded-r-lg","transition-shadow","focus-within:ring-2 focus-within:ring-offset-0"],{variants:{size:{sm:"h-9",md:"h-11"},error:{true:"border border-error-200 focus-within:ring-error-500",false:"focus-within:ring-primary-500"},disabled:{true:"cursor-not-allowed",false:""}}}),xr=f("flex-1 bg-transparent outline-none text-light-900 placeholder:text-light-500",{variants:{disabled:{true:"text-light-400 cursor-not-allowed",false:""}}}),vr=f("text-caption-lg",{variants:{error:{true:"text-error-600",false:"text-light-700"}}});function yr({size:t="md",label:s,required:r,hint:a,error:n=!1,disabled:l=!1,placeholder:c="www.cekat.ai",value:o,rightIcon:u,onChange:d,className:g,wrapperClassName:m}){return i.createElement("div",{className:p(mr(),m)},s&&i.createElement("label",{className:gr({error:n})},s,r&&i.createElement("span",{className:"text-error-400"},"*")),i.createElement("div",{className:pr({error:n,disabled:l})},i.createElement("div",{className:fr({size:t})},"http://"),i.createElement("div",{className:br}),i.createElement("div",{className:hr({size:t,error:n,disabled:l})},i.createElement("input",{value:o,onChange:d,placeholder:c,disabled:l,className:p(xr({disabled:l}),g)}),u&&i.createElement("div",{className:"flex items-center text-light-400"},u))),a&&i.createElement("p",{className:vr({error:n})},a))}const wr=f("flex w-[320px] flex-col gap-1"),Er=f("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"text-error-600",false:"text-light-800"}}}),Nr=f("flex items-stretch rounded-lg border border-light-200 bg-white transition-colors",{variants:{disabled:{true:"bg-light-100",false:""}}}),kr=f(["flex flex-1 items-center gap-2 px-3 rounded-l-lg","transition-shadow","focus-within:ring-2 focus-within:ring-offset-0"],{variants:{size:{sm:"h-9",md:"h-11"},error:{true:"border border-error-200 focus-within:ring-error-500",false:"focus-within:ring-primary-500"},disabled:{true:"cursor-not-allowed",false:""}}}),Sr=f("w-px transition-colors",{variants:{error:{true:"focus:bg-error-200 group-focus-within:bg-error-500",false:"focus:bg-light-200 group-focus-within:bg-primary-500"}}}),Cr=f("flex items-center gap-1 px-3 text-sm text-light-700 rounded-r-lg select-none",{variants:{size:{sm:"h-9",md:"h-11"},disabled:{true:"bg-white",false:"bg-white"}}}),zr=f("flex-1 bg-transparent outline-none text-light-900 placeholder:text-light-500",{variants:{disabled:{true:"text-light-400 cursor-not-allowed",false:""}}}),Tr=f("text-caption-lg",{variants:{error:{true:"text-error-600",false:"text-light-700"}}});function Br({size:t="md",label:s,required:r,hint:a,error:n=!1,disabled:l=!1,placeholder:c="www.cekat.ai",value:o,rightIcon:u,suffix:d,onChange:g,className:m,wrapperClassName:b}){return i.createElement("div",{className:p(wr(),b)},s&&i.createElement("label",{className:Er({error:n})},s,r&&i.createElement("span",{className:"text-error-400"},"*")),i.createElement("div",{className:Nr({disabled:l})},i.createElement("div",{className:kr({size:t,error:n,disabled:l})},i.createElement("input",{value:o,onChange:g,placeholder:c,disabled:l,className:p(zr({disabled:l}),m)}),u&&i.createElement("div",{className:"text-light-400"},u)),i.createElement("div",{className:Sr({error:n})}),i.createElement("div",{className:Cr({size:t,disabled:l})},d)),a&&i.createElement("p",{className:Tr({error:n})},a))}const Lr=f("flex w-full flex-col gap-1"),Ir=f("flex items-center gap-1 text-sm font-bold text-light-800"),Se=f(["flex w-full items-center border bg-white text-left","transition-[border-color,border-width]"],{variants:{size:{xs:"h-7 gap-1 rounded px-2 text-caption-sm",sm:"h-9 gap-2 rounded-lg px-3 text-caption-lg",md:"h-11 gap-2 rounded-lg px-3 text-body-sm"},open:{true:"border-2 border-primary-500",false:"border-light-200 focus-within:border-2 focus-within:border-primary-500"},disabled:{true:"cursor-not-allowed bg-light-100",false:"cursor-pointer"}},defaultVariants:{size:"md",open:!1,disabled:!1}}),_r=f(["absolute left-0 top-full z-10 mt-2 w-full overflow-y-auto","rounded-lg border border-light-200 bg-white py-1","shadow-[0_12px_16px_-4px_rgba(16,24,40,0.08),0_4px_6px_-2px_rgba(16,24,40,0.03)]"],{variants:{size:{xs:"max-h-52",sm:"max-h-64",md:"max-h-80"}},defaultVariants:{size:"md"}}),Ce=f("flex w-full items-center rounded-md text-left",{variants:{size:{xs:"gap-1 px-2 py-1 text-caption-sm",sm:"gap-2 px-3 py-1.5 text-caption-lg",md:"gap-2 py-2.5 pl-4 pr-2.5 text-body-sm"},disabled:{true:"cursor-not-allowed text-light-400",false:"cursor-pointer hover:bg-light-50"}},defaultVariants:{size:"md",disabled:!1}}),Vr=f("text-caption-lg text-light-700"),Or=({className:t})=>e.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:t},e.createElement("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),jr=({className:t})=>e.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:t},e.createElement("path",{d:"M17.5 17.5L14.1 14.1M16 9.25C16 12.98 12.98 16 9.25 16C5.52 16 2.5 12.98 2.5 9.25C2.5 5.52 5.52 2.5 9.25 2.5C12.98 2.5 16 5.52 16 9.25Z",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),Mr=({className:t})=>e.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:t},e.createElement("path",{d:"M16.67 5L7.5 14.17L3.33 10",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),q={xs:"size-4",sm:"size-5",md:"size-6"},ze={xs:"size-4",sm:"size-5",md:"size-5"},Ar={xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"},Wr={xs:"h-7",sm:"h-[30px]",md:"h-[34px]"},Te=({size:t,open:s,disabled:r})=>p("flex w-full items-center gap-2 rounded-lg border bg-white px-2 text-left transition-[border-color,border-width]",Ar[t],Wr[t],s?"border-2 border-primary-500":"border-light-200 focus-within:border-2 focus-within:border-primary-500",r?"cursor-not-allowed bg-light-100":"cursor-pointer"),Pr=()=>"flex items-center gap-1 text-caption-sm font-semibold text-light-800",Dr="flex w-full max-w-[320px] flex-col";function Gr({size:t="md",type:s="default",label:r,required:a,helpIcon:n,hint:l,placeholder:c="Select option",disabled:o=!1,compact:u=!1,leadingIcon:d,options:g,value:m=null,onChange:b,values:h=[],onValuesChange:N,className:S,wrapperClassName:C}){const[w,v]=e.useState(!1),[y,E]=e.useState(""),L=e.useRef(null),z=e.useRef(null),T=s==="tags",B=s==="search"||T,I=g.find(x=>x.id===m)??null,O=g.filter(x=>h.includes(x.id)),M=y?g.filter(x=>`${x.label} ${x.supportingText??""}`.toLowerCase().includes(y.toLowerCase())):g,_=()=>{v(!1),E("")};e.useEffect(()=>{if(!w)return;const x=V=>{L.current?.contains(V.target)||_()};return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[w]),e.useEffect(()=>{w&&B&&z.current?.focus()},[w,B]);const D=()=>{o||(w?_():v(!0))},U=x=>{x.disabled||(T?(N?.(h.includes(x.id)?h.filter(V=>V!==x.id):[...h,x.id]),E(""),z.current?.focus()):(b?.(x),_()))},ms=x=>{if(x.key==="Enter"){x.preventDefault();const V=M.find(fs=>!fs.disabled);w&&V&&U(V)}else x.key==="Backspace"&&T&&!y&&h.length?N?.(h.slice(0,-1)):w||v(!0)},_e=x=>x.avatar?e.createElement("img",{src:x.avatar,alt:"",className:p(q[t],"shrink-0 rounded-full object-cover")}):x.icon?e.createElement("span",{className:p(q[t],"flex shrink-0 items-center justify-center",o?"text-light-400":"text-light-500")},x.icon):x.dot?e.createElement("span",{className:"size-2 shrink-0 rounded-full",style:{backgroundColor:o?"#d0d5dd":x.dot}}):null,gs=I?_e(I):d?e.createElement("span",{className:p(q[t],"flex shrink-0 items-center justify-center",o?"text-light-400":"text-light-500")},d):null,Ve=I?e.createElement("span",{className:"flex min-w-0 items-center gap-2 whitespace-nowrap"},e.createElement("span",{className:p("truncate font-medium",o?"text-light-400":"text-light-800")},I.label),I.supportingText&&e.createElement("span",{className:o?"text-light-400":"text-light-700"},I.supportingText)):e.createElement("span",{className:o?"text-light-400":"text-light-500"},c),ps=w&&e.createElement("div",{role:"listbox",className:_r({size:t})},M.length===0&&e.createElement("div",{className:p(Ce({size:t}),"mx-1 w-auto text-light-500 hover:bg-transparent")},"No options found"),M.map(x=>{const V=T?h.includes(x.id):x.id===m;return e.createElement("div",{key:x.id,className:"px-1 py-0.5"},e.createElement("button",{type:"button",role:"option","aria-selected":V,disabled:x.disabled,onClick:()=>U(x),className:Ce({size:t,disabled:x.disabled})},_e(x),e.createElement("span",{className:"flex min-w-0 flex-1 items-center gap-2 whitespace-nowrap"},e.createElement("span",{className:p("truncate font-medium",x.disabled?"text-light-400":"text-light-900")},x.label),x.supportingText&&e.createElement("span",{className:x.disabled?"text-light-400":"text-light-700"},x.supportingText)),V&&e.createElement(Mr,{className:"ml-auto size-5 shrink-0 text-primary-500"})))}));return e.createElement("div",{ref:L,className:p(u?Dr:Lr(),C)},r&&e.createElement("label",{className:u?Pr():Ir()},r,a&&e.createElement("span",{className:"text-error-400"},"*"),n),e.createElement("div",{className:"relative",onKeyDown:x=>{x.key==="Escape"&&_()}},s==="default"?e.createElement("button",{type:"button","aria-haspopup":"listbox","aria-expanded":w,disabled:o,onClick:D,className:p(u?Te({size:t,open:w,disabled:o}):Se({size:t,open:w,disabled:o}),S)},gs,e.createElement("span",{className:"flex min-w-0 flex-1 items-center"},Ve),e.createElement(Or,{className:p(ze[t],"shrink-0 text-light-500")})):e.createElement("div",{role:"combobox","aria-haspopup":"listbox","aria-expanded":w,onClick:D,className:p(u?Te({size:t,open:w,disabled:o}):Se({size:t,open:w,disabled:o}),S)},e.createElement(jr,{className:p(ze[t],"shrink-0",o?"text-light-400":"text-light-500")}),T&&O.length>0&&e.createElement("div",{className:"flex shrink items-center gap-1 overflow-x-auto whitespace-nowrap scrollbar-hide"},O.map(x=>e.createElement(F,{key:x.id,size:"sm",disabled:o,icon:x.avatar?e.createElement("img",{src:x.avatar,alt:"",className:"size-4 shrink-0 rounded-full object-cover"}):void 0,onClose:()=>U(x)},x.label))),!T&&!w&&I?e.createElement("span",{className:"flex min-w-0 flex-1 items-center"},Ve):e.createElement("input",{ref:z,value:y,disabled:o,placeholder:T&&O.length>0?"":c,onChange:x=>{E(x.target.value),w||v(!0)},onKeyDown:ms,className:"min-w-8 flex-1 bg-transparent text-light-900 outline-none placeholder:text-light-500 disabled:cursor-not-allowed disabled:placeholder:text-light-400"})),ps),l&&e.createElement("p",{className:Vr()},l))}const Hr=f(["inline-flex items-center justify-center gap-1 shrink-0","rounded-md border border-light-200 bg-white px-2 py-1","font-bold text-caption-sm text-light-900","transition-shadow"],{variants:{open:{true:"shadow-[0px_0px_0px_2px_white,0px_0px_0px_4px_rgba(112,150,217,1)]",false:""},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer"}},defaultVariants:{open:!1,disabled:!1}}),Fr=f("flex size-5 shrink-0 items-center justify-center text-light-500",{variants:{disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer hover:text-light-700"}},defaultVariants:{disabled:!1}}),Kr=f("rounded-full transition-shadow",{variants:{open:{true:"shadow-[0px_0px_0px_2px_white,0px_0px_0px_4px_rgba(112,150,217,1)]",false:""},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer"}},defaultVariants:{open:!1,disabled:!1}}),Xr=f(["absolute top-full z-10 mt-2 flex w-60 flex-col overflow-clip","rounded-lg border border-light-200 bg-white","shadow-[0px_12px_16px_-4px_rgba(16,24,40,0.08),0px_4px_6px_-2px_rgba(16,24,40,0.03)]"]),qr=f("flex w-full flex-col items-start border-b border-light-200 px-4 py-3"),Ur=f("flex w-full flex-col items-start overflow-y-auto py-1"),Zr=f(["mx-1 flex w-[calc(100%-8px)] items-center gap-3 rounded-md px-4 py-2.5","text-left font-bold text-caption-lg"],{variants:{disabled:{true:"cursor-not-allowed text-light-400",false:"cursor-pointer text-light-800 hover:bg-light-50"}},defaultVariants:{disabled:!1}}),Qr=f("ml-auto shrink-0 font-normal text-caption-sm text-light-500"),Jr=f("my-1 h-px w-full bg-light-200"),Yr=({className:t})=>e.createElement("svg",{viewBox:"0 0 18 18",fill:"none",className:t},e.createElement("path",{d:"M4.5 6.75L9 11.25L13.5 6.75",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),$r=({className:t})=>e.createElement("svg",{viewBox:"0 0 18 18",fill:"none",className:t},e.createElement("path",{d:"M13.5 11.25L9 6.75L4.5 11.25",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),Rr=({className:t})=>e.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:t},e.createElement("path",{d:"M10 10.83a.83.83 0 1 0 0-1.67.83.83 0 0 0 0 1.67ZM10 5a.83.83 0 1 0 0-1.67A.83.83 0 0 0 10 5ZM10 16.67a.83.83 0 1 0 0-1.67.83.83 0 0 0 0 1.67Z",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"}));function es({trigger:t="button",label:s="Account",icon:r,avatarSrc:a,avatarInitials:n,header:l,items:c,open:o,defaultOpen:u=!1,onOpenChange:d,disabled:g=!1,align:m="end",className:b,menuClassName:h}){const[N,S]=e.useState(u),C=o!==void 0,w=C?o:N,v=e.useRef(null),y=z=>{C||S(z),d?.(z)};e.useEffect(()=>{if(!w)return;const z=B=>{v.current?.contains(B.target)||y(!1)},T=B=>{B.key==="Escape"&&y(!1)};return document.addEventListener("mousedown",z),document.addEventListener("keydown",T),()=>{document.removeEventListener("mousedown",z),document.removeEventListener("keydown",T)}},[w]);const E=()=>{g||y(!w)},L=z=>{z.disabled||(z.onClick?.(),y(!1))};return e.createElement("div",{ref:v,className:p("relative inline-block",b)},t==="button"&&e.createElement("button",{type:"button","aria-haspopup":"menu","aria-expanded":w,disabled:g,onClick:E,className:Hr({open:w,disabled:g})},e.createElement("span",null,s),w?e.createElement($r,{className:"size-[18px]"}):e.createElement(Yr,{className:"size-[18px]"})),t==="icon"&&e.createElement("button",{type:"button","aria-haspopup":"menu","aria-expanded":w,"aria-label":s,disabled:g,onClick:E,className:Fr({disabled:g})},r??e.createElement(Rr,{className:"size-5"})),t==="avatar"&&e.createElement("button",{type:"button","aria-haspopup":"menu","aria-expanded":w,"aria-label":s,disabled:g,onClick:E,className:Kr({open:w,disabled:g})},e.createElement(A,{src:a,initials:n,size:"md",status:"online"})),w&&e.createElement("div",{role:"menu",className:p(Xr(),m==="end"?"right-0":"left-0",h)},l&&e.createElement("div",{className:qr()},e.createElement("div",{className:"flex w-full items-center gap-3"},e.createElement(A,{src:l.avatarSrc,initials:l.avatarInitials,size:"md",status:l.status??"online"}),e.createElement("div",{className:"flex min-w-0 flex-1 flex-col items-start text-left"},e.createElement("span",{className:"w-full truncate text-sm font-bold text-light-800"},l.name),l.subtitle&&e.createElement("span",{className:"w-full truncate text-caption-lg font-normal text-light-700"},l.subtitle)))),e.createElement("div",{className:Ur()},c.map(z=>z.divider?e.createElement("div",{key:z.id,role:"separator",className:Jr()}):e.createElement("button",{key:z.id,type:"button",role:"menuitem",disabled:z.disabled,onClick:()=>L(z),className:Zr({disabled:z.disabled})},z.icon&&e.createElement("span",{className:"flex size-4 shrink-0 items-center justify-center"},z.icon),e.createElement("span",{className:"flex-1 truncate"},z.label),z.shortcut&&e.createElement("span",{className:Qr()},z.shortcut))))))}const Be=f("relative",{variants:{layout:{floating:["flex w-full flex-col gap-4 p-4","rounded-xl border shadow-xs","sm:flex-row sm:items-start"],"full-width":"w-full border-b"}},defaultVariants:{layout:"floating"}}),ts={default:{surface:"bg-light-50",border:"border-light-300",iconSurface:"border border-light-200 bg-white shadow-xs",iconSurfaceOnLight:"border border-light-200 bg-white shadow-xs",iconText:"text-light-800"},brand:{surface:"bg-primary-50",border:"border-primary-300",iconSurface:"bg-primary-100",iconSurfaceOnLight:"bg-white",iconText:"text-primary-500"},gray:{surface:"bg-light-50",border:"border-light-300",iconSurface:"bg-light-100",iconSurfaceOnLight:"bg-white",iconText:"text-light-800"},error:{surface:"bg-error-50",border:"border-error-300",iconSurface:"bg-error-50",iconSurfaceOnLight:"bg-white",iconText:"text-error-500"},warning:{surface:"bg-warning-50",border:"border-warning-300",iconSurface:"bg-warning-100",iconSurfaceOnLight:"bg-white",iconText:"text-warning-500"},success:{surface:"bg-success-50",border:"border-success-300",iconSurface:"bg-success-50",iconSurfaceOnLight:"bg-white",iconText:"text-success-500"}},rs="bg-white border-light-200",ss="relative mx-auto flex w-full max-w-[1280px] flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:gap-3 sm:px-8 sm:py-3",as=f("flex shrink-0 items-center justify-center",{variants:{layout:{floating:"","full-width":"hidden sm:flex"},shape:{square:"",circle:""},variant:{featured:"",plain:""}},compoundVariants:[{variant:"featured",layout:"floating",class:"size-8"},{variant:"featured",layout:"full-width",class:"size-10"},{variant:"featured",shape:"circle",class:"rounded-full"},{variant:"featured",shape:"square",layout:"floating",class:"rounded-md"},{variant:"featured",shape:"square",layout:"full-width",class:"rounded-lg"}],defaultVariants:{layout:"floating",shape:"square",variant:"featured"}}),Le=f("flex min-w-0 flex-1",{variants:{layout:{floating:"flex-col gap-3","full-width":"items-center gap-4"}},defaultVariants:{layout:"floating"}}),ls=f("flex min-w-0",{variants:{layout:{floating:"flex-col gap-1","full-width":"flex-col gap-0.5 sm:flex-row sm:flex-wrap sm:gap-x-1.5"},closable:{true:"",false:""}},compoundVariants:[{layout:"floating",closable:!0,class:"pr-8"},{layout:"full-width",closable:!0,class:"pr-8 sm:pr-0"}],defaultVariants:{layout:"floating",closable:!1}}),ns="text-caption-lg font-bold text-light-800",is="text-caption-lg text-light-600",os=f("flex gap-3",{variants:{layout:{floating:"flex-wrap items-center","full-width":""},actionVariant:{link:"flex-wrap items-center",button:""}},compoundVariants:[{layout:"full-width",actionVariant:"button",class:"flex-col-reverse sm:flex-row sm:items-center"}],defaultVariants:{layout:"floating",actionVariant:"link"}}),cs=f(["inline-flex items-center justify-center gap-1 bg-transparent p-0","text-caption-lg font-bold transition-colors","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"],{variants:{emphasis:{primary:"text-primary-500 hover:text-primary-800",secondary:"text-light-800 hover:text-light-900"}},defaultVariants:{emphasis:"secondary"}}),ds=f(["flex size-9 shrink-0 items-center justify-center rounded-lg","bg-transparent text-light-500 transition-colors","hover:bg-light-50 hover:text-light-700","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"],{variants:{layout:{floating:"absolute right-[7px] top-[7px]","full-width":"absolute right-2 top-2 sm:static"}},defaultVariants:{layout:"floating"}}),us={default:K,brand:K,gray:K,error:Ee,warning:Ee,success:Ft},Ie=({title:t,description:s,color:r="default",layout:a="floating",background:n="white",icon:l,iconVariant:c="featured",showIcon:o=!0,primaryAction:u,secondaryAction:d,actionVariant:g,actions:m,onClose:b,closeLabel:h="Close",className:N,...S})=>{const C=us[r],w=a==="floating"?16:20,v=g??(a==="floating"?"link":"button"),y=ts[r],E=n==="light",L=E?p(y.surface,y.border):rs,z=(_,D)=>_?v==="link"?i.createElement("button",{type:"button",onClick:_.onClick,className:cs({emphasis:D})},_.label):i.createElement(G,{size:"sm",variant:D==="primary"?"solid":"outline",onClick:_.onClick,className:a==="full-width"?"w-full sm:w-auto":void 0},_.label):null,B=!!(m||u||d)?i.createElement("div",{className:os({layout:a,actionVariant:v})},m??i.createElement(i.Fragment,null,z(d,"secondary"),z(u,"primary"))):null,I=o&&(l||C)?i.createElement("div",{className:p(as({layout:a,variant:c,shape:r==="default"?"square":"circle"}),y.iconText,c==="featured"&&(E?y.iconSurfaceOnLight:y.iconSurface))},l??i.createElement(C,{size:w,stroke:2})):null,O=b?i.createElement("button",{type:"button","aria-label":h,onClick:b,className:ds({layout:a})},i.createElement(Kt,{size:16,stroke:2})):null,M=i.createElement("div",{className:ls({layout:a,closable:!!b})},i.createElement("p",{className:ns},t),s&&i.createElement("p",{className:is},s));return a==="full-width"?i.createElement("div",{role:"alert",className:p(Be({layout:a}),L,N),...S},i.createElement("div",{className:ss},i.createElement("div",{className:Le({layout:a})},I,M),(B||O)&&i.createElement("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-2"},B,O))):i.createElement("div",{role:"alert",className:p(Be({layout:a}),L,N),...S},I,i.createElement("div",{className:Le({layout:a})},M,B),O)};Ie.displayName="Alert",k.Alert=Ie,k.Avatar=A,k.AvatarGroup=ue,k.AvatarLabelGroup=me,k.AvatarProfilePhoto=ge,k.Badge=ne,k.BadgeGroup=ie,k.Button=G,k.CardNumberInput=Zt,k.Checkbox=$,k.Dropdown=es,k.Input=X,k.InputCounter=Ut,k.InputDropdown=Gr,k.Loading=oe,k.MultiSelectInput=ur,k.PhoneInput=Xt,k.RadioGroup=Ge,k.RadioGroupItem=ee,k.SaleAmountInput=qt,k.Tab=pe,k.TabBrowser=xe,k.TabBrowserBar=ve,k.TabList=fe,k.Tag=F,k.Textarea=ke,k.Toggle=te,k.Tooltip=re,k.WebsiteCopyInput=Br,k.WebsiteInput=yr,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(I,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],u):(I=typeof globalThis<"u"?globalThis:I||self,u(I.CekatUI={},I.React$1,I.reactDom))})(this,(function(I,u,_t){"use strict";function Mt(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const o=Mt(u);function ze(e){var s,t,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(s=0;s<a;s++)e[s]&&(t=ze(e[s]))&&(r&&(r+=" "),r+=t)}else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function f(){for(var e,s,t=0,r="",a=arguments.length;t<a;t++)(e=arguments[t])&&(s=ze(e))&&(r&&(r+=" "),r+=s);return r}const Vt=(e,s)=>{const t=new Array(e.length+s.length);for(let r=0;r<e.length;r++)t[r]=e[r];for(let r=0;r<s.length;r++)t[e.length+r]=s[r];return t},jt=(e,s)=>({classGroupId:e,validator:s}),Te=(e=new Map,s=null,t)=>({nextPart:e,validators:s,classGroupId:t}),le="-",Le=[],Wt="arbitrary..",Pt=e=>{const s=Dt(e),{conflictingClassGroups:t,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:l=>{if(l.startsWith("[")&&l.endsWith("]"))return Gt(l);const i=l.split(le),d=i[0]===""&&i.length>1?1:0;return Be(i,d,s)},getConflictingClassGroupIds:(l,i)=>{if(i){const d=r[l],c=t[l];return d?c?Vt(c,d):d:c||Le}return t[l]||Le}}},Be=(e,s,t)=>{if(e.length-s===0)return t.classGroupId;const a=e[s],n=t.nextPart.get(a);if(n){const c=Be(e,s+1,n);if(c)return c}const l=t.validators;if(l===null)return;const i=s===0?e.join(le):e.slice(s).join(le),d=l.length;for(let c=0;c<d;c++){const g=l[c];if(g.validator(i))return g.classGroupId}},Gt=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const s=e.slice(1,-1),t=s.indexOf(":"),r=s.slice(0,t);return r?Wt+r:void 0})(),Dt=e=>{const{theme:s,classGroups:t}=e;return Ft(t,s)},Ft=(e,s)=>{const t=Te();for(const r in e){const a=e[r];he(a,t,r,s)}return t},he=(e,s,t,r)=>{const a=e.length;for(let n=0;n<a;n++){const l=e[n];Ht(l,s,t,r)}},Ht=(e,s,t,r)=>{if(typeof e=="string"){Ut(e,s,t);return}if(typeof e=="function"){Xt(e,s,t,r);return}qt(e,s,t,r)},Ut=(e,s,t)=>{const r=e===""?s:Ie(s,e);r.classGroupId=t},Xt=(e,s,t,r)=>{if(Kt(e)){he(e(r),s,t,r);return}s.validators===null&&(s.validators=[]),s.validators.push(jt(t,e))},qt=(e,s,t,r)=>{const a=Object.entries(e),n=a.length;for(let l=0;l<n;l++){const[i,d]=a[l];he(d,Ie(s,i),t,r)}},Ie=(e,s)=>{let t=e;const r=s.split(le),a=r.length;for(let n=0;n<a;n++){const l=r[n];let i=t.nextPart.get(l);i||(i=Te(),t.nextPart.set(l,i)),t=i}return t},Kt=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,Zt=e=>{if(e<1)return{get:()=>{},set:()=>{}};let s=0,t=Object.create(null),r=Object.create(null);const a=(n,l)=>{t[n]=l,s++,s>e&&(s=0,r=t,t=Object.create(null))};return{get(n){let l=t[n];if(l!==void 0)return l;if((l=r[n])!==void 0)return a(n,l),l},set(n,l){n in t?t[n]=l:a(n,l)}}},xe="!",Ae=":",Yt=[],Oe=(e,s,t,r,a)=>({modifiers:e,hasImportantModifier:s,baseClassName:t,maybePostfixModifierPosition:r,isExternal:a}),Qt=e=>{const{prefix:s,experimentalParseClassName:t}=e;let r=a=>{const n=[];let l=0,i=0,d=0,c;const g=a.length;for(let E=0;E<g;E++){const S=a[E];if(l===0&&i===0){if(S===Ae){n.push(a.slice(d,E)),d=E+1;continue}if(S==="/"){c=E;continue}}S==="["?l++:S==="]"?l--:S==="("?i++:S===")"&&i--}const p=n.length===0?a:a.slice(d);let v=p,w=!1;p.endsWith(xe)?(v=p.slice(0,-1),w=!0):p.startsWith(xe)&&(v=p.slice(1),w=!0);const T=c&&c>d?c-d:void 0;return Oe(n,w,v,T)};if(s){const a=s+Ae,n=r;r=l=>l.startsWith(a)?n(l.slice(a.length)):Oe(Yt,!1,l,void 0,!0)}if(t){const a=r;r=n=>t({className:n,parseClassName:a})}return r},Jt=e=>{const s=new Map;return e.orderSensitiveModifiers.forEach((t,r)=>{s.set(t,1e6+r)}),t=>{const r=[];let a=[];for(let n=0;n<t.length;n++){const l=t[n],i=l[0]==="[",d=s.has(l);i||d?(a.length>0&&(a.sort(),r.push(...a),a=[]),r.push(l)):a.push(l)}return a.length>0&&(a.sort(),r.push(...a)),r}},Rt=e=>({cache:Zt(e.cacheSize),parseClassName:Qt(e),sortModifiers:Jt(e),postfixLookupClassGroupIds:$t(e),...Pt(e)}),$t=e=>{const s=Object.create(null),t=e.postfixLookupClassGroups;if(t)for(let r=0;r<t.length;r++)s[t[r]]=!0;return s},er=/\s+/,tr=(e,s)=>{const{parseClassName:t,getClassGroupId:r,getConflictingClassGroupIds:a,sortModifiers:n,postfixLookupClassGroupIds:l}=s,i=[],d=e.trim().split(er);let c="";for(let g=d.length-1;g>=0;g-=1){const p=d[g],{isExternal:v,modifiers:w,hasImportantModifier:T,baseClassName:E,maybePostfixModifierPosition:S}=t(p);if(v){c=p+(c.length>0?" "+c:c);continue}let N=!!S,k;if(N){const A=E.substring(0,S);k=r(A);const b=k&&l[k]?r(E):void 0;b&&b!==k&&(k=b,N=!1)}else k=r(E);if(!k){if(!N){c=p+(c.length>0?" "+c:c);continue}if(k=r(E),!k){c=p+(c.length>0?" "+c:c);continue}N=!1}const C=w.length===0?"":w.length===1?w[0]:n(w).join(":"),z=T?C+xe:C,M=z+k;if(i.indexOf(M)>-1)continue;i.push(M);const B=a(k,N);for(let A=0;A<B.length;++A){const b=B[A];i.push(z+b)}c=p+(c.length>0?" "+c:c)}return c},rr=(...e)=>{let s=0,t,r,a="";for(;s<e.length;)(t=e[s++])&&(r=_e(t))&&(a&&(a+=" "),a+=r);return a},_e=e=>{if(typeof e=="string")return e;let s,t="";for(let r=0;r<e.length;r++)e[r]&&(s=_e(e[r]))&&(t&&(t+=" "),t+=s);return t},sr=(e,...s)=>{let t,r,a,n;const l=d=>{const c=s.reduce((g,p)=>p(g),e());return t=Rt(c),r=t.cache.get,a=t.cache.set,n=i,i(d)},i=d=>{const c=r(d);if(c)return c;const g=tr(d,t);return a(d,g),g};return n=l,(...d)=>n(rr(...d))},or=[],_=e=>{const s=t=>t[e]||or;return s.isThemeGetter=!0,s},Me=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Ve=/^\((?:(\w[\w-]*):)?(.+)\)$/i,nr=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,ar=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,lr=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,ir=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,cr=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,dr=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,K=e=>nr.test(e),L=e=>!!e&&!Number.isNaN(Number(e)),F=e=>!!e&&Number.isInteger(Number(e)),ve=e=>e.endsWith("%")&&L(e.slice(0,-1)),U=e=>ar.test(e),je=()=>!0,ur=e=>lr.test(e)&&!ir.test(e),ye=()=>!1,mr=e=>cr.test(e),pr=e=>dr.test(e),gr=e=>!x(e)&&!y(e),fr=e=>e.startsWith("@container")&&(e[10]==="/"&&e[11]!==void 0||e[11]==="s"&&e[16]!==void 0&&e.startsWith("-size/",10)||e[11]==="n"&&e[18]!==void 0&&e.startsWith("-normal/",10)),br=e=>Z(e,He,ye),x=e=>Me.test(e),J=e=>Z(e,Ue,ur),We=e=>Z(e,Nr,L),hr=e=>Z(e,qe,je),xr=e=>Z(e,Xe,ye),Pe=e=>Z(e,De,ye),vr=e=>Z(e,Fe,pr),ie=e=>Z(e,Ke,mr),y=e=>Ve.test(e),re=e=>R(e,Ue),yr=e=>R(e,Xe),Ge=e=>R(e,De),wr=e=>R(e,He),kr=e=>R(e,Fe),ce=e=>R(e,Ke,!0),Er=e=>R(e,qe,!0),Z=(e,s,t)=>{const r=Me.exec(e);return r?r[1]?s(r[1]):t(r[2]):!1},R=(e,s,t=!1)=>{const r=Ve.exec(e);return r?r[1]?s(r[1]):t:!1},De=e=>e==="position"||e==="percentage",Fe=e=>e==="image"||e==="url",He=e=>e==="length"||e==="size"||e==="bg-size",Ue=e=>e==="length",Nr=e=>e==="number",Xe=e=>e==="family-name",qe=e=>e==="number"||e==="weight",Ke=e=>e==="shadow",Cr=sr(()=>{const e=_("color"),s=_("font"),t=_("text"),r=_("font-weight"),a=_("tracking"),n=_("leading"),l=_("breakpoint"),i=_("container"),d=_("spacing"),c=_("radius"),g=_("shadow"),p=_("inset-shadow"),v=_("text-shadow"),w=_("drop-shadow"),T=_("blur"),E=_("perspective"),S=_("aspect"),N=_("ease"),k=_("animate"),C=()=>["auto","avoid","all","avoid-page","page","left","right","column"],z=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],M=()=>[...z(),y,x],B=()=>["auto","hidden","clip","visible","scroll"],A=()=>["auto","contain","none"],b=()=>[y,x,d],O=()=>[K,"full","auto",...b()],H=()=>[F,"none","subgrid",y,x],X=()=>["auto",{span:["full",F,y,x]},F,y,x],j=()=>[F,"auto",y,x],Y=()=>["auto","min","max","fr",y,x],$=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],Q=()=>["start","end","center","stretch","center-safe","end-safe"],G=()=>["auto",...b()],q=()=>[K,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...b()],te=()=>[K,"screen","full","dvw","lvw","svw","min","max","fit",...b()],ae=()=>[K,"screen","full","lh","dvh","lvh","svh","min","max","fit",...b()],m=()=>[e,y,x],D=()=>[...z(),Ge,Pe,{position:[y,x]}],me=()=>["no-repeat",{repeat:["","x","y","space","round"]}],It=()=>["auto","cover","contain",wr,br,{size:[y,x]}],Ce=()=>[ve,re,J],W=()=>["","none","full",c,y,x],P=()=>["",L,re,J],pe=()=>["solid","dashed","dotted","double"],At=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],V=()=>[L,ve,Ge,Pe],Ot=()=>["","none",T,y,x],ge=()=>["none",L,y,x],fe=()=>["none",L,y,x],Se=()=>[L,y,x],be=()=>[K,"full",...b()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[U],breakpoint:[U],color:[je],container:[U],"drop-shadow":[U],ease:["in","out","in-out"],font:[gr],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[U],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[U],shadow:[U],spacing:["px",L],text:[U],"text-shadow":[U],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",K,x,y,S]}],container:["container"],"container-type":[{"@container":["","normal","size",y,x]}],"container-named":[fr],columns:[{columns:[L,x,y,i]}],"break-after":[{"break-after":C()}],"break-before":[{"break-before":C()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:M()}],overflow:[{overflow:B()}],"overflow-x":[{"overflow-x":B()}],"overflow-y":[{"overflow-y":B()}],overscroll:[{overscroll:A()}],"overscroll-x":[{"overscroll-x":A()}],"overscroll-y":[{"overscroll-y":A()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:O()}],"inset-x":[{"inset-x":O()}],"inset-y":[{"inset-y":O()}],start:[{"inset-s":O(),start:O()}],end:[{"inset-e":O(),end:O()}],"inset-bs":[{"inset-bs":O()}],"inset-be":[{"inset-be":O()}],top:[{top:O()}],right:[{right:O()}],bottom:[{bottom:O()}],left:[{left:O()}],visibility:["visible","invisible","collapse"],z:[{z:[F,"auto",y,x]}],basis:[{basis:[K,"full","auto",i,...b()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[L,K,"auto","initial","none",x]}],grow:[{grow:["",L,y,x]}],shrink:[{shrink:["",L,y,x]}],order:[{order:[F,"first","last","none",y,x]}],"grid-cols":[{"grid-cols":H()}],"col-start-end":[{col:X()}],"col-start":[{"col-start":j()}],"col-end":[{"col-end":j()}],"grid-rows":[{"grid-rows":H()}],"row-start-end":[{row:X()}],"row-start":[{"row-start":j()}],"row-end":[{"row-end":j()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":Y()}],"auto-rows":[{"auto-rows":Y()}],gap:[{gap:b()}],"gap-x":[{"gap-x":b()}],"gap-y":[{"gap-y":b()}],"justify-content":[{justify:[...$(),"normal"]}],"justify-items":[{"justify-items":[...Q(),"normal"]}],"justify-self":[{"justify-self":["auto",...Q()]}],"align-content":[{content:["normal",...$()]}],"align-items":[{items:[...Q(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...Q(),{baseline:["","last"]}]}],"place-content":[{"place-content":$()}],"place-items":[{"place-items":[...Q(),"baseline"]}],"place-self":[{"place-self":["auto",...Q()]}],p:[{p:b()}],px:[{px:b()}],py:[{py:b()}],ps:[{ps:b()}],pe:[{pe:b()}],pbs:[{pbs:b()}],pbe:[{pbe:b()}],pt:[{pt:b()}],pr:[{pr:b()}],pb:[{pb:b()}],pl:[{pl:b()}],m:[{m:G()}],mx:[{mx:G()}],my:[{my:G()}],ms:[{ms:G()}],me:[{me:G()}],mbs:[{mbs:G()}],mbe:[{mbe:G()}],mt:[{mt:G()}],mr:[{mr:G()}],mb:[{mb:G()}],ml:[{ml:G()}],"space-x":[{"space-x":b()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":b()}],"space-y-reverse":["space-y-reverse"],size:[{size:q()}],"inline-size":[{inline:["auto",...te()]}],"min-inline-size":[{"min-inline":["auto",...te()]}],"max-inline-size":[{"max-inline":["none",...te()]}],"block-size":[{block:["auto",...ae()]}],"min-block-size":[{"min-block":["auto",...ae()]}],"max-block-size":[{"max-block":["none",...ae()]}],w:[{w:[i,"screen",...q()]}],"min-w":[{"min-w":[i,"screen","none",...q()]}],"max-w":[{"max-w":[i,"screen","none","prose",{screen:[l]},...q()]}],h:[{h:["screen","lh",...q()]}],"min-h":[{"min-h":["screen","lh","none",...q()]}],"max-h":[{"max-h":["screen","lh",...q()]}],"font-size":[{text:["base",t,re,J]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,Er,hr]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",ve,x]}],"font-family":[{font:[yr,xr,s]}],"font-features":[{"font-features":[x]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[a,y,x]}],"line-clamp":[{"line-clamp":[L,"none",y,We]}],leading:[{leading:[n,...b()]}],"list-image":[{"list-image":["none",y,x]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",y,x]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:m()}],"text-color":[{text:m()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...pe(),"wavy"]}],"text-decoration-thickness":[{decoration:[L,"from-font","auto",y,J]}],"text-decoration-color":[{decoration:m()}],"underline-offset":[{"underline-offset":[L,"auto",y,x]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:b()}],"tab-size":[{tab:[F,y,x]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",y,x]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",y,x]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:D()}],"bg-repeat":[{bg:me()}],"bg-size":[{bg:It()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},F,y,x],radial:["",y,x],conic:[F,y,x]},kr,vr]}],"bg-color":[{bg:m()}],"gradient-from-pos":[{from:Ce()}],"gradient-via-pos":[{via:Ce()}],"gradient-to-pos":[{to:Ce()}],"gradient-from":[{from:m()}],"gradient-via":[{via:m()}],"gradient-to":[{to:m()}],rounded:[{rounded:W()}],"rounded-s":[{"rounded-s":W()}],"rounded-e":[{"rounded-e":W()}],"rounded-t":[{"rounded-t":W()}],"rounded-r":[{"rounded-r":W()}],"rounded-b":[{"rounded-b":W()}],"rounded-l":[{"rounded-l":W()}],"rounded-ss":[{"rounded-ss":W()}],"rounded-se":[{"rounded-se":W()}],"rounded-ee":[{"rounded-ee":W()}],"rounded-es":[{"rounded-es":W()}],"rounded-tl":[{"rounded-tl":W()}],"rounded-tr":[{"rounded-tr":W()}],"rounded-br":[{"rounded-br":W()}],"rounded-bl":[{"rounded-bl":W()}],"border-w":[{border:P()}],"border-w-x":[{"border-x":P()}],"border-w-y":[{"border-y":P()}],"border-w-s":[{"border-s":P()}],"border-w-e":[{"border-e":P()}],"border-w-bs":[{"border-bs":P()}],"border-w-be":[{"border-be":P()}],"border-w-t":[{"border-t":P()}],"border-w-r":[{"border-r":P()}],"border-w-b":[{"border-b":P()}],"border-w-l":[{"border-l":P()}],"divide-x":[{"divide-x":P()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":P()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...pe(),"hidden","none"]}],"divide-style":[{divide:[...pe(),"hidden","none"]}],"border-color":[{border:m()}],"border-color-x":[{"border-x":m()}],"border-color-y":[{"border-y":m()}],"border-color-s":[{"border-s":m()}],"border-color-e":[{"border-e":m()}],"border-color-bs":[{"border-bs":m()}],"border-color-be":[{"border-be":m()}],"border-color-t":[{"border-t":m()}],"border-color-r":[{"border-r":m()}],"border-color-b":[{"border-b":m()}],"border-color-l":[{"border-l":m()}],"divide-color":[{divide:m()}],"outline-style":[{outline:[...pe(),"none","hidden"]}],"outline-offset":[{"outline-offset":[L,y,x]}],"outline-w":[{outline:["",L,re,J]}],"outline-color":[{outline:m()}],shadow:[{shadow:["","none",g,ce,ie]}],"shadow-color":[{shadow:m()}],"inset-shadow":[{"inset-shadow":["none",p,ce,ie]}],"inset-shadow-color":[{"inset-shadow":m()}],"ring-w":[{ring:P()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:m()}],"ring-offset-w":[{"ring-offset":[L,J]}],"ring-offset-color":[{"ring-offset":m()}],"inset-ring-w":[{"inset-ring":P()}],"inset-ring-color":[{"inset-ring":m()}],"text-shadow":[{"text-shadow":["none",v,ce,ie]}],"text-shadow-color":[{"text-shadow":m()}],opacity:[{opacity:[L,y,x]}],"mix-blend":[{"mix-blend":[...At(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":At()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[L]}],"mask-image-linear-from-pos":[{"mask-linear-from":V()}],"mask-image-linear-to-pos":[{"mask-linear-to":V()}],"mask-image-linear-from-color":[{"mask-linear-from":m()}],"mask-image-linear-to-color":[{"mask-linear-to":m()}],"mask-image-t-from-pos":[{"mask-t-from":V()}],"mask-image-t-to-pos":[{"mask-t-to":V()}],"mask-image-t-from-color":[{"mask-t-from":m()}],"mask-image-t-to-color":[{"mask-t-to":m()}],"mask-image-r-from-pos":[{"mask-r-from":V()}],"mask-image-r-to-pos":[{"mask-r-to":V()}],"mask-image-r-from-color":[{"mask-r-from":m()}],"mask-image-r-to-color":[{"mask-r-to":m()}],"mask-image-b-from-pos":[{"mask-b-from":V()}],"mask-image-b-to-pos":[{"mask-b-to":V()}],"mask-image-b-from-color":[{"mask-b-from":m()}],"mask-image-b-to-color":[{"mask-b-to":m()}],"mask-image-l-from-pos":[{"mask-l-from":V()}],"mask-image-l-to-pos":[{"mask-l-to":V()}],"mask-image-l-from-color":[{"mask-l-from":m()}],"mask-image-l-to-color":[{"mask-l-to":m()}],"mask-image-x-from-pos":[{"mask-x-from":V()}],"mask-image-x-to-pos":[{"mask-x-to":V()}],"mask-image-x-from-color":[{"mask-x-from":m()}],"mask-image-x-to-color":[{"mask-x-to":m()}],"mask-image-y-from-pos":[{"mask-y-from":V()}],"mask-image-y-to-pos":[{"mask-y-to":V()}],"mask-image-y-from-color":[{"mask-y-from":m()}],"mask-image-y-to-color":[{"mask-y-to":m()}],"mask-image-radial":[{"mask-radial":[y,x]}],"mask-image-radial-from-pos":[{"mask-radial-from":V()}],"mask-image-radial-to-pos":[{"mask-radial-to":V()}],"mask-image-radial-from-color":[{"mask-radial-from":m()}],"mask-image-radial-to-color":[{"mask-radial-to":m()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":z()}],"mask-image-conic-pos":[{"mask-conic":[L]}],"mask-image-conic-from-pos":[{"mask-conic-from":V()}],"mask-image-conic-to-pos":[{"mask-conic-to":V()}],"mask-image-conic-from-color":[{"mask-conic-from":m()}],"mask-image-conic-to-color":[{"mask-conic-to":m()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:D()}],"mask-repeat":[{mask:me()}],"mask-size":[{mask:It()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",y,x]}],filter:[{filter:["","none",y,x]}],blur:[{blur:Ot()}],brightness:[{brightness:[L,y,x]}],contrast:[{contrast:[L,y,x]}],"drop-shadow":[{"drop-shadow":["","none",w,ce,ie]}],"drop-shadow-color":[{"drop-shadow":m()}],grayscale:[{grayscale:["",L,y,x]}],"hue-rotate":[{"hue-rotate":[L,y,x]}],invert:[{invert:["",L,y,x]}],saturate:[{saturate:[L,y,x]}],sepia:[{sepia:["",L,y,x]}],"backdrop-filter":[{"backdrop-filter":["","none",y,x]}],"backdrop-blur":[{"backdrop-blur":Ot()}],"backdrop-brightness":[{"backdrop-brightness":[L,y,x]}],"backdrop-contrast":[{"backdrop-contrast":[L,y,x]}],"backdrop-grayscale":[{"backdrop-grayscale":["",L,y,x]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[L,y,x]}],"backdrop-invert":[{"backdrop-invert":["",L,y,x]}],"backdrop-opacity":[{"backdrop-opacity":[L,y,x]}],"backdrop-saturate":[{"backdrop-saturate":[L,y,x]}],"backdrop-sepia":[{"backdrop-sepia":["",L,y,x]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":b()}],"border-spacing-x":[{"border-spacing-x":b()}],"border-spacing-y":[{"border-spacing-y":b()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",y,x]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[L,"initial",y,x]}],ease:[{ease:["linear","initial",N,y,x]}],delay:[{delay:[L,y,x]}],animate:[{animate:["none",k,y,x]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[E,y,x]}],"perspective-origin":[{"perspective-origin":M()}],rotate:[{rotate:ge()}],"rotate-x":[{"rotate-x":ge()}],"rotate-y":[{"rotate-y":ge()}],"rotate-z":[{"rotate-z":ge()}],scale:[{scale:fe()}],"scale-x":[{"scale-x":fe()}],"scale-y":[{"scale-y":fe()}],"scale-z":[{"scale-z":fe()}],"scale-3d":["scale-3d"],skew:[{skew:Se()}],"skew-x":[{"skew-x":Se()}],"skew-y":[{"skew-y":Se()}],transform:[{transform:[y,x,"","none","gpu","cpu"]}],"transform-origin":[{origin:M()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:be()}],"translate-x":[{"translate-x":be()}],"translate-y":[{"translate-y":be()}],"translate-z":[{"translate-z":be()}],"translate-none":["translate-none"],zoom:[{zoom:[F,y,x]}],accent:[{accent:m()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:m()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",y,x]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scrollbar-thumb-color":[{"scrollbar-thumb":m()}],"scrollbar-track-color":[{"scrollbar-track":m()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":b()}],"scroll-mx":[{"scroll-mx":b()}],"scroll-my":[{"scroll-my":b()}],"scroll-ms":[{"scroll-ms":b()}],"scroll-me":[{"scroll-me":b()}],"scroll-mbs":[{"scroll-mbs":b()}],"scroll-mbe":[{"scroll-mbe":b()}],"scroll-mt":[{"scroll-mt":b()}],"scroll-mr":[{"scroll-mr":b()}],"scroll-mb":[{"scroll-mb":b()}],"scroll-ml":[{"scroll-ml":b()}],"scroll-p":[{"scroll-p":b()}],"scroll-px":[{"scroll-px":b()}],"scroll-py":[{"scroll-py":b()}],"scroll-ps":[{"scroll-ps":b()}],"scroll-pe":[{"scroll-pe":b()}],"scroll-pbs":[{"scroll-pbs":b()}],"scroll-pbe":[{"scroll-pbe":b()}],"scroll-pt":[{"scroll-pt":b()}],"scroll-pr":[{"scroll-pr":b()}],"scroll-pb":[{"scroll-pb":b()}],"scroll-pl":[{"scroll-pl":b()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",y,x]}],fill:[{fill:["none",...m()]}],"stroke-w":[{stroke:[L,re,J,We]}],stroke:[{stroke:["none",...m()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{"container-named":["container-type"],overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},postfixLookupClassGroups:["container-type"],orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}});function Sr(...e){return Cr(f(e))}const Ze=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Ye=f,h=(e,s)=>t=>{var r;if(s?.variants==null)return Ye(e,t?.class,t?.className);const{variants:a,defaultVariants:n}=s,l=Object.keys(a).map(c=>{const g=t?.[c],p=n?.[c];if(g===null)return null;const v=Ze(g)||Ze(p);return a[c][v]}),i=t&&Object.entries(t).reduce((c,g)=>{let[p,v]=g;return v===void 0||(c[p]=v),c},{}),d=s==null||(r=s.compoundVariants)===null||r===void 0?void 0:r.reduce((c,g)=>{let{class:p,className:v,...w}=g;return Object.entries(w).every(T=>{let[E,S]=T;return Array.isArray(S)?S.includes({...n,...i}[E]):{...n,...i}[E]===S})?[...c,p,v]:c},[]);return Ye(e,l,d,t?.class,t?.className)},zr=h(["inline-flex items-center justify-center font-bold","transition-colors duration-150","focus-visible:outline-none","disabled:cursor-not-allowed"],{variants:{size:{xs:"py-1 px-2 gap-1 rounded-md text-caption-sm",sm:"h-[36px] px-4 gap-1 rounded-lg text-caption-sm",md:"h-[44px] px-4 gap-2 rounded-lg text-sm",lg:"h-[52px] px-5 gap-2 rounded-[10px] text-body-sm",xl:"h-[60px] px-6 gap-2 rounded-[10px] text-body-lg","2xl":"h-[68px] px-6 gap-2 rounded-[10px] text-body-lg"},tone:{primary:"",destructive:""},iconOnly:{true:"!p-0",false:""},variant:{solid:["text-white","disabled:bg-light-100 disabled:text-light-400"],outline:["bg-white border","disabled:bg-white disabled:text-light-400 disabled:border-light-200"],ghost:["bg-transparent","disabled:text-light-400"],"outline-primary":["bg-white border border-primary-500 text-primary-500","hover:bg-primary-100 hover:border-primary-300 hover:text-primary-800","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:bg-white disabled:text-light-400 disabled:border-light-200"],"ghost-primary":["bg-transparent text-primary-500","hover:bg-primary-50 hover:text-primary-800","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:text-light-400"],plain:["bg-transparent !rounded-md","disabled:text-light-400 h-auto !px-2"],"plain-black":["bg-transparent !rounded-md","disabled:text-light-400 h-auto !px-2 "]}},compoundVariants:[{tone:"primary",variant:"solid",class:["bg-primary-500","hover:bg-primary-800","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"primary",variant:"outline",class:["border-light-200 text-light-900","hover:bg-light-50","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"primary",variant:"ghost",class:["text-light-800","hover:bg-light-50 hover:text-light-900","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"primary",variant:"plain",class:["text-primary-500","hover:text-primary-800 hover:bg-transparent","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"].join(" ")},{tone:"primary",variant:"plain-black",class:["text-light-800","hover:text-light-900 hover:bg-transparent","focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"].join(" ")},{tone:"destructive",variant:"solid",class:["bg-error-500 text-white","hover:bg-error-800","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:bg-light-100"].join(" ")},{tone:"destructive",variant:"outline",class:["border-error-500 text-error-500","hover:border-error-300 hover:bg-error-100 hover:text-error-800","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white"].join(" ")},{tone:"destructive",variant:"ghost",class:["text-error-500","hover:bg-error-50 hover:text-error-800","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:bg-white disabled:text-light-400"].join(" ")},{tone:"destructive",variant:"plain",class:["text-error-500","hover:text-error-800 hover:bg-transparent","focus-visible:ring-2 focus-visible:ring-error-300 focus-visible:ring-offset-2"].join(" ")},{size:"xs",iconOnly:!0,class:"!w-[26px] !h-[26px]"},{size:"sm",iconOnly:!0,class:"!w-[36px] !h-[36px]"},{size:"md",iconOnly:!0,class:"!w-[44px] !h-[44px]"},{size:"lg",iconOnly:!0,class:"!w-[52px] !h-[52px]"},{size:"xl",iconOnly:!0,class:"!w-[60px] !h-[60px]"},{size:"2xl",iconOnly:!0,class:"!w-[68px] !h-[68px]"}],defaultVariants:{size:"md",tone:"primary",variant:"solid",iconOnly:!1}}),Qe=u.forwardRef(({children:e,className:s,tone:t,variant:r,size:a,iconOnly:n,...l},i)=>u.createElement("button",{ref:i,className:Sr(zr({tone:t,variant:r,size:a,iconOnly:n}),s),...l},e));Qe.displayName="Button";const Tr=({children:e})=>u.createElement("span",{className:"flex items-center"},e),Lr=({children:e})=>u.createElement("span",{className:"whitespace-nowrap"},e),de=Qe;de.Icon=Tr,de.Text=Lr;const Br=h(["inline-flex items-center justify-center","border transition-colors duration-150","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"],{variants:{size:{sm:"h-4 w-4 rounded-[4px]",md:"h-5 w-5 rounded-[6px]",lg:"h-5 w-5 rounded-[6px]"},checked:{true:"",false:""},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"}},compoundVariants:[{checked:!1,disabled:!1,className:"bg-white border-light-200 hover:border-light-400"},{checked:!0,disabled:!1,className:"bg-primary-500 border-primary-500 text-white hover:bg-primary-800 hover:border-primary-800"},{disabled:!0,className:"bg-light-100 border-light-200 text-white"}],defaultVariants:{size:"md",checked:!1,disabled:!1}}),Ir={sm:{width:12,height:9},md:{width:14,height:10},lg:{width:14,height:10}},Je=o.forwardRef(({id:e,checked:s,indeterminate:t=!1,disabled:r,size:a="md",onCheckedChange:n,className:l},i)=>{const d=()=>{r||n?.(!s)},c=Ir[a],g=r?"text-white/80":"text-current";return o.createElement("button",{id:e,ref:i,type:"button",role:"checkbox","aria-checked":t?"mixed":s,disabled:r,onClick:d,className:f(Br({size:a,checked:s,disabled:r}),l)},s&&!t&&o.createElement("svg",{width:c.width,height:c.height,viewBox:"0 0 14 10",fill:"none",className:g},o.createElement("path",{d:"M1 5L5 9L13 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),t&&o.createElement("span",{className:f(g,"bg-current rounded-sm",a==="sm"&&"h-0.5 w-3",(a==="md"||a==="lg")&&"h-0.5 w-4")}))});Je.displayName="Checkbox";const Re=o.createContext(null),Ar=({value:e,defaultValue:s,onValueChange:t,children:r,className:a})=>{const[n,l]=o.useState(s),i=e??n,d=c=>{l(c),t?.(c)};return o.createElement(Re.Provider,{value:{value:i,onValueChange:d}},o.createElement("div",{role:"radiogroup",className:a},r))},Or=()=>{const e=o.useContext(Re);if(!e)throw new Error("RadioGroupItem must be used within RadioGroup");return e},_r=h(["relative inline-flex items-center justify-center","border rounded-full transition-colors duration-150","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white"],{variants:{size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-5 w-5"},checked:{true:"",false:""},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"}},compoundVariants:[{checked:!1,disabled:!1,className:"border-light-200 bg-white hover:border-light-400"},{checked:!0,disabled:!1,className:"border-primary-500 bg-primary-500 hover:bg-primary-800 hover:border-primary-800"},{disabled:!0,className:"border-light-200 bg-light-100"}],defaultVariants:{size:"md",checked:!1,disabled:!1}}),Mr=h(["rounded-full bg-white transition-all"],{variants:{size:{sm:"h-1.5 w-1.5",md:"h-2 w-2",lg:"h-2 w-2"},checked:{true:"scale-100",false:"scale-0"}},defaultVariants:{size:"md",checked:!1}}),$e=o.forwardRef(({id:e,value:s,disabled:t,size:r="md",className:a},n)=>{const{value:l,onValueChange:i}=Or(),d=l===s;return o.createElement("button",{ref:n,id:e,type:"button",role:"radio","aria-checked":d,disabled:t,onClick:()=>{t||i?.(s)},className:f(_r({size:r,checked:d,disabled:t}),a)},o.createElement("span",{className:Mr({size:r,checked:d})}))});$e.displayName="RadioGroupItem";const Vr=h(["inline-flex items-center shrink-0 rounded-full p-[2px]","transition-colors duration-200","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white"],{variants:{size:{sm:"h-5 w-9",md:"h-6 w-11",lg:"h-6 w-11"},checked:{true:"justify-end",false:"justify-start"},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"},variant:{default:"",success:""}},compoundVariants:[{checked:!1,disabled:!1,className:"bg-light-200"},{checked:!0,disabled:!1,variant:"default",className:"bg-primary-500 hover:bg-primary-800"},{checked:!0,disabled:!1,variant:"success",className:"bg-success-500 hover:bg-success-800"},{disabled:!0,className:"bg-light-100"},{variant:"default",className:"focus-visible:ring-primary-400"},{variant:"success",className:"focus-visible:ring-success-500"}],defaultVariants:{size:"md",checked:!1,disabled:!1,variant:"default"}}),jr=h("rounded-full shrink-0 shadow-[0_1px_3px_0_rgba(16,24,40,0.10),0_1px_2px_0_rgba(16,24,40,0.06)]",{variants:{size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-5 w-5"},disabled:{true:"bg-light-50",false:"bg-white"}},defaultVariants:{size:"md",disabled:!1}}),et=o.forwardRef(({checked:e=!1,size:s="md",variant:t="default",disabled:r,onCheckedChange:a,className:n},l)=>o.createElement("button",{ref:l,type:"button",role:"switch","aria-checked":e,disabled:r,onClick:()=>{r||a?.(!e)},className:f(Vr({size:s,checked:e,disabled:r,variant:t}),n)},o.createElement("span",{className:jr({size:s,disabled:r})})));et.displayName="Toggle";const Wr=h(["relative rounded-lg text-caption-sm font-semibold text-white","bg-primary-900","shadow-lg","pointer-events-none","select-none"],{variants:{side:{top:"",bottom:"",left:"",right:""},hasSupportingText:{true:"p-3",false:"px-3 py-2"}},defaultVariants:{side:"top",hasSupportingText:!1}}),Pr="mt-1 font-medium text-light-100",Gr=h(["absolute"],{variants:{side:{top:["bottom-[-6px] left-1/2 -translate-x-1/2","border-x-8 border-x-transparent border-t-[6px] border-t-primary-900"],bottom:["top-[-6px] left-1/2 -translate-x-1/2","border-x-8 border-x-transparent border-b-[6px] border-b-primary-900"],left:["right-[-6px] top-1/2 -translate-y-1/2","border-y-8 border-y-transparent border-l-[6px] border-l-primary-900"],right:["left-[-6px] top-1/2 -translate-y-1/2","border-y-8 border-y-transparent border-r-[6px] border-r-primary-900"]}},defaultVariants:{side:"top"}}),ue=12,tt=({content:e,supportingText:s,side:t="top",open:r,defaultOpen:a=!1,disabled:n=!1,delay:l=0,className:i,children:d})=>{const[c,g]=o.useState(a),[p,v]=o.useState(null),w=r??c,T=o.useRef(null),E=o.useRef(null),S=o.useCallback(()=>{const C=T.current;if(!C)return null;const z=C.getBoundingClientRect();switch(t){case"top":return{top:z.top-ue,left:z.left+z.width/2};case"bottom":return{top:z.bottom+ue,left:z.left+z.width/2};case"left":return{top:z.top+z.height/2,left:z.left-ue};default:return{top:z.top+z.height/2,left:z.right+ue}}},[t]),N=()=>{if(n||!T.current)return;const C=()=>{v(S()),g(!0)};l>0?E.current=window.setTimeout(C,l):C()};o.useEffect(()=>{if(!w||!T.current)return;const C=()=>v(S());C();const z=new ResizeObserver(C);return z.observe(T.current),window.addEventListener("scroll",C,!0),window.addEventListener("resize",C),()=>{z.disconnect(),window.removeEventListener("scroll",C,!0),window.removeEventListener("resize",C)}},[w,S]);const k=()=>{E.current&&(clearTimeout(E.current),E.current=null),g(!1)};return o.createElement(o.Fragment,null,o.createElement("span",{ref:T,className:"inline-flex",onMouseEnter:N,onMouseLeave:k,onFocus:N,onBlur:k,tabIndex:0},d),w&&p&&_t.createPortal(o.createElement("div",{role:"tooltip",className:"fixed z-[9999] pointer-events-none",style:{top:p.top,left:p.left,transform:t==="top"?"translate(-50%, -100%)":t==="bottom"?"translate(-50%, 0)":t==="left"?"translate(-100%, -50%)":"translate(0, -50%)"}},o.createElement("div",{className:f(Wr({side:t,hasSupportingText:!!s}),i)},e,s&&o.createElement("p",{className:Pr},s),o.createElement("span",{className:Gr({side:t})}))),document.body))};tt.displayName="Tooltip";const Dr={brand:{bg:"bg-primary-50",border:"border-primary-300",text:"text-primary-700"},gray:{bg:"bg-white",border:"border-light-200",text:"text-light-800"},error:{bg:"bg-error-50",border:"border-error-200",text:"text-error-700"},warning:{bg:"bg-warning-50",border:"border-warning-200",text:"text-warning-700"},success:{bg:"bg-success-50",border:"border-success-200",text:"text-success-700"},"blue-gray":{bg:"bg-blue-gray-50",border:"border-blue-gray-200",text:"text-blue-gray-700"},"blue-light":{bg:"bg-blue-light-50",border:"border-blue-light-200",text:"text-blue-light-700"},indigo:{bg:"bg-indigo-50",border:"border-indigo-200",text:"text-indigo-700"},purple:{bg:"bg-purple-50",border:"border-purple-200",text:"text-purple-700"},blue:{bg:"bg-blue-50",border:"border-blue-200",text:"text-blue-700"},pink:{bg:"bg-pink-50",border:"border-pink-200",text:"text-pink-700"},orange:{bg:"bg-orange-50",border:"border-orange-200",text:"text-orange-700"}},Fr=h(["inline-flex items-center gap-1 border","font-medium transition-colors duration-150","select-none"],{variants:{size:{sm:"text-caption-sm py-[3px]",md:"text-caption-lg py-[2px]",lg:"text-caption-lg py-1"},shape:{rounded:"rounded-md",pill:"rounded-full"},hasLeading:{true:"",false:""},hasTrailing:{true:"",false:""},interactive:{true:"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white",false:""},disabled:{true:"cursor-not-allowed opacity-60",false:""}},compoundVariants:[{size:"sm",hasLeading:!1,className:"pl-2"},{size:"sm",hasLeading:!0,className:"pl-1"},{size:"sm",hasTrailing:!1,className:"pr-2"},{size:"sm",hasTrailing:!0,className:"pr-1"},{size:"md",hasLeading:!1,className:"pl-[9px]"},{size:"md",hasLeading:!0,className:"pl-1"},{size:"md",hasTrailing:!1,className:"pr-[9px]"},{size:"md",hasTrailing:!0,className:"pr-1"},{size:"lg",hasLeading:!1,className:"pl-2.5"},{size:"lg",hasLeading:!0,className:"pl-1.5"},{size:"lg",hasTrailing:!1,className:"pr-2.5"},{size:"lg",hasTrailing:!0,className:"pr-1.5"}],defaultVariants:{size:"sm",shape:"rounded",hasLeading:!1,hasTrailing:!1,interactive:!1,disabled:!1}}),Hr=h(["shrink-0 rounded border bg-white transition-colors duration-150 size-3.5"],{variants:{checked:{true:"bg-primary-500 border-primary-500",false:""}},defaultVariants:{checked:!1}}),Ur="shrink-0 rounded-[3px] bg-light-100 px-1 text-light-800",Xr="shrink-0 rounded-[3px] p-0.5 hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400",rt=/^#([0-9a-f]{6})$/i,st=e=>rt.test(e.trim()),ot=(e,s)=>{const t=rt.exec(e.trim());if(!t)return;const r=parseInt(t[1],16),a=r>>16&255,n=r>>8&255,l=r&255;return`rgba(${a}, ${n}, ${l}, ${s})`},we=({children:e,size:s="sm",shape:t="rounded",icon:r,checked:a,onCheckedChange:n,onClose:l,count:i,disabled:d=!1,className:c,color:g="gray",customColor:p})=>{const v=n!==void 0,w=a!==void 0||!!r,T=!!l||i!==void 0,E=Dr[g],S=!!(p&&st(p)),N=S?{borderColor:p,backgroundColor:ot(p,.12),color:p}:void 0,k=()=>{d||n?.(!a)},C=z=>{!v||d||(z.key==="Enter"||z.key===" ")&&(z.preventDefault(),k())};return o.createElement("div",{role:v?"checkbox":void 0,"aria-checked":v?!!a:void 0,"aria-disabled":d||void 0,tabIndex:v&&!d?0:void 0,onClick:v?k:void 0,onKeyDown:C,style:N,className:f(Fr({size:s,shape:t,hasLeading:w,hasTrailing:T,interactive:v,disabled:d}),!S&&E.bg,!S&&E.border,!S&&E.text,c)},a!==void 0&&o.createElement("span",{className:f(Hr({checked:a}),!a&&!S&&E.border),style:!a&&S?{borderColor:p}:void 0},a&&o.createElement("svg",{viewBox:"0 0 14 10",fill:"none",className:"size-full text-white"},o.createElement("path",{d:"M1 5L5 9L13 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r,o.createElement("span",{className:"whitespace-nowrap"},e),i!==void 0&&o.createElement("span",{className:Ur},i),l&&o.createElement("button",{type:"button","aria-label":"Remove",disabled:d,onClick:z=>{z.stopPropagation(),l()},className:Xr},o.createElement("svg",{viewBox:"0 0 10 10",fill:"none",className:"size-2.5"},o.createElement("path",{d:"M1 1L9 9M9 1L1 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))};we.displayName="Tag";const qr={brand:{solidBg:"bg-primary-50",solidBorder:"border-primary-300",solidText:"text-primary-500",outlineBorder:"border-primary-500",outlineText:"text-primary-700"},gray:{solidBg:"bg-light-50",solidBorder:"border-light-200",solidText:"text-light-700",outlineBorder:"border-light-600",outlineText:"text-light-700"},error:{solidBg:"bg-error-50",solidBorder:"border-error-200",solidText:"text-error-700",outlineBorder:"border-error-600",outlineText:"text-error-700"},warning:{solidBg:"bg-warning-50",solidBorder:"border-warning-200",solidText:"text-warning-700",outlineBorder:"border-warning-600",outlineText:"text-warning-700"},success:{solidBg:"bg-success-50",solidBorder:"border-success-200",solidText:"text-success-700",outlineBorder:"border-success-600",outlineText:"text-success-700"},"blue-gray":{solidBg:"bg-blue-gray-50",solidBorder:"border-blue-gray-200",solidText:"text-blue-gray-700",outlineBorder:"border-blue-gray-600",outlineText:"text-blue-gray-700"},"blue-light":{solidBg:"bg-blue-light-50",solidBorder:"border-blue-light-200",solidText:"text-blue-light-700",outlineBorder:"border-blue-light-600",outlineText:"text-blue-light-700"},indigo:{solidBg:"bg-indigo-50",solidBorder:"border-indigo-200",solidText:"text-indigo-700",outlineBorder:"border-indigo-600",outlineText:"text-indigo-700"},purple:{solidBg:"bg-purple-50",solidBorder:"border-purple-200",solidText:"text-purple-700",outlineBorder:"border-purple-600",outlineText:"text-purple-700"},blue:{solidBg:"bg-blue-50",solidBorder:"border-blue-200",solidText:"text-blue-700",outlineBorder:"border-blue-600",outlineText:"text-blue-700"},pink:{solidBg:"bg-pink-50",solidBorder:"border-pink-200",solidText:"text-pink-700",outlineBorder:"border-pink-600",outlineText:"text-pink-700"},orange:{solidBg:"bg-orange-50",solidBorder:"border-orange-200",solidText:"text-orange-700",outlineBorder:"border-orange-600",outlineText:"text-orange-700"}},Kr=h(["inline-flex items-center gap-1 border font-medium","transition-colors duration-150"],{variants:{size:{sm:"text-caption-sm py-0.5",md:"text-caption-lg py-0.5",lg:"text-caption-lg py-1"},shape:{pill:"rounded-full",badge:""},modern:{true:"rounded-md shadow-xs",false:""},hasLeading:{true:"",false:""},hasTrailing:{true:"",false:""},iconOnly:{true:"p-[5px]",false:""},interactive:{true:"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white",false:""},disabled:{true:"cursor-not-allowed opacity-60",false:""}},compoundVariants:[{shape:"badge",size:"sm",modern:!1,className:"rounded-md"},{shape:"badge",size:"md",modern:!1,className:"rounded-md"},{shape:"badge",size:"lg",modern:!1,className:"rounded-lg"},{size:"sm",shape:"pill",iconOnly:!1,hasLeading:!1,className:"pl-2"},{size:"sm",shape:"badge",iconOnly:!1,hasLeading:!1,className:"pl-1.5"},{size:"sm",iconOnly:!1,hasLeading:!0,className:"pl-1"},{size:"sm",iconOnly:!1,hasTrailing:!1,className:"pr-2"},{size:"sm",iconOnly:!1,hasTrailing:!0,className:"pr-1"},{size:"md",iconOnly:!1,hasLeading:!1,className:"pl-2.5"},{size:"md",iconOnly:!1,hasLeading:!0,className:"pl-1"},{size:"md",iconOnly:!1,hasTrailing:!1,className:"pr-2.5"},{size:"md",iconOnly:!1,hasTrailing:!0,className:"pr-1"},{size:"lg",shape:"pill",iconOnly:!1,hasLeading:!1,className:"pl-3"},{size:"lg",shape:"badge",iconOnly:!1,hasLeading:!1,className:"pl-2.5"},{size:"lg",iconOnly:!1,hasLeading:!0,className:"pl-1.5"},{size:"lg",shape:"pill",iconOnly:!1,hasTrailing:!1,className:"pr-3"},{size:"lg",shape:"badge",iconOnly:!1,hasTrailing:!1,className:"pr-2.5"},{size:"lg",iconOnly:!1,hasTrailing:!0,className:"pr-1.5"}],defaultVariants:{size:"sm",shape:"pill",modern:!1,hasLeading:!1,hasTrailing:!1,iconOnly:!1,interactive:!1,disabled:!1}}),Zr="size-4 shrink-0 rounded border bg-white",Yr="shrink-0 rounded p-0.5 hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400",nt=({children:e,size:s="sm",shape:t="pill",variant:r="solid",color:a="brand",customColor:n,modern:l=!1,icon:i,trailingIcon:d,checked:c,onCheckedChange:g,onClose:p,iconOnly:v=!1,disabled:w=!1,className:T})=>{const E=g!==void 0,S=c!==void 0||!!i,N=!!p||!!d,k=qr[a],C=!!(n&&st(n)),z=C?{borderColor:n,color:n,backgroundColor:r==="outline"?"transparent":ot(n,.1)}:void 0,M=()=>{w||g?.(!c)},B=A=>{!E||w||(A.key==="Enter"||A.key===" ")&&(A.preventDefault(),M())};return o.createElement("div",{role:E?"checkbox":void 0,"aria-checked":E?!!c:void 0,"aria-disabled":w||void 0,tabIndex:E&&!w?0:void 0,onClick:E?M:void 0,onKeyDown:B,style:z,className:f(Kr({size:s,shape:t,modern:l,hasLeading:S,hasTrailing:N,iconOnly:v,interactive:E,disabled:w}),!C&&(r==="outline"?f("bg-transparent",k.outlineBorder,k.outlineText):f(k.solidBg,k.solidBorder,k.solidText)),T)},c!==void 0&&o.createElement("span",{className:f(Zr,c?"bg-primary-500 border-primary-500":!C&&k.solidBorder),style:!c&&C?{borderColor:n}:void 0},c&&o.createElement("svg",{viewBox:"0 0 14 10",fill:"none",className:"size-full text-white"},o.createElement("path",{d:"M1 5L5 9L13 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),i,!v&&o.createElement("span",{className:"whitespace-nowrap"},e),d,p&&o.createElement("button",{type:"button","aria-label":"Remove",disabled:w,onClick:A=>{A.stopPropagation(),p()},className:Yr},o.createElement("svg",{viewBox:"0 0 10 10",fill:"none",className:"size-2.5"},o.createElement("path",{d:"M1 1L9 9M9 1L1 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))};nt.displayName="Badge";const Qr={brand:{bg50:"bg-primary-50",hoverBg100:"hover:bg-primary-100",border200:"border-primary-200",border500:"border-primary-500",text500:"text-primary-500"},gray:{bg50:"bg-light-50",hoverBg100:"hover:bg-light-100",border200:"border-light-200",border500:"border-light-500",text500:"text-light-500"},error:{bg50:"bg-error-50",hoverBg100:"hover:bg-error-100",border200:"border-error-200",border500:"border-error-500",text500:"text-error-500"},warning:{bg50:"bg-warning-50",hoverBg100:"hover:bg-warning-100",border200:"border-warning-200",border500:"border-warning-500",text500:"text-warning-500"},success:{bg50:"bg-success-50",hoverBg100:"hover:bg-success-100",border200:"border-success-200",border500:"border-success-500",text500:"text-success-500"}},Jr={md:{outerPad:{leading:"pl-1 pr-2.5 py-1",trailing:"pl-3 pr-1 py-1"},gap:"gap-2",chipPad:"px-2 py-0.5",text:"text-caption-lg"},lg:{outerPad:{leading:"pl-1.5 pr-3 py-1.5",trailing:"pl-3 pr-1.5 py-1.5"},gap:"gap-2",chipPad:"px-2.5 py-[3px]",text:"text-body-sm"}},at=({badgeLabel:e,children:s,size:t="md",theme:r="light",color:a="brand",badgePosition:n="leading",icon:l,onClick:i,className:d})=>{const c=Qr[a],g=Jr[t],p=r==="modern",v=r==="outline",w=f("inline-flex items-center border transition-colors duration-150",g.gap,g.outerPad[n],p?"rounded-lg bg-light-50 border-light-200 shadow-xs":v?f("rounded-full bg-white border-[1.5px]",c.border500):f("rounded-full",c.bg50,c.border200,c.hoverBg100),i&&"cursor-pointer",d),T=f("inline-flex shrink-0 items-center gap-1 border font-medium whitespace-nowrap",g.chipPad,g.text,p?"rounded-md bg-white border-light-200 text-light-800":v?f("rounded-full bg-white border-[1.5px]",c.border500,c.text500):f("rounded-full bg-white",c.border200,c.text500)),E=f("inline-flex items-center gap-1 font-medium",g.text,p?"text-light-800":c.text500),S=o.createElement("span",{className:T},p&&o.createElement("span",{className:"size-2 shrink-0 rounded-full bg-light-400"}),e);return o.createElement("div",{role:i?"button":void 0,tabIndex:i?0:void 0,onClick:i,className:w},n==="leading"&&S,o.createElement("span",{className:E},s,l),n==="trailing"&&S)};at.displayName="BadgeGroup";const Rr=({size:e})=>{const s=e*.09,t=(e-s)/2,r=2*Math.PI*t;return o.createElement("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,fill:"none",className:"animate-spin"},o.createElement("circle",{cx:e/2,cy:e/2,r:t,strokeWidth:s,className:"stroke-light-100"}),o.createElement("circle",{cx:e/2,cy:e/2,r:t,strokeWidth:s,strokeLinecap:"round",strokeDasharray:`${r*.25} ${r}`,className:"stroke-primary-600"}))},$r=({size:e})=>{const s=o.useId(),t=e*.125,r=(e-t)/2,a=2*Math.PI*r;return o.createElement("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,fill:"none",className:"animate-spin text-primary-600"},o.createElement("defs",null,o.createElement("linearGradient",{id:s,x1:"100%",y1:"0%",x2:"0%",y2:"100%"},o.createElement("stop",{offset:"0%",stopColor:"currentColor",stopOpacity:"1"}),o.createElement("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:"0"}))),o.createElement("circle",{cx:e/2,cy:e/2,r,strokeWidth:t,className:"stroke-light-100"}),o.createElement("circle",{cx:e/2,cy:e/2,r,strokeWidth:t,strokeLinecap:"round",stroke:`url(#${s})`,strokeDasharray:`${a*.75} ${a}`}))},es=({size:e})=>{const t=Math.max(e*.1,3),r=(e-t)/2;return o.createElement("div",{className:"relative animate-spin",style:{width:e,height:e}},Array.from({length:12}).map((a,n)=>{const l=30*n,i=.15+.85*n/11;return o.createElement("span",{key:n,className:"absolute rounded-full bg-primary-600 top-1/2 left-1/2",style:{width:t,height:t,opacity:i,marginTop:-t/2,marginLeft:-t/2,transform:`rotate(${l}deg) translate(${r}px) rotate(${-l}deg)`}})}))},ts={sm:{box:32,gapClass:"gap-4",textClass:"text-caption-lg"},md:{box:48,gapClass:"gap-4",textClass:"text-caption-lg"},lg:{box:56,gapClass:"gap-4",textClass:"text-body-lg"},xl:{box:64,gapClass:"gap-5",textClass:"text-body-lg"}},lt=({size:e="sm",style:s="line-simple",supportingText:t=!0,label:r="Loading...",className:a})=>{const{box:n,gapClass:l,textClass:i}=ts[e];return o.createElement("div",{role:"status","aria-label":typeof r=="string"?r:"Loading",className:f("inline-flex flex-col items-center",l,a)},s==="line-simple"&&o.createElement(Rr,{size:n}),s==="line-spinner"&&o.createElement($r,{size:n}),s==="dot-circle"&&o.createElement(es,{size:n}),t&&o.createElement("p",{className:f("font-medium text-light-700 whitespace-nowrap",i)},r))};lt.displayName="Loading";const it=({className:e,style:s})=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",className:e,style:s},o.createElement("path",{d:"M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z",stroke:"currentColor",strokeWidth:"1.75"}),o.createElement("path",{d:"M3.75 20.25a8.25 8.25 0 0 1 16.5 0",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})),ct=({className:e})=>o.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:e},o.createElement("circle",{cx:"10",cy:"10",r:"9",className:"fill-primary-500 stroke-white",strokeWidth:"1.5"}),o.createElement("path",{d:"M6 10.2 8.6 12.8 14 7",stroke:"white",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})),rs={xs:{box:24,borderWidth:"0.5px",statusSize:6,badgeSize:10,textClass:"text-caption-sm"},sm:{box:32,borderWidth:"0.5px",statusSize:8,badgeSize:12,textClass:"text-caption-lg"},md:{box:40,borderWidth:"0.75px",statusSize:10,badgeSize:14,textClass:"text-body-sm"},lg:{box:48,borderWidth:"0.75px",statusSize:12,badgeSize:16,textClass:"text-body-lg"},xl:{box:56,borderWidth:"0.75px",statusSize:14,badgeSize:18,textClass:"text-h6"},"2xl":{box:64,borderWidth:"0.75px",statusSize:16,badgeSize:20,textClass:"text-h5 leading-7"}},ss="#17B26A",se=({src:e,alt:s,initials:t,size:r="md",status:a="none",statusIcon:n,contrastBorder:l=!0,className:i})=>{const{box:d,borderWidth:c,statusSize:g,badgeSize:p,textClass:v}=rs[r],w=e?"image":t!==void 0?"initials":"placeholder";return o.createElement("div",{className:f("relative inline-block shrink-0 rounded-full",i),style:{width:d,height:d}},w==="image"&&o.createElement("img",{src:e,alt:s??"",className:"absolute inset-0 size-full rounded-full object-cover"}),w==="placeholder"&&o.createElement("div",{className:"absolute inset-0 flex items-center justify-center rounded-full bg-light-50"},o.createElement(it,{className:"text-light-300",style:{width:d*.55,height:d*.55}})),w==="initials"&&o.createElement("div",{className:f("absolute inset-0 flex items-center justify-center rounded-full bg-light-50 font-semibold text-light-500",v)},t),l&&o.createElement("div",{className:"pointer-events-none absolute inset-0 rounded-full border-black/[0.08]",style:{borderWidth:c,borderStyle:"solid"}}),a==="online"&&o.createElement("span",{className:"absolute bottom-0 right-0 rounded-full border-[1.5px] border-white",style:{width:g,height:g,backgroundColor:ss}}),a==="company"&&o.createElement("div",{className:"absolute bottom-0 right-0 flex items-center justify-center overflow-hidden rounded-full border-[1.5px] border-white bg-white",style:{width:p,height:p}},n),a==="verified"&&o.createElement("div",{className:"absolute bottom-0 right-0",style:{width:p,height:p}},o.createElement(ct,{className:"size-full"})))};se.displayName="Avatar";const os={xs:{box:24,overlap:-4,contrastBorderWidth:"0.5px",plusIconSize:16,textClass:"text-caption-sm"},sm:{box:32,overlap:-8,contrastBorderWidth:"0.5px",plusIconSize:16,textClass:"text-caption-lg"},md:{box:40,overlap:-12,contrastBorderWidth:"0.75px",plusIconSize:20,textClass:"text-body-sm"}},dt=({avatars:e,max:s,size:t="xs",onAdd:r,className:a})=>{const{box:n,overlap:l,contrastBorderWidth:i,textClass:d}=os[t],c=s?e.slice(0,s):e,g=s&&e.length>s?e.length-s:0;return o.createElement("div",{className:f("inline-flex items-start gap-2",a)},o.createElement("div",{className:"flex items-start"},c.map((p,v)=>o.createElement("div",{key:v,className:"relative shrink-0 overflow-hidden rounded-full border-[1.5px] border-white",style:{width:n,height:n,marginRight:l}},p.src?o.createElement("img",{src:p.src,alt:p.alt??"",className:"size-full object-cover"}):o.createElement("div",{className:"flex size-full items-center justify-center bg-light-50 font-semibold text-light-500"},p.initials),o.createElement("div",{className:"pointer-events-none absolute inset-0 rounded-full border-black/[0.08]",style:{borderWidth:i,borderStyle:"solid"}}))),g>0&&o.createElement("div",{className:"relative flex shrink-0 items-center justify-center rounded-full border-2 border-white bg-light-100",style:{width:n,height:n}},o.createElement("span",{className:f("font-semibold text-light-600",d)},"+",g))),r&&o.createElement("button",{type:"button",onClick:r,"aria-label":"Add",className:"flex shrink-0 items-center justify-center rounded-full border border-dashed border-light-300 bg-white text-light-500 hover:bg-light-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2",style:{width:n,height:n}},o.createElement("svg",{width:n*.4,height:n*.4,viewBox:"0 0 20 20",fill:"none"},o.createElement("path",{d:"M10 4v12M4 10h12",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"}))))};dt.displayName="AvatarGroup";const ns={xs:{nameClass:"text-caption-sm",subtitleClass:"text-caption-sm"},sm:{nameClass:"text-caption-lg",subtitleClass:"text-caption-sm"},md:{nameClass:"text-caption-lg",subtitleClass:"text-caption-lg"},lg:{nameClass:"text-body-sm",subtitleClass:"text-body-sm"},xl:{nameClass:"text-body-lg",subtitleClass:"text-body-sm"}},ut=({name:e,subtitle:s,src:t,initials:r,size:a="xs",status:n="none",statusIcon:l,className:i})=>{const{nameClass:d,subtitleClass:c}=ns[a];return o.createElement("div",{className:f("inline-flex items-center gap-2",i)},o.createElement(se,{src:t,initials:r,size:a,status:n,statusIcon:l}),o.createElement("div",{className:"flex flex-col items-start whitespace-nowrap"},o.createElement("span",{className:f("font-bold text-light-800",d)},e),s&&o.createElement("span",{className:f("font-normal text-light-700",c)},s)))};ut.displayName="AvatarLabelGroup";const as={sm:{box:72,ringWidth:3,shadowClass:"shadow-md",iconSize:36,textClass:"text-h4",verifiedSize:20,verifiedOffset:0},md:{box:96,ringWidth:4,shadowClass:"shadow-lg",iconSize:48,textClass:"text-h3",verifiedSize:24,verifiedOffset:0},lg:{box:160,ringWidth:4,shadowClass:"shadow-lg",iconSize:80,textClass:"text-h1",verifiedSize:32,verifiedOffset:4}},mt=({src:e,alt:s,initials:t,size:r="sm",verified:a=!0,contrastBorder:n=!0,className:l})=>{const{box:i,ringWidth:d,shadowClass:c,iconSize:g,textClass:p,verifiedSize:v,verifiedOffset:w}=as[r],T=e?"image":t!==void 0?"initials":"placeholder";return o.createElement("div",{className:f("relative rounded-full",l),style:{width:i,height:i}},o.createElement("div",{className:f("absolute inset-0 overflow-hidden rounded-full border-white",c,T!=="image"&&"bg-light-100"),style:{borderWidth:d,borderStyle:"solid"}},T==="image"&&o.createElement("img",{src:e,alt:s??"",className:"absolute inset-0 size-full rounded-full object-cover"}),n&&o.createElement("div",{className:"pointer-events-none absolute inset-0 rounded-full border border-black/[0.08]"}),T==="placeholder"&&o.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},o.createElement(it,{className:"text-light-300",style:{width:g,height:g}})),T==="initials"&&o.createElement("div",{className:f("absolute inset-0 flex items-center justify-center font-semibold text-light-500",p)},t)),a&&o.createElement("div",{className:"absolute",style:{width:v,height:v,bottom:w,right:w}},o.createElement(ct,{className:"size-full"})))};mt.displayName="AvatarProfilePhoto";const ls={"button-gray":{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3 py-2 text-base gap-2"},"button-white":{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3 py-2 text-base gap-2"},"button-primary":{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3 py-2 text-base gap-2"},underline:{sm:"h-8 px-1 pb-3 text-sm gap-2",md:"h-9 px-1 pb-3 text-base gap-2"},"underline-filled":{sm:"h-11 p-3 text-sm gap-2",md:"h-12 p-3 text-base gap-2"},line:{sm:"h-9 px-3 py-2 text-sm gap-2",md:"h-11 px-3.5 py-2.5 text-base gap-2"}},is={"button-gray":"rounded-md","button-white":"rounded-md","button-primary":"rounded-md",underline:"rounded-none","underline-filled":"rounded-none",line:"rounded-none"},cs={"button-gray":{active:"bg-light-50 text-light-700",inactive:"bg-transparent text-light-500",hoverInactive:"hover:bg-light-50 hover:text-light-700",hasFocusRing:!0},"button-white":{active:"bg-white text-light-700 shadow-sm",inactive:"bg-transparent text-light-500",hoverInactive:"hover:bg-white hover:text-light-700 hover:shadow-sm",hasFocusRing:!0},"button-primary":{active:"bg-primary-50 text-primary-700",inactive:"bg-transparent text-light-500",hoverInactive:"hover:bg-primary-50 hover:text-primary-700",hasFocusRing:!0},underline:{active:"border-b-2 border-primary-500 text-primary-700",inactive:"border-b-2 border-transparent text-light-500",hoverInactive:"hover:border-primary-500 hover:text-primary-700",hasFocusRing:!1},"underline-filled":{active:"bg-primary-50 border-b-2 border-primary-500 text-primary-700",inactive:"bg-transparent border-b-2 border-transparent text-light-500",hoverInactive:"hover:bg-primary-50 hover:border-primary-500 hover:text-primary-700",hasFocusRing:!1},line:{active:"bg-transparent border-l-2 border-primary-500 text-primary-700",inactive:"bg-transparent border-l-2 border-transparent text-light-500",hoverInactive:"hover:border-primary-500 hover:text-primary-700",hasFocusRing:!0}},ds="inline-flex items-center justify-center rounded-full border border-light-200 bg-light-50 px-2 py-0.5 text-caption-sm font-medium text-light-700",us={"button-gray":{gapClass:"gap-1",hasHairline:!1},"button-white":{gapClass:"gap-1",hasHairline:!1},"button-primary":{gapClass:"gap-1",hasHairline:!1},underline:{gapClass:"gap-3",hasHairline:!0},"underline-filled":{gapClass:"gap-3",hasHairline:!0},line:{gapClass:"gap-1",hasHairline:!1}},pt=({children:e,variant:s="button-primary",size:t="sm",active:r=!1,fullWidth:a=!1,count:n,disabled:l=!1,onClick:i,className:d})=>{const c=cs[s];return o.createElement("button",{type:"button",role:"tab","aria-selected":r,disabled:l,onClick:i,className:f("inline-flex items-center justify-center font-semibold transition-colors duration-150",ls[s][t],is[s],r?c.active:c.inactive,!r&&!l&&c.hoverInactive,c.hasFocusRing&&"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white",a&&"w-full",l?"cursor-not-allowed opacity-60":"cursor-pointer",d)},o.createElement("span",{className:"whitespace-nowrap"},e),n!==void 0&&o.createElement("span",{className:ds},n))};pt.displayName="Tab";const gt=({children:e,variant:s="button-primary",orientation:t="horizontal",boxed:r=!1,className:a})=>{const{gapClass:n,hasHairline:l}=us[s];return o.createElement("div",{role:"tablist","aria-orientation":t,className:f("inline-flex",t==="vertical"?"flex-col items-stretch":"flex-row items-center",n,r&&"rounded-lg border border-light-200 bg-light-50 p-1",l&&t==="horizontal"&&!r&&"border-b border-light-200",a)},e)};gt.displayName="TabList";const ft=9,ee=1,ms=30;function bt(e){const s=ft,t=ee-e,r=t?`calc(100% - ${t}px)`:"100%",a=`calc(100% - ${s+1}px)`,n=`calc(100% - ${s}px)`;return`shape(${[`from ${-e}px 100%`,...t?[`vline to ${r}`]:[],`curve to ${s}px ${a} with ${s}px ${r}`,`vline to ${s-e}px`,`curve to ${2*s-e}px 0 with ${s}px 0`,`hline to calc(100% - ${2*s-e}px)`,`curve to ${n} ${s-e}px with ${n} 0`,`vline to ${a}`,`curve to ${e?`calc(100% + ${e}px)`:"100%"} ${r} with ${n} ${r}`,...t?["vline to 100%"]:[]].join(", ")})`}const ps=bt(0),gs=bt(ee),fs={default:{box:"h-12 shrink-0",padX:ms},"max-width":{box:"h-9 min-w-px flex-1",padX:ft}},bs={clipPath:ps,paddingInline:`${ee}px`},hs={paddingInline:`${ee}px`},ht=o.forwardRef(({active:e=!1,type:s="default",disabled:t=!1,iconLeft:r,trailing:a,tooltip:n,children:l,className:i,style:d,...c},g)=>{const p=!t&&!e,{box:v,padX:w}=fs[s],T=e?{clipPath:gs,paddingInline:`${w-ee}px`}:{paddingInline:`${w-ee}px`};return o.createElement("button",{ref:g,title:n,...c,type:"button",role:"tab","aria-selected":e,disabled:t,className:f("group relative flex rounded-t-lg pt-px transition-colors duration-150 focus-visible:outline-none",v,t&&"cursor-not-allowed opacity-60",p&&"cursor-pointer",e&&"-mb-px cursor-default bg-light-200 focus-visible:bg-primary-400",i),style:{...e?bs:hs,...d}},o.createElement("span",{className:f("flex h-full w-full items-center justify-center gap-1 whitespace-nowrap rounded-t-lg text-caption-sm",e?"bg-white font-bold text-light-800":"font-medium leading-4 text-light-600",p&&"group-hover:bg-light-100 group-hover:text-light-800",p&&"group-focus-visible:rounded-b-lg group-focus-visible:ring-2 group-focus-visible:ring-primary-400 group-focus-visible:ring-offset-2"),style:T},r&&o.createElement("span",{className:"shrink-0"},r),o.createElement("span",{className:"overflow-hidden text-ellipsis"},l),a))});ht.displayName="TabBrowser";const xt=({children:e,separators:s=!1,trailingSlot:t,className:r})=>{const a=o.Children.toArray(e);return o.createElement("div",{className:f("flex items-end",r)},o.createElement("div",{role:"tablist",className:"flex min-w-0 flex-1 items-end"},a.map((n,l)=>o.createElement(o.Fragment,{key:l},n,s&&l<a.length-1&&o.createElement("span",{"aria-hidden":!0,className:"mb-3 h-5 w-px shrink-0 self-end bg-light-200"})))),t)};xt.displayName="TabBrowserBar";const xs=h("flex flex-col gap-1 w-full",{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-sm"}},defaultVariants:{size:"md"}}),vs=h("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"",false:"text-light-800"}},defaultVariants:{error:!1}}),ys=h(["flex items-center w-full border","bg-white transition-[border-color,border-width]"],{variants:{size:{xs:"h-7 px-2 gap-1 rounded text-caption-sm",sm:"h-9 px-3 gap-2 rounded-lg",md:"h-11 px-3 gap-2 rounded-lg"},error:{true:["border-error-200","focus-within:border-2 focus-within:border-error-500"],false:["border-light-200","focus-within:border-2 focus-within:border-primary-500"]},disabled:{true:"bg-light-100 text-light-400 cursor-not-allowed",false:""}},defaultVariants:{size:"md",error:!1,disabled:!1}}),ws=h(["flex-1 bg-transparent outline-none text-light-900","placeholder:text-light-500","disabled:text-light-400 disabled:cursor-not-allowed"],{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"},error:{true:"",false:"text-light-900"}},defaultVariants:{size:"md",error:!1}}),ks=h("text-caption-lg",{variants:{error:{true:"text-error-500",false:"text-light-700"}}}),Es=h("flex items-stretch w-full bg-white border overflow-hidden transition-[border-color,border-width]",{variants:{size:{xs:"rounded",sm:"rounded-lg",md:"rounded-lg"},error:{true:["border-error-200","focus-within:border-2 focus-within:border-error-500"],false:["border-light-200","focus-within:border-2 focus-within:border-primary-500"]},disabled:{true:"bg-light-100",false:""}},defaultVariants:{size:"md",error:!1,disabled:!1}}),Ns=h("flex flex-1 items-center min-w-0",{variants:{size:{xs:"gap-1 px-2 py-1",sm:"gap-2 px-3 py-2",md:"gap-2 px-3 py-2"},disabled:{true:"text-light-400 cursor-not-allowed",false:""}},defaultVariants:{size:"md",disabled:!1}}),Cs=h("flex items-center text-light-700 whitespace-nowrap border-r border-light-200",{variants:{size:{xs:"px-2 text-caption-sm",sm:"px-3 text-caption-lg",md:"px-3 text-body-sm"}},defaultVariants:{size:"md"}}),vt=h(["flex items-center gap-1 shrink-0 bg-transparent p-0 text-light-800 cursor-pointer","hover:bg-transparent hover:text-light-900","disabled:cursor-not-allowed disabled:text-light-400"],{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"}},defaultVariants:{size:"md"}}),Ss=h("flex shrink-0 items-center justify-center gap-1 w-[92px] border-l border-light-200 bg-white font-semibold text-light-800 hover:bg-light-50 disabled:cursor-not-allowed disabled:text-light-400",{variants:{size:{xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"}},defaultVariants:{size:"md"}}),yt=({className:e})=>u.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:e},u.createElement("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),zs={xs:"h-7",sm:"h-[30px]",md:"h-[34px]"},Ts=({size:e,error:s,disabled:t})=>f("flex items-center w-full gap-2 rounded-lg border bg-white px-2 transition-[border-color,border-width]",zs[e],s?"border-error-200 focus-within:border-2 focus-within:border-error-500":"border-light-200 focus-within:border-2 focus-within:border-primary-500",t&&"bg-light-100 text-light-400 cursor-not-allowed"),Ls=({error:e})=>f("flex items-center gap-1 text-caption-sm font-semibold",e?"":"text-light-800"),Bs="flex flex-col w-full max-w-[320px]",oe=u.forwardRef(function({label:s,required:t,hint:r,rightIcon:a,size:n="md",error:l=!1,disabled:i=!1,compact:d=!1,hideCalendarIcon:c=!1,type:g,prefix:p,suffix:v,leadingAddon:w,leadingDropdown:T,trailingDropdown:E,trailingButton:S,maxLength:N,value:k,className:C,wrapperClassName:z,...M},B){const A=!!(w||S),b=u.createElement(u.Fragment,null,T&&u.createElement("button",{type:"button",onClick:T.onClick,disabled:T.disabled||i,className:vt({size:n})},u.createElement("span",null,T.value),u.createElement(yt,{className:"size-5 text-light-500"})),p&&u.createElement("div",{className:"flex items-center"},p),u.createElement("input",{...M,ref:B,type:g,disabled:i,maxLength:N,value:k,className:f(ws({size:n,error:l}),"h-full",c&&"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden",g==="date"&&"[&::-webkit-datetime-edit]:p-0 [&::-webkit-datetime-edit-fields-wrapper]:p-0",C)}),(a||v)&&u.createElement("div",{className:"flex h-full items-center gap-2"},a&&u.createElement("div",{className:"flex h-full items-center pb-0.5 text-light-400 hover:text-light-600"},a),v&&u.createElement("div",{className:"flex h-full items-center gap-1 leading-none text-light-700"},v)),E&&u.createElement("button",{type:"button",onClick:E.onClick,disabled:E.disabled||i,className:vt({size:n})},u.createElement("span",null,E.value),u.createElement(yt,{className:"size-5 text-light-500"})));return u.createElement("div",{className:f(d?Bs:xs({size:n}),z)},s&&u.createElement("label",{className:d?Ls({error:l}):vs({error:l})},s,t&&u.createElement("span",{className:"text-error-400"},"*")),A?u.createElement("div",{className:Es({size:n,error:l,disabled:i})},w&&u.createElement("div",{className:Cs({size:n})},w),u.createElement("div",{className:Ns({size:n,disabled:i})},b),S&&u.createElement("button",{type:"button",onClick:S.onClick,disabled:S.disabled||i,className:Ss({size:n})},S.icon,u.createElement("span",null,S.label))):u.createElement("div",{className:d?Ts({size:n,error:l,disabled:i}):ys({size:n,error:l,disabled:i})},b),N&&typeof k=="string"&&u.createElement("div",{className:"text-right text-xs text-light-400"},k.length,"/",N),r&&u.createElement("p",{className:ks({error:l})},r))});function Is({children:e}){return React.createElement("div",{className:"flex items-center text-light-500"},e)}function As({children:e}){return React.createElement("div",{className:"flex items-center text-light-500"},e)}var Os={outline:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};const ne=(e,s,t,r)=>{const a=u.forwardRef(({color:n="currentColor",size:l=24,stroke:i=2,title:d,className:c,children:g,...p},v)=>u.createElement("svg",{ref:v,...Os[e],width:l,height:l,className:["tabler-icon",`tabler-icon-${s}`,c].join(" "),strokeWidth:i,stroke:n,...p},[d&&u.createElement("title",{key:"svg-title"},d),...r.map(([w,T])=>u.createElement(w,T)),...Array.isArray(g)?g:[g]]));return a.displayName=`${t}`,a};const wt=ne("outline","alert-circle","AlertCircle",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 8v4",key:"svg-1"}],["path",{d:"M12 16h.01",key:"svg-2"}]]);const kt=ne("outline","chevron-down","ChevronDown",[["path",{d:"M6 9l6 6l6 -6",key:"svg-0"}]]);const _s=ne("outline","circle-check","CircleCheck",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-0"}],["path",{d:"M9 12l2 2l4 -4",key:"svg-1"}]]);const ke=ne("outline","info-circle","InfoCircle",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 9h.01",key:"svg-1"}],["path",{d:"M11 12h1v4h1",key:"svg-2"}]]);const Ms=ne("outline","x","X",[["path",{d:"M18 6l-12 12",key:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]]);function Vs({size:e="md",label:s,required:t,hint:r,error:a,disabled:n,placeholder:l="+1 (555) 000-0000",rightIcon:i,value:d,onChange:c,className:g,wrapperClassName:p}){return u.createElement(oe,{size:e,label:s,required:t,hint:r,error:a,disabled:n,placeholder:l,rightIcon:i,value:d,onChange:c,className:g,wrapperClassName:p,prefix:u.createElement("div",{className:"flex items-center gap-1 pr-2 text-sm text-light-700"},u.createElement("span",null,"US"),u.createElement(kt,{size:14}))})}function js({size:e="md",label:s,required:t,hint:r,error:a,disabled:n,value:l,placeholder:i="1,000.00",currency:d="USD",onCurrencyChange:c,rightIcon:g,onChange:p,className:v,wrapperClassName:w}){return u.createElement(oe,{size:e,label:s,required:t,hint:r,error:a,disabled:n,value:l,placeholder:i,rightIcon:g,onChange:p,className:v,wrapperClassName:w,prefix:u.createElement("span",{className:"select-none text-sm text-light-700"},"$"),suffix:u.createElement("button",{type:"button",disabled:n,onClick:c,className:"flex items-center gap-1 text-sm text-light-700 hover:text-light-900 disabled:cursor-not-allowed"},d,u.createElement(kt,{size:14}))})}function Ws({size:e="md",label:s,required:t,hint:r,disabled:a,error:n,className:l,wrapperClassName:i,value:d,maxLength:c,placeholder:g,onChange:p}){const v=d.length>c,w=n||v;return u.createElement(oe,{size:e,label:s,required:t,disabled:a,error:w,value:d,placeholder:g,onChange:p,className:l,wrapperClassName:i,hint:r,suffix:u.createElement("span",{className:f("text-caption-lg",v?"text-error-600":"text-light-400")},d.length,"/",c)})}function Ps({size:e="md",label:s="Card number",required:t,hint:r,error:a,disabled:n,placeholder:l="Card number",value:i,onChange:d,rightIcon:c,prefix:g,className:p,wrapperClassName:v}){return u.createElement(oe,{size:e,label:s,required:t,hint:r,error:a,disabled:n,placeholder:l,value:i,onChange:d,rightIcon:c,className:p,wrapperClassName:v,prefix:g??u.createElement("img",{src:"/stories/assets/mastercard.png",alt:"mastercard",className:"h-4 w-6 object-contain"}),inputMode:"numeric",autoComplete:"cc-number"})}const Ee=oe;Ee.Prefix=Is,Ee.Suffix=As;const Gs="flex flex-col gap-1 w-full",Ds=h("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"",false:"text-light-800"}},defaultVariants:{error:!1}}),Fs=h(["flex w-full gap-2 border rounded-lg p-3 bg-white","transition-[border-color,border-width]"],{variants:{error:{true:["border-error-200","focus-within:border-2 focus-within:border-error-500"],false:["border-light-200","focus-within:border-2 focus-within:border-primary-500"]},disabled:{true:"bg-light-100 cursor-not-allowed",false:""}},defaultVariants:{error:!1,disabled:!1}}),Hs=h(["flex-1 min-h-[132px] bg-transparent outline-none text-caption-lg text-light-900","placeholder:text-light-500","disabled:text-light-400 disabled:cursor-not-allowed disabled:resize-none"],{variants:{resizable:{true:"resize-y",false:"resize-none"}},defaultVariants:{resizable:!0}}),Us=h("text-caption-lg",{variants:{error:{true:"text-error-500",false:"text-light-700"}},defaultVariants:{error:!1}}),Xs=({error:e,disabled:s})=>f("flex w-full gap-2 rounded-lg border bg-white p-2 transition-[border-color,border-width]",e?"border-error-200 focus-within:border-2 focus-within:border-error-500":"border-light-200 focus-within:border-2 focus-within:border-primary-500",s&&"bg-light-100 cursor-not-allowed"),qs=({error:e})=>f("flex items-center gap-1 text-caption-sm font-semibold",e?"":"text-light-800"),Ks=e=>f("flex-1 min-h-[64px] bg-transparent outline-none text-sm text-light-900","placeholder:text-light-500",e?"resize-y":"resize-none"),Zs="flex flex-col w-full max-w-[320px]",Et=o.forwardRef(({label:e,required:s,hint:t,helpIcon:r,error:a=!1,disabled:n=!1,resizable:l=!0,compact:i=!1,rows:d,style:c,className:g,wrapperClassName:p,...v},w)=>{const T=d?{minHeight:`${d*20}px`}:void 0;return o.createElement("div",{className:f(i?Zs:Gs,p)},e&&o.createElement("label",{className:i?qs({error:a}):Ds({error:a})},e,s&&o.createElement("span",{className:"text-error-400"},"*"),r),o.createElement("div",{className:i?Xs({error:a,disabled:n}):Fs({error:a,disabled:n})},o.createElement("textarea",{ref:w,disabled:n,rows:d,style:{...T,...c},className:f(i?Ks(l&&!n):Hs({resizable:l&&!n}),g),...v})),t&&o.createElement("p",{className:Us({error:a})},t))});Et.displayName="Textarea";const Ys=h("flex w-[320px] flex-col gap-1"),Qs=h("flex items-center gap-1 text-sm font-bold",{variants:{error:{true:"text-error-600",false:"text-light-800"}}}),Js=h(["flex items-center","rounded-lg border bg-white","overflow-hidden","transition-colors"],{variants:{size:{sm:"h-9 px-2",md:"h-11 px-3"},error:{true:"border-error-300 focus-within:ring-2 focus-within:ring-error-500",false:"border-light-200 focus-within:ring-2 focus-within:ring-primary-500"},disabled:{true:"bg-light-100 cursor-not-allowed",false:""}},defaultVariants:{size:"md",error:!1,disabled:!1}}),Rs=h(["flex items-center gap-1","overflow-x-auto overflow-y-hidden","whitespace-nowrap","scrollbar-hide","flex-1"]),$s=h("flex shrink-0 items-center gap-1 rounded-md bg-white border border-light-200 px-2 py-1 text-caption-lg text-light-800"),eo=h(["min-w-[120px]","bg-transparent outline-none","text-light-900 placeholder:text-light-500"],{variants:{disabled:{true:"cursor-not-allowed text-light-400",false:""}}}),to=h("text-caption-lg",{variants:{error:{true:"text-error-600",false:"text-light-700"}}});function ro({size:e="md",label:s,required:t,hint:r,error:a=!1,disabled:n=!1,placeholder:l="Add items",rightIcon:i,className:d,wrapperClassName:c,options:g,value:p=[],onChange:v}){const w=u.useId(),[T,E]=u.useState(""),S=k=>{const C=g.find(z=>z.label===k);C&&(p.some(z=>z.id===C.id)||(v?.([...p,C]),E("")))},N=k=>{v?.(p.filter(C=>C.id!==k))};return u.createElement("div",{className:f(Ys(),c)},s&&u.createElement("label",{className:Qs({error:a})},s,t&&u.createElement("span",{className:"text-error-400"},"*")),u.createElement("div",{className:Js({size:e,error:a,disabled:n})},u.createElement("div",{className:Rs()},p.map(k=>u.createElement("span",{key:k.id,className:$s()},k.avatar&&u.createElement("img",{src:k.avatar,alt:k.label,className:"h-4 w-4 rounded-full"}),k.label,!n&&u.createElement("button",{type:"button",onClick:()=>N(k.id),className:"ml-1 text-light-500 hover:text-light-700"},"×"))),u.createElement("input",{list:w,value:T,onChange:k=>{E(k.target.value),S(k.target.value)},placeholder:p.length===0?l:"",disabled:n,className:f(eo({disabled:n}),d)}),u.createElement("datalist",{id:w},g.map(k=>u.createElement("option",{key:k.id,value:k.label})))),i&&u.createElement("div",{className:"ml-2 flex shrink-0 items-center text-light-400"},i)),r&&u.createElement("p",{className:to({error:a})},r))}const so=h("flex w-[320px] flex-col gap-1"),oo=h("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"",false:"text-light-800"}}}),no=h("flex items-stretch rounded-lg border bg-white transition-colors",{variants:{error:{true:"",false:"border-light-200"},disabled:{true:"bg-light-100",false:""}}}),ao=h("flex items-center px-3 text-sm text-light-500 rounded-l-lg select-none",{variants:{size:{sm:"h-9",md:"h-11"},disabled:{true:"bg-light-100",false:"bg-white"}}}),lo="w-px bg-light-200",io=h(["flex flex-1 items-center gap-2 px-3 rounded-r-lg","transition-shadow","focus-within:ring-2 focus-within:ring-offset-0"],{variants:{size:{sm:"h-9",md:"h-11"},error:{true:"border border-error-200 focus-within:ring-error-500",false:"focus-within:ring-primary-500"},disabled:{true:"cursor-not-allowed",false:""}}}),co=h("flex-1 bg-transparent outline-none text-light-900 placeholder:text-light-500",{variants:{disabled:{true:"text-light-400 cursor-not-allowed",false:""}}}),uo=h("text-caption-lg",{variants:{error:{true:"text-error-600",false:"text-light-700"}}});function mo({size:e="md",label:s,required:t,hint:r,error:a=!1,disabled:n=!1,placeholder:l="www.cekat.ai",value:i,rightIcon:d,onChange:c,className:g,wrapperClassName:p}){return u.createElement("div",{className:f(so(),p)},s&&u.createElement("label",{className:oo({error:a})},s,t&&u.createElement("span",{className:"text-error-400"},"*")),u.createElement("div",{className:no({error:a,disabled:n})},u.createElement("div",{className:ao({size:e})},"http://"),u.createElement("div",{className:lo}),u.createElement("div",{className:io({size:e,error:a,disabled:n})},u.createElement("input",{value:i,onChange:c,placeholder:l,disabled:n,className:f(co({disabled:n}),g)}),d&&u.createElement("div",{className:"flex items-center text-light-400"},d))),r&&u.createElement("p",{className:uo({error:a})},r))}const po=h("flex w-[320px] flex-col gap-1"),go=h("flex items-center gap-1 font-bold text-sm",{variants:{error:{true:"text-error-600",false:"text-light-800"}}}),fo=h("flex items-stretch rounded-lg border border-light-200 bg-white transition-colors",{variants:{disabled:{true:"bg-light-100",false:""}}}),bo=h(["flex flex-1 items-center gap-2 px-3 rounded-l-lg","transition-shadow","focus-within:ring-2 focus-within:ring-offset-0"],{variants:{size:{sm:"h-9",md:"h-11"},error:{true:"border border-error-200 focus-within:ring-error-500",false:"focus-within:ring-primary-500"},disabled:{true:"cursor-not-allowed",false:""}}}),ho=h("w-px transition-colors",{variants:{error:{true:"focus:bg-error-200 group-focus-within:bg-error-500",false:"focus:bg-light-200 group-focus-within:bg-primary-500"}}}),xo=h("flex items-center gap-1 px-3 text-sm text-light-700 rounded-r-lg select-none",{variants:{size:{sm:"h-9",md:"h-11"},disabled:{true:"bg-white",false:"bg-white"}}}),vo=h("flex-1 bg-transparent outline-none text-light-900 placeholder:text-light-500",{variants:{disabled:{true:"text-light-400 cursor-not-allowed",false:""}}}),yo=h("text-caption-lg",{variants:{error:{true:"text-error-600",false:"text-light-700"}}});function wo({size:e="md",label:s,required:t,hint:r,error:a=!1,disabled:n=!1,placeholder:l="www.cekat.ai",value:i,rightIcon:d,suffix:c,onChange:g,className:p,wrapperClassName:v}){return u.createElement("div",{className:f(po(),v)},s&&u.createElement("label",{className:go({error:a})},s,t&&u.createElement("span",{className:"text-error-400"},"*")),u.createElement("div",{className:fo({disabled:n})},u.createElement("div",{className:bo({size:e,error:a,disabled:n})},u.createElement("input",{value:i,onChange:g,placeholder:l,disabled:n,className:f(vo({disabled:n}),p)}),d&&u.createElement("div",{className:"text-light-400"},d)),u.createElement("div",{className:ho({error:a})}),u.createElement("div",{className:xo({size:e,disabled:n})},c)),r&&u.createElement("p",{className:yo({error:a})},r))}const ko=h("flex w-full flex-col gap-1"),Eo=h("flex items-center gap-1 text-sm font-bold text-light-800"),Nt=h(["flex w-full items-center border bg-white text-left","transition-[border-color,border-width]"],{variants:{size:{xs:"h-7 gap-1 rounded px-2 text-caption-sm",sm:"h-9 gap-2 rounded-lg px-3 text-caption-lg",md:"h-11 gap-2 rounded-lg px-3 text-body-sm"},open:{true:"border-2 border-primary-500",false:"border-light-200 focus-within:border-2 focus-within:border-primary-500"},disabled:{true:"cursor-not-allowed bg-light-100",false:"cursor-pointer"}},defaultVariants:{size:"md",open:!1,disabled:!1}}),No=h(["absolute left-0 top-full z-10 mt-2 w-full overflow-y-auto","rounded-lg border border-light-200 bg-white py-1","shadow-[0_12px_16px_-4px_rgba(16,24,40,0.08),0_4px_6px_-2px_rgba(16,24,40,0.03)]"],{variants:{size:{xs:"max-h-52",sm:"max-h-64",md:"max-h-80"}},defaultVariants:{size:"md"}}),Ct=h("flex w-full items-center rounded-md text-left",{variants:{size:{xs:"gap-1 px-2 py-1 text-caption-sm",sm:"gap-2 px-3 py-1.5 text-caption-lg",md:"gap-2 py-2.5 pl-4 pr-2.5 text-body-sm"},disabled:{true:"cursor-not-allowed text-light-400",false:"cursor-pointer hover:bg-light-50"}},defaultVariants:{size:"md",disabled:!1}}),Co=h("text-caption-lg text-light-700"),So=({className:e})=>o.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:e},o.createElement("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),zo=({className:e})=>o.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:e},o.createElement("path",{d:"M17.5 17.5L14.1 14.1M16 9.25C16 12.98 12.98 16 9.25 16C5.52 16 2.5 12.98 2.5 9.25C2.5 5.52 5.52 2.5 9.25 2.5C12.98 2.5 16 5.52 16 9.25Z",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),To=({className:e})=>o.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:e},o.createElement("path",{d:"M16.67 5L7.5 14.17L3.33 10",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),Ne={xs:"size-4",sm:"size-5",md:"size-6"},St={xs:"size-4",sm:"size-5",md:"size-5"},Lo={xs:"text-caption-sm",sm:"text-caption-lg",md:"text-body-sm"},Bo={xs:"h-7",sm:"h-[30px]",md:"h-[34px]"},zt=({size:e,open:s,disabled:t})=>f("flex w-full items-center gap-2 rounded-lg border bg-white px-2 text-left transition-[border-color,border-width]",Lo[e],Bo[e],s?"border-2 border-primary-500":"border-light-200 focus-within:border-2 focus-within:border-primary-500",t?"cursor-not-allowed bg-light-100":"cursor-pointer"),Io=()=>"flex items-center gap-1 text-caption-sm font-semibold text-light-800",Ao="flex w-full max-w-[320px] flex-col";function Oo({size:e="md",type:s="default",label:t,required:r,helpIcon:a,hint:n,placeholder:l="Select option",disabled:i=!1,compact:d=!1,leadingIcon:c,options:g,value:p=null,onChange:v,values:w=[],onValuesChange:T,className:E,wrapperClassName:S}){const[N,k]=o.useState(!1),[C,z]=o.useState(""),M=o.useRef(null),B=o.useRef(null),A=s==="tags",b=s==="search"||A,O=g.find(m=>m.id===p)??null,H=g.filter(m=>w.includes(m.id)),X=C?g.filter(m=>`${m.label} ${m.supportingText??""}`.toLowerCase().includes(C.toLowerCase())):g,j=()=>{k(!1),z("")};o.useEffect(()=>{if(!N)return;const m=D=>{M.current?.contains(D.target)||j()};return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[N]),o.useEffect(()=>{N&&b&&B.current?.focus()},[N,b]);const Y=()=>{i||(N?j():k(!0))},$=m=>{m.disabled||(A?(T?.(w.includes(m.id)?w.filter(D=>D!==m.id):[...w,m.id]),z(""),B.current?.focus()):(v?.(m),j()))},Q=m=>{if(m.key==="Enter"){m.preventDefault();const D=X.find(me=>!me.disabled);N&&D&&$(D)}else m.key==="Backspace"&&A&&!C&&w.length?T?.(w.slice(0,-1)):N||k(!0)},G=m=>m.avatar?o.createElement("img",{src:m.avatar,alt:"",className:f(Ne[e],"shrink-0 rounded-full object-cover")}):m.icon?o.createElement("span",{className:f(Ne[e],"flex shrink-0 items-center justify-center",i?"text-light-400":"text-light-500")},m.icon):m.dot?o.createElement("span",{className:"size-2 shrink-0 rounded-full",style:{backgroundColor:i?"#d0d5dd":m.dot}}):null,q=O?G(O):c?o.createElement("span",{className:f(Ne[e],"flex shrink-0 items-center justify-center",i?"text-light-400":"text-light-500")},c):null,te=O?o.createElement("span",{className:"flex min-w-0 items-center gap-2 whitespace-nowrap"},o.createElement("span",{className:f("truncate font-medium",i?"text-light-400":"text-light-800")},O.label),O.supportingText&&o.createElement("span",{className:i?"text-light-400":"text-light-700"},O.supportingText)):o.createElement("span",{className:i?"text-light-400":"text-light-500"},l),ae=N&&o.createElement("div",{role:"listbox",className:No({size:e})},X.length===0&&o.createElement("div",{className:f(Ct({size:e}),"mx-1 w-auto text-light-500 hover:bg-transparent")},"No options found"),X.map(m=>{const D=A?w.includes(m.id):m.id===p;return o.createElement("div",{key:m.id,className:"px-1 py-0.5"},o.createElement("button",{type:"button",role:"option","aria-selected":D,disabled:m.disabled,onClick:()=>$(m),className:Ct({size:e,disabled:m.disabled})},G(m),o.createElement("span",{className:"flex min-w-0 flex-1 items-center gap-2 whitespace-nowrap"},o.createElement("span",{className:f("truncate font-medium",m.disabled?"text-light-400":"text-light-900")},m.label),m.supportingText&&o.createElement("span",{className:m.disabled?"text-light-400":"text-light-700"},m.supportingText)),D&&o.createElement(To,{className:"ml-auto size-5 shrink-0 text-primary-500"})))}));return o.createElement("div",{ref:M,className:f(d?Ao:ko(),S)},t&&o.createElement("label",{className:d?Io():Eo()},t,r&&o.createElement("span",{className:"text-error-400"},"*"),a),o.createElement("div",{className:"relative",onKeyDown:m=>{m.key==="Escape"&&j()}},s==="default"?o.createElement("button",{type:"button","aria-haspopup":"listbox","aria-expanded":N,disabled:i,onClick:Y,className:f(d?zt({size:e,open:N,disabled:i}):Nt({size:e,open:N,disabled:i}),E)},q,o.createElement("span",{className:"flex min-w-0 flex-1 items-center"},te),o.createElement(So,{className:f(St[e],"shrink-0 text-light-500")})):o.createElement("div",{role:"combobox","aria-haspopup":"listbox","aria-expanded":N,onClick:Y,className:f(d?zt({size:e,open:N,disabled:i}):Nt({size:e,open:N,disabled:i}),E)},o.createElement(zo,{className:f(St[e],"shrink-0",i?"text-light-400":"text-light-500")}),A&&H.length>0&&o.createElement("div",{className:"flex shrink items-center gap-1 overflow-x-auto whitespace-nowrap scrollbar-hide"},H.map(m=>o.createElement(we,{key:m.id,size:"sm",disabled:i,icon:m.avatar?o.createElement("img",{src:m.avatar,alt:"",className:"size-4 shrink-0 rounded-full object-cover"}):void 0,onClose:()=>$(m)},m.label))),!A&&!N&&O?o.createElement("span",{className:"flex min-w-0 flex-1 items-center"},te):o.createElement("input",{ref:B,value:C,disabled:i,placeholder:A&&H.length>0?"":l,onChange:m=>{z(m.target.value),N||k(!0)},onKeyDown:Q,className:"min-w-8 flex-1 bg-transparent text-light-900 outline-none placeholder:text-light-500 disabled:cursor-not-allowed disabled:placeholder:text-light-400"})),ae),n&&o.createElement("p",{className:Co()},n))}const _o=h(["inline-flex items-center justify-center gap-1 shrink-0","rounded-md border border-light-200 bg-white px-2 py-1","font-bold text-caption-sm text-light-900","transition-shadow"],{variants:{open:{true:"shadow-[0px_0px_0px_2px_white,0px_0px_0px_4px_rgba(112,150,217,1)]",false:""},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer"}},defaultVariants:{open:!1,disabled:!1}}),Mo=h("flex size-5 shrink-0 items-center justify-center text-light-500",{variants:{disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer hover:text-light-700"}},defaultVariants:{disabled:!1}}),Vo=h("rounded-full transition-shadow",{variants:{open:{true:"shadow-[0px_0px_0px_2px_white,0px_0px_0px_4px_rgba(112,150,217,1)]",false:""},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer"}},defaultVariants:{open:!1,disabled:!1}}),jo=h(["absolute top-full z-10 mt-2 flex w-60 flex-col overflow-clip","rounded-lg border border-light-200 bg-white","shadow-[0px_12px_16px_-4px_rgba(16,24,40,0.08),0px_4px_6px_-2px_rgba(16,24,40,0.03)]"]),Wo=h("flex w-full flex-col items-start border-b border-light-200 px-4 py-3"),Po=h("flex w-full flex-col items-start overflow-y-auto py-1"),Go=h(["mx-1 flex w-[calc(100%-8px)] items-center gap-3 rounded-md px-4 py-2.5","text-left font-bold text-caption-lg"],{variants:{disabled:{true:"cursor-not-allowed text-light-400",false:"cursor-pointer text-light-800 hover:bg-light-50"}},defaultVariants:{disabled:!1}}),Do=h("ml-auto shrink-0 font-normal text-caption-sm text-light-500"),Fo=h("my-1 h-px w-full bg-light-200"),Ho=({className:e})=>o.createElement("svg",{viewBox:"0 0 18 18",fill:"none",className:e},o.createElement("path",{d:"M4.5 6.75L9 11.25L13.5 6.75",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),Uo=({className:e})=>o.createElement("svg",{viewBox:"0 0 18 18",fill:"none",className:e},o.createElement("path",{d:"M13.5 11.25L9 6.75L4.5 11.25",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})),Xo=({className:e})=>o.createElement("svg",{viewBox:"0 0 20 20",fill:"none",className:e},o.createElement("path",{d:"M10 10.83a.83.83 0 1 0 0-1.67.83.83 0 0 0 0 1.67ZM10 5a.83.83 0 1 0 0-1.67A.83.83 0 0 0 10 5ZM10 16.67a.83.83 0 1 0 0-1.67.83.83 0 0 0 0 1.67Z",stroke:"currentColor",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"}));function qo({trigger:e="button",label:s="Account",icon:t,avatarSrc:r,avatarInitials:a,header:n,items:l,open:i,defaultOpen:d=!1,onOpenChange:c,disabled:g=!1,align:p="end",className:v,menuClassName:w}){const[T,E]=o.useState(d),S=i!==void 0,N=S?i:T,k=o.useRef(null),C=B=>{S||E(B),c?.(B)};o.useEffect(()=>{if(!N)return;const B=b=>{k.current?.contains(b.target)||C(!1)},A=b=>{b.key==="Escape"&&C(!1)};return document.addEventListener("mousedown",B),document.addEventListener("keydown",A),()=>{document.removeEventListener("mousedown",B),document.removeEventListener("keydown",A)}},[N]);const z=()=>{g||C(!N)},M=B=>{B.disabled||(B.onClick?.(),C(!1))};return o.createElement("div",{ref:k,className:f("relative inline-block",v)},e==="button"&&o.createElement("button",{type:"button","aria-haspopup":"menu","aria-expanded":N,disabled:g,onClick:z,className:_o({open:N,disabled:g})},o.createElement("span",null,s),N?o.createElement(Uo,{className:"size-[18px]"}):o.createElement(Ho,{className:"size-[18px]"})),e==="icon"&&o.createElement("button",{type:"button","aria-haspopup":"menu","aria-expanded":N,"aria-label":s,disabled:g,onClick:z,className:Mo({disabled:g})},t??o.createElement(Xo,{className:"size-5"})),e==="avatar"&&o.createElement("button",{type:"button","aria-haspopup":"menu","aria-expanded":N,"aria-label":s,disabled:g,onClick:z,className:Vo({open:N,disabled:g})},o.createElement(se,{src:r,initials:a,size:"md",status:"online"})),N&&o.createElement("div",{role:"menu",className:f(jo(),p==="end"?"right-0":"left-0",w)},n&&o.createElement("div",{className:Wo()},o.createElement("div",{className:"flex w-full items-center gap-3"},o.createElement(se,{src:n.avatarSrc,initials:n.avatarInitials,size:"md",status:n.status??"online"}),o.createElement("div",{className:"flex min-w-0 flex-1 flex-col items-start text-left"},o.createElement("span",{className:"w-full truncate text-sm font-bold text-light-800"},n.name),n.subtitle&&o.createElement("span",{className:"w-full truncate text-caption-lg font-normal text-light-700"},n.subtitle)))),o.createElement("div",{className:Po()},l.map(B=>B.divider?o.createElement("div",{key:B.id,role:"separator",className:Fo()}):o.createElement("button",{key:B.id,type:"button",role:"menuitem",disabled:B.disabled,onClick:()=>M(B),className:Go({disabled:B.disabled})},B.icon&&o.createElement("span",{className:"flex size-4 shrink-0 items-center justify-center"},B.icon),o.createElement("span",{className:"flex-1 truncate"},B.label),B.shortcut&&o.createElement("span",{className:Do()},B.shortcut))))))}const Tt=h("relative",{variants:{layout:{floating:["flex w-full flex-col gap-4 p-4","rounded-xl border shadow-xs","sm:flex-row sm:items-start"],"full-width":"w-full border-b"}},defaultVariants:{layout:"floating"}}),Ko={default:{surface:"bg-light-50",border:"border-light-300",iconSurface:"border border-light-200 bg-white shadow-xs",iconSurfaceOnLight:"border border-light-200 bg-white shadow-xs",iconText:"text-light-800"},brand:{surface:"bg-primary-50",border:"border-primary-300",iconSurface:"bg-primary-100",iconSurfaceOnLight:"bg-white",iconText:"text-primary-500"},gray:{surface:"bg-light-50",border:"border-light-300",iconSurface:"bg-light-100",iconSurfaceOnLight:"bg-white",iconText:"text-light-800"},error:{surface:"bg-error-50",border:"border-error-300",iconSurface:"bg-error-50",iconSurfaceOnLight:"bg-white",iconText:"text-error-500"},warning:{surface:"bg-warning-50",border:"border-warning-300",iconSurface:"bg-warning-100",iconSurfaceOnLight:"bg-white",iconText:"text-warning-500"},success:{surface:"bg-success-50",border:"border-success-300",iconSurface:"bg-success-50",iconSurfaceOnLight:"bg-white",iconText:"text-success-500"}},Zo="bg-white border-light-200",Yo="relative mx-auto flex w-full max-w-[1280px] flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:gap-3 sm:px-8 sm:py-3",Qo=h("flex shrink-0 items-center justify-center",{variants:{layout:{floating:"","full-width":"hidden sm:flex"},shape:{square:"",circle:""},variant:{featured:"",plain:""}},compoundVariants:[{variant:"featured",layout:"floating",class:"size-8"},{variant:"featured",layout:"full-width",class:"size-10"},{variant:"featured",shape:"circle",class:"rounded-full"},{variant:"featured",shape:"square",layout:"floating",class:"rounded-md"},{variant:"featured",shape:"square",layout:"full-width",class:"rounded-lg"}],defaultVariants:{layout:"floating",shape:"square",variant:"featured"}}),Lt=h("flex min-w-0 flex-1",{variants:{layout:{floating:"flex-col gap-3","full-width":"items-center gap-4"}},defaultVariants:{layout:"floating"}}),Jo=h("flex min-w-0",{variants:{layout:{floating:"flex-col gap-1","full-width":"flex-col gap-0.5 sm:flex-row sm:flex-wrap sm:gap-x-1.5"},closable:{true:"",false:""}},compoundVariants:[{layout:"floating",closable:!0,class:"pr-8"},{layout:"full-width",closable:!0,class:"pr-8 sm:pr-0"}],defaultVariants:{layout:"floating",closable:!1}}),Ro="text-caption-lg font-bold text-light-800",$o="text-caption-lg text-light-600",en=h("flex gap-3",{variants:{layout:{floating:"flex-wrap items-center","full-width":""},actionVariant:{link:"flex-wrap items-center",button:""}},compoundVariants:[{layout:"full-width",actionVariant:"button",class:"flex-col-reverse sm:flex-row sm:items-center"}],defaultVariants:{layout:"floating",actionVariant:"link"}}),tn=h(["inline-flex items-center justify-center gap-1 bg-transparent p-0","text-caption-lg font-bold transition-colors","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"],{variants:{emphasis:{primary:"text-primary-500 hover:text-primary-800",secondary:"text-light-800 hover:text-light-900"}},defaultVariants:{emphasis:"secondary"}}),rn=h(["flex size-9 shrink-0 items-center justify-center rounded-lg","bg-transparent text-light-500 transition-colors","hover:bg-light-50 hover:text-light-700","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2"],{variants:{layout:{floating:"absolute right-[7px] top-[7px]","full-width":"absolute right-2 top-2 sm:static"}},defaultVariants:{layout:"floating"}}),sn={default:ke,brand:ke,gray:ke,error:wt,warning:wt,success:_s},Bt=({title:e,description:s,color:t="default",layout:r="floating",background:a="white",icon:n,iconVariant:l="featured",showIcon:i=!0,primaryAction:d,secondaryAction:c,actionVariant:g,actions:p,onClose:v,closeLabel:w="Close",className:T,...E})=>{const S=sn[t],N=r==="floating"?16:20,k=g??(r==="floating"?"link":"button"),C=Ko[t],z=a==="light",M=z?f(C.surface,C.border):Zo,B=(j,Y)=>j?k==="link"?u.createElement("button",{type:"button",onClick:j.onClick,className:tn({emphasis:Y})},j.label):u.createElement(de,{size:"sm",variant:Y==="primary"?"solid":"outline",onClick:j.onClick,className:r==="full-width"?"w-full sm:w-auto":void 0},j.label):null,b=!!(p||d||c)?u.createElement("div",{className:en({layout:r,actionVariant:k})},p??u.createElement(u.Fragment,null,B(c,"secondary"),B(d,"primary"))):null,O=i&&(n||S)?u.createElement("div",{className:f(Qo({layout:r,variant:l,shape:t==="default"?"square":"circle"}),C.iconText,l==="featured"&&(z?C.iconSurfaceOnLight:C.iconSurface))},n??u.createElement(S,{size:N,stroke:2})):null,H=v?u.createElement("button",{type:"button","aria-label":w,onClick:v,className:rn({layout:r})},u.createElement(Ms,{size:16,stroke:2})):null,X=u.createElement("div",{className:Jo({layout:r,closable:!!v})},u.createElement("p",{className:Ro},e),s&&u.createElement("p",{className:$o},s));return r==="full-width"?u.createElement("div",{role:"alert",className:f(Tt({layout:r}),M,T),...E},u.createElement("div",{className:Yo},u.createElement("div",{className:Lt({layout:r})},O,X),(b||H)&&u.createElement("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-2"},b,H))):u.createElement("div",{role:"alert",className:f(Tt({layout:r}),M,T),...E},O,u.createElement("div",{className:Lt({layout:r})},X,b),H)};Bt.displayName="Alert",I.Alert=Bt,I.Avatar=se,I.AvatarGroup=dt,I.AvatarLabelGroup=ut,I.AvatarProfilePhoto=mt,I.Badge=nt,I.BadgeGroup=at,I.Button=de,I.CardNumberInput=Ps,I.Checkbox=Je,I.Dropdown=qo,I.Input=Ee,I.InputCounter=Ws,I.InputDropdown=Oo,I.Loading=lt,I.MultiSelectInput=ro,I.PhoneInput=Vs,I.RadioGroup=Ar,I.RadioGroupItem=$e,I.SaleAmountInput=js,I.Tab=pt,I.TabBrowser=ht,I.TabBrowserBar=xt,I.TabList=gt,I.Tag=we,I.Textarea=Et,I.Toggle=et,I.Tooltip=tt,I.WebsiteCopyInput=wo,I.WebsiteInput=mo,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/style.css
CHANGED
|
@@ -3218,6 +3218,11 @@ body{
|
|
|
3218
3218
|
background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
|
|
3219
3219
|
}
|
|
3220
3220
|
|
|
3221
|
+
.hover\:bg-info-500:hover{
|
|
3222
|
+
--tw-bg-opacity: 1;
|
|
3223
|
+
background-color: rgb(16 104 229 / var(--tw-bg-opacity, 1));
|
|
3224
|
+
}
|
|
3225
|
+
|
|
3221
3226
|
.hover\:bg-light-100:hover{
|
|
3222
3227
|
--tw-bg-opacity: 1;
|
|
3223
3228
|
background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
|
|
@@ -3267,6 +3272,11 @@ body{
|
|
|
3267
3272
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
3268
3273
|
}
|
|
3269
3274
|
|
|
3275
|
+
.hover\:text-black:hover{
|
|
3276
|
+
--tw-text-opacity: 1;
|
|
3277
|
+
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
3278
|
+
}
|
|
3279
|
+
|
|
3270
3280
|
.hover\:text-error-800:hover{
|
|
3271
3281
|
--tw-text-opacity: 1;
|
|
3272
3282
|
color: rgb(131 9 36 / var(--tw-text-opacity, 1));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cekat-ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.5",
|
|
4
4
|
"description": "Cekat UI Component Library",
|
|
5
5
|
"main": "dist/index.umd.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -40,7 +40,8 @@
|
|
|
40
40
|
"class-variance-authority": "^0.7.1",
|
|
41
41
|
"clsx": "^2.1.1",
|
|
42
42
|
"react": "18.3.1",
|
|
43
|
-
"react-dom": "18.3.1"
|
|
43
|
+
"react-dom": "18.3.1",
|
|
44
|
+
"tailwind-merge": "^3.6.0"
|
|
44
45
|
},
|
|
45
46
|
"devDependencies": {
|
|
46
47
|
"@storybook/react-vite": "^10.1.9",
|
|
@@ -57,4 +58,4 @@
|
|
|
57
58
|
"vite": "^7.3.0",
|
|
58
59
|
"vite-plugin-dts": "^4.5.4"
|
|
59
60
|
}
|
|
60
|
-
}
|
|
61
|
+
}
|