@dito-uai/components 5.0.0-alpha3 → 5.0.0-alpha31

package/dist/index.js

@@ -1,23 +1,23 @@
-import * as q from 'react';
-import q__default, { forwardRef, useState, useEffect } from 'react';
+import * as J from 'react';
+import J__default, { forwardRef, useState, useEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { twMerge, extendTailwindMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
-import * as U from '@radix-ui/react-toggle-group';
-import * as ee from '@radix-ui/react-progress';
+import * as q from '@radix-ui/react-toggle-group';
+import * as Qt from '@radix-ui/react-progress';
 import { Root as Root$2, Indicator } from '@radix-ui/react-progress';
-import * as V from '@radix-ui/react-accordion';
+import * as G from '@radix-ui/react-collapsible';
 import { IconOutlineChevronDown, IconOutlineArrowUp, IconOutlineArrowDown, IconOutlineMinus, IconOutlineClose, IconOutlineLine, IconOutlineCheck, IconOutlineSearch } from '@dito-uai/icons';
 import { Root, Trigger, Portal, Content, Item } from '@radix-ui/react-dropdown-menu';
 import { Root as Root$1 } from '@radix-ui/react-checkbox';
-import * as S from '@radix-ui/react-radio-group';
+import * as z from '@radix-ui/react-radio-group';
 import { Circle } from 'lucide-react';
 
-var lt=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,C=t=>!t||typeof t!="object"||Object.keys(t).length===0,At=(t,o)=>JSON.stringify(t)===JSON.stringify(o);function It(t,o){t.forEach(function(e){Array.isArray(e)?It(e,o):o.push(e);});}function ct(t){let o=[];return It(t,o),o}var pt=(...t)=>ct(t).filter(Boolean),dt=(t,o)=>{let e={},r=Object.keys(t),i=Object.keys(o);for(let a of r)if(i.includes(a)){let n=t[a],l=o[a];typeof n=="object"&&typeof l=="object"?e[a]=dt(n,l):Array.isArray(n)||Array.isArray(l)?e[a]=pt(l,n):e[a]=l+" "+n;}else e[a]=t[a];for(let a of i)r.includes(a)||(e[a]=o[a]);return e},ft=t=>!t||typeof t!="string"?t:t.replace(/\s+/g," ").trim();var Ae={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},Lt=t=>t||void 0,F=(...t)=>Lt(ct(t).filter(Boolean).join(" ")),mt=null,I={},ut=!1,j=(...t)=>o=>o.twMerge?((!mt||ut)&&(ut=!1,mt=C(I)?twMerge:extendTailwindMerge({...I,extend:{theme:I.theme,classGroups:I.classGroups,conflictingClassGroupModifiers:I.conflictingClassGroupModifiers,conflictingClassGroups:I.conflictingClassGroups,...I.extend}})),Lt(mt(F(t)))):F(t),Mt=(t,o)=>{for(let e in o)t.hasOwnProperty(e)?t[e]=F(t[e],o[e]):t[e]=o[e];return t},f=(t,o)=>{let{extend:e=null,slots:r={},variants:i={},compoundVariants:a=[],compoundSlots:n=[],defaultVariants:l={}}=t,c={...Ae,...o},R=e!=null&&e.base?F(e.base,t==null?void 0:t.base):t==null?void 0:t.base,y=e!=null&&e.variants&&!C(e.variants)?dt(i,e.variants):i,L=e!=null&&e.defaultVariants&&!C(e.defaultVariants)?{...e.defaultVariants,...l}:l;!C(c.twMergeConfig)&&!At(c.twMergeConfig,I)&&(ut=!0,I=c.twMergeConfig);let E=C(e==null?void 0:e.slots),at=C(r)?{}:{base:F(t==null?void 0:t.base,E&&(e==null?void 0:e.base)),...r},O=E?at:Mt({...e==null?void 0:e.slots},C(at)?{base:t==null?void 0:t.base}:at),k=C(e==null?void 0:e.compoundVariants)?a:pt(e==null?void 0:e.compoundVariants,a),A=T=>{if(C(y)&&C(r)&&E)return j(R,T==null?void 0:T.class,T==null?void 0:T.className)(c);if(k&&!Array.isArray(k))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof k}`);if(n&&!Array.isArray(n))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof n}`);let he=(p,m,d=[],g)=>{let u=d;if(typeof m=="string")u=u.concat(ft(m).split(" ").map(h=>`${p}:${h}`));else if(Array.isArray(m))u=u.concat(m.reduce((h,w)=>h.concat(`${p}:${w}`),[]));else if(typeof m=="object"&&typeof g=="string"){for(let h in m)if(m.hasOwnProperty(h)&&h===g){let w=m[h];if(w&&typeof w=="string"){let P=ft(w);u[g]?u[g]=u[g].concat(P.split(" ").map(N=>`${p}:${N}`)):u[g]=P.split(" ").map(N=>`${p}:${N}`);}else Array.isArray(w)&&w.length>0&&(u[g]=w.reduce((P,N)=>P.concat(`${p}:${N}`),[]));}}return u},Rt=(p,m=y,d=null,g=null)=>{var u;let h=m[p];if(!h||C(h))return null;let w=(u=g==null?void 0:g[p])!=null?u:T==null?void 0:T[p];if(w===null)return null;let P=lt(w),N=Array.isArray(c.responsiveVariants)&&c.responsiveVariants.length>0||c.responsiveVariants===!0,B=L==null?void 0:L[p],H=[];if(typeof P=="object"&&N)for(let[st,Vt]of Object.entries(P)){let Ne=h[Vt];if(st==="initial"){B=Vt;continue}Array.isArray(c.responsiveVariants)&&!c.responsiveVariants.includes(st)||(H=he(st,Ne,H,d));}let Te=P!=null&&typeof P!="object"?P:lt(B),nt=h[Te||"false"];return typeof H=="object"&&typeof d=="string"&&H[d]?Mt(H,nt):H.length>0?(H.push(nt),H):nt},ye=()=>y?Object.keys(y).map(p=>Rt(p,y)):null,we=(p,m)=>{if(!y||typeof y!="object")return null;let d=new Array;for(let g in y){let u=Rt(g,y,p,m),h=p==="base"&&typeof u=="string"?u:u&&u[p];h&&(d[d.length]=h);}return d},Tt={};for(let p in T)T[p]!==void 0&&(Tt[p]=T[p]);let Nt=(p,m)=>{var d;let g=typeof(T==null?void 0:T[p])=="object"?{[p]:(d=T[p])==null?void 0:d.initial}:{};return {...L,...Tt,...g,...m}},Ct=(p=[],m)=>{let d=[];for(let{class:g,className:u,...h}of p){let w=!0;for(let[P,N]of Object.entries(h)){let B=Nt(P,m);if(Array.isArray(N)){if(!N.includes(B[P])){w=!1;break}}else if(B[P]!==N){w=!1;break}}w&&(g&&d.push(g),u&&d.push(u));}return d},Pe=p=>{let m=Ct(k,p);if(!Array.isArray(m))return m;let d={};for(let g of m)if(typeof g=="string"&&(d.base=j(d.base,g)(c)),typeof g=="object")for(let[u,h]of Object.entries(g))d[u]=j(d[u],h)(c);return d},Re=p=>{if(n.length<1)return null;let m={};for(let{slots:d=[],class:g,className:u,...h}of n){if(!C(h)){let w=!0;for(let P of Object.keys(h)){let N=Nt(P,p)[P];if(N===void 0||(Array.isArray(h[P])?!h[P].includes(N):h[P]!==N)){w=!1;break}}if(!w)continue}for(let w of d)m[w]=m[w]||[],m[w].push([g,u]);}return m};if(!C(r)||!E){let p={};if(typeof O=="object"&&!C(O))for(let m of Object.keys(O))p[m]=d=>{var g,u;return j(O[m],we(m,d),((g=Pe(d))!=null?g:[])[m],((u=Re(d))!=null?u:[])[m],d==null?void 0:d.class,d==null?void 0:d.className)(c)};return p}return j(R,ye(),Ct(k),T==null?void 0:T.class,T==null?void 0:T.className)(c)},xe=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return A.variantKeys=xe(),A.extend=e,A.base=R,A.slots=O,A.variants=y,A.defaultVariants=L,A.compoundSlots=n,A.compoundVariants=k,A};var Le=f({base:"flex items-center justify-center rounded-full",variants:{color:{default:"bg-neutral-100",indigo:"bg-indigo-600"},type:{icon:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500",capitals:"font-semibold text-neutral-500",image:"[&_img]:rounded-full"},size:{small:"size-4",medium:"size-5",large:"size-7"}},compoundVariants:[{size:"large",type:["capitals","icon"],className:"text-xl [&_svg]:size-5"},{size:"medium",type:["capitals","icon"],className:"text-lg [&_svg]:size-3"},{size:"small",type:["capitals","icon"],className:"text-base [&_svg]:size-2"},{color:"indigo",type:["capitals","icon"],className:"text-white [&_path]:fill-white [&_svg]:fill-white"}],defaultVariants:{color:"default"}}),Et=q__default.forwardRef(({className:t,color:o,type:e,size:r,children:i,asChild:a,...n},l)=>jsx(a?Slot:"div",{className:Le({color:o,type:e,size:r,className:t}),ref:l,...n,children:i}));Et.displayName="Avatar";var Ee=Et;function s(...t){return twMerge(clsx(t))}var _e=f({base:"",variants:{size:{H1:"text-3xl",H2:"text-2xl",H3:"text-xl",large:"text-lg",base:"text-base",small:"text-sm",overline:"text-xs uppercase"},weight:{normal:"font-normal",medium:"font-medium",semibold:"font-semibold"}},defaultVariants:{size:"base",weight:"normal"}}),Ht=({className:t,size:o,weight:e,children:r,...i})=>jsx("span",{className:s(_e({size:o,weight:e,className:t})),...i,children:r});Ht.displayName="Text";var x=Ht;var Oe=f({base:"flex items-center justify-center rounded-full",variants:{contrast:{true:"",false:""},status:{info:"bg-notification-information-100 text-notification-information-600",attention:"bg-notification-warning-100 text-notification-warning-900",white:"text-notification-information-600 bg-white"},size:{small:"h-2",normal:"h-3"},type:{pill:"w-fit px-1",dot:""}},compoundVariants:[{status:"info",contrast:!0,class:"bg-notification-information-600 text-white"},{status:"attention",contrast:!0,class:"bg-notification-warning-600"},{type:"dot",size:"small",class:"w-2"},{type:"dot",size:"normal",class:"w-3"}],defaultVariants:{status:"info",size:"normal",type:"pill"}}),St=q__default.forwardRef(({className:t,status:o,size:e,type:r,contrast:i,children:a,asChild:n,...l},c)=>jsx(n?Slot:"span",{className:Oe({status:o,size:e,type:r,contrast:i,className:t}),ref:c,...l,children:jsx(x,{size:"overline",weight:"semibold",children:a})}));St.displayName="Badge";var Be=St;var We=f({variants:{appearance:{primary:{container:"bg-primary hover:bg-green-900 ",text:"text-white",icon:"fill-white [&_path]:fill-white"},secondary:{container:"border border-green-600 bg-white hover:bg-green-100 ",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},tertiary:{container:"border border-indigo-600 bg-white hover:bg-indigo-100 ",text:"text-indigo-600",icon:"fill-indigo-600 [&_path]:fill-indigo-600"},danger:{container:"border-notification-critical-600 hover:bg-notification-critical-600 group/danger border bg-white",text:"text-notification-critical-600 group-hover/danger:text-white",icon:"fill-notification-critical-600 [&_path]:fill-notification-critical-600 group-hover/danger:fill-white group-hover/danger:[&_path]:fill-white"},link:{container:"bg-white hover:bg-green-100 ",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},table:{container:"bg-white hover:bg-neutral-100 ",text:"text-neutral-400",icon:"fill-neutral-400 [&_path]:fill-neutral-400"}},size:{medium:{container:"h-5",icon:"text-base"},small:{container:"h-4",text:"mx-1 text-sm",icon:"group-data-[has-text=true]:ml-0"}},disabled:{true:{container:"pointer-events-none cursor-not-allowed border-neutral-200 bg-neutral-100",text:"text-neutral-300",icon:"fill-neutral-300 [&_path]:fill-neutral-300"},false:""}},slots:{container:"group inline-flex items-center justify-center rounded-md p-1 focus:outline-none focus:ring-0 data-[has-icon=true]:gap-1",icon:"size-3 group-data-[has-text=true]:ml-1",text:"mx-2 group-data-[has-icon=true]:ml-0"},defaultVariants:{appearance:"primary",size:"medium"}}),Dt=q__default.forwardRef(({className:t,appearance:o,size:e,disabled:r,children:i,asChild:a,icon:n,...l},c)=>{let R=a?Slot:"button",y=We({appearance:o,size:e,disabled:r,className:t});return jsxs(R,{"data-has-icon":!!n,"data-has-text":!!i,className:y.container(),ref:c,...l,children:[n&&jsx(n,{className:y.icon()}),i&&jsx(x,{size:"base",weight:"medium",className:y.text(),children:i})]})});Dt.displayName="Button";var $e=Dt;var Ze=f({base:"flex w-full border border-gray-200 bg-white p-2",variants:{variant:{default:"rounded-m",big:"rounded-x",small:"rounded-s"},direction:{col:"flex-col",row:"flex-row"},padding:{none:"p-0",small:"p-1",medium:"p-2",big:"p-3"}},defaultVariants:{variant:"default",direction:"col",padding:"none"}}),Gt=({className:t,variant:o,direction:e,padding:r,children:i,...a})=>jsx("div",{className:s(Ze({variant:o,direction:e,padding:r,className:t})),...a,children:i});Gt.displayName="Card";var qe=Gt;var Ue=f({variants:{variant:{default:"",light:"",green:"",red:""},size:{default:{container:"h-5"},small:{container:"h-4",text:"text-sm"}},disabled:{true:{container:"cursor-initial border-neutral-200 bg-neutral-100 text-neutral-300",icon:"[&_path]:fill-neutral-300 [&_svg]:fill-neutral-300"},false:{container:"border-neutral-200 text-neutral-500 hover:bg-neutral-100",icon:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500"}}},compoundVariants:[{disabled:!1,variant:"default",class:{container:"data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-600",text:"group-data-[state=on]:text-white",icon:"group-data-[state=on]:fill-white [&_path]:group-data-[state=on]:fill-white"}},{disabled:!1,variant:"light",class:{container:"data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-100",text:"group-data-[state=on]:text-indigo-600",icon:"group-data-[state=on]:fill-indigo-600 [&_path]:group-data-[state=on]:fill-indigo-600"}},{disabled:!1,variant:"green",class:{container:"data-[state=on]:border-notification-success-600 data-[state=on]:bg-notification-success-100",text:"group-data-[state=on]:text-notification-success-600",icon:"group-data-[state=on]:fill-notification-success-600 [&_path]:group-data-[state=on]:fill-notification-success-600"}},{disabled:!1,variant:"red",class:{container:"data-[state=on]:border-notification-critical-600 data-[state=on]:bg-notification-critical-100",text:"group-data-[state=on]:text-notification-critical-600",icon:"group-data-[state=on]:fill-notification-critical-600 [&_path]:group-data-[state=on]:fill-notification-critical-600"}}],slots:{container:"first:rounded-ss-m first:rounded-es-m last:rounded-se-m last:rounded-ee-m group flex items-center gap-1 border px-2 [&:nth-child(n+2)]:data-[state=off]:border-l-0",icon:"size-3",text:""},defaultVariants:{disabled:!1,variant:"default",size:"default"}}),kt=q__default.createContext({variant:"default",size:"default",disabled:!1}),Ot=q__default.forwardRef(({className:t,variant:o,children:e,size:r,disabled:i,...a},n)=>jsx(U.Root,{ref:n,className:s("flex items-center justify-center gap-0",t),...a,type:"single",children:jsx(kt.Provider,{value:{variant:o,size:r,disabled:i},children:e})}));Ot.displayName="ScopeGroup";var Bt=q__default.forwardRef(({className:t,variant:o,size:e,icon:r,text:i,disabled:a,...n},l)=>{let c=q__default.useContext(kt),R=Ue({variant:c.variant||o,size:c.size||e,disabled:c.disabled||a});return jsxs(U.Item,{ref:l,className:s(R.container(),t),disabled:a,...n,children:[r&&jsx(r,{className:R.icon()}),jsx(x,{size:"base",weight:"normal",className:R.text(),children:i})]})});Bt.displayName="ScopeItem";var Qe={Group:Ot,Item:Bt},Xe=Qe;var oo=({value:t,className:o,barBg:e,progressBg:r})=>{let i=`-translate-x-[(-${100-(t||0)}%])`;return jsx(Root$2,{className:s(o,e,"relative w-full overflow-hidden rounded-full "),value:t,children:jsx(Indicator,{className:s(o,"w-full flex-1 rounded-full",i,r)})})},Q=oo;var $=f({variants:{disabled:{true:{input:"cursor-not-allowed bg-neutral-100 text-neutral-400",prefixIcon:"fill-neutral-300 [&_path]:fill-neutral-300",suffixIcon:"fill-neutral-300 [&_path]:fill-neutral-300"}},invalid:{true:{input:"border-notification-critical-600 focus:border-notification-critical-600"}},size:{medium:{prefixIcon:"top-1",suffixIcon:"top-1",input:"h-5"},small:{prefixIcon:"top-0.5",suffixIcon:"top-0.5",input:"h-4"}}},slots:{prefixIcon:"absolute left-1 top-1 size-3",input:"rounded-m flex w-full border border-neutral-200 p-1 text-base text-indigo-600 placeholder:font-light placeholder:text-neutral-400 focus:border-indigo-600 focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed data-[has-prefix-icon=true]:pl-5 data-[has-suffix-icon=true]:pr-5",suffixIcon:"absolute right-1 top-1 size-3"},defaultVariants:{size:"medium"}}),Ft=q__default.forwardRef(({className:t,prefixIcon:o,suffixIcon:e,disabled:r,invalid:i,size:a,...n},l)=>{let c=$();return jsxs("div",{className:"relative",children:[jsx("div",{className:c.prefixIcon({invalid:i,size:a}),children:o&&jsx(o,{})}),jsx("input",{disabled:r,"data-has-prefix-icon":!!o,"data-has-suffix-icon":!!e,className:s(c.input({disabled:r,invalid:i,size:a}),t),ref:l,...n}),jsx("div",{className:c.suffixIcon({invalid:i,size:a}),children:e&&jsx(e,{})})]})});Ft.displayName="Input";var io=Ft;var $t=q.forwardRef(({className:t,disabled:o,invalid:e,...r},i)=>{let{input:a}=$();return jsx("textarea",{className:s("min-h-9",t,a({disabled:o,invalid:e})),ref:i,...r})});$t.displayName="Textarea";var no=$t;var Jt=({title:t,children:o,isVisible:e,CloseIcon:r,maxWidth:i,onClose:a})=>{let[n,l]=useState(e);useEffect(()=>l(e),[e]);let c=R=>{l(!1),a&&a(R);};return jsxs(Fragment,{children:[jsx("div",{className:s("fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",n?void 0:"hidden")}),jsxs("div",{className:s("shadow-big fixed right-0 top-0 z-40  h-screen overflow-y-auto overflow-x-hidden rounded-l-lg bg-white transition-transform dark:bg-gray-800",i?`max-w=[${i}]`:"max-w-3/4",n?void 0:"translate-x-full"),tabIndex:-1,"aria-labelledby":"drawer-label",children:[jsxs("div",{id:"drawer-label",className:s(" mb-2 flex items-center justify-between  border-b-2 border-slate-100 p-2 text-base font-semibold text-gray-500 dark:text-gray-400"),children:[jsx(x,{size:"H3",weight:"semibold",className:"text-navy-600",children:t}),jsxs("button",{type:"button","data-drawer-hide":"drawer-example","aria-controls":"drawer-example",className:s("b-0 ml-2 flex size-9 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white"),onClick:()=>c,children:[r?jsx(r,{}):jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.70711 18.7071L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071ZM17.2929 18.7071L13.8201 15.2343C13.4296 14.8438 13.4296 14.2106 13.8201 13.8201C14.2106 13.4296 14.8438 13.4296 15.2343 13.8201L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071Z",fill:"#8D95A7"})}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:s(" relative h-full p-2"),children:o})]})]})};Jt.displayName="Sheet";var po=Jt;var uo=f({base:"after:start-0.25 after:top-0.25 peer relative mr-1 h-3 w-5 rounded-full bg-neutral-200 after:absolute after:size-[20px] after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-green-600 peer-checked:after:translate-x-2 peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-0",variants:{disabled:{true:"cursor-not-allowed bg-neutral-100 after:border-neutral-100 peer-checked:bg-green-100 peer-checked:after:border-green-100"}}}),Zt=forwardRef(({className:t,name:o,disabled:e,children:r,...i},a)=>jsxs("label",{className:s("inline-flex cursor-pointer items-center",t),children:[jsx("input",{...i,ref:a,type:"checkbox",className:s("peer sr-only"),name:o,disabled:e}),jsx("span",{className:uo({disabled:e})}),jsx(x,{children:r})]}));Zt.displayName="Toggle";var go=Zt;var xo=q.forwardRef(({className:t,...o},e)=>jsx(V.Root,{ref:e,className:s("[&>:first-child>h3>button]:rounded-t-m [&>:last-child>h3[data-state=closed]>button]:rounded-b-m",t),...o})),qt=q.forwardRef(({className:t,...o},e)=>jsx(V.Item,{ref:e,className:s("first:rounded-t-m last:rounded-b-m border border-t-0 first:border-t",t),...o}));qt.displayName="AccordionItem";var Kt=q.forwardRef(({className:t,children:o,triggerClassName:e,...r},i)=>jsx(V.Header,{className:"flex",children:jsxs(V.Trigger,{ref:i,className:s("flex h-7 w-full items-center p-1  transition-all hover:bg-neutral-100 [&[data-disabled]]:cursor-not-allowed [&[data-disabled]]:bg-neutral-200 [&[data-disabled]]:text-neutral-400 [&[data-state=open]>svg]:rotate-180 [&[data-state=open]]:border-b",e),...r,children:[jsx("div",{className:s("w-full",t),children:o}),jsx(IconOutlineChevronDown,{className:"size-3 transition-transform duration-200"})]})}));Kt.displayName=V.Trigger.displayName;var Ut=q.forwardRef(({className:t,children:o,...e},r)=>jsx(V.Content,{ref:r,className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden transition-all",...e,children:jsx("div",{className:s(t),children:o})}));Ut.displayName=V.Content.displayName;var Y=xo;Y.Item=qt;Y.Trigger=Kt;Y.Content=Ut;var ho=Y;var No=f({base:"text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2",variants:{status:{positive:"text-notification-success-600 [&_svg]:fill-notification-success-600",negative:"text-notification-critical-600 [&_svg]:fill-notification-critical-600",neutral:"text-notification-warning-900 [&_svg]:fill-notification-warning-900",info:"border-indigo-600 text-indigo-600"}}}),Co=q__default.forwardRef(({className:t,status:o,value:e,icon:r,...i},a)=>{let n={positive:jsx(IconOutlineArrowUp,{}),negative:jsx(IconOutlineArrowDown,{}),neutral:jsx(IconOutlineMinus,{})};return jsxs("div",{className:No({status:o,className:t}),ref:a,...i,children:[r&&n[r],jsxs(x,{size:"overline",weight:"semibold",children:[e,"%"]})]})}),Vo=Co;var tt=({options:t,selected:o,onChange:e,className:r})=>jsx(Portal,{children:jsx(Content,{align:"start",className:s("shadow-down data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 rounded-md border bg-white p-1",r),children:t.map(i=>jsx(Item,{"data-selected":o===i.value,className:`relative flex cursor-pointer select-none rounded-sm
+var it=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,N=t=>!t||typeof t!="object"||Object.keys(t).length===0,Vt=(t,o)=>JSON.stringify(t)===JSON.stringify(o);function It(t,o){t.forEach(function(e){Array.isArray(e)?It(e,o):o.push(e);});}function nt(t){let o=[];return It(t,o),o}var st=(...t)=>nt(t).filter(Boolean),lt=(t,o)=>{let e={},r=Object.keys(t),a=Object.keys(o);for(let i of r)if(a.includes(i)){let n=t[i],l=o[i];typeof n=="object"&&typeof l=="object"?e[i]=lt(n,l):Array.isArray(n)||Array.isArray(l)?e[i]=st(l,n):e[i]=l+" "+n;}else e[i]=t[i];for(let i of a)r.includes(i)||(e[i]=o[i]);return e},pt=t=>!t||typeof t!="string"?t:t.replace(/\s+/g," ").trim();var Te={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},Lt=t=>t||void 0,j=(...t)=>Lt(nt(t).filter(Boolean).join(" ")),ct=null,I={},dt=!1,B=(...t)=>o=>o.twMerge?((!ct||dt)&&(dt=!1,ct=N(I)?twMerge:extendTailwindMerge({...I,extend:{theme:I.theme,classGroups:I.classGroups,conflictingClassGroupModifiers:I.conflictingClassGroupModifiers,conflictingClassGroups:I.conflictingClassGroups,...I.extend}})),Lt(ct(j(t)))):j(t),Mt=(t,o)=>{for(let e in o)t.hasOwnProperty(e)?t[e]=j(t[e],o[e]):t[e]=o[e];return t},c=(t,o)=>{let{extend:e=null,slots:r={},variants:a={},compoundVariants:i=[],compoundSlots:n=[],defaultVariants:l={}}=t,p={...Te,...o},R=e!=null&&e.base?j(e.base,t==null?void 0:t.base):t==null?void 0:t.base,y=e!=null&&e.variants&&!N(e.variants)?lt(a,e.variants):a,L=e!=null&&e.defaultVariants&&!N(e.defaultVariants)?{...e.defaultVariants,...l}:l;!N(p.twMergeConfig)&&!Vt(p.twMergeConfig,I)&&(dt=!0,I=p.twMergeConfig);let E=N(e==null?void 0:e.slots),ot=N(r)?{}:{base:j(t==null?void 0:t.base,E&&(e==null?void 0:e.base)),...r},k=E?ot:Mt({...e==null?void 0:e.slots},N(ot)?{base:t==null?void 0:t.base}:ot),D=N(e==null?void 0:e.compoundVariants)?i:st(e==null?void 0:e.compoundVariants,i),V=T=>{if(N(y)&&N(r)&&E)return B(R,T==null?void 0:T.class,T==null?void 0:T.className)(p);if(D&&!Array.isArray(D))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof D}`);if(n&&!Array.isArray(n))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof n}`);let ge=(d,m,f=[],g)=>{let u=f;if(typeof m=="string")u=u.concat(pt(m).split(" ").map(h=>`${d}:${h}`));else if(Array.isArray(m))u=u.concat(m.reduce((h,w)=>h.concat(`${d}:${w}`),[]));else if(typeof m=="object"&&typeof g=="string"){for(let h in m)if(m.hasOwnProperty(h)&&h===g){let w=m[h];if(w&&typeof w=="string"){let P=pt(w);u[g]?u[g]=u[g].concat(P.split(" ").map(C=>`${d}:${C}`)):u[g]=P.split(" ").map(C=>`${d}:${C}`);}else Array.isArray(w)&&w.length>0&&(u[g]=w.reduce((P,C)=>P.concat(`${d}:${C}`),[]));}}return u},Pt=(d,m=y,f=null,g=null)=>{var u;let h=m[d];if(!h||N(h))return null;let w=(u=g==null?void 0:g[d])!=null?u:T==null?void 0:T[d];if(w===null)return null;let P=it(w),C=Array.isArray(p.responsiveVariants)&&p.responsiveVariants.length>0||p.responsiveVariants===!0,O=L==null?void 0:L[d],H=[];if(typeof P=="object"&&C)for(let[at,Nt]of Object.entries(P)){let we=h[Nt];if(at==="initial"){O=Nt;continue}Array.isArray(p.responsiveVariants)&&!p.responsiveVariants.includes(at)||(H=ge(at,we,H,f));}let ye=P!=null&&typeof P!="object"?P:it(O),rt=h[ye||"false"];return typeof H=="object"&&typeof f=="string"&&H[f]?Mt(H,rt):H.length>0?(H.push(rt),H):rt},be=()=>y?Object.keys(y).map(d=>Pt(d,y)):null,ve=(d,m)=>{if(!y||typeof y!="object")return null;let f=new Array;for(let g in y){let u=Pt(g,y,d,m),h=d==="base"&&typeof u=="string"?u:u&&u[d];h&&(f[f.length]=h);}return f},Rt={};for(let d in T)T[d]!==void 0&&(Rt[d]=T[d]);let Tt=(d,m)=>{var f;let g=typeof(T==null?void 0:T[d])=="object"?{[d]:(f=T[d])==null?void 0:f.initial}:{};return {...L,...Rt,...g,...m}},Ct=(d=[],m)=>{let f=[];for(let{class:g,className:u,...h}of d){let w=!0;for(let[P,C]of Object.entries(h)){let O=Tt(P,m);if(Array.isArray(C)){if(!C.includes(O[P])){w=!1;break}}else if(O[P]!==C){w=!1;break}}w&&(g&&f.push(g),u&&f.push(u));}return f},xe=d=>{let m=Ct(D,d);if(!Array.isArray(m))return m;let f={};for(let g of m)if(typeof g=="string"&&(f.base=B(f.base,g)(p)),typeof g=="object")for(let[u,h]of Object.entries(g))f[u]=B(f[u],h)(p);return f},he=d=>{if(n.length<1)return null;let m={};for(let{slots:f=[],class:g,className:u,...h}of n){if(!N(h)){let w=!0;for(let P of Object.keys(h)){let C=Tt(P,d)[P];if(C===void 0||(Array.isArray(h[P])?!h[P].includes(C):h[P]!==C)){w=!1;break}}if(!w)continue}for(let w of f)m[w]=m[w]||[],m[w].push([g,u]);}return m};if(!N(r)||!E){let d={};if(typeof k=="object"&&!N(k))for(let m of Object.keys(k))d[m]=f=>{var g,u;return B(k[m],ve(m,f),((g=xe(f))!=null?g:[])[m],((u=he(f))!=null?u:[])[m],f==null?void 0:f.class,f==null?void 0:f.className)(p)};return d}return B(R,be(),Ct(D),T==null?void 0:T.class,T==null?void 0:T.className)(p)},ue=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return V.variantKeys=ue(),V.extend=e,V.base=R,V.slots=k,V.variants=y,V.defaultVariants=L,V.compoundSlots=n,V.compoundVariants=D,V};var Ve=c({base:"flex items-center justify-center rounded-full",variants:{color:{default:"bg-neutral-100",indigo:"bg-indigo-600"},type:{icon:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500",capitals:"font-semibold text-neutral-500",image:"[&_img]:rounded-full"},size:{small:"size-4",medium:"size-5",large:"size-7"}},compoundVariants:[{size:"large",type:["capitals","icon"],className:"text-xl [&_svg]:size-5"},{size:"medium",type:["capitals","icon"],className:"text-lg [&_svg]:size-3"},{size:"small",type:["capitals","icon"],className:"text-base [&_svg]:size-2"},{color:"indigo",type:["capitals","icon"],className:"text-white [&_path]:fill-white [&_svg]:fill-white"}],defaultVariants:{color:"default"}}),Et=J__default.forwardRef(({className:t,color:o,type:e,size:r,children:a,asChild:i,...n},l)=>jsx(i?Slot:"div",{className:Ve({color:o,type:e,size:r,className:t}),ref:l,...n,children:a}));Et.displayName="Avatar";var Ie=Et;function s(...t){return twMerge(clsx(t))}var He=c({base:"",variants:{size:{H1:"text-3xl",H2:"text-2xl",H3:"text-xl",large:"text-lg",base:"text-base",small:"text-sm",overline:"text-xs uppercase"},weight:{normal:"font-normal",medium:"font-medium",semibold:"font-semibold"}},defaultVariants:{size:"base",weight:"normal"}}),Ht=({className:t,size:o,weight:e,children:r,...a})=>jsx("span",{className:s(He({size:o,weight:e,className:t})),...a,children:r});Ht.displayName="Text";var x=Ht;var _e=c({base:"flex items-center justify-center rounded-full",variants:{contrast:{true:"",false:""},status:{info:"bg-notification-information-100 text-notification-information-600",attention:"bg-notification-warning-100 text-notification-warning-900",white:"text-notification-information-600 bg-white"},size:{small:"h-2",normal:"h-3"},type:{pill:"w-fit px-1",dot:""}},compoundVariants:[{status:"info",contrast:!0,class:"bg-notification-information-600 text-white"},{status:"attention",contrast:!0,class:"bg-notification-warning-600"},{type:"dot",size:"small",class:"w-2"},{type:"dot",size:"normal",class:"w-3"}],defaultVariants:{status:"info",size:"normal",type:"pill"}}),zt=J__default.forwardRef(({className:t,status:o,size:e,type:r,contrast:a,children:i,asChild:n,...l},p)=>jsx(n?Slot:"span",{className:_e({status:o,size:e,type:r,contrast:a,className:t}),ref:p,...l,children:jsx(x,{size:"overline",weight:"semibold",children:i})}));zt.displayName="Badge";var De=zt;var Oe=c({variants:{appearance:{primary:{container:"bg-primary hover:bg-green-900 ",text:"text-white",icon:"fill-white [&_path]:fill-white"},secondary:{container:"border border-green-600 bg-white hover:bg-green-100 ",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},tertiary:{container:"border border-indigo-600 bg-white hover:bg-indigo-100 ",text:"text-indigo-600",icon:"fill-indigo-600 [&_path]:fill-indigo-600"},danger:{container:"border-notification-critical-600 hover:bg-notification-critical-600 group/danger border bg-white",text:"text-notification-critical-600 group-hover/danger:text-white",icon:"fill-notification-critical-600 [&_path]:fill-notification-critical-600 group-hover/danger:fill-white group-hover/danger:[&_path]:fill-white"},link:{container:"bg-white hover:bg-green-100 ",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},table:{container:"bg-white hover:bg-neutral-100 ",text:"text-neutral-400",icon:"fill-neutral-400 [&_path]:fill-neutral-400"}},size:{medium:{container:"h-5",icon:"text-base"},small:{container:"h-4",text:"mx-1 text-sm",icon:"group-data-[has-text=true]:ml-0"}},disabled:{true:{container:"pointer-events-none cursor-not-allowed border-neutral-200 bg-neutral-100",text:"text-neutral-300",icon:"fill-neutral-300 [&_path]:fill-neutral-300"},false:""}},slots:{container:"group inline-flex items-center justify-center rounded-md p-1 focus:outline-none focus:ring-0 data-[has-icon=true]:gap-1",icon:"size-3 group-data-[has-text=true]:ml-1",text:"mx-2 group-data-[has-icon=true]:ml-0"},defaultVariants:{appearance:"primary",size:"medium"}}),_t=J__default.forwardRef(({className:t,appearance:o,size:e,disabled:r,children:a,asChild:i,icon:n,...l},p)=>{let R=i?Slot:"button",y=Oe({appearance:o,size:e,disabled:r,className:t});return jsxs(R,{"data-has-icon":!!n,"data-has-text":!!a,className:y.container(),ref:p,...l,children:[n&&jsx(n,{className:y.icon()}),a&&jsx(x,{size:"base",weight:"medium",className:y.text(),children:a})]})});_t.displayName="Button";var Be=_t;var $e=c({base:"flex w-full border border-gray-200 bg-white p-2",variants:{variant:{default:"rounded-m",big:"rounded-x",small:"rounded-s"},direction:{col:"flex-col",row:"flex-row"},padding:{none:"p-0",small:"p-1",medium:"p-2",big:"p-3"}},defaultVariants:{variant:"default",direction:"col",padding:"none"}}),Dt=({className:t,variant:o,direction:e,padding:r,children:a,...i})=>jsx("div",{className:s($e({variant:o,direction:e,padding:r,className:t})),...i,children:a});Dt.displayName="Card";var Fe=Dt;var Je=c({variants:{variant:{default:"",light:"",green:"",red:""},size:{default:{container:"h-5"},small:{container:"h-4",text:"text-sm"}},disabled:{true:{container:"cursor-initial border-neutral-200 bg-neutral-100 text-neutral-300",icon:"[&_path]:fill-neutral-300 [&_svg]:fill-neutral-300"},false:{container:"border-neutral-200 text-neutral-500 hover:bg-neutral-100",icon:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500"}}},compoundVariants:[{disabled:!1,variant:"default",class:{container:"data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-600",text:"group-data-[state=on]:text-white",icon:"group-data-[state=on]:fill-white [&_path]:group-data-[state=on]:fill-white"}},{disabled:!1,variant:"light",class:{container:"data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-100",text:"group-data-[state=on]:text-indigo-600",icon:"group-data-[state=on]:fill-indigo-600 [&_path]:group-data-[state=on]:fill-indigo-600"}},{disabled:!1,variant:"green",class:{container:"data-[state=on]:border-notification-success-600 data-[state=on]:bg-notification-success-100",text:"group-data-[state=on]:text-notification-success-600",icon:"group-data-[state=on]:fill-notification-success-600 [&_path]:group-data-[state=on]:fill-notification-success-600"}},{disabled:!1,variant:"red",class:{container:"data-[state=on]:border-notification-critical-600 data-[state=on]:bg-notification-critical-100",text:"group-data-[state=on]:text-notification-critical-600",icon:"group-data-[state=on]:fill-notification-critical-600 [&_path]:group-data-[state=on]:fill-notification-critical-600"}}],slots:{container:"first:rounded-ss-m first:rounded-es-m last:rounded-se-m last:rounded-ee-m group flex items-center gap-1 border px-2 [&:nth-child(n+2)]:data-[state=off]:border-l-0",icon:"size-3",text:""},defaultVariants:{disabled:!1,variant:"default",size:"default"}}),Gt=J__default.createContext({variant:"default",size:"default",disabled:!1}),kt=J__default.forwardRef(({className:t,variant:o,children:e,size:r,disabled:a,...i},n)=>jsx(q.Root,{ref:n,className:s("flex items-center justify-center gap-0",t),...i,type:"single",children:jsx(Gt.Provider,{value:{variant:o,size:r,disabled:a},children:e})}));kt.displayName="ScopeGroup";var Ot=J__default.forwardRef(({className:t,variant:o,size:e,icon:r,text:a,disabled:i,...n},l)=>{let p=J__default.useContext(Gt),R=Je({variant:p.variant||o,size:p.size||e,disabled:p.disabled||i});return jsxs(q.Item,{ref:l,className:s(R.container(),t),disabled:i,...n,children:[r&&jsx(r,{className:R.icon()}),jsx(x,{size:"base",weight:"normal",className:R.text(),children:a})]})});Ot.displayName="ScopeItem";var Ze={Group:kt,Item:Ot},qe=Ze;var Xe=({value:t,className:o,barBg:e,progressBg:r})=>{let a=`-translate-x-[(-${100-(t||0)}%])`;return jsx(Root$2,{className:s(o,e,"relative w-full overflow-hidden rounded-full "),value:t,children:jsx(Indicator,{className:s(o,"w-full flex-1 rounded-full",a,r)})})},K=Xe;var $=c({variants:{disabled:{true:{input:"cursor-not-allowed bg-neutral-100 text-neutral-400",prefixIcon:"fill-neutral-300 [&_path]:fill-neutral-300",suffixIcon:"fill-neutral-300 [&_path]:fill-neutral-300"}},invalid:{true:{input:"border-notification-critical-600 focus:border-notification-critical-600"}},size:{medium:{prefixIcon:"top-1",suffixIcon:"top-1",input:"h-5"},small:{prefixIcon:"top-0.5",suffixIcon:"top-0.5",input:"h-4"}}},slots:{prefixIcon:"absolute left-1 top-1 size-3",input:"rounded-m flex w-full border border-neutral-200 p-2 text-base text-indigo-600 placeholder:font-light placeholder:text-neutral-400 focus:border-indigo-600 focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed data-[has-prefix-icon=true]:pl-5 data-[has-suffix-icon=true]:pr-5",suffixIcon:"absolute right-1 top-1 size-3"},defaultVariants:{size:"medium"}}),jt=J__default.forwardRef(({className:t,prefixIcon:o,suffixIcon:e,disabled:r,invalid:a,size:i,...n},l)=>{let p=$();return jsxs("div",{className:"relative",children:[o&&jsx("div",{className:p.prefixIcon({invalid:a,size:i}),children:o}),jsx("input",{disabled:r,"data-has-prefix-icon":!!o,"data-has-suffix-icon":!!e,className:s(p.input({disabled:r,invalid:a,size:i}),t,"form-input"),ref:l,...n}),e&&jsx("div",{className:p.suffixIcon({invalid:a,size:i}),children:e})]})});jt.displayName="Input";var to=jt;var Ft=J.forwardRef(({className:t,disabled:o,invalid:e,...r},a)=>{let{input:i}=$();return jsx("textarea",{className:s("min-h-9",t,i({disabled:o,invalid:e})),ref:a,...r})});Ft.displayName="Textarea";var oo=Ft;var Wt=({title:t,children:o,isVisible:e,CloseIcon:r,maxWidth:a,onClose:i})=>{let[n,l]=useState(e);useEffect(()=>l(e),[e]);let p=R=>{l(!1),i&&i(R);};return jsxs(Fragment,{children:[jsx("div",{className:s("fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",n?void 0:"hidden")}),jsxs("div",{className:s("shadow-big fixed right-0 top-0 z-40  h-screen overflow-y-auto overflow-x-hidden rounded-l-lg bg-white transition-transform dark:bg-gray-800",a?`max-w=[${a}]`:"max-w-3/4",n?void 0:"translate-x-full"),tabIndex:-1,"aria-labelledby":"drawer-label",children:[jsxs("div",{id:"drawer-label",className:s(" mb-2 flex items-center justify-between  border-b-2 border-slate-100 p-2 text-base font-semibold text-gray-500 dark:text-gray-400"),children:[jsx(x,{size:"H3",weight:"semibold",className:"text-navy-600",children:t}),jsxs("button",{type:"button","data-drawer-hide":"drawer-example","aria-controls":"drawer-example",className:s("b-0 ml-2 flex size-9 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white"),onClick:()=>p,children:[r?jsx(r,{}):jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.70711 18.7071L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071ZM17.2929 18.7071L13.8201 15.2343C13.4296 14.8438 13.4296 14.2106 13.8201 13.8201C14.2106 13.4296 14.8438 13.4296 15.2343 13.8201L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071Z",fill:"#8D95A7"})}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:s(" relative h-full p-2"),children:o})]})]})};Wt.displayName="Sheet";var no=Wt;var po=c({base:"after:start-0.25 after:top-0.25 peer relative mr-1 h-3 w-5 rounded-full bg-neutral-200 after:absolute after:size-[20px] after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-green-600 peer-checked:after:translate-x-2 peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-0",variants:{disabled:{true:"cursor-not-allowed bg-neutral-100 after:border-neutral-100 peer-checked:bg-green-100 peer-checked:after:border-green-100"}}}),Jt=forwardRef(({className:t,name:o,disabled:e,children:r,...a},i)=>jsxs("label",{className:s("inline-flex cursor-pointer items-center",t),children:[jsx("input",{...a,ref:i,type:"checkbox",className:s("peer sr-only"),name:o,disabled:e}),jsx("span",{className:po({disabled:e})}),jsx(x,{children:r})]}));Jt.displayName="Toggle";var co=Jt;var uo=c({slots:{item:"mb-1 rounded-lg border-0 last:mb-0",trigger:"[&[data-state=open]]:rounded-t-m [&[data-state=open]]:bg-secondary-indigo-100 [&[data-state=closed]]:rounded-m flex h-7 w-full items-center border-0 p-1 text-left transition-all hover:bg-neutral-100 [&[data-disabled]]:cursor-not-allowed [&[data-disabled]]:bg-neutral-200 [&[data-disabled]]:text-neutral-400 [&[data-state=open]>svg]:rotate-180 [&[data-state=open]]:hover:bg-neutral-100",triggerIcon:"size-3 fill-neutral-400 transition-transform duration-200 [&_path]:fill-neutral-400",content:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down rounded-b-m overflow-hidden border transition-all"}}),{trigger:go,item:bo,triggerIcon:vo,content:xo}=uo(),ho=J__default.forwardRef(({className:t,...o},e)=>jsx(G.Root,{ref:e,className:bo({className:t}),...o})),yo=J__default.forwardRef(({className:t,triggerClassName:o,children:e,...r},a)=>jsxs(G.CollapsibleTrigger,{ref:a,className:go({className:o}),...r,children:[jsx("div",{className:s("w-full",t),children:e}),jsx(IconOutlineChevronDown,{className:vo()})]})),wo=J__default.forwardRef(({className:t,children:o,...e},r)=>jsx(G.CollapsibleContent,{ref:r,className:xo(),...e,children:jsx("div",{className:s("px-1 py-2",t),children:o})})),Po={Item:ho,Trigger:yo,Content:wo},Ro=Po;var Mo=c({base:"text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2",variants:{status:{positive:"text-notification-success-600 [&_svg]:fill-notification-success-600",negative:"text-notification-critical-600 [&_svg]:fill-notification-critical-600",neutral:"text-notification-warning-900 [&_svg]:fill-notification-warning-900",info:"border-indigo-600 text-indigo-600"}}}),Lo=J__default.forwardRef(({className:t,status:o,value:e,icon:r,...a},i)=>{let n={positive:jsx(IconOutlineArrowUp,{}),negative:jsx(IconOutlineArrowDown,{}),neutral:jsx(IconOutlineMinus,{})};return jsxs("div",{className:Mo({status:o,className:t}),ref:i,...a,children:[r&&n[r],jsxs(x,{size:"overline",weight:"semibold",children:[e,"%"]})]})}),Eo=Lo;var Q=({options:t,selected:o,onChange:e,className:r})=>jsx(Portal,{children:jsx(Content,{align:"start",className:s("shadow-down data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 rounded-md border bg-white p-1",r),children:t.map(a=>jsx(Item,{"data-selected":o===a.value,className:`relative flex cursor-pointer select-none rounded-sm
             px-2 py-1 text-base font-normal text-neutral-500 outline-none
             transition-colors focus:bg-indigo-100 focus:text-indigo-600 
-            data-[selected=true]:bg-indigo-100 data-[selected=true]:font-medium data-[selected=true]:text-indigo-600`,onClick:()=>e&&e(i.value),children:i.text}))})});var Yt=f({base:"text-medium flex items-center justify-center rounded-sm px-1 py-0.5",variants:{status:{success:["bg-notification-success-100","text-notification-success-600","[&_svg]:fill-notification-success-600 [&_span:nth-child(1)]:bg-notification-success-600"],attention:["bg-notification-warning-100","text-notification-warning-900","[&_svg]:fill-notification-warning-900 [&_span:nth-child(1)]:bg-notification-warning-900"],info:["bg-notification-information-100","text-notification-information-600","[&_svg]:fill-notification-information-600 [&_span:nth-child(1)]:bg-notification-information-600"],error:["bg-notification-critical-100","text-notification-critical-900","[&_svg]:fill-notification-critical-900 [&_span:nth-child(1)]:bg-notification-critical-900"],disabled:["bg-neutral-200 ","text-neutral-500","[&_span:nth-child(1)]:bg-neutral-500 [&_svg]:fill-neutral-500"]}}}),te=({text:t})=>jsxs("div",{className:"flex items-center gap-0.5",children:[jsx("span",{className:"w-0.75 h-0.75 rounded-full bg-neutral-500"}),jsx(x,{size:"overline",weight:"semibold",className:"select-none",children:t})]}),zo=q__default.forwardRef(({className:t,status:o,text:e,...r},i)=>jsx("div",{className:Yt({status:o,className:t}),ref:i,...r,children:jsx(te,{text:e})})),So=q__default.forwardRef(({className:t,status:o,options:e,value:r,onChange:i,...a},n)=>{let l=e.find(c=>c.value===r);return jsx("div",{className:Yt({status:l==null?void 0:l.status,className:t}),ref:n,...a,children:jsxs(Root,{children:[jsxs(Trigger,{className:"flex items-center gap-0.5 outline-none",children:[jsx(te,{text:(l==null?void 0:l.text)||""}),jsx(IconOutlineChevronDown,{"data-status":o,className:"-mr-0.5 size-2"})]}),jsx(tt,{selected:l==null?void 0:l.value,options:e,onChange:i,className:"-ml-1 mt-0.5"})]})})}),_o={Menu:So,...zo},Do=_o;var et=f({base:"text-midnight-blue-600",variants:{bg:{indigo:"bg-midnight-blue-100",white:"bg-white to-white"}}}),oe=q__default.forwardRef(({className:t,bg:o,value:e,withBar:r,...i},a)=>jsxs("div",{className:s(et({bg:o,className:t}),"flex h-3 flex-col items-center justify-center rounded-full px-1"),ref:a,...i,children:[jsxs(x,{size:"overline",weight:"medium",children:[e,"%"]}),r&&jsx(Q,{barBg:o==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:e,className:"h-0.25 mb-0.5"})]})),Go=q__default.forwardRef(({className:t,bg:o,value:e,Icon:r,...i},a)=>jsx(ee.Root,{ref:a,className:s(et({bg:o}),"text-midnight-blue-600 [&_svg]:fill-midnight-blue-600 [&_path]:fill-midnight-blue-600 relative flex size-6 items-center justify-center rounded-full","bg-[conic-gradient(var(--tw-gradient-stops))] from-midnight-blue-600 to-midnight-blue-100 p-0.5",t),...i,children:jsx("div",{className:s(et({bg:o}),"flex size-full items-center justify-center rounded-full"),children:r?jsx(r,{className:"size-3"}):jsxs("div",{className:"flex items-end",children:[jsx(x,{weight:"medium",children:e}),jsx(x,{size:"overline",weight:"medium",children:"%"})]})})})),ko=q__default.forwardRef(({className:t,bg:o,value:e,text:r,...i},a)=>jsxs("div",{"data-bg":o,className:s(et({bg:o,className:t}),`rounded-m data-[bg=white]:border-midnight-blue-600 flex w-full flex-col items-center justify-center gap-1
-        p-2 data-[bg=white]:border`),ref:a,...i,children:[jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsx(x,{weight:"normal",children:r}),jsx(oe,{value:e,bg:o==="white"?"indigo":"white"})]}),jsx(Q,{barBg:o==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:e,className:"h-1"})]})),Oo={Indicator:oe,Circle:Go,Expanded:ko},Bo=Oo;var $o=f({variants:{size:{small:{container:"h-3",icon:"size-2"},medium:{container:"h-4",icon:"size-3"}},border:{true:{container:"border border-neutral-200 text-neutral-500",icon:"fill-neutral-400 [&_path]:fill-neutral-400"},false:{container:"bg-indigo-100 text-indigo-600",icon:"fill-indigo-600 [&_path]:fill-indigo-600"}},active:{true:{container:"bg-indigo-600 text-white hover:bg-indigo-900",icon:"fill-white [&_path]:fill-white"}}},slots:{container:"group flex items-center rounded-full px-1 hover:border-0 hover:bg-indigo-600 hover:font-medium hover:text-white",icon:"group-hover:[&_path]:fill-white group-hover:[&_svg]:fill-white"},defaultVariants:{size:"medium",border:!1,active:!1}}),re=q__default.forwardRef(({className:t,size:o,icon:e,text:r,asChild:i,value:a,border:n,active:l,onClose:c,...R},y)=>{let L=i?Slot:"div",E=$o();return jsxs(L,{className:E.container({size:o,border:n,active:l,className:t}),ref:y,...R,children:[e&&jsx(e,{className:E.icon({size:o,border:n,active:l})}),jsx(x,{size:"base",weight:"normal",className:"mx-1",children:r}),c&&jsx(IconOutlineClose,{onClick:()=>c(a),className:s(E.icon({size:o,border:n,active:l}),"cursor-pointer")})]})});re.displayName="Chips";var Jo=re;var qo=f({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),ae=({className:t,text:o,suffix:e,invalid:r,htmlFor:i,...a})=>jsxs("div",{className:s("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",t),...a,children:[jsx("label",{className:qo({invalid:r}),htmlFor:i,children:o}),e&&jsx(e,{})]});ae.displayName="Label";var wt=ae;var Uo=f({variants:{invalid:{true:{text:"text-notification-critical-600"}}},slots:{text:"text-sm text-neutral-500",counter:"py-0.25 flex h-[20px] items-center rounded-full bg-neutral-100 px-0.5 text-neutral-500"}}),le=({className:t,text:o,counter:e,maxLength:r,invalid:i,valueLength:a,...n})=>{let l=Uo();return jsxs("div",{className:s("mt-0.5 flex justify-between",t),...n,children:[o&&jsx("span",{className:l.text({invalid:i}),children:o}),e&&r&&jsx("div",{className:l.counter(),children:jsxs(x,{size:"overline",weight:"semibold",children:[a||0,"/",r]})})]})};le.displayName="InputDescription";var Pt=le;var Xo=({id:t,className:o,label:e,description:r,errorMessage:i,invalid:a,children:n,disabled:l,value:c,maxLength:R,...y})=>{let L=i||r.text;return jsxs("div",{className:s("flex flex-col",o),...y,children:[jsx(wt,{...e,invalid:a,htmlFor:t}),q__default.cloneElement(n,{id:t,invalid:a,disabled:l,value:c}),jsx(Pt,{...r,text:L,invalid:a,maxLength:R,valueLength:c==null?void 0:c.length})]})},Yo=Xo;var ir=f({variants:{checked:{false:{checkbox:"hover:border-primary border-neutral-400 bg-white hover:bg-green-100"},indeterminate:{}},disabled:{true:{checkbox:"disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100",icon:"fill-neutral-300 [&_path]:fill-neutral-300 [&_rect]:fill-neutral-300"}}},slots:{checkbox:"bg-primary border-primary focus-visible:rind-0 peer size-[20px] shrink-0 rounded-md border-2 text-white focus-visible:outline-none",icon:"size-2 fill-white [&_path]:fill-white [&_rect]:fill-white"}}),de=q__default.forwardRef(({className:t,checked:o,defaultChecked:e,disabled:r,...i},a)=>{let n=ir();return jsx("div",{className:"flex size-3 items-center justify-center",children:jsx(Root$1,{ref:a,className:s(n.checkbox({checked:o,disabled:r}),t),checked:o,defaultChecked:e,disabled:r,...i,children:jsxs("div",{className:"-ml-0.5 -mt-0.5 flex size-3 items-center justify-center",children:[(o==="indeterminate"||e==="indeterminate")&&jsx(IconOutlineLine,{className:n.icon({disabled:r})}),(o===!0||e===!0)&&jsx(IconOutlineCheck,{className:n.icon({disabled:r})})]})})})});de.displayName=Root$1.displayName;var ar=de;var me=q__default.forwardRef(({className:t,disabled:o,...e},r)=>jsx(S.Root,{className:s("grid gap-1",t),disabled:o,...e,ref:r}));me.displayName=S.Root.displayName;var ue=q__default.forwardRef(({className:t,...o},e)=>jsx(S.Item,{ref:e,className:s("group aspect-square size-[20px] rounded-full border-2 border-neutral-400 bg-white hover:border-green-600 hover:bg-green-100 focus:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100 [&:not(:disabled)]:data-[state=checked]:border-green-600",t),...o,children:jsx(S.Indicator,{className:"text-primary flex items-center justify-center group-disabled:text-neutral-300",children:jsx(Circle,{className:"fill-primary size-[12px] group-disabled:fill-neutral-300"})})}));ue.displayName=S.Item.displayName;var lr={Group:me,Item:ue},cr=lr;var be=f({base:"flex items-center justify-center rounded-full",variants:{size:{small:{trigger:"my-0.5",dropdown:"mt-0.5"},medium:{trigger:"my-1",dropdown:"mt-1"}},disabled:{true:{container:"cursor-not-allowed border-neutral-200",input:"bg-white text-neutral-300",trigger:"cursor-not-allowed text-neutral-300 [&_path]:fill-neutral-300"},false:{container:"focus-within:border-indigo-600 hover:border-indigo-600"}}},slots:{input:"data-[scope=false]hover:bg-indigo-100 pointer-events-auto border-0 bg-white pr-5",trigger:"br-neutral-100 border-r-1 flex w-fit items-center gap-0.5 border border-y-0 border-l-0 border-neutral-100 bg-white pl-2 pr-1 text-indigo-600 focus-visible:outline-none  [&_svg]:fill-indigo-600",dropdown:"",container:"rounded-m flex border border-neutral-200 "},defaultVariants:{size:"medium"}}),ve=q.forwardRef(({className:t,disabled:o,invalid:e,size:r,value:i,onChange:a,scope:n,...l},c)=>{let R=$(),y=be();return jsxs("div",{className:y.container({disabled:o}),children:[n&&jsx(gr,{disabled:o,scope:n,size:r}),jsxs("div",{className:"peer relative",children:[jsx("input",{value:i,onChange:a,disabled:o,"data-scoped":!!n,className:s(R.input({disabled:o,invalid:e,size:r}),y.input(),t),ref:c,...l}),jsx("div",{"data-hasValue":!!i,className:`data-[hasValue=true]:cursor-pointer ${R.suffixIcon({size:r,disabled:o})}`,children:i?jsx(IconOutlineClose,{onClick:()=>a&&a({target:{value:""}})}):jsx(IconOutlineSearch,{})})]})]})}),gr=({scope:{selected:t,options:o,onChange:e},disabled:r,size:i})=>{let a=o.find(({value:l})=>l===t),n=be();return jsxs(Root,{children:[jsxs(Trigger,{className:n.trigger({size:i,disabled:r}),disabled:r,children:[jsx(x,{size:"small",weight:"medium",children:a==null?void 0:a.text}),jsx(IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsx(tt,{selected:t,options:o,onChange:e,className:n.dropdown({size:i})})]})};ve.displayName="Search";var br=ve;
+            data-[selected=true]:bg-indigo-100 data-[selected=true]:font-medium data-[selected=true]:text-indigo-600`,onClick:()=>e&&e(a.value),children:a.text}))})});var Kt=c({base:"text-medium flex items-center justify-center rounded-sm px-1 py-0.5",variants:{status:{success:["bg-notification-success-100","text-notification-success-600","[&_svg]:fill-notification-success-600 [&_span:nth-child(1)]:bg-notification-success-600"],attention:["bg-notification-warning-100","text-notification-warning-900","[&_svg]:fill-notification-warning-900 [&_span:nth-child(1)]:bg-notification-warning-900"],info:["bg-notification-information-100","text-notification-information-600","[&_svg]:fill-notification-information-600 [&_span:nth-child(1)]:bg-notification-information-600"],error:["bg-notification-critical-100","text-notification-critical-900","[&_svg]:fill-notification-critical-900 [&_span:nth-child(1)]:bg-notification-critical-900"],disabled:["bg-neutral-200 ","text-neutral-500","[&_span:nth-child(1)]:bg-neutral-500 [&_svg]:fill-neutral-500"]}}}),Ut=({text:t})=>jsxs("div",{className:"flex items-center gap-0.5",children:[jsx("span",{className:"w-0.75 h-0.75 rounded-full bg-neutral-500"}),jsx(x,{size:"overline",weight:"semibold",className:"select-none",children:t})]}),Go=J__default.forwardRef(({className:t,status:o,text:e,...r},a)=>jsx("div",{className:Kt({status:o,className:t}),ref:a,...r,children:jsx(Ut,{text:e})})),ko=J__default.forwardRef(({className:t,status:o,options:e,value:r,onChange:a,...i},n)=>{let l=e.find(p=>p.value===r);return jsx("div",{className:Kt({status:l==null?void 0:l.status,className:t}),ref:n,...i,children:jsxs(Root,{children:[jsxs(Trigger,{className:"flex items-center gap-0.5 outline-none",children:[jsx(Ut,{text:(l==null?void 0:l.text)||""}),jsx(IconOutlineChevronDown,{"data-status":o,className:"-mr-0.5 size-2"})]}),jsx(Q,{selected:l==null?void 0:l.value,options:e,onChange:a,className:"-ml-1 mt-0.5"})]})})}),Oo={Menu:ko,...Go},Bo=Oo;var X=c({base:"text-midnight-blue-600",variants:{bg:{indigo:"bg-midnight-blue-100",white:"bg-white to-white"}}}),Xt=J__default.forwardRef(({className:t,bg:o,value:e,withBar:r,...a},i)=>jsxs("div",{className:s(X({bg:o,className:t}),"flex h-3 flex-col items-center justify-center rounded-full px-1"),ref:i,...a,children:[jsxs(x,{size:"overline",weight:"medium",children:[e,"%"]}),r&&jsx(K,{barBg:o==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:e,className:"h-0.25 mb-0.5"})]})),jo=J__default.forwardRef(({className:t,bg:o,value:e,Icon:r,...a},i)=>jsx(Qt.Root,{ref:i,className:s(X({bg:o}),"text-midnight-blue-600 [&_svg]:fill-midnight-blue-600 [&_path]:fill-midnight-blue-600 relative flex size-6 items-center justify-center rounded-full","bg-[conic-gradient(var(--tw-gradient-stops))] from-midnight-blue-600 to-midnight-blue-100 p-0.5",t),...a,children:jsx("div",{className:s(X({bg:o}),"flex size-full items-center justify-center rounded-full"),children:r?jsx(r,{className:"size-3"}):jsxs("div",{className:"flex items-end",children:[jsx(x,{weight:"medium",children:e}),jsx(x,{size:"overline",weight:"medium",children:"%"})]})})})),$o=J__default.forwardRef(({className:t,bg:o,value:e,text:r,...a},i)=>jsxs("div",{"data-bg":o,className:s(X({bg:o,className:t}),`rounded-m data-[bg=white]:border-midnight-blue-600 flex w-full flex-col items-center justify-center gap-1
+        p-2 data-[bg=white]:border`),ref:i,...a,children:[jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsx(x,{weight:"normal",children:r}),jsx(Xt,{value:e,bg:o==="white"?"indigo":"white"})]}),jsx(K,{barBg:o==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:e,className:"h-1"})]})),Fo={Indicator:Xt,Circle:jo,Expanded:$o},Wo=Fo;var Ko=c({variants:{size:{small:{container:"h-3",icon:"size-2"},medium:{container:"h-4",icon:"size-3"}},border:{true:{container:"border border-neutral-200 text-neutral-500",icon:"fill-neutral-400 [&_path]:fill-neutral-400"},false:{container:"bg-indigo-100 text-indigo-600",icon:"fill-indigo-600 [&_path]:fill-indigo-600"}},active:{true:{container:"bg-indigo-600 text-white hover:bg-indigo-900",icon:"fill-white [&_path]:fill-white"}}},slots:{container:"group flex items-center rounded-full px-1 hover:border-0 hover:bg-indigo-600 hover:font-medium hover:text-white",icon:"group-hover:[&_path]:fill-white group-hover:[&_svg]:fill-white"},defaultVariants:{size:"medium",border:!1,active:!1}}),Yt=J__default.forwardRef(({className:t,size:o,icon:e,text:r,asChild:a,value:i,border:n,active:l,onClose:p,...R},y)=>{let L=a?Slot:"div",E=Ko();return jsxs(L,{className:E.container({size:o,border:n,active:l,className:t}),ref:y,...R,children:[e&&jsx(e,{className:E.icon({size:o,border:n,active:l})}),jsx(x,{size:"base",weight:"normal",className:"mx-1",children:r}),p&&jsx(IconOutlineClose,{onClick:()=>p(i),className:s(E.icon({size:o,border:n,active:l}),"cursor-pointer")})]})});Yt.displayName="Chips";var Uo=Yt;var Xo=c({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),ee=({className:t,text:o,suffix:e,invalid:r,htmlFor:a,...i})=>jsxs("div",{className:s("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",t),...i,children:[jsx("label",{className:Xo({invalid:r}),htmlFor:a,children:o}),e&&jsx(e,{})]});ee.displayName="Label";var yt=ee;var tr=c({variants:{invalid:{true:{text:"text-notification-critical-600"}}},slots:{text:"text-sm text-neutral-500",counter:"py-0.25 flex h-[20px] items-center rounded-full bg-neutral-100 px-0.5 text-neutral-500"}}),ae=({className:t,text:o,counter:e,maxLength:r,invalid:a,valueLength:i,...n})=>{let l=tr();return jsxs("div",{className:s("mt-0.5 flex justify-between",t),...n,children:[o&&jsx("span",{className:l.text({invalid:a}),children:o}),e&&r&&jsx("div",{className:l.counter(),children:jsxs(x,{size:"overline",weight:"semibold",children:[i||0,"/",r]})})]})};ae.displayName="InputDescription";var wt=ae;var or=({id:t,className:o,label:e,description:r,errorMessage:a,invalid:i,children:n,disabled:l,value:p,maxLength:R,...y})=>{let L=a||r.text;return jsxs("div",{className:s("flex flex-col",o),...y,children:[jsx(yt,{...e,invalid:i,htmlFor:t}),J__default.cloneElement(n,{id:t,invalid:i,disabled:l,value:p}),jsx(wt,{...r,text:L,invalid:i,maxLength:R,valueLength:p==null?void 0:p.length})]})},rr=or;var lr=c({variants:{checked:{false:{checkbox:"hover:border-primary border-neutral-400 bg-white hover:bg-green-100"},indeterminate:{}},disabled:{true:{checkbox:"disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100",icon:"fill-neutral-300 [&_path]:fill-neutral-300 [&_rect]:fill-neutral-300"}}},slots:{checkbox:"bg-primary border-primary focus-visible:rind-0 peer size-[20px] shrink-0 rounded-md border-2 text-white focus-visible:outline-none",icon:"size-2 fill-white [&_path]:fill-white [&_rect]:fill-white"}}),se=J__default.forwardRef(({className:t,checked:o,defaultChecked:e,disabled:r,...a},i)=>{let n=lr();return jsx("div",{className:"flex size-3 items-center justify-center",children:jsx(Root$1,{ref:i,className:s(n.checkbox({checked:o,disabled:r}),t),checked:o,defaultChecked:e,disabled:r,...a,children:jsxs("div",{className:"-ml-0.5 -mt-0.5 flex size-3 items-center justify-center",children:[(o==="indeterminate"||e==="indeterminate")&&jsx(IconOutlineLine,{className:n.icon({disabled:r})}),(o===!0||e===!0)&&jsx(IconOutlineCheck,{className:n.icon({disabled:r})})]})})})});se.displayName=Root$1.displayName;var pr=se;var pe=J__default.forwardRef(({className:t,disabled:o,...e},r)=>jsx(z.Root,{className:s("grid gap-1",t),disabled:o,...e,ref:r}));pe.displayName=z.Root.displayName;var ce=J__default.forwardRef(({className:t,...o},e)=>jsx(z.Item,{ref:e,className:s("group aspect-square size-[20px] rounded-full border-2 border-neutral-400 bg-white hover:border-green-600 hover:bg-green-100 focus:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100 [&:not(:disabled)]:data-[state=checked]:border-green-600",t),...o,children:jsx(z.Indicator,{className:"text-primary flex items-center justify-center group-disabled:text-neutral-300",children:jsx(Circle,{className:"fill-primary size-[12px] group-disabled:fill-neutral-300"})})}));ce.displayName=z.Item.displayName;var fr={Group:pe,Item:ce},mr=fr;var fe=c({base:"flex items-center justify-center rounded-full",variants:{size:{small:{trigger:"my-0.5",dropdown:"mt-0.5"},medium:{trigger:"my-1",dropdown:"mt-1"}},disabled:{true:{container:"cursor-not-allowed border-neutral-200",input:"bg-white text-neutral-300",trigger:"cursor-not-allowed text-neutral-300 [&_path]:fill-neutral-300"},false:{container:"focus-within:border-indigo-600 hover:border-indigo-600"}}},slots:{input:"data-[scope=false]hover:bg-indigo-100 pointer-events-auto border-0 bg-white pr-5",trigger:"br-neutral-100 border-r-1 flex w-fit items-center gap-0.5 border border-y-0 border-l-0 border-neutral-100 bg-white pl-2 pr-1 text-indigo-600 focus-visible:outline-none  [&_svg]:fill-indigo-600",dropdown:"",container:"rounded-m flex border border-neutral-200 "},defaultVariants:{size:"medium"}}),me=J.forwardRef(({className:t,disabled:o,invalid:e,size:r,value:a,onChange:i,scope:n,...l},p)=>{let R=$(),y=fe();return jsxs("div",{className:y.container({disabled:o}),children:[n&&jsx(hr,{disabled:o,scope:n,size:r}),jsxs("div",{className:"peer relative",children:[jsx("input",{value:a,onChange:i,disabled:o,"data-scoped":!!n,className:s(R.input({disabled:o,invalid:e,size:r}),y.input(),t),ref:p,...l}),jsx("div",{"data-hasValue":!!a,className:`data-[hasValue=true]:cursor-pointer ${R.suffixIcon({size:r,disabled:o})}`,children:a?jsx(IconOutlineClose,{onClick:()=>i&&i({target:{value:""}})}):jsx(IconOutlineSearch,{})})]})]})}),hr=({scope:{selected:t,options:o,onChange:e},disabled:r,size:a})=>{let i=o.find(({value:l})=>l===t),n=fe();return jsxs(Root,{children:[jsxs(Trigger,{className:n.trigger({size:a,disabled:r}),disabled:r,children:[jsx(x,{size:"small",weight:"medium",children:i==null?void 0:i.text}),jsx(IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsx(Q,{selected:t,options:o,onChange:e,className:n.dropdown({size:a})})]})};me.displayName="Search";var yr=me;
 
-export { ho as Accordion, Ee as Avatar, Be as Badge, $e as Button, qe as Card, ar as Checkbox, Jo as Chips, Yo as FormItem, Vo as Indicator, io as Input, Pt as InputDescription, wt as Label, Bo as Progress, Q as ProgressBar, cr as Radio, Xe as Scope, br as Search, po as Sheet, Do as Status, x as Text, no as Textarea, go as Toggle };
+export { Ie as Avatar, De as Badge, Be as Button, Fe as Card, pr as Checkbox, Uo as Chips, Ro as Collapsible, rr as FormItem, Eo as Indicator, to as Input, wt as InputDescription, yt as Label, Wo as Progress, K as ProgressBar, mr as Radio, qe as Scope, yr as Search, no as Sheet, Bo as Status, x as Text, oo as Textarea, co as Toggle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dito-uai/components",
-  "version": "5.0.0-alpha3",
+  "version": "5.0.0-alpha31",
   "descriptin": "Dito's design system component library, made in TSX",
   "repository": "git+https://github.com/ditointernet/dito-uai.git",
   "publishConfig": {
@@ -9,10 +9,12 @@
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
-  "types": "dist/**/*.d.ts",
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
   "files": [
-    "dist/"
+    "dist/",
+    "./tailwind.config.ts",
+    "./lib/colors-utils.ts"
   ],
   "exports": {
     ".": {
@@ -25,16 +27,26 @@
         "default": "./dist/index.mjs"
       }
     },
-    "./global.css": "./dist/global.css"
+    "./global.css": "./dist/global.css",
+    "./tailwind.config": {
+      "import": {
+        "types": "./tailwind.config.ts",
+        "default": "./tailwind.config.ts"
+      },
+      "require": {
+        "types": "./tailwind.config.ts",
+        "default": "./tailwind.config.ts"
+      }
+    }
   },
   "scripts": {
-    "dev": "yarn build",
+    "dev": "yarn build --watch",
     "semantic-release": "semantic-release",
     "bundle": "yarn build:js && yarn build:types & yarn build:css",
-    "build": "yarn build:css & yarn build:js --watch",
+    "build": "yarn build:css & yarn build:js",
     "build:js": "tsup",
     "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir dist",
-    "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify"
+    "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify -v"
   },
   "packageManager": "yarn@4.1.1",
   "devDependencies": {
@@ -47,7 +59,7 @@
     "postcss": "^8.4.38",
     "supports-color": "^9.4.0",
     "tailwind-variants": "^0.2.1",
-    "tailwindcss": "^3.4.7",
+    "tailwindcss": "^3.4.13",
     "tsup": "^8.2.3",
     "typescript": "^5.5.4",
     "vite": "^5.3.5"
@@ -58,14 +70,15 @@
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.1.1",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-radio-group": "^1.2.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.13",
+    "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.15",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.15",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",

package/tailwind.config.ts

@@ -0,0 +1,267 @@
+import TailwindsForms from '@tailwindcss/forms';
+import TailwindsTypography from '@tailwindcss/typography';
+import TailwindsAnimate from 'tailwindcss-animate';
+
+export const COLORS = {
+  neutral: {
+    white: '#ffffff',
+    black: '#000000',
+    neutral_900: '#21242b',
+    neutral_700: '#343841',
+    neutral_600: '#484d59',
+    neutral_500: '#6a7486',
+    neutral_400: '#8d95a7',
+    neutral_300: '#bdc2cc',
+    neutral_200: '#d7dae0',
+    neutral_100: '#eff0f2',
+  },
+  brand: {
+    navy_900: '#223154',
+    navy_600: '#364b74',
+    navy_100: '#e6e8ed',
+    green_900: '#006a31',
+    green_600: '#00bd6a',
+    green_100: '#e5f7ed',
+  },
+  secondary: {
+    indigo_900: '#353877',
+    indigo_600: '#4b5398',
+    indigo_100: '#e8eaf2',
+    purple_900: '#541f8e',
+    purple_600: '#852ca5',
+    purple_100: '#f7e7fc',
+    blue_900: '#4a58d5',
+    blue_600: '#549eff',
+    blue_100: '#e4f1ff',
+    pink_900: '#a50a54',
+    pink_600: '#f1167f',
+    pink_100: '#fee6f1',
+    green_900: '#127a6e',
+    green_600: '#06c5ae',
+    green_100: '#e6f9f7',
+    platform_background: '#f3f4f8',
+  },
+  chart: {
+    midnight_blue_900: '#0a0259',
+    midnight_blue_600: '#271bae',
+    midnight_blue_100: '#ebf0ff',
+    green_900: '#005b42',
+    green_600: '#0bcc96',
+    green_100: '#e5fff4',
+    purple_900: '#4c178e',
+    purple_600: '#8929ff',
+    purple_100: '#f6eeff',
+    pink_900: '#b91d70',
+    pink_600: '#ff00b8',
+    pink_100: '#fff1fb',
+    light_blue_900: '#094170',
+    light_blue_600: '#00beff',
+    light_blue_100: '#ebf9ff',
+    orange_900: '#b84300',
+    orange_600: '#ff7a00',
+    orange_100: '#fff0df',
+    red_900: '#8b0c23',
+    red_600: '#db0028',
+    red_100: '#ffecef',
+    blue_900: '#09006d',
+    blue_600: '#1456ff',
+    blue_100: '#e6f2ff',
+    yellow_900: '#9d670b',
+    yellow_600: '#f1c40f',
+    yellow_100: '#fff9e7',
+  },
+  notification: {
+    critical_900: '#9e0505',
+    critical_600: '#d31d26',
+    critical_300: '#ffadb0',
+    critical_100: '#ffebeb',
+    warning_900: '#8a4900',
+    warning_600: '#ffca42',
+    warning_300: '#ffe8a9',
+    warning_100: '#fff6ce',
+    success_900: '#074a1b',
+    success_600: '#228000',
+    success_300: '#80e09c',
+    success_100: '#defce7',
+    information_900: '#1e4664',
+    information_600: '#0d74a0',
+    information_300: '#b0e7ff',
+    information_100: '#e0f8ff',
+  },
+};
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  mode: 'jit',
+  content: ['./src/**/*.{ts,tsx}'],
+  theme: {
+    screens: {
+      sm: '480px',
+      md: '768px',
+      lg: '976px',
+      xl: '1440px',
+    },
+    fontFamily: {
+      sans: ['Poppins', 'sans-serif'],
+    },
+    extend: {
+      backgroundImage: {
+        'gradient-radial': 'radial-gradient(var(--gradient-color-stops))',
+      },
+      colors: () => ({
+        primary: COLORS.brand.green_600,
+        'primary-foreground': '#ffffff',
+        accent: COLORS.brand.navy_600,
+        'accent-foreground': '#ffffff',
+        'neutral-100': COLORS.neutral.neutral_100,
+        'neutral-200': COLORS.neutral.neutral_200,
+        'neutral-300': COLORS.neutral.neutral_300,
+        'neutral-400': COLORS.neutral.neutral_400,
+        'neutral-500': COLORS.neutral.neutral_500,
+        'neutral-600': COLORS.neutral.neutral_600,
+        'neutral-700': COLORS.neutral.neutral_700,
+        'neutral-900': COLORS.neutral.neutral_900,
+        'midnight-blue-900': COLORS.chart.midnight_blue_900,
+        'midnight-blue-600': COLORS.chart.midnight_blue_600,
+        'midnight-blue-100': COLORS.chart.midnight_blue_100,
+        'red-100': COLORS.chart.red_100,
+        'red-600': COLORS.chart.red_600,
+        'red-900': COLORS.chart.red_900,
+        'orange-100': COLORS.chart.orange_100,
+        'orange-600': COLORS.chart.orange_600,
+        'orange-900': COLORS.chart.orange_900,
+        'yellow-100': COLORS.chart.yellow_100,
+        'yellow-600': COLORS.chart.yellow_600,
+        'yellow-900': COLORS.chart.yellow_900,
+        'green-100': COLORS.brand.green_100,
+        'green-600': COLORS.brand.green_600,
+        'green-900': COLORS.brand.green_900,
+        'blue-100': COLORS.secondary.blue_100,
+        'blue-600': COLORS.secondary.blue_600,
+        'blue-900': COLORS.secondary.blue_900,
+        'light-blue-100': COLORS.chart.light_blue_100,
+        'light-blue-600': COLORS.chart.light_blue_600,
+        'light-blue-900': COLORS.chart.light_blue_900,
+        'indigo-100': COLORS.brand.navy_100,
+        'indigo-600': COLORS.brand.navy_600,
+        'indigo-900': COLORS.brand.navy_900,
+        'navy-100': COLORS.brand.navy_100,
+        'navy-600': COLORS.brand.navy_600,
+        'navy-900': COLORS.brand.navy_900,
+        'purple-100': COLORS.chart.purple_100,
+        'purple-600': COLORS.chart.purple_600,
+        'purple-900': COLORS.chart.purple_900,
+        'pink-100': COLORS.chart.pink_100,
+        'pink-600': COLORS.chart.pink_600,
+        'pink-900': COLORS.chart.pink_900,
+        notification: {
+          'critical-100': COLORS.notification.critical_100,
+          'critical-300': COLORS.notification.critical_300,
+          'critical-600': COLORS.notification.critical_600,
+          'critical-900': COLORS.notification.critical_900,
+          'warning-100': COLORS.notification.warning_100,
+          'warning-300': COLORS.notification.warning_300,
+          'warning-600': COLORS.notification.warning_600,
+          'warning-900': COLORS.notification.warning_900,
+          'success-100': COLORS.notification.success_100,
+          'success-300': COLORS.notification.success_300,
+          'success-600': COLORS.notification.success_600,
+          'success-900': COLORS.notification.success_900,
+          'information-100': COLORS.notification.information_100,
+          'information-300': COLORS.notification.information_300,
+          'information-600': COLORS.notification.information_600,
+          'information-900': COLORS.notification.information_900,
+        },
+        secondary: {
+          'indigo-100': COLORS.secondary.indigo_100,
+          'indigo-600': COLORS.secondary.indigo_600,
+          'indigo-900': COLORS.secondary.indigo_900,
+        },
+      }),
+      height: {
+        1: '8px',
+        2: '16px',
+        3: '24px',
+        4: '32px',
+        5: '40px',
+        6: '48px',
+        7: '56px',
+      },
+      gap: {
+        1: '8px',
+        2: '16px',
+        3: '32px',
+        4: '48px',
+      },
+      spacing: {
+        0.25: '2px',
+        0.5: '4px',
+        0.75: '6px',
+        1: '8px',
+        2: '16px',
+        3: '24px',
+        4: '32px',
+        5: '40px',
+        6: '48px',
+        7: '56px',
+        8: '64px',
+        9: '72px',
+        10: '128px',
+      },
+      maxWidth: {
+        '1/4': '25%',
+        '1/2': '50%',
+        '3/4': '75%',
+      },
+      borderRadius: {
+        sm: '4px',
+        m: '8px',
+        x: '16px',
+        xl: '32px',
+      },
+      boxShadow: {
+        down: '0px 4px 8px 0px #00000014',
+      },
+      fontSize: {
+        xs: ['10px', { lineHeight: '16px' }],
+        sm: ['12px', { lineHeight: '18px' }],
+        base: ['14px', { lineHeight: '20px' }],
+        lg: ['16px', { lineHeight: '24px' }],
+        xl: ['22px', { lineHeight: '32px' }],
+        '2xl': ['28px', { lineHeight: '40px' }],
+        '3xl': ['30px', { lineHeight: '44px' }],
+      },
+      keyframes: {
+        'accordion-down': {
+          from: { height: '0' },
+          to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'accordion-up': {
+          from: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: '0' },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+      },
+    },
+  },
+  plugins: [
+    TailwindsAnimate,
+    TailwindsTypography,
+    TailwindsForms({ strategy: 'class' }),
+  ],
+  safelist: [
+    {
+      pattern: /bg-/,
+    },
+    {
+      pattern: /text-/,
+    },
+    {
+      pattern:
+        /m-|mx-|my-|mr-|mt-|mb-|ml–|p-|px–|py-|pr-|pt-|pb-|pl-|rounded|gap|w|h/,
+    },
+  ],
+};

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAG9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/lib/colors-utils.d.ts

@@ -1,88 +0,0 @@
-export declare const COLORS: {
-    neutral: {
-        white: string;
-        black: string;
-        neutral_900: string;
-        neutral_700: string;
-        neutral_600: string;
-        neutral_500: string;
-        neutral_400: string;
-        neutral_300: string;
-        neutral_200: string;
-        neutral_100: string;
-    };
-    brand: {
-        navy_900: string;
-        navy_600: string;
-        navy_100: string;
-        green_900: string;
-        green_600: string;
-        green_100: string;
-    };
-    secondary: {
-        indigo_900: string;
-        indigo_600: string;
-        indigo_100: string;
-        purple_900: string;
-        purple_600: string;
-        purple_100: string;
-        blue_900: string;
-        blue_600: string;
-        blue_100: string;
-        pink_900: string;
-        pink_600: string;
-        pink_100: string;
-        green_900: string;
-        green_600: string;
-        green_100: string;
-        platform_background: string;
-    };
-    chart: {
-        midnight_blue_900: string;
-        midnight_blue_600: string;
-        midnight_blue_100: string;
-        green_900: string;
-        green_600: string;
-        green_100: string;
-        purple_900: string;
-        purple_600: string;
-        purple_100: string;
-        pink_900: string;
-        pink_600: string;
-        pink_100: string;
-        light_blue_900: string;
-        light_blue_600: string;
-        light_blue_100: string;
-        orange_900: string;
-        orange_600: string;
-        orange_100: string;
-        red_900: string;
-        red_600: string;
-        red_100: string;
-        blue_900: string;
-        blue_600: string;
-        blue_100: string;
-        yellow_900: string;
-        yellow_600: string;
-        yellow_100: string;
-    };
-    notification: {
-        critical_900: string;
-        critical_600: string;
-        critical_300: string;
-        critical_100: string;
-        warning_900: string;
-        warning_600: string;
-        warning_300: string;
-        warning_100: string;
-        success_900: string;
-        success_600: string;
-        success_300: string;
-        success_100: string;
-        information_900: string;
-        information_600: string;
-        information_300: string;
-        information_100: string;
-    };
-};
-//# sourceMappingURL=colors-utils.d.ts.map

package/dist/lib/colors-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-utils.d.ts","sourceRoot":"","sources":["../../src/lib/colors-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFlB,CAAC"}

package/dist/lib/css-util.d.ts

@@ -1,3 +0,0 @@
-import type { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=css-util.d.ts.map

package/dist/lib/css-util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-util.d.ts","sourceRoot":"","sources":["../../src/lib/css-util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}