@dito-uai/components 5.1.0-alpha.29 → 5.1.0-alpha.30

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Dito Internet Ltda.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1,45 @@
-# uai
+# How to run the project on you local
+
+The project has 3 packages:
+
+- foundation _that has all informations of colors, typhograph, grid and others_
+- icons _that has all separeted icons_
+- uai _that has all components_
+
+1. Enter on package and run `yarn` to install all dependencies
+2. Run `yarn start` to preview the **storybook**
+
+## How to commit on this repo
+
+The project has a default template to commit, just use `yarn cz` and go ahead with the steps
+
+## Before installing
+
+### Using Github Package Registry: (only for private package)
+
+First, [issue a personal access token](https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line) for the command line with the `read:packages` and `write:packages` permissions.
+
+The recommended setup for authenticating with Github Package Registry is creating the `~/.npmrc` file containing:
+
+```
+//npm.pkg.github.com/:_authToken=PERSONAL-ACCESS-TOKEN
+```
+
+## Install
+
+We highly recommend you to check our latest tag on the [releases page](https://github.com/ditointernet/dito-uai/releases/latest) and [packages page](https://github.com/ditointernet/dito-uai/packages/23637) and use exact-versions, to make upgrading easier:
+
+Package uai-components
+```bash
+yarn add @ditointernet/uai-components
+```
+
+Package uai-foundation
+```bash
+yarn add @ditointernet/uai-foundation
+```
+
+Package uai-icons
+```bash
+yarn add @ditointernet/uai-icons
+```

package/dist/index.cjs

@@ -45,38 +45,38 @@ var u__namespace = /*#__PURE__*/_interopNamespace(u);
 var x__namespace = /*#__PURE__*/_interopNamespace(x);
 var P__namespace = /*#__PURE__*/_interopNamespace(P);
 
-var Qt=tailwindVariants.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"}}),ot=E__namespace.default.forwardRef(({className:e,color:t,type:o,size:i,children:r,asChild:a,...s},l)=>jsxRuntime.jsx(a?reactSlot.Slot:"div",{className:Qt({color:t,type:o,size:i,className:e}),ref:l,...s,children:r}));ot.displayName="Avatar";var Xt=ot;function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var ie=tailwindVariants.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"}}),it=({className:e,size:t,weight:o,children:i,...r})=>jsxRuntime.jsx("span",{className:n(ie({size:t,weight:o,className:e})),...r,children:i});it.displayName="Text";var m=it;var le=tailwindVariants.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"}}),at=E__namespace.default.forwardRef(({className:e,status:t,size:o,type:i,contrast:r,children:a,asChild:s,...l},p)=>jsxRuntime.jsx(s?reactSlot.Slot:"span",{className:le({status:t,size:o,type:i,contrast:r,className:e}),ref:p,...l,children:jsxRuntime.jsx(m,{size:"overline",weight:"semibold",children:a})}));at.displayName="Badge";var pe=at;var fe=tailwindVariants.tv({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"}}),st=E__namespace.default.forwardRef(({className:e,appearance:t,size:o,disabled:i,children:r,asChild:a,icon:s,...l},p)=>{let d=a?reactSlot.Slot:"button",f=fe({appearance:t,size:o,disabled:i,className:e});return jsxRuntime.jsxs(d,{type:"button","data-has-icon":!!s,"data-has-text":!!r,className:f.container({className:e}),disabled:i,ref:p,...l,children:[s&&jsxRuntime.jsx(s,{className:f.icon()}),r&&jsxRuntime.jsx(m,{size:"base",weight:"medium",className:f.text({className:e}),children:r})]})});st.displayName="Button";var ue=st;var xe=tailwindVariants.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"}}),lt=({className:e,variant:t,direction:o,padding:i,children:r,...a})=>jsxRuntime.jsx("div",{className:n(xe({variant:t,direction:o,padding:i,className:e})),...a,children:r});lt.displayName="Card";var ve=lt;var Te=tailwindVariants.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=E__namespace.default.createContext({variant:"default",size:"default",disabled:!1}),ct=E__namespace.default.forwardRef(({className:e,variant:t,children:o,size:i,disabled:r,...a},s)=>jsxRuntime.jsx(___namespace.Root,{ref:s,className:n("flex items-center justify-center gap-0",e),...a,type:"single",children:jsxRuntime.jsx(pt.Provider,{value:{variant:t,size:i,disabled:r},children:o})}));ct.displayName="ScopeGroup";var mt=E__namespace.default.forwardRef(({className:e,variant:t,size:o,icon:i,text:r,disabled:a,...s},l)=>{let p=E__namespace.default.useContext(pt),d=Te({variant:p.variant||t,size:p.size||o,disabled:p.disabled||a});return jsxRuntime.jsxs(___namespace.Item,{ref:l,className:n(d.container(),e),disabled:a,...s,children:[i&&jsxRuntime.jsx(i,{className:d.icon()}),jsxRuntime.jsx(m,{size:"base",weight:"normal",className:d.text(),children:r})]})});mt.displayName="ScopeItem";var ye={Group:ct,Item:mt},Re=ye;var Ie=({value:e,className:t,barBg:o,progressBg:i})=>{let r=`-translate-x-[(-${100-(e||0)}%])`;return jsxRuntime.jsx(Nt.Root,{className:n(t,o,"relative w-full overflow-hidden rounded-full "),value:e,children:jsxRuntime.jsx(Nt.Indicator,{className:n(t,"w-full flex-1 rounded-full",r,i)})})},H=Ie;var M=tailwindVariants.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","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}}),ft=E__namespace.default.forwardRef(({className:e,prefix:t,suffix:o,disabled:i,invalid:r,size:a,...s},l)=>{let p=!!t||!!o,d=M();return jsxRuntime.jsxs("div",{className:n(d.wrapper({disabled:i,invalid:r,size:a,withAffix:p}),e),children:[t&&jsxRuntime.jsx("div",{className:d.prefix({disabled:i,invalid:r,size:a}),children:t}),jsxRuntime.jsx("input",{disabled:i,className:n(d.input({disabled:i,invalid:r,size:a})),ref:l,...s}),o&&jsxRuntime.jsx("div",{className:d.suffix({disabled:i,invalid:r,size:a}),children:o})]})});ft.displayName="Input";var Le=ft;var gt=E__namespace.forwardRef(({className:e,disabled:t,invalid:o,...i},r)=>{let{input:a}=M();return jsxRuntime.jsx("textarea",{className:n("min-h-9",e,a({disabled:t,invalid:o})),ref:r,...i})});gt.displayName="Textarea";var Se=gt;var bt=({title:e,children:t,isVisible:o,CloseIcon:i,maxWidth:r,onClose:a})=>{let[s,l]=E.useState(o);E.useEffect(()=>l(o),[o]);let p=d=>{l(!1),a&&a(d);};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:n("fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",s?void 0:"hidden")}),jsxRuntime.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:[jsxRuntime.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:[jsxRuntime.jsx(m,{size:"H3",weight:"semibold",className:"text-navy-600",children:e}),jsxRuntime.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?jsxRuntime.jsx(i,{}):jsxRuntime.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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"})}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsxRuntime.jsx("div",{className:n(" relative h-full p-2"),children:t})]})]})};bt.displayName="Sheet";var ze=bt;var ke=tailwindVariants.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"}}}),xt=E.forwardRef(({className:e,name:t,disabled:o,children:i,...r},a)=>jsxRuntime.jsxs("label",{className:n("inline-flex cursor-pointer items-center",e),children:[jsxRuntime.jsx("input",{...r,ref:a,type:"checkbox",className:n("peer sr-only"),name:t,disabled:o}),jsxRuntime.jsx("span",{className:ke({disabled:o})}),jsxRuntime.jsx(m,{children:i})]}));xt.displayName="Toggle";var Be=xt;var $e=tailwindVariants.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:Ze,item:qe,triggerIcon:Ke,content:je}=$e(),Je=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(C__namespace.Root,{ref:o,className:qe({className:e}),...t})),Qe=E__namespace.default.forwardRef(({className:e,triggerClassName:t,children:o,...i},r)=>jsxRuntime.jsxs(C__namespace.CollapsibleTrigger,{ref:r,className:Ze({className:t}),...i,children:[jsxRuntime.jsx("div",{className:n("w-full",e),children:o}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{className:Ke()})]})),Xe=E__namespace.default.forwardRef(({className:e,children:t,...o},i)=>jsxRuntime.jsx(C__namespace.CollapsibleContent,{ref:i,className:je(),...o,children:jsxRuntime.jsx("div",{className:n("px-1 py-2",e),children:t})})),Ye={Item:Je,Trigger:Qe,Content:Xe},to=Ye;var ro=tailwindVariants.tv({base:"flex flex-row"}),ao=tailwindVariants.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=tailwindVariants.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"}}}),so=u__namespace.Root,vt=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(u__namespace.List,{ref:o,className:n(ro(),e),...t}));vt.displayName=u__namespace.List.displayName;var ht=E__namespace.default.forwardRef(({className:e,children:t,iconPrefix:o,suffix:i,disabled:r,active:a,...s},l)=>{let p=E.useMemo(()=>r?"disabled":a?"active":"inactive",[r,a]);return jsxRuntime.jsxs("div",{className:n("relative flex flex-col",r?"":"hover:bg-green-100"),children:[jsxRuntime.jsxs(u__namespace.Trigger,{ref:l,className:n(ao({iconColor:p,disabled:r,active:a}),e),disabled:r,...s,children:[o&&jsxRuntime.jsx("span",{children:o}),t,i&&jsxRuntime.jsx("span",{children:i})]}),jsxRuntime.jsx("span",{className:n(no({active:a}))})]})});ht.displayName=u__namespace.Trigger.displayName;var Pt=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(u__namespace.Content,{ref:o,className:e,...t}));Pt.displayName=u__namespace.Content.displayName;function lo(e,t){let o=e!==void 0,[i,r]=E.useState(t);return [o?e:i,l=>{o||r(l);}]}var po=({tabs:e,activeKey:t,defaultActiveKey:o,className:i,onValueChange:r,onTabClick:a})=>{var d;let[s,l]=lo(t,o??((d=e[0])==null?void 0:d.value));return jsxRuntime.jsxs(so,{value:t??s,onValueChange:f=>{if(r)return r(f);l(f);},onClick:f=>a&&a(f,s),className:n("flex flex-col gap-2",i),children:[jsxRuntime.jsx(vt,{children:e.map(({value:f,label:v,iconPrefix:y,suffix:$t,disabled:Zt,className:qt})=>jsxRuntime.jsx(ht,{value:f,iconPrefix:y,suffix:$t,disabled:Zt,active:f===s,className:qt,children:v&&jsxRuntime.jsx(m,{size:"base",weight:"medium",children:v})},f))}),e.map(({value:f,content:v,className:y})=>jsxRuntime.jsx(Pt,{value:f,className:y,children:v},f))]})},co=po;var Po=tailwindVariants.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)]"}}}}),To={success:icons.IconOutlineCheckCircle,warning:icons.IconOutlineWarning,error:icons.IconOutlineErrorHexagon,info:icons.IconOutlineInfo},yo=E__namespace.default.forwardRef(({type:e,message:t,closable:o,...i},r)=>{let[a,s]=E.useState(!0),l=Po(),p=e?To[e]:null;return a&&jsxRuntime.jsxs("div",{className:l.container({type:e}),ref:r,...i,children:[p&&jsxRuntime.jsx(p,{className:l.icon({type:e})}),jsxRuntime.jsx("div",{className:l.message({closable:o}),children:t}),o&&jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>s(!1),className:l.icon({type:e})})]})}),Ro=yo;var Tt=(a=>(a.SUCCESS="success",a.INFO="info",a.WARNING="warning",a.DANGER="error",a.LOADING="loading",a))(Tt||{}),So=tailwindVariants.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"}}}),_o={success:jsxRuntime.jsx(icons.IconOutlineCheckCircle,{}),warning:jsxRuntime.jsx(icons.IconOutlineWarning,{}),error:jsxRuntime.jsx(icons.IconOutlineErrorHexagon,{}),info:jsxRuntime.jsx(icons.IconOutlineInfo,{})},N={open:({type:e="info",text:t,closable:o=!1,duration:i=3e3,containerId:r,onClose:a,onClick:s,...l})=>{let p={autoClose:i,closeButton:o,className:So({type:e}),bodyClassName:"!flex !flex-row !items-center !gap-1 !px-2 !py-1 !m-0",icon:e!=="loading"?_o[e]:void 0,onClose:a,onClick:s,containerId:r,closeOnClick:!1,...l};switch(e){case"success":return reactToastify.toast.success(t,p);case"error":return reactToastify.toast.error(t,p);case"warning":return reactToastify.toast.warning(t,p);case"loading":return reactToastify.toast.loading(t,p);case"info":default:return reactToastify.toast.info(t,p)}}},Ho={...N,success:(e,t)=>N.open({type:"success",text:e,duration:t}),error:(e,t)=>N.open({type:"error",text:e,duration:t}),info:(e,t)=>N.open({type:"info",text:e,duration:t}),warning:(e,t)=>N.open({type:"warning",text:e,duration:t}),loading:(e,t)=>N.open({type:"loading",text:e,duration:t}),dismiss:reactToastify.toast.dismiss},Ao=e=>jsxRuntime.jsx(reactToastify.ToastContainer,{className:"mr-[100px] flex !w-fit flex-col items-end",position:"bottom-right",hideProgressBar:!0,enableMultiContainer:!0,closeButton:({closeToast:t})=>jsxRuntime.jsx("button",{type:"button",className:"ml-auto flex size-6 items-center justify-center hover:opacity-70",onClick:t,children:jsxRuntime.jsx(icons.IconOutlineClose,{className:"size-[24px]"})}),...e}),zo=Ho;var Wo=tailwindVariants.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"}}}),Fo=E__namespace.default.forwardRef(({className:e,status:t,value:o,icon:i,usePercentageSymbol:r=!0,...a},s)=>{let l={positive:jsxRuntime.jsx(icons.IconOutlineArrowUp,{}),negative:jsxRuntime.jsx(icons.IconOutlineArrowDown,{}),neutral:jsxRuntime.jsx(icons.IconOutlineMinus,{})};return jsxRuntime.jsxs("div",{className:Wo({status:t,className:e}),ref:s,...a,children:[i&&l[i],jsxRuntime.jsxs(m,{size:"overline",weight:"semibold",children:[o,r?"%":null]})]})}),Uo=Fo;var z=({options:e,selected:t,onChange:o,className:i})=>jsxRuntime.jsx(reactDropdownMenu.Portal,{children:jsxRuntime.jsx(reactDropdownMenu.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:e.map(r=>jsxRuntime.jsx(reactDropdownMenu.Item,{"data-selected":t===r.value,className:`relative flex cursor-pointer select-none rounded-sm
+var Qt=tailwindVariants.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"}}),ot=E__namespace.default.forwardRef(({className:e,color:t,type:o,size:r,children:i,asChild:a,...s},l)=>jsxRuntime.jsx(a?reactSlot.Slot:"div",{className:Qt({color:t,type:o,size:r,className:e}),ref:l,...s,children:i}));ot.displayName="Avatar";var Xt=ot;function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var re=tailwindVariants.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"}}),rt=({className:e,size:t,weight:o,children:r,...i})=>jsxRuntime.jsx("span",{className:n(re({size:t,weight:o,className:e})),...i,children:r});rt.displayName="Text";var m=rt;var le=tailwindVariants.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"}}),at=E__namespace.default.forwardRef(({className:e,status:t,size:o,type:r,contrast:i,children:a,asChild:s,...l},p)=>jsxRuntime.jsx(s?reactSlot.Slot:"span",{className:le({status:t,size:o,type:r,contrast:i,className:e}),ref:p,...l,children:jsxRuntime.jsx(m,{size:"overline",weight:"semibold",children:a})}));at.displayName="Badge";var pe=at;var de=tailwindVariants.tv({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"}}),st=E__namespace.default.forwardRef(({className:e,appearance:t,size:o,disabled:r,children:i,asChild:a,icon:s,...l},p)=>{let f=a?reactSlot.Slot:"button",d=de({appearance:t,size:o,disabled:r,className:e});return jsxRuntime.jsxs(f,{type:"button","data-has-icon":!!s,"data-has-text":!!i,className:d.container({className:e}),disabled:r,ref:p,...l,children:[s&&jsxRuntime.jsx(s,{className:d.icon()}),i&&jsxRuntime.jsx(m,{size:"base",weight:"medium",className:d.text({className:e}),children:i})]})});st.displayName="Button";var ue=st;var xe=tailwindVariants.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"}}),lt=({className:e,variant:t,direction:o,padding:r,children:i,...a})=>jsxRuntime.jsx("div",{className:n(xe({variant:t,direction:o,padding:r,className:e})),...a,children:i});lt.displayName="Card";var ve=lt;var ye=tailwindVariants.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=E__namespace.default.createContext({variant:"default",size:"default",disabled:!1}),ct=E__namespace.default.forwardRef(({className:e,variant:t,children:o,size:r,disabled:i,...a},s)=>jsxRuntime.jsx(___namespace.Root,{ref:s,className:n("flex items-center justify-center gap-0",e),...a,type:"single",children:jsxRuntime.jsx(pt.Provider,{value:{variant:t,size:r,disabled:i},children:o})}));ct.displayName="ScopeGroup";var mt=E__namespace.default.forwardRef(({className:e,variant:t,size:o,icon:r,text:i,disabled:a,...s},l)=>{let p=E__namespace.default.useContext(pt),f=ye({variant:p.variant||t,size:p.size||o,disabled:p.disabled||a});return jsxRuntime.jsxs(___namespace.Item,{ref:l,className:n(f.container(),e),disabled:a,...s,children:[r&&jsxRuntime.jsx(r,{className:f.icon()}),jsxRuntime.jsx(m,{size:"base",weight:"normal",className:f.text(),children:i})]})});mt.displayName="ScopeItem";var Te={Group:ct,Item:mt},Re=Te;var Ie=({value:e,className:t,barBg:o,progressBg:r})=>{let i=`-translate-x-[(-${100-(e||0)}%])`;return jsxRuntime.jsx(Nt.Root,{className:n(t,o,"relative w-full overflow-hidden rounded-full "),value:e,children:jsxRuntime.jsx(Nt.Indicator,{className:n(t,"w-full flex-1 rounded-full",i,r)})})},H=Ie;var M=tailwindVariants.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","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}}),dt=E__namespace.default.forwardRef(({className:e,prefix:t,suffix:o,disabled:r,invalid:i,size:a,...s},l)=>{let p=!!t||!!o,f=M();return jsxRuntime.jsxs("div",{className:n(f.wrapper({disabled:r,invalid:i,size:a,withAffix:p}),e),children:[t&&jsxRuntime.jsx("div",{className:f.prefix({disabled:r,invalid:i,size:a}),children:t}),jsxRuntime.jsx("input",{disabled:r,className:n(f.input({disabled:r,invalid:i,size:a})),ref:l,...s}),o&&jsxRuntime.jsx("div",{className:f.suffix({disabled:r,invalid:i,size:a}),children:o})]})});dt.displayName="Input";var Le=dt;var gt=E__namespace.forwardRef(({className:e,disabled:t,invalid:o,...r},i)=>{let{input:a}=M();return jsxRuntime.jsx("textarea",{className:n("min-h-9",e,a({disabled:t,invalid:o})),ref:i,...r})});gt.displayName="Textarea";var Se=gt;var bt=({title:e,children:t,isVisible:o,CloseIcon:r,maxWidth:i,onClose:a})=>{let[s,l]=E.useState(o);E.useEffect(()=>l(o),[o]);let p=f=>{l(!1),a&&a(f);};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:n("fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",s?void 0:"hidden")}),jsxRuntime.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",i?`max-w=[${i}]`:"max-w-3/4",s?void 0:"translate-x-full"),tabIndex:-1,"aria-labelledby":"drawer-label",children:[jsxRuntime.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:[jsxRuntime.jsx(m,{size:"H3",weight:"semibold",className:"text-navy-600",children:e}),jsxRuntime.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:[r?jsxRuntime.jsx(r,{}):jsxRuntime.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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"})}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsxRuntime.jsx("div",{className:n(" relative h-full p-2"),children:t})]})]})};bt.displayName="Sheet";var ze=bt;var ke=tailwindVariants.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"}}}),xt=E.forwardRef(({className:e,name:t,disabled:o,children:r,...i},a)=>jsxRuntime.jsxs("label",{className:n("inline-flex cursor-pointer items-center",e),children:[jsxRuntime.jsx("input",{...i,ref:a,type:"checkbox",className:n("peer sr-only"),name:t,disabled:o}),jsxRuntime.jsx("span",{className:ke({disabled:o})}),jsxRuntime.jsx(m,{children:r})]}));xt.displayName="Toggle";var Be=xt;var $e=tailwindVariants.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:Ze,item:qe,triggerIcon:Ke,content:je}=$e(),Je=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(C__namespace.Root,{ref:o,className:qe({className:e}),...t})),Qe=E__namespace.default.forwardRef(({className:e,triggerClassName:t,children:o,...r},i)=>jsxRuntime.jsxs(C__namespace.CollapsibleTrigger,{ref:i,className:Ze({className:t}),...r,children:[jsxRuntime.jsx("div",{className:n("w-full",e),children:o}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{className:Ke()})]})),Xe=E__namespace.default.forwardRef(({className:e,children:t,...o},r)=>jsxRuntime.jsx(C__namespace.CollapsibleContent,{ref:r,className:je(),...o,children:jsxRuntime.jsx("div",{className:n("px-1 py-2",e),children:t})})),Ye={Item:Je,Trigger:Qe,Content:Xe},to=Ye;var io=tailwindVariants.tv({base:"flex flex-row"}),ao=tailwindVariants.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=tailwindVariants.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"}}}),so=u__namespace.Root,vt=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(u__namespace.List,{ref:o,className:n(io(),e),...t}));vt.displayName=u__namespace.List.displayName;var ht=E__namespace.default.forwardRef(({className:e,children:t,iconPrefix:o,suffix:r,disabled:i,active:a,...s},l)=>{let p=E.useMemo(()=>i?"disabled":a?"active":"inactive",[i,a]);return jsxRuntime.jsxs("div",{className:n("relative flex flex-col",i?"":"hover:bg-green-100"),children:[jsxRuntime.jsxs(u__namespace.Trigger,{ref:l,className:n(ao({iconColor:p,disabled:i,active:a}),e),disabled:i,...s,children:[o&&jsxRuntime.jsx("span",{children:o}),t,r&&jsxRuntime.jsx("span",{children:r})]}),jsxRuntime.jsx("span",{className:n(no({active:a}))})]})});ht.displayName=u__namespace.Trigger.displayName;var Pt=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(u__namespace.Content,{ref:o,className:e,...t}));Pt.displayName=u__namespace.Content.displayName;function lo(e,t){let o=e!==void 0,[r,i]=E.useState(t);return [o?e:r,l=>{o||i(l);}]}var po=({tabs:e,activeKey:t,defaultActiveKey:o,className:r,onValueChange:i,onTabClick:a})=>{var f;let[s,l]=lo(t,o??((f=e[0])==null?void 0:f.value));return jsxRuntime.jsxs(so,{value:t??s,onValueChange:d=>{if(i)return i(d);l(d);},onClick:d=>a&&a(d,s),className:n("flex flex-col gap-2",r),children:[jsxRuntime.jsx(vt,{children:e.map(({value:d,label:v,iconPrefix:T,suffix:$t,disabled:Zt,className:qt})=>jsxRuntime.jsx(ht,{value:d,iconPrefix:T,suffix:$t,disabled:Zt,active:d===s,className:qt,children:v&&jsxRuntime.jsx(m,{size:"base",weight:"medium",children:v})},d))}),e.map(({value:d,content:v,className:T})=>jsxRuntime.jsx(Pt,{value:d,className:T,children:v},d))]})},co=po;var Po=tailwindVariants.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)]"}}}}),yo={success:icons.IconOutlineCheckCircle,warning:icons.IconOutlineWarning,error:icons.IconOutlineErrorHexagon,info:icons.IconOutlineInfo},To=E__namespace.default.forwardRef(({type:e,message:t,closable:o,...r},i)=>{let[a,s]=E.useState(!0),l=Po(),p=e?yo[e]:null;return a&&jsxRuntime.jsxs("div",{className:l.container({type:e}),ref:i,...r,children:[p&&jsxRuntime.jsx(p,{className:l.icon({type:e})}),jsxRuntime.jsx("div",{className:l.message({closable:o}),children:t}),o&&jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>s(!1),className:l.icon({type:e})})]})}),Ro=To;var yt=(a=>(a.SUCCESS="success",a.INFO="info",a.WARNING="warning",a.DANGER="error",a.LOADING="loading",a))(yt||{}),So=tailwindVariants.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"}}}),_o={success:jsxRuntime.jsx(icons.IconOutlineCheckCircle,{}),warning:jsxRuntime.jsx(icons.IconOutlineWarning,{}),error:jsxRuntime.jsx(icons.IconOutlineErrorHexagon,{}),info:jsxRuntime.jsx(icons.IconOutlineInfo,{})},N={open:({type:e="info",text:t,closable:o=!1,duration:r=3e3,containerId:i,onClose:a,onClick:s,...l})=>{let p={autoClose:r,closeButton:o,className:So({type:e}),bodyClassName:"!flex !flex-row !items-center !gap-1 !px-2 !py-1 !m-0",icon:e!=="loading"?_o[e]:void 0,onClose:a,onClick:s,containerId:i,closeOnClick:!1,...l};switch(e){case"success":return reactToastify.toast.success(t,p);case"error":return reactToastify.toast.error(t,p);case"warning":return reactToastify.toast.warning(t,p);case"loading":return reactToastify.toast.loading(t,p);case"info":default:return reactToastify.toast.info(t,p)}}},Ho={...N,success:(e,t)=>N.open({type:"success",text:e,duration:t}),error:(e,t)=>N.open({type:"error",text:e,duration:t}),info:(e,t)=>N.open({type:"info",text:e,duration:t}),warning:(e,t)=>N.open({type:"warning",text:e,duration:t}),loading:(e,t)=>N.open({type:"loading",text:e,duration:t}),dismiss:reactToastify.toast.dismiss},Ao=e=>jsxRuntime.jsx(reactToastify.ToastContainer,{className:"mr-[100px] flex !w-fit flex-col items-end",position:"bottom-right",hideProgressBar:!0,enableMultiContainer:!0,closeButton:({closeToast:t})=>jsxRuntime.jsx("button",{type:"button",className:"ml-auto flex size-6 items-center justify-center hover:opacity-70",onClick:t,children:jsxRuntime.jsx(icons.IconOutlineClose,{className:"size-[24px]"})}),...e}),zo=Ho;var Wo=tailwindVariants.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"}}}),Fo=E__namespace.default.forwardRef(({className:e,status:t,value:o,icon:r,usePercentageSymbol:i=!0,...a},s)=>{let l={positive:jsxRuntime.jsx(icons.IconOutlineArrowUp,{}),negative:jsxRuntime.jsx(icons.IconOutlineArrowDown,{}),neutral:jsxRuntime.jsx(icons.IconOutlineMinus,{})};return jsxRuntime.jsxs("div",{className:Wo({status:t,className:e}),ref:s,...a,children:[r&&l[r],jsxRuntime.jsxs(m,{size:"overline",weight:"semibold",children:[o,i?"%":null]})]})}),Uo=Fo;var z=({options:e,selected:t,onChange:o,className:r})=>jsxRuntime.jsx(reactDropdownMenu.Portal,{children:jsxRuntime.jsx(reactDropdownMenu.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",r),children:e.map(i=>jsxRuntime.jsx(reactDropdownMenu.Item,{"data-selected":t===i.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:()=>o&&o(r.value),children:r.text}))})});var wt=tailwindVariants.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"]}}}),Ct=({text:e})=>jsxRuntime.jsxs("div",{className:"flex items-center gap-0.5",children:[jsxRuntime.jsx("span",{className:"w-0.75 h-0.75 rounded-full bg-neutral-500"}),jsxRuntime.jsx(m,{size:"overline",weight:"semibold",className:"select-none",children:e})]}),Xo=E__namespace.default.forwardRef(({className:e,status:t,text:o,...i},r)=>jsxRuntime.jsx("div",{className:wt({status:t,className:e}),ref:r,...i,children:jsxRuntime.jsx(Ct,{text:o})})),Yo=E__namespace.default.forwardRef(({className:e,status:t,options:o,value:i,onChange:r,...a},s)=>{let l=o.find(p=>p.value===i);return jsxRuntime.jsx("div",{className:wt({status:l==null?void 0:l.status,className:e}),ref:s,...a,children:jsxRuntime.jsxs(reactDropdownMenu.Root,{children:[jsxRuntime.jsxs(reactDropdownMenu.Trigger,{className:"flex items-center gap-0.5 outline-none",children:[jsxRuntime.jsx(Ct,{text:(l==null?void 0:l.text)||""}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{"data-status":t,className:"-mr-0.5 size-2"})]}),jsxRuntime.jsx(z,{selected:l==null?void 0:l.value,options:o,onChange:r,className:"-ml-1 mt-0.5"})]})})}),ti={Menu:Yo,...Xo},ei=ti;var D=tailwindVariants.tv({base:"text-midnight-blue-600",variants:{bg:{indigo:"bg-midnight-blue-100",white:"bg-white to-white"}}}),It=E__namespace.default.forwardRef(({className:e,bg:t,value:o,progressBar:i,usePercentageSymbol:r=!0,...a},s)=>jsxRuntime.jsxs("div",{className:n(D({bg:t,className:e}),"flex h-3 flex-col items-center justify-center rounded-full px-1"),ref:s,...a,children:[jsxRuntime.jsxs(m,{size:"overline",weight:"medium",children:[o,r?"%":null]}),i!==void 0&&jsxRuntime.jsx(H,{barBg:t==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:i,className:"h-0.25 mb-0.5"})]})),ii=E__namespace.default.forwardRef(({className:e,bg:t,value:o,Icon:i,...r},a)=>jsxRuntime.jsx(Nt__namespace.Root,{ref:a,className:n(D({bg:t}),"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",e),...r,children:jsxRuntime.jsx("div",{className:n(D({bg:t}),"flex size-full items-center justify-center rounded-full"),children:i?jsxRuntime.jsx(i,{className:"size-3"}):jsxRuntime.jsxs("div",{className:"flex items-end",children:[jsxRuntime.jsx(m,{weight:"medium",children:o}),jsxRuntime.jsx(m,{size:"overline",weight:"medium",children:"%"})]})})})),ri=E__namespace.default.forwardRef(({className:e,bg:t,value:o,text:i,...r},a)=>jsxRuntime.jsxs("div",{"data-bg":t,className:n(D({bg:t,className:e}),`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,...r,children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsxRuntime.jsx(m,{weight:"normal",children:i}),jsxRuntime.jsx(It,{value:o,bg:t==="white"?"indigo":"white"})]}),jsxRuntime.jsx(H,{barBg:t==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:o,className:"h-1"})]})),ai={Indicator:It,Circle:ii,Expanded:ri},ni=ai;var mi=tailwindVariants.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}}),Mt=E__namespace.default.forwardRef(({className:e,size:t,icon:o,text:i,asChild:r,value:a,border:s,active:l,onClose:p,...d},f)=>{let v=r?reactSlot.Slot:"div",y=mi();return jsxRuntime.jsxs(v,{className:y.container({size:t,border:s,active:l,className:e}),ref:f,...d,children:[o&&jsxRuntime.jsx(o,{className:y.icon({size:t,border:s,active:l})}),jsxRuntime.jsx(m,{size:"base",weight:"normal",className:"mx-1",children:i}),p&&jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>p(a),className:n(y.icon({size:t,border:s,active:l}),"cursor-pointer")})]})});Mt.displayName="Chips";var di=Mt;var ui=x__namespace.Provider,gi=x__namespace.Trigger,Lt=E__namespace.forwardRef(({className:e,sideOffset:t=4,...o},i)=>jsxRuntime.jsx(x__namespace.Content,{ref:i,sideOffset:t,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",e),...o}));Lt.displayName=x__namespace.Content.displayName;var bi=e=>jsxRuntime.jsxs(x__namespace.Root,{children:[jsxRuntime.jsx(gi,{children:e.children}),jsxRuntime.jsx(Lt,{children:jsxRuntime.jsx("div",{style:{maxWidth:e.maxWidth??"fit-content"},children:e.title})})]});var hi=tailwindVariants.tv({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),St=({className:e,text:t,suffix:o,invalid:i,htmlFor:r,...a})=>jsxRuntime.jsxs("div",{className:n("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",e),...a,children:[jsxRuntime.jsx("label",{className:hi({invalid:i}),htmlFor:r,children:t}),o&&jsxRuntime.jsx(o,{})]});St.displayName="Label";var tt=St;var yi=tailwindVariants.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"}}),At=({className:e,text:t,counter:o,maxLength:i,invalid:r,valueLength:a,...s})=>{let l=yi();return jsxRuntime.jsxs("div",{className:n("mt-0.5 flex justify-between",e),...s,children:[t&&jsxRuntime.jsx("span",{className:l.text({invalid:r}),children:t}),o&&i&&jsxRuntime.jsx("div",{className:l.counter(),children:jsxRuntime.jsxs(m,{size:"overline",weight:"semibold",children:[a||0,"/",i]})})]})};At.displayName="InputDescription";var et=At;var wi=({id:e,className:t,label:o,description:i,errorMessage:r,invalid:a,children:s,disabled:l,value:p,maxLength:d,...f})=>{let v=r||i.text;return jsxRuntime.jsxs("div",{className:n("flex flex-col",t),...f,children:[jsxRuntime.jsx(tt,{...o,invalid:a,htmlFor:e}),E__namespace.default.cloneElement(s,{id:e,invalid:a,disabled:l,value:p}),jsxRuntime.jsx(et,{...i,text:v,invalid:a,maxLength:d,valueLength:p==null?void 0:p.length})]})},Ci=wi;var Ei=tailwindVariants.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"}}),Gt=E__namespace.default.forwardRef(({className:e,checked:t,defaultChecked:o,disabled:i,...r},a)=>{let s=Ei();return jsxRuntime.jsx("div",{className:"flex size-3 items-center justify-center",children:jsxRuntime.jsx(reactCheckbox.Root,{ref:a,className:n(s.checkbox({checked:t,disabled:i}),e),checked:t,defaultChecked:o,disabled:i,...r,children:jsxRuntime.jsxs("div",{className:"-ml-0.5 -mt-0.5 flex size-3 items-center justify-center",children:[(t==="indeterminate"||o==="indeterminate")&&jsxRuntime.jsx(icons.IconOutlineLine,{className:s.icon({disabled:i})}),(t===!0||o===!0)&&jsxRuntime.jsx(icons.IconOutlineCheck,{className:s.icon({disabled:i})})]})})})});Gt.displayName=reactCheckbox.Root.displayName;var Si=Gt;var kt=E__namespace.default.forwardRef(({className:e,disabled:t,...o},i)=>jsxRuntime.jsx(P__namespace.Root,{className:n("grid gap-1",e),disabled:t,...o,ref:i}));kt.displayName=P__namespace.Root.displayName;var Bt=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(P__namespace.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",e),...t,children:jsxRuntime.jsx(P__namespace.Indicator,{className:"text-primary flex items-center justify-center group-disabled:text-neutral-300",children:jsxRuntime.jsx(lucideReact.Circle,{className:"fill-primary size-[12px] group-disabled:fill-neutral-300"})})}));Bt.displayName=P__namespace.Item.displayName;var Ai={Group:kt,Item:Bt},zi=Ai;var Ft=tailwindVariants.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"}}),Ut=E__namespace.forwardRef(({className:e,disabled:t,invalid:o,size:i,value:r,onChange:a,scope:s,...l},p)=>{let d=M(),f=Ft();return jsxRuntime.jsxs("div",{className:f.container({disabled:t}),children:[s&&jsxRuntime.jsx(Fi,{disabled:t,scope:s,size:i}),jsxRuntime.jsxs("div",{className:"peer relative",children:[jsxRuntime.jsx("input",{value:r,onChange:a,disabled:t,"data-scoped":!!s,className:n(d.input({disabled:t,invalid:o,size:i}),f.input(),e),ref:p,...l}),jsxRuntime.jsx("div",{"data-hasValue":!!r,className:`data-[hasValue=true]:cursor-pointer ${d.suffix({size:i,disabled:t})}`,children:r?jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>a&&a({target:{value:""}})}):jsxRuntime.jsx(icons.IconOutlineSearch,{})})]})]})}),Fi=({scope:{selected:e,options:t,onChange:o},disabled:i,size:r})=>{let a=t.find(({value:l})=>l===e),s=Ft();return jsxRuntime.jsxs(reactDropdownMenu.Root,{children:[jsxRuntime.jsxs(reactDropdownMenu.Trigger,{className:s.trigger({size:r,disabled:i}),disabled:i,children:[jsxRuntime.jsx(m,{size:"small",weight:"medium",children:a==null?void 0:a.text}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsxRuntime.jsx(z,{selected:e,options:t,onChange:o,className:s.dropdown({size:r})})]})};Ut.displayName="Search";var Ui=Ut;
+            data-[selected=true]:bg-indigo-100 data-[selected=true]:font-medium data-[selected=true]:text-indigo-600`,onClick:()=>o&&o(i.value),children:i.text}))})});var wt=tailwindVariants.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"]}}}),Ct=({text:e})=>jsxRuntime.jsxs("div",{className:"flex items-center gap-0.5",children:[jsxRuntime.jsx("span",{className:"w-0.75 h-0.75 rounded-full bg-neutral-500"}),jsxRuntime.jsx(m,{size:"overline",weight:"semibold",className:"select-none",children:e})]}),Xo=E__namespace.default.forwardRef(({className:e,status:t,text:o,...r},i)=>jsxRuntime.jsx("div",{className:wt({status:t,className:e}),ref:i,...r,children:jsxRuntime.jsx(Ct,{text:o})})),Yo=E__namespace.default.forwardRef(({className:e,status:t,options:o,value:r,onChange:i,...a},s)=>{let l=o.find(p=>p.value===r);return jsxRuntime.jsx("div",{className:wt({status:l==null?void 0:l.status,className:e}),ref:s,...a,children:jsxRuntime.jsxs(reactDropdownMenu.Root,{children:[jsxRuntime.jsxs(reactDropdownMenu.Trigger,{className:"flex items-center gap-0.5 outline-none",children:[jsxRuntime.jsx(Ct,{text:(l==null?void 0:l.text)||""}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{"data-status":t,className:"-mr-0.5 size-2"})]}),jsxRuntime.jsx(z,{selected:l==null?void 0:l.value,options:o,onChange:i,className:"-ml-1 mt-0.5"})]})})}),tr={Menu:Yo,...Xo},er=tr;var D=tailwindVariants.tv({base:"text-midnight-blue-600",variants:{bg:{indigo:"bg-midnight-blue-100",white:"bg-white to-white"}}}),It=E__namespace.default.forwardRef(({className:e,bg:t,value:o,progressBar:r,usePercentageSymbol:i=!0,...a},s)=>jsxRuntime.jsxs("div",{className:n(D({bg:t,className:e}),"flex h-3 flex-col items-center justify-center rounded-full px-1"),ref:s,...a,children:[jsxRuntime.jsxs(m,{size:"overline",weight:"medium",children:[o,i?"%":null]}),r!==void 0&&jsxRuntime.jsx(H,{barBg:t==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:r,className:"h-0.25 mb-0.5"})]})),rr=E__namespace.default.forwardRef(({className:e,bg:t,value:o,Icon:r,...i},a)=>jsxRuntime.jsx(Nt__namespace.Root,{ref:a,className:n(D({bg:t}),"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",e),...i,children:jsxRuntime.jsx("div",{className:n(D({bg:t}),"flex size-full items-center justify-center rounded-full"),children:r?jsxRuntime.jsx(r,{className:"size-3"}):jsxRuntime.jsxs("div",{className:"flex items-end",children:[jsxRuntime.jsx(m,{weight:"medium",children:o}),jsxRuntime.jsx(m,{size:"overline",weight:"medium",children:"%"})]})})})),ir=E__namespace.default.forwardRef(({className:e,bg:t,value:o,text:r,...i},a)=>jsxRuntime.jsxs("div",{"data-bg":t,className:n(D({bg:t,className:e}),`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:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsxRuntime.jsx(m,{weight:"normal",children:r}),jsxRuntime.jsx(It,{value:o,bg:t==="white"?"indigo":"white"})]}),jsxRuntime.jsx(H,{barBg:t==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:o,className:"h-1"})]})),ar={Indicator:It,Circle:rr,Expanded:ir},nr=ar;var mr=tailwindVariants.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}}),Mt=E__namespace.default.forwardRef(({className:e,size:t,icon:o,text:r,asChild:i,value:a,border:s,active:l,onClose:p,...f},d)=>{let v=i?reactSlot.Slot:"div",T=mr();return jsxRuntime.jsxs(v,{className:T.container({size:t,border:s,active:l,className:e}),ref:d,...f,children:[o&&jsxRuntime.jsx(o,{className:T.icon({size:t,border:s,active:l})}),jsxRuntime.jsx(m,{size:"base",weight:"normal",className:"mx-1",children:r}),p&&jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>p(a),className:n(T.icon({size:t,border:s,active:l}),"cursor-pointer")})]})});Mt.displayName="Chips";var fr=Mt;var ur=x__namespace.Provider,gr=x__namespace.Trigger,Lt=E__namespace.forwardRef(({className:e,sideOffset:t=4,...o},r)=>jsxRuntime.jsx(x__namespace.Content,{ref:r,sideOffset:t,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",e),...o}));Lt.displayName=x__namespace.Content.displayName;var br=e=>jsxRuntime.jsxs(x__namespace.Root,{children:[jsxRuntime.jsx(gr,{children:e.children}),jsxRuntime.jsx(Lt,{children:jsxRuntime.jsx("div",{style:{maxWidth:e.maxWidth??"fit-content"},children:e.title})})]});var hr=tailwindVariants.tv({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),St=({className:e,text:t,suffix:o,invalid:r,htmlFor:i,...a})=>jsxRuntime.jsxs("div",{className:n("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",e),...a,children:[jsxRuntime.jsx("label",{className:hr({invalid:r}),htmlFor:i,children:t}),o&&jsxRuntime.jsx(o,{})]});St.displayName="Label";var tt=St;var Tr=tailwindVariants.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"}}),At=({className:e,text:t,counter:o,maxLength:r,invalid:i,valueLength:a,...s})=>{let l=Tr();return jsxRuntime.jsxs("div",{className:n("mt-0.5 flex justify-between",e),...s,children:[t&&jsxRuntime.jsx("span",{className:l.text({invalid:i}),children:t}),o&&r&&jsxRuntime.jsx("div",{className:l.counter(),children:jsxRuntime.jsxs(m,{size:"overline",weight:"semibold",children:[a||0,"/",r]})})]})};At.displayName="InputDescription";var et=At;var wr=({id:e,className:t,label:o,description:r,errorMessage:i,invalid:a,children:s,disabled:l,value:p,maxLength:f,...d})=>{let v=i||r.text;return jsxRuntime.jsxs("div",{className:n("flex flex-col",t),...d,children:[jsxRuntime.jsx(tt,{...o,invalid:a,htmlFor:e}),E__namespace.default.cloneElement(s,{id:e,invalid:a,disabled:l,value:p}),jsxRuntime.jsx(et,{...r,text:v,invalid:a,maxLength:f,valueLength:p==null?void 0:p.length})]})},Cr=wr;var Er=tailwindVariants.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"}}),Gt=E__namespace.default.forwardRef(({className:e,checked:t,defaultChecked:o,disabled:r,...i},a)=>{let s=Er();return jsxRuntime.jsx("div",{className:"flex size-3 items-center justify-center",children:jsxRuntime.jsx(reactCheckbox.Root,{ref:a,className:n(s.checkbox({checked:t,disabled:r}),e),checked:t,defaultChecked:o,disabled:r,...i,children:jsxRuntime.jsxs("div",{className:"-ml-0.5 -mt-0.5 flex size-3 items-center justify-center",children:[(t==="indeterminate"||o==="indeterminate")&&jsxRuntime.jsx(icons.IconOutlineLine,{className:s.icon({disabled:r})}),(t===!0||o===!0)&&jsxRuntime.jsx(icons.IconOutlineCheck,{className:s.icon({disabled:r})})]})})})});Gt.displayName=reactCheckbox.Root.displayName;var Sr=Gt;var kt=E__namespace.default.forwardRef(({className:e,disabled:t,...o},r)=>jsxRuntime.jsx(P__namespace.Root,{className:n("grid gap-1",e),disabled:t,...o,ref:r}));kt.displayName=P__namespace.Root.displayName;var Bt=E__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(P__namespace.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",e),...t,children:jsxRuntime.jsx(P__namespace.Indicator,{className:"text-primary flex items-center justify-center group-disabled:text-neutral-300",children:jsxRuntime.jsx(lucideReact.Circle,{className:"fill-primary size-[12px] group-disabled:fill-neutral-300"})})}));Bt.displayName=P__namespace.Item.displayName;var Ar={Group:kt,Item:Bt},zr=Ar;var Ft=tailwindVariants.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"}}),Ut=E__namespace.forwardRef(({className:e,disabled:t,invalid:o,size:r,value:i,onChange:a,scope:s,...l},p)=>{let f=M(),d=Ft();return jsxRuntime.jsxs("div",{className:d.container({disabled:t}),children:[s&&jsxRuntime.jsx(Fr,{disabled:t,scope:s,size:r}),jsxRuntime.jsxs("div",{className:"peer relative",children:[jsxRuntime.jsx("input",{value:i,onChange:a,disabled:t,"data-scoped":!!s,className:n(f.input({disabled:t,invalid:o,size:r}),d.input(),e),ref:p,...l}),jsxRuntime.jsx("div",{"data-hasValue":!!i,className:`data-[hasValue=true]:cursor-pointer ${f.suffix({size:r,disabled:t})}`,children:i?jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>a&&a({target:{value:""}})}):jsxRuntime.jsx(icons.IconOutlineSearch,{})})]})]})}),Fr=({scope:{selected:e,options:t,onChange:o},disabled:r,size:i})=>{let a=t.find(({value:l})=>l===e),s=Ft();return jsxRuntime.jsxs(reactDropdownMenu.Root,{children:[jsxRuntime.jsxs(reactDropdownMenu.Trigger,{className:s.trigger({size:i,disabled:r}),disabled:r,children:[jsxRuntime.jsx(m,{size:"small",weight:"medium",children:a==null?void 0:a.text}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsxRuntime.jsx(z,{selected:e,options:t,onChange:o,className:s.dropdown({size:i})})]})};Ut.displayName="Search";var Ur=Ut;
 
 exports.Alert = Ro;
 exports.Avatar = Xt;
 exports.Badge = pe;
 exports.Button = ue;
 exports.Card = ve;
-exports.Checkbox = Si;
-exports.Chips = di;
+exports.Checkbox = Sr;
+exports.Chips = fr;
 exports.Collapsible = to;
-exports.FormItem = Ci;
+exports.FormItem = Cr;
 exports.Indicator = Uo;
 exports.Input = Le;
 exports.InputDescription = et;
 exports.Label = tt;
 exports.Message = zo;
 exports.MessageContainer = Ao;
-exports.MessageType = Tt;
-exports.Progress = ni;
+exports.MessageType = yt;
+exports.Progress = nr;
 exports.ProgressBar = H;
-exports.Radio = zi;
+exports.Radio = zr;
 exports.Scope = Re;
-exports.Search = Ui;
+exports.Search = Ur;
 exports.Sheet = ze;
-exports.Status = ei;
+exports.Status = er;
 exports.Tabs = co;
 exports.Text = m;
 exports.Textarea = Se;
 exports.Toggle = Be;
-exports.Tooltip = bi;
-exports.TooltipProvider = ui;
+exports.Tooltip = br;
+exports.TooltipProvider = ur;

package/dist/index.d.cts

@@ -1762,6 +1762,212 @@ type TabsLayoutProps = {
 };
 declare const TabsLayout: ({ tabs, activeKey, defaultActiveKey, className, onValueChange, onTabClick, }: TabsLayoutProps) => react_jsx_runtime.JSX.Element;
 
+declare const alertVariants: tailwind_variants.TVReturnType<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    message: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}>, {
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    message: string;
+}, tailwind_variants.TVReturnType<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    message: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type AlertProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
+    message: string | React__default.ReactNode;
+    closable?: boolean;
+};
 declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
     type: {
         success: {
@@ -3671,4 +3877,4 @@ declare const Search: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttribu
     scope?: DropdownProps;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
-export { Alert, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, type CircleProps, Collapsible, type CollapsibleContentProps, type CollapsibleItemProps, type CollapsibleTriggerProps, type ExpandedProps, FormItem, type FormItemProps, Indicator, type IndicatorProps, Input, InputDescription, type InputDescriptionProps, type InputProps, Label, type LabelProps, Message, MessageContainer, type MessageProps, MessageType, Progress, ProgressBar, type ProgressBarProps, type ProgressIndicatorProps, Radio, type RadioGroupProps, type RadioItemProps, Scope, type ScopeGroupProps, type ScopeItemProps, Search, type SearchProps, Sheet, type SheetProps, Status, type StatusMenuProps, type StatusOption, type StatusSimpleProps, type TabItem, TabsLayout as Tabs, type TabsLayoutProps, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider };
+export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, type CircleProps, Collapsible, type CollapsibleContentProps, type CollapsibleItemProps, type CollapsibleTriggerProps, type ExpandedProps, FormItem, type FormItemProps, Indicator, type IndicatorProps, Input, InputDescription, type InputDescriptionProps, type InputProps, Label, type LabelProps, Message, MessageContainer, type MessageProps, MessageType, Progress, ProgressBar, type ProgressBarProps, type ProgressIndicatorProps, Radio, type RadioGroupProps, type RadioItemProps, Scope, type ScopeGroupProps, type ScopeItemProps, Search, type SearchProps, Sheet, type SheetProps, Status, type StatusMenuProps, type StatusOption, type StatusSimpleProps, type TabItem, TabsLayout as Tabs, type TabsLayoutProps, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider };