@dito-uai/components 5.1.0-alpha.36 → 5.1.0-alpha.38

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.
Files changed (9) hide show
  1. package/dist/global.css +1 -1
  2. package/dist/index.cjs +9 -9
  3. package/dist/index.d.cts +34 -0
  4. package/dist/index.d.ts +56 -4154
  5. package/dist/index.js +5 -5
  6. package/dist/ui/chips.d.ts +34 -0
  7. package/dist/ui/chips.d.ts.map +1 -1
  8. package/package.json +4 -4
  9. package/tailwind.config.ts +11 -4
package/dist/index.js CHANGED
@@ -5,11 +5,11 @@ import { Slot } from '@radix-ui/react-slot';
5
5
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
6
  import { clsx } from 'clsx';
7
7
  import { twMerge } from 'tailwind-merge';
8
- import * as N from '@radix-ui/react-toggle-group';
8
+ import * as I from '@radix-ui/react-toggle-group';
9
9
  import * as Wt from '@radix-ui/react-progress';
10
10
  import { Root as Root$2, Indicator } from '@radix-ui/react-progress';
11
11
  import * as J from '@radix-ui/react-toggle';
12
- import * as I from '@radix-ui/react-collapsible';
12
+ import * as V from '@radix-ui/react-collapsible';
13
13
  import { IconOutlineChevronDown, IconOutlineClose, IconOutlineCheckCircle, IconOutlineWarning, IconOutlineErrorHexagon, IconOutlineInfo, IconOutlineArrowUp, IconOutlineArrowDown, IconOutlineMinus, IconOutlineLine, IconOutlineCheck, IconOutlineSearch } from '@dito-uai/icons';
14
14
  import * as x from '@radix-ui/react-tabs';
15
15
  import { toast, ToastContainer } from 'react-toastify';
@@ -20,10 +20,10 @@ import { Root as Root$1 } from '@radix-ui/react-checkbox';
20
20
  import * as R from '@radix-ui/react-radio-group';
21
21
  import { Circle } from 'lucide-react';
22
22
 
23
- var me=tv({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"}}),mt=A__default.forwardRef(({className:t,color:e,type:o,size:i,children:r,asChild:a,...s},l)=>jsx(a?Slot:"div",{className:me({color:e,type:o,size:i,className:t}),ref:l,...s,children:r}));mt.displayName="Avatar";var fe=mt;function n(...t){return twMerge(clsx(t))}var be=tv({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"}}),ft=({className:t,size:e,weight:o,children:i,...r})=>jsx("span",{className:n(be({size:e,weight:o,className:t})),...r,children:i});ft.displayName="Text";var f=ft;var ye=tv({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"}}),ut=A__default.forwardRef(({className:t,status:e,size:o,type:i,contrast:r,children:a,asChild:s,...l},p)=>jsx(s?Slot:"span",{className:ye({status:e,size:o,type:i,contrast:r,className:t}),ref:p,...l,children:jsx(f,{size:"overline",weight:"semibold",children:a})}));ut.displayName="Badge";var Te=ut;var gt={TINY:{iconSize:"12px"},SMALL:{iconSize:"16px"},NORMAL:{iconSize:"24px"},LARGE:{iconSize:"64px"},HUGE:{iconSize:"80px"}},xt={WHITE:{color:"#ffffff"},RED:{color:"#d31d26"},BLUE:{color:"#0d74a0"},GREEN:{color:"#00bd6a"},GRAY:{color:"#6a7486"},INDIGO:{color:"#4b5398"},TRANSPARENT:{color:"transparent"}},we=({className:t,size:e="NORMAL",color:o="GREEN",fill:i="TRANSPARENT"})=>{var a,s,l,p;let r=n("loading-circle animate-rotate inline-block",t);return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",color:(a=xt[o])==null?void 0:a.color,fill:(s=xt[i])==null?void 0:s.color,width:(l=gt[e])==null?void 0:l.iconSize,height:(p=gt[e])==null?void 0:p.iconSize,viewBox:"25 25 50 50",className:r,children:jsx("circle",{cx:"50",cy:"50",r:"20",fill:"currentFill",stroke:"currentColor","stroke-width":"6","stroke-linecap":"round","stroke-dasharray":"1, 200"})})},$=we;var Ve=tv({variants:{appearance:{primary:{container:"bg-primary hover:bg-green-900 ",loading:"text-white",text:"text-white",icon:"fill-white [&_path]:fill-white"},secondary:{container:"border border-green-600 bg-white hover:bg-green-100 ",loading:"text-green-600",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},tertiary:{container:"border border-indigo-600 bg-white hover:bg-indigo-100 ",loading:"text-indigo-600",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",loading:"text-notification-critical-600 group-hover/danger:text-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 ",loading:"text-green-600",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},table:{container:"bg-white hover:bg-neutral-100 ",loading:"text-neutral-400",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",loading:"text-neutral-400"},false:""},loading:{true:{text:"invisible",icon:"invisible"},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",loading:"absolute"},defaultVariants:{appearance:"primary",size:"medium"}}),vt=A__default.forwardRef(({className:t,appearance:e,size:o,disabled:i,children:r,asChild:a,loading:s,icon:l,...p},u)=>{let d=a?Slot:"button",g=Ve({appearance:e,size:o,disabled:i,loading:s,className:t});return jsxs(d,{type:"button","data-has-icon":!!l,"data-has-text":!!r,"data-is-loading":s,className:g.container({className:t}),disabled:i,ref:u,...p,children:[s&&jsx($,{className:g.loading()}),l&&jsx(l,{className:g.icon()}),r&&jsx(f,{size:"base",weight:"medium",className:g.text({className:t}),children:r})]})});vt.displayName="Button";var Le=vt;var Se=tv({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"}}),ht=({className:t,variant:e,direction:o,padding:i,children:r,...a})=>jsx("div",{className:n(Se({variant:e,direction:o,padding:i,className:t})),...a,children:r});ht.displayName="Card";var Ge=ht;var ze=tv({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"}}),Pt=A__default.createContext({variant:"default",size:"default",disabled:!1}),Rt=A__default.forwardRef(({className:t,variant:e,children:o,size:i,disabled:r,...a},s)=>jsx(N.Root,{ref:s,className:n("flex items-center justify-center gap-0",t),...a,type:"single",children:jsx(Pt.Provider,{value:{variant:e,size:i,disabled:r},children:o})}));Rt.displayName="ScopeGroup";var yt=A__default.forwardRef(({className:t,variant:e,size:o,icon:i,text:r,disabled:a,...s},l)=>{let p=A__default.useContext(Pt),u=ze({variant:p.variant||e,size:p.size||o,disabled:p.disabled||a});return jsxs(N.Item,{ref:l,className:n(u.container(),t),disabled:a,...s,children:[i&&jsx(i,{className:u.icon()}),jsx(f,{size:"base",weight:"normal",className:u.text(),children:r})]})});yt.displayName="ScopeItem";var He={Group:Rt,Item:yt},De=He;var Be=({value:t,className:e,barBg:o,progressBg:i})=>{let r=`-translate-x-[(-${100-(t||0)}%])`;return jsx(Root$2,{className:n(e,o,"relative w-full overflow-hidden rounded-full "),value:t,children:jsx(Indicator,{className:n(e,"w-full flex-1 rounded-full",r,i)})})},D=Be;var S=tv({slots:{wrapper:["grid items-center gap-1","rounded-m border border-neutral-200 bg-white","focus-within:border-indigo-600"].join(" "),prefix:["h-full flex items-center justify-center","text-neutral-500 [&_svg]:block [&_path]:fill-current"].join(" "),input:["w-full bg-transparent outline-none","border-0 focus:outline-none focus:ring-0","text-base text-indigo-600 placeholder:font-light placeholder:text-neutral-400","disabled:cursor-not-allowed"].join(" "),suffix:["h-full flex items-center justify-center mr-1","text-neutral-500 [&_svg]:block [&_path]:fill-current"].join(" ")},variants:{disabled:{true:{wrapper:"cursor-not-allowed bg-neutral-100",input:"text-neutral-400 placeholder:text-neutral-400",prefix:"text-neutral-300",suffix:"text-neutral-300"}},invalid:{true:{wrapper:"border-notification-critical-600 focus-within:border-notification-critical-600"}},size:{small:{wrapper:"min-h-4 pl-2",input:"text-sm",prefix:"text-sm",suffix:"text-sm"},medium:{wrapper:"min-h-5 pl-2",input:"text-base",prefix:"text-base",suffix:"text-base"}},withAffix:{false:{wrapper:"grid-cols-1"},true:{wrapper:"grid-cols-[auto_1fr_auto]"}}},defaultVariants:{size:"medium",withAffix:!1}}),wt=A__default.forwardRef(({className:t,inputClassName:e,prefix:o,suffix:i,disabled:r,invalid:a,size:s,...l},p)=>{let u=!!o||!!i,d=S();return jsxs("div",{className:n(d.wrapper({disabled:r,invalid:a,size:s,withAffix:u}),t),children:[o&&jsx("div",{className:d.prefix({disabled:r,invalid:a,size:s}),children:o}),jsx("input",{disabled:r,className:n(d.input({disabled:r,invalid:a,size:s}),e,"form-input"),ref:p,...l}),i&&jsx("div",{className:d.suffix({disabled:r,invalid:a,size:s}),children:i})]})});wt.displayName="Input";var Ye=wt;var Nt=A.forwardRef(({className:t,disabled:e,invalid:o,...i},r)=>{let{input:a}=S();return jsx("textarea",{className:n("min-h-9",t,a({disabled:e,invalid:o})),ref:r,...i})});Nt.displayName="Textarea";var Ze=Nt;var It=({title:t,children:e,isVisible:o,CloseIcon:i,maxWidth:r,onClose:a})=>{let[s,l]=useState(o);useEffect(()=>l(o),[o]);let p=u=>{l(!1),a&&a(u);};return jsxs(Fragment,{children:[jsx("div",{className:n("fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",s?void 0:"hidden")}),jsxs("div",{className:n("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",r?`max-w=[${r}]`:"max-w-3/4",s?void 0:"translate-x-full"),tabIndex:-1,"aria-labelledby":"drawer-label",children:[jsxs("div",{id:"drawer-label",className:n(" 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(f,{size:"H3",weight:"semibold",className:"text-navy-600",children:t}),jsxs("button",{type:"button","data-drawer-hide":"drawer-example","aria-controls":"drawer-example",className:n("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:[i?jsx(i,{}):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:n(" relative h-full p-2"),children:e})]})]})};It.displayName="Sheet";var Qe=It;var eo=tv({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"}}}),Vt=forwardRef(({className:t,name:e,disabled:o,children:i,...r},a)=>jsxs("label",{className:n("inline-flex cursor-pointer items-center",t),children:[jsx("input",{...r,ref:a,type:"checkbox",className:n("peer sr-only"),name:e,disabled:o}),jsx("span",{className:eo({disabled:o})}),jsx(f,{children:i})]}));Vt.displayName="Switch";var oo=Vt;var Q=tv({base:"ring-offset-background hover:bg-muted focus-visible:ring-ring rounded-m inline-flex items-center justify-center gap-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-indigo-100 data-[state=on]:text-indigo-600 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",variants:{variant:{default:"bg-transparent text-neutral-400 hover:bg-indigo-100 hover:text-indigo-600"},size:{default:"size-[32px]"}},defaultVariants:{variant:"default",size:"default"}}),ao=A.forwardRef(({className:t,variant:e,size:o,...i},r)=>jsx(J.Root,{ref:r,className:n(Q({variant:e,size:o,className:t})),...i}));ao.displayName=J.Root.displayName;var Mt=A.createContext({size:"default",variant:"default"}),Et=A.forwardRef(({className:t,variant:e,size:o,children:i,...r},a)=>jsx(N.Root,{ref:a,className:n("flex items-center justify-center gap-1",t),...r,children:jsx(Mt.Provider,{value:{variant:e,size:o},children:i})}));Et.displayName=N.Root.displayName;var St=A.forwardRef(({className:t,children:e,variant:o,size:i,...r},a)=>{let s=A.useContext(Mt);return jsx(N.Item,{ref:a,className:n(Q({variant:s.variant||o,size:s.size||i}),t),...r,children:e})});St.displayName=N.Item.displayName;var so={Group:Et,Item:St};var co=tv({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:mo,item:fo,triggerIcon:uo,content:go}=co(),xo=A__default.forwardRef(({className:t,...e},o)=>jsx(I.Root,{ref:o,className:fo({className:t}),...e})),bo=A__default.forwardRef(({className:t,triggerClassName:e,children:o,...i},r)=>jsxs(I.CollapsibleTrigger,{ref:r,className:mo({className:e}),...i,children:[jsx("div",{className:n("w-full",t),children:o}),jsx(IconOutlineChevronDown,{className:uo()})]})),vo=A__default.forwardRef(({className:t,children:e,...o},i)=>jsx(I.CollapsibleContent,{ref:i,className:go(),...o,children:jsx("div",{className:n("px-1 py-2",t),children:e})})),ho={Item:xo,Trigger:bo,Content:vo},Po=ho;var wo=tv({base:"flex flex-row"}),Co=tv({base:["inline-flex h-5 items-center justify-center gap-1 whitespace-nowrap p-1 px-2"],variants:{active:{true:"text-green-600",false:"text-neutral-500"},disabled:{true:"cursor-not-allowed text-neutral-300",false:""},iconColor:{active:"[&_path]:fill-green-600 [&_svg]:fill-green-600",inactive:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500",disabled:"[&_path]:fill-neutral-300 [&_svg]:fill-neutral-300"}},defaultVariants:{disabled:!1,iconPosition:"none"}}),No=tv({base:"absolute bottom-0 left-0 w-full",variants:{active:{true:"rounded-t-x border-t-4 border-green-600",false:"border-b-2 border-neutral-100"}}}),Io=x.Root,Gt=A__default.forwardRef(({className:t,...e},o)=>jsx(x.List,{ref:o,className:n(wo(),t),...e}));Gt.displayName=x.List.displayName;var _t=A__default.forwardRef(({className:t,children:e,iconPrefix:o,suffix:i,disabled:r,active:a,...s},l)=>{let p=useMemo(()=>r?"disabled":a?"active":"inactive",[r,a]);return jsxs("div",{className:n("relative flex flex-col",r?"":"hover:bg-green-100"),children:[jsxs(x.Trigger,{ref:l,className:n(Co({iconColor:p,disabled:r,active:a}),t),disabled:r,...s,children:[o&&jsx("span",{children:o}),e,i&&jsx("span",{children:i})]}),jsx("span",{className:n(No({active:a}))})]})});_t.displayName=x.Trigger.displayName;var At=A__default.forwardRef(({className:t,...e},o)=>jsx(x.Content,{ref:o,className:t,...e}));At.displayName=x.Content.displayName;function Vo(t,e){let o=t!==void 0,[i,r]=useState(e);return [o?t:i,l=>{o||r(l);}]}var Lo=({tabs:t,activeKey:e,defaultActiveKey:o,className:i,onValueChange:r,onTabClick:a})=>{var u;let[s,l]=Vo(e,o??((u=t[0])==null?void 0:u.value));return jsxs(Io,{value:e??s,onValueChange:d=>{if(r)return r(d);l(d);},onClick:d=>a&&a(d,s),className:n("flex flex-col gap-2",i),children:[jsx(Gt,{children:t.map(({value:d,label:g,iconPrefix:M,suffix:E,disabled:ne,className:se})=>jsx(_t,{value:d,iconPrefix:M,suffix:E,disabled:ne,active:d===s,className:se,children:g&&jsx(f,{size:"base",weight:"medium",children:g})},d))}),t.map(({value:d,content:g,className:M})=>jsx(At,{value:d,className:M,children:g},d))]})},Mo=Lo;var Oo=tv({slots:{container:"rounded-m flex min-h-5 w-full items-center justify-start gap-1 px-2 py-2.5 text-base font-medium",icon:"size-[24px] cursor-pointer",message:"flex-1 break-words"},variants:{type:{success:{container:"bg-notification-success-100 text-notification-success-600",icon:"fill-notification-success-600 [&_path]:fill-notification-success-600"},warning:{container:"bg-notification-warning-100 text-notification-warning-900",icon:"fill-notification-warning-900 [&_path]:fill-notification-warning-900"},error:{container:"bg-notification-critical-100 text-notification-critical-600",icon:"fill-notification-critical-600 [&_path]:fill-notification-critical-600"},info:{container:"bg-notification-information-100 text-notification-information-600",icon:"fill-notification-information-600 [&_path]:fill-notification-information-600"}},closable:{true:{message:"w-[calc(100%_-_64px)]"},false:{message:"w-[calc(100%_-_36px)]"}}}}),ko={success:IconOutlineCheckCircle,warning:IconOutlineWarning,error:IconOutlineErrorHexagon,info:IconOutlineInfo},Wo=A__default.forwardRef(({type:t,message:e,closable:o,...i},r)=>{let[a,s]=useState(!0),l=Oo(),p=t?ko[t]:null;return a&&jsxs("div",{className:l.container({type:t}),ref:r,...i,children:[p&&jsx(p,{className:l.icon({type:t})}),jsx("div",{className:l.message({closable:o}),children:e}),o&&jsx(IconOutlineClose,{onClick:()=>s(!1),className:l.icon({type:t})})]})}),Bo=Wo;var zt=(a=>(a.SUCCESS="success",a.INFO="info",a.WARNING="warning",a.DANGER="error",a.LOADING="loading",a))(zt||{}),Qo=tv({base:"!rounded-m !flex !min-h-5 !w-fit !items-center !gap-1 !p-0 !font-sans !text-base !font-medium",variants:{type:{success:"!text-notification-success-100 !bg-notification-success-600 ![&_svg]:fill-notification-success-100 ![&_path]:fill-notification-success-100",error:"!bg-notification-critical-600 !text-notification-critical-100 ![&_svg]:fill-notification-critical-100 ![&_path]:fill-notification-critical-100",warning:"!bg-notification-warning-600 !text-notification-warning-900 ![&_svg]:fill-notification-warning-900 [&_path]:fill-notification-warning-900",info:"!bg-notification-information-600 !text-notification-information-100 ![&_svg]:fill-notification-information-100 ![&_path]:fill-notification-information-100",loading:"!bg-notification-information-600 !text-notification-information-100 ![&_svg]:fill-notification-information-100 ![&_path]:fill-notification-information-100"}}}),Xo={success:jsx(IconOutlineCheckCircle,{}),warning:jsx(IconOutlineWarning,{}),error:jsx(IconOutlineErrorHexagon,{}),info:jsx(IconOutlineInfo,{})},V={open:({type:t="info",text:e,closable:o=!1,duration:i=3e3,containerId:r,onClose:a,onClick:s,...l})=>{let p={autoClose:i,closeButton:o,className:Qo({type:t}),bodyClassName:"!flex !flex-row !items-center !gap-1 !px-2 !py-1 !m-0",icon:t!=="loading"?Xo[t]:void 0,onClose:a,onClick:s,containerId:r,closeOnClick:!1,...l};switch(t){case"success":return toast.success(e,p);case"error":return toast.error(e,p);case"warning":return toast.warning(e,p);case"loading":return toast.loading(e,p);case"info":default:return toast.info(e,p)}}},jo={...V,success:(t,e)=>V.open({type:"success",text:t,duration:e}),error:(t,e)=>V.open({type:"error",text:t,duration:e}),info:(t,e)=>V.open({type:"info",text:t,duration:e}),warning:(t,e)=>V.open({type:"warning",text:t,duration:e}),loading:(t,e)=>V.open({type:"loading",text:t,duration:e}),dismiss:toast.dismiss},ti=t=>jsx(ToastContainer,{className:"mr-[100px] flex !w-fit flex-col items-end",position:"bottom-right",hideProgressBar:!0,enableMultiContainer:!0,closeButton:({closeToast:e})=>jsx("button",{type:"button",className:"ml-auto flex size-6 items-center justify-center hover:opacity-70",onClick:e,children:jsx(IconOutlineClose,{className:"size-[24px]"})}),...t}),ei=jo;var si=tv({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"}}}),li=A__default.forwardRef(({className:t,status:e,value:o,icon:i,usePercentageSymbol:r=!0,...a},s)=>{let l={positive:jsx(IconOutlineArrowUp,{}),negative:jsx(IconOutlineArrowDown,{}),neutral:jsx(IconOutlineMinus,{})};return jsxs("div",{className:si({status:e,className:t}),ref:s,...a,children:[i&&l[i],jsxs(f,{size:"overline",weight:"semibold",children:[o,r?"%":null]})]})}),pi=li;var k=({options:t,selected:e,onChange:o,className:i})=>jsx(Portal,{children:jsx(Content,{align:"start",className:n("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",i),children:t.map(r=>jsx(Item,{"data-selected":e===r.value,className:`relative flex cursor-pointer select-none rounded-sm
23
+ var me=tv({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"}}),mt=A__default.forwardRef(({className:t,color:e,type:o,size:i,children:r,asChild:a,...s},l)=>jsx(a?Slot:"div",{className:me({color:e,type:o,size:i,className:t}),ref:l,...s,children:r}));mt.displayName="Avatar";var fe=mt;function n(...t){return twMerge(clsx(t))}var be=tv({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"}}),ft=({className:t,size:e,weight:o,children:i,...r})=>jsx("span",{className:n(be({size:e,weight:o,className:t})),...r,children:i});ft.displayName="Text";var f=ft;var ye=tv({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"}}),ut=A__default.forwardRef(({className:t,status:e,size:o,type:i,contrast:r,children:a,asChild:s,...l},p)=>jsx(s?Slot:"span",{className:ye({status:e,size:o,type:i,contrast:r,className:t}),ref:p,...l,children:jsx(f,{size:"overline",weight:"semibold",children:a})}));ut.displayName="Badge";var Te=ut;var gt={TINY:{iconSize:"12px"},SMALL:{iconSize:"16px"},NORMAL:{iconSize:"24px"},LARGE:{iconSize:"64px"},HUGE:{iconSize:"80px"}},xt={WHITE:{color:"#ffffff"},RED:{color:"#d31d26"},BLUE:{color:"#0d74a0"},GREEN:{color:"#00bd6a"},GRAY:{color:"#6a7486"},INDIGO:{color:"#4b5398"},TRANSPARENT:{color:"transparent"}},we=({className:t,size:e="NORMAL",color:o="GREEN",fill:i="TRANSPARENT"})=>{var a,s,l,p;let r=n("loading-circle animate-rotate inline-block",t);return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",color:(a=xt[o])==null?void 0:a.color,fill:(s=xt[i])==null?void 0:s.color,width:(l=gt[e])==null?void 0:l.iconSize,height:(p=gt[e])==null?void 0:p.iconSize,viewBox:"25 25 50 50",className:r,children:jsx("circle",{cx:"50",cy:"50",r:"20",fill:"currentFill",stroke:"currentColor","stroke-width":"6","stroke-linecap":"round","stroke-dasharray":"1, 200"})})},$=we;var Ve=tv({variants:{appearance:{primary:{container:"bg-primary hover:bg-green-900 ",loading:"text-white",text:"text-white",icon:"fill-white [&_path]:fill-white"},secondary:{container:"border border-green-600 bg-white hover:bg-green-100 ",loading:"text-green-600",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},tertiary:{container:"border border-indigo-600 bg-white hover:bg-indigo-100 ",loading:"text-indigo-600",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",loading:"text-notification-critical-600 group-hover/danger:text-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 ",loading:"text-green-600",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},table:{container:"bg-white hover:bg-neutral-100 ",loading:"text-neutral-400",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",loading:"text-neutral-400"},false:""},loading:{true:{text:"invisible",icon:"invisible"},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",loading:"absolute"},defaultVariants:{appearance:"primary",size:"medium"}}),vt=A__default.forwardRef(({className:t,appearance:e,size:o,disabled:i,children:r,asChild:a,loading:s,icon:l,...p},u)=>{let d=a?Slot:"button",g=Ve({appearance:e,size:o,disabled:i,loading:s,className:t});return jsxs(d,{type:"button","data-has-icon":!!l,"data-has-text":!!r,"data-is-loading":s,className:g.container({className:t}),disabled:i,ref:u,...p,children:[s&&jsx($,{className:g.loading()}),l&&jsx(l,{className:g.icon()}),r&&jsx(f,{size:"base",weight:"medium",className:g.text({className:t}),children:r})]})});vt.displayName="Button";var Le=vt;var Se=tv({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"}}),ht=({className:t,variant:e,direction:o,padding:i,children:r,...a})=>jsx("div",{className:n(Se({variant:e,direction:o,padding:i,className:t})),...a,children:r});ht.displayName="Card";var Ge=ht;var He=tv({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"}}),Pt=A__default.createContext({variant:"default",size:"default",disabled:!1}),Rt=A__default.forwardRef(({className:t,variant:e,children:o,size:i,disabled:r,...a},s)=>jsx(I.Root,{ref:s,className:n("flex items-center justify-center gap-0",t),...a,type:"single",children:jsx(Pt.Provider,{value:{variant:e,size:i,disabled:r},children:o})}));Rt.displayName="ScopeGroup";var yt=A__default.forwardRef(({className:t,variant:e,size:o,icon:i,text:r,disabled:a,...s},l)=>{let p=A__default.useContext(Pt),u=He({variant:p.variant||e,size:p.size||o,disabled:p.disabled||a});return jsxs(I.Item,{ref:l,className:n(u.container(),t),disabled:a,...s,children:[i&&jsx(i,{className:u.icon()}),jsx(f,{size:"base",weight:"normal",className:u.text(),children:r})]})});yt.displayName="ScopeItem";var ze={Group:Rt,Item:yt},De=ze;var Be=({value:t,className:e,barBg:o,progressBg:i})=>{let r=`-translate-x-[(-${100-(t||0)}%])`;return jsx(Root$2,{className:n(e,o,"relative w-full overflow-hidden rounded-full "),value:t,children:jsx(Indicator,{className:n(e,"w-full flex-1 rounded-full",r,i)})})},D=Be;var S=tv({slots:{wrapper:["grid items-center gap-1","rounded-m border border-neutral-200 bg-white","focus-within:border-indigo-600"].join(" "),prefix:["h-full flex items-center justify-center","text-neutral-500 [&_svg]:block [&_path]:fill-current"].join(" "),input:["w-full bg-transparent outline-none","border-0 focus:outline-none focus:ring-0","text-base text-indigo-600 placeholder:font-light placeholder:text-neutral-400","disabled:cursor-not-allowed"].join(" "),suffix:["h-full flex items-center justify-center mr-1","text-neutral-500 [&_svg]:block [&_path]:fill-current"].join(" ")},variants:{disabled:{true:{wrapper:"cursor-not-allowed bg-neutral-100",input:"text-neutral-400 placeholder:text-neutral-400",prefix:"text-neutral-300",suffix:"text-neutral-300"}},invalid:{true:{wrapper:"border-notification-critical-600 focus-within:border-notification-critical-600"}},size:{small:{wrapper:"min-h-4 pl-2",input:"text-sm",prefix:"text-sm",suffix:"text-sm"},medium:{wrapper:"min-h-5 pl-2",input:"text-base",prefix:"text-base",suffix:"text-base"}},withAffix:{false:{wrapper:"grid-cols-1"},true:{wrapper:"grid-cols-[auto_1fr_auto]"}}},defaultVariants:{size:"medium",withAffix:!1}}),wt=A__default.forwardRef(({className:t,inputClassName:e,prefix:o,suffix:i,disabled:r,invalid:a,size:s,...l},p)=>{let u=!!o||!!i,d=S();return jsxs("div",{className:n(d.wrapper({disabled:r,invalid:a,size:s,withAffix:u}),t),children:[o&&jsx("div",{className:d.prefix({disabled:r,invalid:a,size:s}),children:o}),jsx("input",{disabled:r,className:n(d.input({disabled:r,invalid:a,size:s}),e,"form-input"),ref:p,...l}),i&&jsx("div",{className:d.suffix({disabled:r,invalid:a,size:s}),children:i})]})});wt.displayName="Input";var Ye=wt;var Nt=A.forwardRef(({className:t,disabled:e,invalid:o,...i},r)=>{let{input:a}=S();return jsx("textarea",{className:n("min-h-9",t,a({disabled:e,invalid:o})),ref:r,...i})});Nt.displayName="Textarea";var Ze=Nt;var It=({title:t,children:e,isVisible:o,CloseIcon:i,maxWidth:r,onClose:a})=>{let[s,l]=useState(o);useEffect(()=>l(o),[o]);let p=u=>{l(!1),a&&a(u);};return jsxs(Fragment,{children:[jsx("div",{className:n("fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",s?void 0:"hidden")}),jsxs("div",{className:n("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",r?`max-w=[${r}]`:"max-w-3/4",s?void 0:"translate-x-full"),tabIndex:-1,"aria-labelledby":"drawer-label",children:[jsxs("div",{id:"drawer-label",className:n(" 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(f,{size:"H3",weight:"semibold",className:"text-navy-600",children:t}),jsxs("button",{type:"button","data-drawer-hide":"drawer-example","aria-controls":"drawer-example",className:n("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:[i?jsx(i,{}):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:n(" relative h-full p-2"),children:e})]})]})};It.displayName="Sheet";var Qe=It;var eo=tv({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"}}}),Vt=forwardRef(({className:t,name:e,disabled:o,children:i,...r},a)=>jsxs("label",{className:n("inline-flex cursor-pointer items-center",t),children:[jsx("input",{...r,ref:a,type:"checkbox",className:n("peer sr-only"),name:e,disabled:o}),jsx("span",{className:eo({disabled:o})}),jsx(f,{children:i})]}));Vt.displayName="Switch";var oo=Vt;var Q=tv({base:"ring-offset-background hover:bg-muted focus-visible:ring-ring rounded-m inline-flex items-center justify-center gap-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-indigo-100 data-[state=on]:text-indigo-600 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",variants:{variant:{default:"bg-transparent text-neutral-400 hover:bg-indigo-100 hover:text-indigo-600"},size:{default:"size-[32px]"}},defaultVariants:{variant:"default",size:"default"}}),ao=A.forwardRef(({className:t,variant:e,size:o,...i},r)=>jsx(J.Root,{ref:r,className:n(Q({variant:e,size:o,className:t})),...i}));ao.displayName=J.Root.displayName;var Mt=A.createContext({size:"default",variant:"default"}),Et=A.forwardRef(({className:t,variant:e,size:o,children:i,...r},a)=>jsx(I.Root,{ref:a,className:n("flex items-center justify-center gap-1",t),...r,children:jsx(Mt.Provider,{value:{variant:e,size:o},children:i})}));Et.displayName=I.Root.displayName;var St=A.forwardRef(({className:t,children:e,variant:o,size:i,...r},a)=>{let s=A.useContext(Mt);return jsx(I.Item,{ref:a,className:n(Q({variant:s.variant||o,size:s.size||i}),t),...r,children:e})});St.displayName=I.Item.displayName;var so={Group:Et,Item:St};var co=tv({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:mo,item:fo,triggerIcon:uo,content:go}=co(),xo=A__default.forwardRef(({className:t,...e},o)=>jsx(V.Root,{ref:o,className:fo({className:t}),...e})),bo=A__default.forwardRef(({className:t,triggerClassName:e,children:o,...i},r)=>jsxs(V.CollapsibleTrigger,{ref:r,className:mo({className:e}),...i,children:[jsx("div",{className:n("w-full",t),children:o}),jsx(IconOutlineChevronDown,{className:uo()})]})),vo=A__default.forwardRef(({className:t,children:e,...o},i)=>jsx(V.CollapsibleContent,{ref:i,className:go(),...o,children:jsx("div",{className:n("px-1 py-2",t),children:e})})),ho={Item:xo,Trigger:bo,Content:vo},Po=ho;var wo=tv({base:"flex flex-row"}),Co=tv({base:["inline-flex h-5 items-center justify-center gap-1 whitespace-nowrap p-1 px-2"],variants:{active:{true:"text-green-600",false:"text-neutral-500"},disabled:{true:"cursor-not-allowed text-neutral-300",false:""},iconColor:{active:"[&_path]:fill-green-600 [&_svg]:fill-green-600",inactive:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500",disabled:"[&_path]:fill-neutral-300 [&_svg]:fill-neutral-300"}},defaultVariants:{disabled:!1,iconPosition:"none"}}),No=tv({base:"absolute bottom-0 left-0 w-full",variants:{active:{true:"rounded-t-x border-t-4 border-green-600",false:"border-b-2 border-neutral-100"}}}),Io=x.Root,Gt=A__default.forwardRef(({className:t,...e},o)=>jsx(x.List,{ref:o,className:n(wo(),t),...e}));Gt.displayName=x.List.displayName;var _t=A__default.forwardRef(({className:t,children:e,iconPrefix:o,suffix:i,disabled:r,active:a,...s},l)=>{let p=useMemo(()=>r?"disabled":a?"active":"inactive",[r,a]);return jsxs("div",{className:n("relative flex flex-col",r?"":"hover:bg-green-100"),children:[jsxs(x.Trigger,{ref:l,className:n(Co({iconColor:p,disabled:r,active:a}),t),disabled:r,...s,children:[o&&jsx("span",{children:o}),e,i&&jsx("span",{children:i})]}),jsx("span",{className:n(No({active:a}))})]})});_t.displayName=x.Trigger.displayName;var At=A__default.forwardRef(({className:t,...e},o)=>jsx(x.Content,{ref:o,className:t,...e}));At.displayName=x.Content.displayName;function Vo(t,e){let o=t!==void 0,[i,r]=useState(e);return [o?t:i,l=>{o||r(l);}]}var Lo=({tabs:t,activeKey:e,defaultActiveKey:o,className:i,onValueChange:r,onTabClick:a})=>{var u;let[s,l]=Vo(e,o??((u=t[0])==null?void 0:u.value));return jsxs(Io,{value:e??s,onValueChange:d=>{if(r)return r(d);l(d);},onClick:d=>a&&a(d,s),className:n("flex flex-col gap-2",i),children:[jsx(Gt,{children:t.map(({value:d,label:g,iconPrefix:E,suffix:N,disabled:ne,className:se})=>jsx(_t,{value:d,iconPrefix:E,suffix:N,disabled:ne,active:d===s,className:se,children:g&&jsx(f,{size:"base",weight:"medium",children:g})},d))}),t.map(({value:d,content:g,className:E})=>jsx(At,{value:d,className:E,children:g},d))]})},Mo=Lo;var Oo=tv({slots:{container:"rounded-m flex min-h-5 w-full items-center justify-start gap-1 px-2 py-2.5 text-base font-medium",icon:"size-[24px] cursor-pointer",message:"flex-1 break-words"},variants:{type:{success:{container:"bg-notification-success-100 text-notification-success-600",icon:"fill-notification-success-600 [&_path]:fill-notification-success-600"},warning:{container:"bg-notification-warning-100 text-notification-warning-900",icon:"fill-notification-warning-900 [&_path]:fill-notification-warning-900"},error:{container:"bg-notification-critical-100 text-notification-critical-600",icon:"fill-notification-critical-600 [&_path]:fill-notification-critical-600"},info:{container:"bg-notification-information-100 text-notification-information-600",icon:"fill-notification-information-600 [&_path]:fill-notification-information-600"}},closable:{true:{message:"w-[calc(100%_-_64px)]"},false:{message:"w-[calc(100%_-_36px)]"}}}}),ko={success:IconOutlineCheckCircle,warning:IconOutlineWarning,error:IconOutlineErrorHexagon,info:IconOutlineInfo},Wo=A__default.forwardRef(({type:t,message:e,closable:o,...i},r)=>{let[a,s]=useState(!0),l=Oo(),p=t?ko[t]:null;return a&&jsxs("div",{className:l.container({type:t}),ref:r,...i,children:[p&&jsx(p,{className:l.icon({type:t})}),jsx("div",{className:l.message({closable:o}),children:e}),o&&jsx(IconOutlineClose,{onClick:()=>s(!1),className:l.icon({type:t})})]})}),Bo=Wo;var Ht=(a=>(a.SUCCESS="success",a.INFO="info",a.WARNING="warning",a.DANGER="error",a.LOADING="loading",a))(Ht||{}),Qo=tv({base:"!rounded-m !flex !min-h-5 !w-fit !items-center !gap-1 !p-0 !font-sans !text-base !font-medium",variants:{type:{success:"!text-notification-success-100 !bg-notification-success-600 ![&_svg]:fill-notification-success-100 ![&_path]:fill-notification-success-100",error:"!bg-notification-critical-600 !text-notification-critical-100 ![&_svg]:fill-notification-critical-100 ![&_path]:fill-notification-critical-100",warning:"!bg-notification-warning-600 !text-notification-warning-900 ![&_svg]:fill-notification-warning-900 [&_path]:fill-notification-warning-900",info:"!bg-notification-information-600 !text-notification-information-100 ![&_svg]:fill-notification-information-100 ![&_path]:fill-notification-information-100",loading:"!bg-notification-information-600 !text-notification-information-100 ![&_svg]:fill-notification-information-100 ![&_path]:fill-notification-information-100"}}}),Xo={success:jsx(IconOutlineCheckCircle,{}),warning:jsx(IconOutlineWarning,{}),error:jsx(IconOutlineErrorHexagon,{}),info:jsx(IconOutlineInfo,{})},L={open:({type:t="info",text:e,closable:o=!1,duration:i=3e3,containerId:r,onClose:a,onClick:s,...l})=>{let p={autoClose:i,closeButton:o,className:Qo({type:t}),bodyClassName:"!flex !flex-row !items-center !gap-1 !px-2 !py-1 !m-0",icon:t!=="loading"?Xo[t]:void 0,onClose:a,onClick:s,containerId:r,closeOnClick:!1,...l};switch(t){case"success":return toast.success(e,p);case"error":return toast.error(e,p);case"warning":return toast.warning(e,p);case"loading":return toast.loading(e,p);case"info":default:return toast.info(e,p)}}},jo={...L,success:(t,e)=>L.open({type:"success",text:t,duration:e}),error:(t,e)=>L.open({type:"error",text:t,duration:e}),info:(t,e)=>L.open({type:"info",text:t,duration:e}),warning:(t,e)=>L.open({type:"warning",text:t,duration:e}),loading:(t,e)=>L.open({type:"loading",text:t,duration:e}),dismiss:toast.dismiss},ti=t=>jsx(ToastContainer,{className:"mr-[100px] flex !w-fit flex-col items-end",position:"bottom-right",hideProgressBar:!0,enableMultiContainer:!0,closeButton:({closeToast:e})=>jsx("button",{type:"button",className:"ml-auto flex size-6 items-center justify-center hover:opacity-70",onClick:e,children:jsx(IconOutlineClose,{className:"size-[24px]"})}),...t}),ei=jo;var si=tv({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"}}}),li=A__default.forwardRef(({className:t,status:e,value:o,icon:i,usePercentageSymbol:r=!0,...a},s)=>{let l={positive:jsx(IconOutlineArrowUp,{}),negative:jsx(IconOutlineArrowDown,{}),neutral:jsx(IconOutlineMinus,{})};return jsxs("div",{className:si({status:e,className:t}),ref:s,...a,children:[i&&l[i],jsxs(f,{size:"overline",weight:"semibold",children:[o,r?"%":null]})]})}),pi=li;var k=({options:t,selected:e,onChange:o,className:i})=>jsx(Portal,{children:jsx(Content,{align:"start",className:n("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",i),children:t.map(r=>jsx(Item,{"data-selected":e===r.value,className:`relative flex cursor-pointer select-none rounded-sm
24
24
  px-2 py-1 text-base font-normal text-neutral-500 outline-none
25
25
  transition-colors focus:bg-indigo-100 focus:text-indigo-600
26
26
  data-[selected=true]:bg-indigo-100 data-[selected=true]:font-medium data-[selected=true]:text-indigo-600`,onClick:()=>o&&o(r.value),children:r.text}))})});var Ot=tv({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"]}}}),kt=({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(f,{size:"overline",weight:"semibold",className:"select-none",children:t})]}),bi=A__default.forwardRef(({className:t,status:e,text:o,...i},r)=>jsx("div",{className:Ot({status:e,className:t}),ref:r,...i,children:jsx(kt,{text:o})})),vi=A__default.forwardRef(({className:t,status:e,options:o,value:i,onChange:r,...a},s)=>{let l=o.find(p=>p.value===i);return jsx("div",{className:Ot({status:l==null?void 0:l.status,className:t}),ref:s,...a,children:jsxs(Root,{children:[jsxs(Trigger,{className:"flex items-center gap-0.5 outline-none",children:[jsx(kt,{text:(l==null?void 0:l.text)||""}),jsx(IconOutlineChevronDown,{"data-status":e,className:"-mr-0.5 size-2"})]}),jsx(k,{selected:l==null?void 0:l.value,options:o,onChange:r,className:"-ml-1 mt-0.5"})]})})}),hi={Menu:vi,...bi},Pi=hi;var W=tv({base:"text-midnight-blue-600",variants:{bg:{indigo:"bg-midnight-blue-100",white:"bg-white to-white"}}}),Bt=A__default.forwardRef(({className:t,bg:e,value:o,progressBar:i,usePercentageSymbol:r=!0,...a},s)=>jsxs("div",{className:n(W({bg:e,className:t}),"flex h-3 flex-col items-center justify-center rounded-full px-1"),ref:s,...a,children:[jsxs(f,{size:"overline",weight:"medium",children:[o,r?"%":null]}),i!==void 0&&jsx(D,{barBg:e==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:i,className:"h-0.25 mb-0.5"})]})),yi=A__default.forwardRef(({className:t,bg:e,value:o,Icon:i,...r},a)=>jsx(Wt.Root,{ref:a,className:n(W({bg:e}),"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),...r,children:jsx("div",{className:n(W({bg:e}),"flex size-full items-center justify-center rounded-full"),children:i?jsx(i,{className:"size-3"}):jsxs("div",{className:"flex items-end",children:[jsx(f,{weight:"medium",children:o}),jsx(f,{size:"overline",weight:"medium",children:"%"})]})})})),Ti=A__default.forwardRef(({className:t,bg:e,value:o,text:i,...r},a)=>jsxs("div",{"data-bg":e,className:n(W({bg:e,className:t}),`rounded-m data-[bg=white]:border-midnight-blue-600 flex w-full flex-col items-center justify-center gap-1
27
- p-2 data-[bg=white]:border`),ref:a,...r,children:[jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsx(f,{weight:"normal",children:i}),jsx(Bt,{value:o,bg:e==="white"?"indigo":"white"})]}),jsx(D,{barBg:e==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:o,className:"h-1"})]})),wi={Indicator:Bt,Circle:yi,Expanded:Ti},Ci=wi;var Mi=tv({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}}),Ft=A__default.forwardRef(({className:t,textClassName:e,size:o,icon:i,text:r,asChild:a,value:s,border:l,active:p,onClose:u,...d},g)=>{let M=a?Slot:"div",E=Mi();return jsxs(M,{className:E.container({size:o,border:l,active:p,className:t}),ref:g,...d,children:[i&&jsx(i,{className:E.icon({size:o,border:l,active:p})}),jsx(f,{size:"base",weight:"normal",className:n("mx-1",e),children:r}),u&&jsx(IconOutlineClose,{onClick:()=>u(s),className:n(E.icon({size:o,border:l,active:p}),"cursor-pointer")})]})});Ft.displayName="Chips";var Ei=Ft;var Gi=h.Provider,_i=h.Trigger,Yt=A.forwardRef(({className:t,sideOffset:e=4,...o},i)=>jsx(h.Content,{ref:i,sideOffset:e,className:n("bg-navy-900 animate-in fade-in-0 rounded-m z-50 overflow-hidden border px-2 py-1 text-sm text-white shadow-md","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...o}));Yt.displayName=h.Content.displayName;var Ai=t=>jsxs(h.Root,{children:[jsx(_i,{children:t.children}),jsx(Yt,{children:jsx("div",{style:{maxWidth:t.maxWidth??"fit-content"},children:t.title})})]});var Di=tv({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),Zt=({className:t,text:e,suffix:o,invalid:i,htmlFor:r,...a})=>jsxs("div",{className:n("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",t),...a,children:[jsx("label",{className:Di({invalid:i}),htmlFor:r,children:e}),o&&jsx(o,{})]});Zt.displayName="Label";var pt=Zt;var Wi=tv({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"}}),Jt=({className:t,text:e,counter:o,maxLength:i,invalid:r,valueLength:a,...s})=>{let l=Wi();return jsxs("div",{className:n("mt-0.5 flex justify-between",t),...s,children:[e&&jsx("span",{className:l.text({invalid:r}),children:e}),o&&i&&jsx("div",{className:l.counter(),children:jsxs(f,{size:"overline",weight:"semibold",children:[a||0,"/",i]})})]})};Jt.displayName="InputDescription";var ct=Jt;var Fi=({id:t,className:e,label:o,description:i,errorMessage:r,invalid:a,children:s,disabled:l,value:p,maxLength:u,...d})=>{let g=r||i.text;return jsxs("div",{className:n("flex flex-col",e),...d,children:[jsx(pt,{...o,invalid:a,htmlFor:t}),A__default.cloneElement(s,{id:t,invalid:a,disabled:l,value:p}),jsx(ct,{...i,text:g,invalid:a,maxLength:u,valueLength:p==null?void 0:p.length})]})},Ui=Fi;var Ji=tv({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"}}),jt=A__default.forwardRef(({className:t,checked:e,defaultChecked:o,disabled:i,...r},a)=>{let s=Ji();return jsx("div",{className:"flex size-3 items-center justify-center",children:jsx(Root$1,{ref:a,className:n(s.checkbox({checked:e,disabled:i}),t),checked:e,defaultChecked:o,disabled:i,...r,children:jsxs("div",{className:"-ml-0.5 -mt-0.5 flex size-3 items-center justify-center",children:[(e==="indeterminate"||o==="indeterminate")&&jsx(IconOutlineLine,{className:s.icon({disabled:i})}),(e===!0||o===!0)&&jsx(IconOutlineCheck,{className:s.icon({disabled:i})})]})})})});jt.displayName=Root$1.displayName;var Qi=jt;var ee=A__default.forwardRef(({className:t,disabled:e,...o},i)=>jsx(R.Root,{className:n("grid gap-1",t),disabled:e,...o,ref:i}));ee.displayName=R.Root.displayName;var oe=A__default.forwardRef(({className:t,...e},o)=>jsx(R.Item,{ref:o,className:n("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),...e,children:jsx(R.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"})})}));oe.displayName=R.Item.displayName;var tr={Group:ee,Item:oe},er=tr;var re=tv({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"}}),ae=A.forwardRef(({className:t,disabled:e,invalid:o,size:i,value:r,onChange:a,scope:s,...l},p)=>{let u=S(),d=re();return jsxs("div",{className:d.container({disabled:e}),children:[s&&jsx(lr,{disabled:e,scope:s,size:i}),jsxs("div",{className:"peer relative",children:[jsx("input",{value:r,onChange:a,disabled:e,"data-scoped":!!s,className:n(u.input({disabled:e,invalid:o,size:i}),d.input(),t),ref:p,...l}),jsx("div",{"data-hasValue":!!r,className:`data-[hasValue=true]:cursor-pointer ${u.suffix({size:i,disabled:e})}`,children:r?jsx(IconOutlineClose,{onClick:()=>a&&a({target:{value:""}})}):jsx(IconOutlineSearch,{})})]})]})}),lr=({scope:{selected:t,options:e,onChange:o},disabled:i,size:r})=>{let a=e.find(({value:l})=>l===t),s=re();return jsxs(Root,{children:[jsxs(Trigger,{className:s.trigger({size:r,disabled:i}),disabled:i,children:[jsx(f,{size:"small",weight:"medium",children:a==null?void 0:a.text}),jsx(IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsx(k,{selected:t,options:e,onChange:o,className:s.dropdown({size:r})})]})};ae.displayName="Search";var pr=ae;
27
+ p-2 data-[bg=white]:border`),ref:a,...r,children:[jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsx(f,{weight:"normal",children:i}),jsx(Bt,{value:o,bg:e==="white"?"indigo":"white"})]}),jsx(D,{barBg:e==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:o,className:"h-1"})]})),wi={Indicator:Bt,Circle:yi,Expanded:Ti},Ci=wi;var Mi=tv({variants:{size:{small:{container:"h-3",icon:"size-2",text:"text-[10px] leading-[16px]"},medium:{container:"h-4",icon:"size-3",text:"text-sm"}},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",text:"mx-1 font-medium"},defaultVariants:{size:"medium",border:!1,active:!1}}),Ft=A__default.forwardRef(({className:t,textClassName:e,size:o,icon:i,text:r,asChild:a,value:s,border:l,active:p,onClose:u,...d},g)=>{let E=a?Slot:"div",N=Mi();return jsxs(E,{className:N.container({size:o,border:l,active:p,className:t}),ref:g,...d,children:[i&&jsx(i,{className:N.icon({size:o,border:l,active:p})}),jsx(f,{className:N.text({size:o,border:l,active:p,className:e}),children:r}),u&&jsx(IconOutlineClose,{onClick:()=>u(s),className:n(N.icon({size:o,border:l,active:p}),"cursor-pointer")})]})});Ft.displayName="Chips";var Ei=Ft;var Gi=h.Provider,_i=h.Trigger,Yt=A.forwardRef(({className:t,sideOffset:e=4,...o},i)=>jsx(h.Content,{ref:i,sideOffset:e,className:n("bg-navy-900 animate-in fade-in-0 rounded-m z-50 overflow-hidden border px-2 py-1 text-sm text-white shadow-md","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...o}));Yt.displayName=h.Content.displayName;var Ai=t=>jsxs(h.Root,{children:[jsx(_i,{children:t.children}),jsx(Yt,{children:jsx("div",{style:{maxWidth:t.maxWidth??"fit-content"},children:t.title})})]});var Di=tv({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),Zt=({className:t,text:e,suffix:o,invalid:i,htmlFor:r,...a})=>jsxs("div",{className:n("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",t),...a,children:[jsx("label",{className:Di({invalid:i}),htmlFor:r,children:e}),o&&jsx(o,{})]});Zt.displayName="Label";var pt=Zt;var Wi=tv({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"}}),Jt=({className:t,text:e,counter:o,maxLength:i,invalid:r,valueLength:a,...s})=>{let l=Wi();return jsxs("div",{className:n("mt-0.5 flex justify-between",t),...s,children:[e&&jsx("span",{className:l.text({invalid:r}),children:e}),o&&i&&jsx("div",{className:l.counter(),children:jsxs(f,{size:"overline",weight:"semibold",children:[a||0,"/",i]})})]})};Jt.displayName="InputDescription";var ct=Jt;var Fi=({id:t,className:e,label:o,description:i,errorMessage:r,invalid:a,children:s,disabled:l,value:p,maxLength:u,...d})=>{let g=r||i.text;return jsxs("div",{className:n("flex flex-col",e),...d,children:[jsx(pt,{...o,invalid:a,htmlFor:t}),A__default.cloneElement(s,{id:t,invalid:a,disabled:l,value:p}),jsx(ct,{...i,text:g,invalid:a,maxLength:u,valueLength:p==null?void 0:p.length})]})},Ui=Fi;var Ji=tv({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"}}),jt=A__default.forwardRef(({className:t,checked:e,defaultChecked:o,disabled:i,...r},a)=>{let s=Ji();return jsx("div",{className:"flex size-3 items-center justify-center",children:jsx(Root$1,{ref:a,className:n(s.checkbox({checked:e,disabled:i}),t),checked:e,defaultChecked:o,disabled:i,...r,children:jsxs("div",{className:"-ml-0.5 -mt-0.5 flex size-3 items-center justify-center",children:[(e==="indeterminate"||o==="indeterminate")&&jsx(IconOutlineLine,{className:s.icon({disabled:i})}),(e===!0||o===!0)&&jsx(IconOutlineCheck,{className:s.icon({disabled:i})})]})})})});jt.displayName=Root$1.displayName;var Qi=jt;var ee=A__default.forwardRef(({className:t,disabled:e,...o},i)=>jsx(R.Root,{className:n("grid gap-1",t),disabled:e,...o,ref:i}));ee.displayName=R.Root.displayName;var oe=A__default.forwardRef(({className:t,...e},o)=>jsx(R.Item,{ref:o,className:n("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),...e,children:jsx(R.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"})})}));oe.displayName=R.Item.displayName;var tr={Group:ee,Item:oe},er=tr;var re=tv({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"}}),ae=A.forwardRef(({className:t,disabled:e,invalid:o,size:i,value:r,onChange:a,scope:s,...l},p)=>{let u=S(),d=re();return jsxs("div",{className:d.container({disabled:e}),children:[s&&jsx(lr,{disabled:e,scope:s,size:i}),jsxs("div",{className:"peer relative",children:[jsx("input",{value:r,onChange:a,disabled:e,"data-scoped":!!s,className:n(u.input({disabled:e,invalid:o,size:i}),d.input(),t),ref:p,...l}),jsx("div",{"data-hasValue":!!r,className:`data-[hasValue=true]:cursor-pointer ${u.suffix({size:i,disabled:e})}`,children:r?jsx(IconOutlineClose,{onClick:()=>a&&a({target:{value:""}})}):jsx(IconOutlineSearch,{})})]})]})}),lr=({scope:{selected:t,options:e,onChange:o},disabled:i,size:r})=>{let a=e.find(({value:l})=>l===t),s=re();return jsxs(Root,{children:[jsxs(Trigger,{className:s.trigger({size:r,disabled:i}),disabled:i,children:[jsx(f,{size:"small",weight:"medium",children:a==null?void 0:a.text}),jsx(IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsx(k,{selected:t,options:e,onChange:o,className:s.dropdown({size:r})})]})};ae.displayName="Search";var pr=ae;
28
28
 
29
- export { Bo as Alert, fe as Avatar, Te as Badge, Le as Button, Ge as Card, Qi as Checkbox, Ei as Chips, Po as Collapsible, Ui as FormItem, pi as Indicator, Ye as Input, ct as InputDescription, pt as Label, $ as Loading, ei as Message, ti as MessageContainer, zt as MessageType, Ci as Progress, D as ProgressBar, er as Radio, De as Scope, pr as Search, Qe as Sheet, Pi as Status, oo as Switch, Mo as Tabs, f as Text, Ze as Textarea, so as Toggle, Ai as Tooltip, Gi as TooltipProvider };
29
+ export { Bo as Alert, fe as Avatar, Te as Badge, Le as Button, Ge as Card, Qi as Checkbox, Ei as Chips, Po as Collapsible, Ui as FormItem, pi as Indicator, Ye as Input, ct as InputDescription, pt as Label, $ as Loading, ei as Message, ti as MessageContainer, Ht as MessageType, Ci as Progress, D as ProgressBar, er as Radio, De as Scope, pr as Search, Qe as Sheet, Pi as Status, oo as Switch, Mo as Tabs, f as Text, Ze as Textarea, so as Toggle, Ai as Tooltip, Gi as TooltipProvider };
package/dist/ui/chips.d.ts CHANGED
@@ -6,10 +6,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
6
6
  small: {
7
7
  container: string;
8
8
  icon: string;
9
+ text: string;
9
10
  };
10
11
  medium: {
11
12
  container: string;
12
13
  icon: string;
14
+ text: string;
13
15
  };
14
16
  };
15
17
  border: {
@@ -31,15 +33,18 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
31
33
  }, {
32
34
  container: string;
33
35
  icon: string;
36
+ text: string;
34
37
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
35
38
  size: {
36
39
  small: {
37
40
  container: string;
38
41
  icon: string;
42
+ text: string;
39
43
  };
40
44
  medium: {
41
45
  container: string;
42
46
  icon: string;
47
+ text: string;
43
48
  };
44
49
  };
45
50
  border: {
@@ -63,10 +68,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
63
68
  small: {
64
69
  container: string;
65
70
  icon: string;
71
+ text: string;
66
72
  };
67
73
  medium: {
68
74
  container: string;
69
75
  icon: string;
76
+ text: string;
70
77
  };
71
78
  };
72
79
  border: {
@@ -90,10 +97,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
90
97
  small: {
91
98
  container: string;
92
99
  icon: string;
100
+ text: string;
93
101
  };
94
102
  medium: {
95
103
  container: string;
96
104
  icon: string;
105
+ text: string;
97
106
  };
98
107
  };
99
108
  border: {
@@ -115,15 +124,18 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
115
124
  }, {
116
125
  container: string;
117
126
  icon: string;
127
+ text: string;
118
128
  }, import("tailwind-variants").TVReturnType<{
119
129
  size: {
120
130
  small: {
121
131
  container: string;
122
132
  icon: string;
133
+ text: string;
123
134
  };
124
135
  medium: {
125
136
  container: string;
126
137
  icon: string;
138
+ text: string;
127
139
  };
128
140
  };
129
141
  border: {
@@ -145,15 +157,18 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
145
157
  }, {
146
158
  container: string;
147
159
  icon: string;
160
+ text: string;
148
161
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
149
162
  size: {
150
163
  small: {
151
164
  container: string;
152
165
  icon: string;
166
+ text: string;
153
167
  };
154
168
  medium: {
155
169
  container: string;
156
170
  icon: string;
171
+ text: string;
157
172
  };
158
173
  };
159
174
  border: {
@@ -177,10 +192,12 @@ declare const chipsVariants: import("tailwind-variants").TVReturnType<{
177
192
  small: {
178
193
  container: string;
179
194
  icon: string;
195
+ text: string;
180
196
  };
181
197
  medium: {
182
198
  container: string;
183
199
  icon: string;
200
+ text: string;
184
201
  };
185
202
  };
186
203
  border: {
@@ -213,10 +230,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
213
230
  small: {
214
231
  container: string;
215
232
  icon: string;
233
+ text: string;
216
234
  };
217
235
  medium: {
218
236
  container: string;
219
237
  icon: string;
238
+ text: string;
220
239
  };
221
240
  };
222
241
  border: {
@@ -238,15 +257,18 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
238
257
  }, {
239
258
  container: string;
240
259
  icon: string;
260
+ text: string;
241
261
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
242
262
  size: {
243
263
  small: {
244
264
  container: string;
245
265
  icon: string;
266
+ text: string;
246
267
  };
247
268
  medium: {
248
269
  container: string;
249
270
  icon: string;
271
+ text: string;
250
272
  };
251
273
  };
252
274
  border: {
@@ -270,10 +292,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
270
292
  small: {
271
293
  container: string;
272
294
  icon: string;
295
+ text: string;
273
296
  };
274
297
  medium: {
275
298
  container: string;
276
299
  icon: string;
300
+ text: string;
277
301
  };
278
302
  };
279
303
  border: {
@@ -297,10 +321,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
297
321
  small: {
298
322
  container: string;
299
323
  icon: string;
324
+ text: string;
300
325
  };
301
326
  medium: {
302
327
  container: string;
303
328
  icon: string;
329
+ text: string;
304
330
  };
305
331
  };
306
332
  border: {
@@ -322,15 +348,18 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
322
348
  }, {
323
349
  container: string;
324
350
  icon: string;
351
+ text: string;
325
352
  }, import("tailwind-variants").TVReturnType<{
326
353
  size: {
327
354
  small: {
328
355
  container: string;
329
356
  icon: string;
357
+ text: string;
330
358
  };
331
359
  medium: {
332
360
  container: string;
333
361
  icon: string;
362
+ text: string;
334
363
  };
335
364
  };
336
365
  border: {
@@ -352,15 +381,18 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
352
381
  }, {
353
382
  container: string;
354
383
  icon: string;
384
+ text: string;
355
385
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
356
386
  size: {
357
387
  small: {
358
388
  container: string;
359
389
  icon: string;
390
+ text: string;
360
391
  };
361
392
  medium: {
362
393
  container: string;
363
394
  icon: string;
395
+ text: string;
364
396
  };
365
397
  };
366
398
  border: {
@@ -384,10 +416,12 @@ declare const Chips: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
384
416
  small: {
385
417
  container: string;
386
418
  icon: string;
419
+ text: string;
387
420
  };
388
421
  medium: {
389
422
  container: string;
390
423
  icon: string;
424
+ text: string;
391
425
  };
392
426
  };
393
427
  border: {
package/dist/ui/chips.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chips.d.ts","sourceRoot":"","sources":["../../src/ui/chips.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAuCjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GACrD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARG,OAAO;WACV,KAAK,CAAC,WAAW;UAClB,MAAM;YACJ,MAAM;cACJ,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI;oBAClB,MAAM;wCA6CzB,CAAC;AAGF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"chips.d.ts","sourceRoot":"","sources":["../../src/ui/chips.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0CjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GACrD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARG,OAAO;WACV,KAAK,CAAC,WAAW;UAClB,MAAM;YACJ,MAAM;cACJ,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI;oBAClB,MAAM;wCAoDzB,CAAC;AAGF,eAAe,KAAK,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dito-uai/components",
3
- "version": "5.1.0-alpha.36",
3
+ "version": "5.1.0-alpha.38",
4
4
  "description": "Dito's design system component library, made in TSX",
5
5
  "license": "MIT",
6
6
  "repository": "git+https://github.com/ditointernet/dito-uai.git",
@@ -33,9 +33,9 @@
33
33
  }
34
34
  },
35
35
  "scripts": {
36
- "dev": "storybook dev -p 6006 --config-dir ./src/storybook/.storybook",
37
- "build:storybook": "storybook build --config-dir ./src/storybook/.storybook --output-dir ./src/storybook/storybook-static",
38
- "build:uai": "yarn build:js & yarn build:types & yarn build:css",
36
+ "dev": "INCLUDE_STORYBOOK=true storybook dev -p 6006 --config-dir ./src/storybook/.storybook",
37
+ "build:storybook": "INCLUDE_STORYBOOK=true storybook build --config-dir ./src/storybook/.storybook --output-dir ./src/storybook/storybook-static",
38
+ "build:uai": "yarn build:js && yarn build:types && yarn build:css",
39
39
  "build:js": "tsup",
40
40
  "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir dist --project tsconfig.build.json",
41
41
  "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify -v",
package/tailwind.config.ts CHANGED
@@ -90,9 +90,16 @@ export const COLORS = {
90
90
  },
91
91
  };
92
92
 
93
+ const includeStorybook = process.env.INCLUDE_STORYBOOK === 'true';
94
+
93
95
  /** @type {import('tailwindcss').Config} */
94
96
  export default {
95
- content: ['./src/ui/**/*.{ts,tsx}'],
97
+ content: [
98
+ './src/ui/**/*.{ts,tsx}',
99
+ ...(includeStorybook
100
+ ? ['./src/storybook/stories/*.stories.@(js|jsx|mjs|ts|tsx)']
101
+ : []),
102
+ ],
96
103
  theme: {
97
104
  screens: {
98
105
  sm: '480px',
@@ -141,9 +148,9 @@ export default {
141
148
  'light-blue-100': COLORS.chart.light_blue_100,
142
149
  'light-blue-600': COLORS.chart.light_blue_600,
143
150
  'light-blue-900': COLORS.chart.light_blue_900,
144
- 'indigo-100': COLORS.brand.navy_100,
145
- 'indigo-600': COLORS.brand.navy_600,
146
- 'indigo-900': COLORS.brand.navy_900,
151
+ 'indigo-100': COLORS.secondary.indigo_100,
152
+ 'indigo-600': COLORS.secondary.indigo_600,
153
+ 'indigo-900': COLORS.secondary.indigo_900,
147
154
  'navy-100': COLORS.brand.navy_100,
148
155
  'navy-600': COLORS.brand.navy_600,
149
156
  'navy-900': COLORS.brand.navy_900,