@dito-uai/components 5.1.0-alpha.30 → 5.1.0-alpha.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/global.css +1 -1
- package/dist/index.cjs +41 -38
- package/dist/index.d.cts +62 -4
- package/dist/index.d.ts +62 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -9
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/status.d.ts +1 -1
- package/dist/ui/status.d.ts.map +1 -1
- package/dist/ui/switch.d.ts +15 -0
- package/dist/ui/switch.d.ts.map +1 -0
- package/dist/ui/toggle-group.d.ts +11 -0
- package/dist/ui/toggle-group.d.ts.map +1 -0
- package/dist/ui/toggle.d.ts +104 -14
- package/dist/ui/toggle.d.ts.map +1 -1
- package/package.json +4 -2
package/dist/index.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as G from 'react';
|
|
2
|
+
import G__default, { forwardRef, useMemo, useState, useEffect } from 'react';
|
|
3
3
|
import { tv } from 'tailwind-variants';
|
|
4
4
|
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
|
|
9
|
-
import * as
|
|
8
|
+
import * as I from '@radix-ui/react-toggle-group';
|
|
9
|
+
import * as zt from '@radix-ui/react-progress';
|
|
10
10
|
import { Root as Root$2, Indicator } from '@radix-ui/react-progress';
|
|
11
|
-
import * as
|
|
11
|
+
import * as q from '@radix-ui/react-toggle';
|
|
12
|
+
import * as V from '@radix-ui/react-collapsible';
|
|
12
13
|
import { IconOutlineChevronDown, IconOutlineClose, IconOutlineCheckCircle, IconOutlineWarning, IconOutlineErrorHexagon, IconOutlineInfo, IconOutlineArrowUp, IconOutlineArrowDown, IconOutlineMinus, IconOutlineLine, IconOutlineCheck, IconOutlineSearch } from '@dito-uai/icons';
|
|
13
14
|
import * as g from '@radix-ui/react-tabs';
|
|
14
15
|
import { toast, ToastContainer } from 'react-toastify';
|
|
@@ -19,10 +20,10 @@ import { Root as Root$1 } from '@radix-ui/react-checkbox';
|
|
|
19
20
|
import * as y from '@radix-ui/react-radio-group';
|
|
20
21
|
import { Circle } from 'lucide-react';
|
|
21
22
|
|
|
22
|
-
var Xt=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"}}),rt=S__default.forwardRef(({className:e,color:t,type:o,size:r,children:i,asChild:a,...s},l)=>jsx(a?Slot:"div",{className:Xt({color:t,type:o,size:r,className:e}),ref:l,...s,children:i}));rt.displayName="Avatar";var Yt=rt;function n(...e){return twMerge(clsx(e))}var ie=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:r,...i})=>jsx("span",{className:n(ie({size:t,weight:o,className:e})),...i,children:r});it.displayName="Text";var f=it;var pe=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"}}),nt=S__default.forwardRef(({className:e,status:t,size:o,type:r,contrast:i,children:a,asChild:s,...l},p)=>jsx(s?Slot:"span",{className:pe({status:t,size:o,type:r,contrast:i,className:e}),ref:p,...l,children:jsx(f,{size:"overline",weight:"semibold",children:a})}));nt.displayName="Badge";var ce=nt;var ue=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"}}),lt=S__default.forwardRef(({className:e,appearance:t,size:o,disabled:r,children:i,asChild:a,icon:s,...l},p)=>{let d=a?Slot:"button",u=ue({appearance:t,size:o,disabled:r,className:e});return jsxs(d,{type:"button","data-has-icon":!!s,"data-has-text":!!i,className:u.container({className:e}),disabled:r,ref:p,...l,children:[s&&jsx(s,{className:u.icon()}),i&&jsx(f,{size:"base",weight:"medium",className:u.text({className:e}),children:i})]})});lt.displayName="Button";var ge=lt;var ve=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"}}),pt=({className:e,variant:t,direction:o,padding:r,children:i,...a})=>jsx("div",{className:n(ve({variant:t,direction:o,padding:r,className:e})),...a,children:i});pt.displayName="Card";var he=pt;var Te=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"}}),ct=S__default.createContext({variant:"default",size:"default",disabled:!1}),mt=S__default.forwardRef(({className:e,variant:t,children:o,size:r,disabled:i,...a},s)=>jsx(H.Root,{ref:s,className:n("flex items-center justify-center gap-0",e),...a,type:"single",children:jsx(ct.Provider,{value:{variant:t,size:r,disabled:i},children:o})}));mt.displayName="ScopeGroup";var ft=S__default.forwardRef(({className:e,variant:t,size:o,icon:r,text:i,disabled:a,...s},l)=>{let p=S__default.useContext(ct),d=Te({variant:p.variant||t,size:p.size||o,disabled:p.disabled||a});return jsxs(H.Item,{ref:l,className:n(d.container(),e),disabled:a,...s,children:[r&&jsx(r,{className:d.icon()}),jsx(f,{size:"base",weight:"normal",className:d.text(),children:i})]})});ft.displayName="ScopeItem";var Re={Group:mt,Item:ft},we=Re;var Me=({value:e,className:t,barBg:o,progressBg:r})=>{let i=`-translate-x-[(-${100-(e||0)}%])`;return jsx(Root$2,{className:n(t,o,"relative w-full overflow-hidden rounded-full "),value:e,children:jsx(Indicator,{className:n(t,"w-full flex-1 rounded-full",i,r)})})},A=Me;var V=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}}),ut=S__default.forwardRef(({className:e,prefix:t,suffix:o,disabled:r,invalid:i,size:a,...s},l)=>{let p=!!t||!!o,d=V();return jsxs("div",{className:n(d.wrapper({disabled:r,invalid:i,size:a,withAffix:p}),e),children:[t&&jsx("div",{className:d.prefix({disabled:r,invalid:i,size:a}),children:t}),jsx("input",{disabled:r,className:n(d.input({disabled:r,invalid:i,size:a})),ref:l,...s}),o&&jsx("div",{className:d.suffix({disabled:r,invalid:i,size:a}),children:o})]})});ut.displayName="Input";var Ee=ut;var bt=S.forwardRef(({className:e,disabled:t,invalid:o,...r},i)=>{let{input:a}=V();return jsx("textarea",{className:n("min-h-9",e,a({disabled:t,invalid:o})),ref:i,...r})});bt.displayName="Textarea";var _e=bt;var xt=({title:e,children:t,isVisible:o,CloseIcon:r,maxWidth:i,onClose:a})=>{let[s,l]=useState(o);useEffect(()=>l(o),[o]);let p=d=>{l(!1),a&&a(d);};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",i?`max-w=[${i}]`:"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:e}),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?jsx(r,{}):jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.70711 18.7071L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071ZM17.2929 18.7071L13.8201 15.2343C13.4296 14.8438 13.4296 14.2106 13.8201 13.8201C14.2106 13.4296 14.8438 13.4296 15.2343 13.8201L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071Z",fill:"#8D95A7"})}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:n(" relative h-full p-2"),children:t})]})]})};xt.displayName="Sheet";var De=xt;var Be=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:e,name:t,disabled:o,children:r,...i},a)=>jsxs("label",{className:n("inline-flex cursor-pointer items-center",e),children:[jsx("input",{...i,ref:a,type:"checkbox",className:n("peer sr-only"),name:t,disabled:o}),jsx("span",{className:Be({disabled:o})}),jsx(f,{children:r})]}));vt.displayName="Toggle";var We=vt;var Ze=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:qe,item:Ke,triggerIcon:je,content:Je}=Ze(),Qe=S__default.forwardRef(({className:e,...t},o)=>jsx(N.Root,{ref:o,className:Ke({className:e}),...t})),Xe=S__default.forwardRef(({className:e,triggerClassName:t,children:o,...r},i)=>jsxs(N.CollapsibleTrigger,{ref:i,className:qe({className:t}),...r,children:[jsx("div",{className:n("w-full",e),children:o}),jsx(IconOutlineChevronDown,{className:je()})]})),Ye=S__default.forwardRef(({className:e,children:t,...o},r)=>jsx(N.CollapsibleContent,{ref:r,className:Je(),...o,children:jsx("div",{className:n("px-1 py-2",e),children:t})})),to={Item:Qe,Trigger:Xe,Content:Ye},eo=to;var ao=tv({base:"flex flex-row"}),no=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"}}),so=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"}}}),lo=g.Root,ht=S__default.forwardRef(({className:e,...t},o)=>jsx(g.List,{ref:o,className:n(ao(),e),...t}));ht.displayName=g.List.displayName;var Pt=S__default.forwardRef(({className:e,children:t,iconPrefix:o,suffix:r,disabled:i,active:a,...s},l)=>{let p=useMemo(()=>i?"disabled":a?"active":"inactive",[i,a]);return jsxs("div",{className:n("relative flex flex-col",i?"":"hover:bg-green-100"),children:[jsxs(g.Trigger,{ref:l,className:n(no({iconColor:p,disabled:i,active:a}),e),disabled:i,...s,children:[o&&jsx("span",{children:o}),t,r&&jsx("span",{children:r})]}),jsx("span",{className:n(so({active:a}))})]})});Pt.displayName=g.Trigger.displayName;var yt=S__default.forwardRef(({className:e,...t},o)=>jsx(g.Content,{ref:o,className:e,...t}));yt.displayName=g.Content.displayName;function po(e,t){let o=e!==void 0,[r,i]=useState(t);return [o?e:r,l=>{o||i(l);}]}var co=({tabs:e,activeKey:t,defaultActiveKey:o,className:r,onValueChange:i,onTabClick:a})=>{var d;let[s,l]=po(t,o??((d=e[0])==null?void 0:d.value));return jsxs(lo,{value:t??s,onValueChange:u=>{if(i)return i(u);l(u);},onClick:u=>a&&a(u,s),className:n("flex flex-col gap-2",r),children:[jsx(ht,{children:e.map(({value:u,label:h,iconPrefix:R,suffix:Zt,disabled:qt,className:Kt})=>jsx(Pt,{value:u,iconPrefix:R,suffix:Zt,disabled:qt,active:u===s,className:Kt,children:h&&jsx(f,{size:"base",weight:"medium",children:h})},u))}),e.map(({value:u,content:h,className:R})=>jsx(yt,{value:u,className:R,children:h},u))]})},mo=co;var yo=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:IconOutlineCheckCircle,warning:IconOutlineWarning,error:IconOutlineErrorHexagon,info:IconOutlineInfo},Ro=S__default.forwardRef(({type:e,message:t,closable:o,...r},i)=>{let[a,s]=useState(!0),l=yo(),p=e?To[e]:null;return a&&jsxs("div",{className:l.container({type:e}),ref:i,...r,children:[p&&jsx(p,{className:l.icon({type:e})}),jsx("div",{className:l.message({closable:o}),children:t}),o&&jsx(IconOutlineClose,{onClick:()=>s(!1),className:l.icon({type:e})})]})}),wo=Ro;var Tt=(a=>(a.SUCCESS="success",a.INFO="info",a.WARNING="warning",a.DANGER="error",a.LOADING="loading",a))(Tt||{}),_o=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"}}}),Ho={success:jsx(IconOutlineCheckCircle,{}),warning:jsx(IconOutlineWarning,{}),error:jsx(IconOutlineErrorHexagon,{}),info:jsx(IconOutlineInfo,{})},I={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:_o({type:e}),bodyClassName:"!flex !flex-row !items-center !gap-1 !px-2 !py-1 !m-0",icon:e!=="loading"?Ho[e]:void 0,onClose:a,onClick:s,containerId:i,closeOnClick:!1,...l};switch(e){case"success":return toast.success(t,p);case"error":return toast.error(t,p);case"warning":return toast.warning(t,p);case"loading":return toast.loading(t,p);case"info":default:return toast.info(t,p)}}},Ao={...I,success:(e,t)=>I.open({type:"success",text:e,duration:t}),error:(e,t)=>I.open({type:"error",text:e,duration:t}),info:(e,t)=>I.open({type:"info",text:e,duration:t}),warning:(e,t)=>I.open({type:"warning",text:e,duration:t}),loading:(e,t)=>I.open({type:"loading",text:e,duration:t}),dismiss:toast.dismiss},zo=e=>jsx(ToastContainer,{className:"mr-[100px] flex !w-fit flex-col items-end",position:"bottom-right",hideProgressBar:!0,enableMultiContainer:!0,closeButton:({closeToast:t})=>jsx("button",{type:"button",className:"ml-auto flex size-6 items-center justify-center hover:opacity-70",onClick:t,children:jsx(IconOutlineClose,{className:"size-[24px]"})}),...e}),Do=Ao;var Fo=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"}}}),Uo=S__default.forwardRef(({className:e,status:t,value:o,icon:r,usePercentageSymbol:i=!0,...a},s)=>{let l={positive:jsx(IconOutlineArrowUp,{}),negative:jsx(IconOutlineArrowDown,{}),neutral:jsx(IconOutlineMinus,{})};return jsxs("div",{className:Fo({status:t,className:e}),ref:s,...a,children:[r&&l[r],jsxs(f,{size:"overline",weight:"semibold",children:[o,i?"%":null]})]})}),$o=Uo;var D=({options:e,selected:t,onChange:o,className:r})=>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",r),children:e.map(i=>jsx(Item,{"data-selected":t===i.value,className:`relative flex cursor-pointer select-none rounded-sm
|
|
23
|
+
var se=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"}}),lt=G__default.forwardRef(({className:t,color:e,type:o,size:r,children:i,asChild:a,...s},l)=>jsx(a?Slot:"div",{className:se({color:e,type:o,size:r,className:t}),ref:l,...s,children:i}));lt.displayName="Avatar";var le=lt;function n(...t){return twMerge(clsx(t))}var de=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"}}),pt=({className:t,size:e,weight:o,children:r,...i})=>jsx("span",{className:n(de({size:e,weight:o,className:t})),...i,children:r});pt.displayName="Text";var f=pt;var ve=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"}}),mt=G__default.forwardRef(({className:t,status:e,size:o,type:r,contrast:i,children:a,asChild:s,...l},p)=>jsx(s?Slot:"span",{className:ve({status:e,size:o,type:r,contrast:i,className:t}),ref:p,...l,children:jsx(f,{size:"overline",weight:"semibold",children:a})}));mt.displayName="Badge";var he=mt;var Te=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"}}),dt=G__default.forwardRef(({className:t,appearance:e,size:o,disabled:r,children:i,asChild:a,icon:s,...l},p)=>{let d=a?Slot:"button",u=Te({appearance:e,size:o,disabled:r,className:t});return jsxs(d,{type:"button","data-has-icon":!!s,"data-has-text":!!i,className:u.container({className:t}),disabled:r,ref:p,...l,children:[s&&jsx(s,{className:u.icon()}),i&&jsx(f,{size:"base",weight:"medium",className:u.text({className:t}),children:i})]})});dt.displayName="Button";var we=dt;var Ie=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"}}),ut=({className:t,variant:e,direction:o,padding:r,children:i,...a})=>jsx("div",{className:n(Ie({variant:e,direction:o,padding:r,className:t})),...a,children:i});ut.displayName="Card";var Ve=ut;var Ee=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"}}),gt=G__default.createContext({variant:"default",size:"default",disabled:!1}),bt=G__default.forwardRef(({className:t,variant:e,children:o,size:r,disabled:i,...a},s)=>jsx(I.Root,{ref:s,className:n("flex items-center justify-center gap-0",t),...a,type:"single",children:jsx(gt.Provider,{value:{variant:e,size:r,disabled:i},children:o})}));bt.displayName="ScopeGroup";var xt=G__default.forwardRef(({className:t,variant:e,size:o,icon:r,text:i,disabled:a,...s},l)=>{let p=G__default.useContext(gt),d=Ee({variant:p.variant||e,size:p.size||o,disabled:p.disabled||a});return jsxs(I.Item,{ref:l,className:n(d.container(),t),disabled:a,...s,children:[r&&jsx(r,{className:d.icon()}),jsx(f,{size:"base",weight:"normal",className:d.text(),children:i})]})});xt.displayName="ScopeItem";var Se={Group:bt,Item:xt},_e=Se;var Ae=({value:t,className:e,barBg:o,progressBg:r})=>{let i=`-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",i,r)})})},A=Ae;var E=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}}),ht=G__default.forwardRef(({className:t,prefix:e,suffix:o,disabled:r,invalid:i,size:a,...s},l)=>{let p=!!e||!!o,d=E();return jsxs("div",{className:n(d.wrapper({disabled:r,invalid:i,size:a,withAffix:p}),t),children:[e&&jsx("div",{className:d.prefix({disabled:r,invalid:i,size:a}),children:e}),jsx("input",{disabled:r,className:n(d.input({disabled:r,invalid:i,size:a}),t,"form-input"),ref:l,...s}),o&&jsx("div",{className:d.suffix({disabled:r,invalid:i,size:a}),children:o})]})});ht.displayName="Input";var ke=ht;var yt=G.forwardRef(({className:t,disabled:e,invalid:o,...r},i)=>{let{input:a}=E();return jsx("textarea",{className:n("min-h-9",t,a({disabled:e,invalid:o})),ref:i,...r})});yt.displayName="Textarea";var Be=yt;var Rt=({title:t,children:e,isVisible:o,CloseIcon:r,maxWidth:i,onClose:a})=>{let[s,l]=useState(o);useEffect(()=>l(o),[o]);let p=d=>{l(!1),a&&a(d);};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",i?`max-w=[${i}]`:"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:[r?jsx(r,{}):jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.70711 18.7071L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071ZM17.2929 18.7071L13.8201 15.2343C13.4296 14.8438 13.4296 14.2106 13.8201 13.8201C14.2106 13.4296 14.8438 13.4296 15.2343 13.8201L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071Z",fill:"#8D95A7"})}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:n(" relative h-full p-2"),children:e})]})]})};Rt.displayName="Sheet";var Ze=Rt;var Je=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"}}}),Tt=forwardRef(({className:t,name:e,disabled:o,children:r,...i},a)=>jsxs("label",{className:n("inline-flex cursor-pointer items-center",t),children:[jsx("input",{...i,ref:a,type:"checkbox",className:n("peer sr-only"),name:e,disabled:o}),jsx("span",{className:Je({disabled:o})}),jsx(f,{children:r})]}));Tt.displayName="Switch";var Qe=Tt;var K=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"}}),to=G.forwardRef(({className:t,variant:e,size:o,...r},i)=>jsx(q.Root,{ref:i,className:n(K({variant:e,size:o,className:t})),...r}));to.displayName=q.Root.displayName;var Ct=G.createContext({size:"default",variant:"default"}),Nt=G.forwardRef(({className:t,variant:e,size:o,children:r,...i},a)=>jsx(I.Root,{ref:a,className:n("flex items-center justify-center gap-1",t),...i,children:jsx(Ct.Provider,{value:{variant:e,size:o},children:r})}));Nt.displayName=I.Root.displayName;var It=G.forwardRef(({className:t,children:e,variant:o,size:r,...i},a)=>{let s=G.useContext(Ct);return jsx(I.Item,{ref:a,className:n(K({variant:s.variant||o,size:s.size||r}),t),...i,children:e})});It.displayName=I.Item.displayName;var oo={Group:Nt,Item:It};var ao=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:no,item:so,triggerIcon:lo,content:po}=ao(),co=G__default.forwardRef(({className:t,...e},o)=>jsx(V.Root,{ref:o,className:so({className:t}),...e})),mo=G__default.forwardRef(({className:t,triggerClassName:e,children:o,...r},i)=>jsxs(V.CollapsibleTrigger,{ref:i,className:no({className:e}),...r,children:[jsx("div",{className:n("w-full",t),children:o}),jsx(IconOutlineChevronDown,{className:lo()})]})),fo=G__default.forwardRef(({className:t,children:e,...o},r)=>jsx(V.CollapsibleContent,{ref:r,className:po(),...o,children:jsx("div",{className:n("px-1 py-2",t),children:e})})),uo={Item:co,Trigger:mo,Content:fo},go=uo;var ho=tv({base:"flex flex-row"}),Po=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"}}),yo=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"}}}),Ro=g.Root,Vt=G__default.forwardRef(({className:t,...e},o)=>jsx(g.List,{ref:o,className:n(ho(),t),...e}));Vt.displayName=g.List.displayName;var Mt=G__default.forwardRef(({className:t,children:e,iconPrefix:o,suffix:r,disabled:i,active:a,...s},l)=>{let p=useMemo(()=>i?"disabled":a?"active":"inactive",[i,a]);return jsxs("div",{className:n("relative flex flex-col",i?"":"hover:bg-green-100"),children:[jsxs(g.Trigger,{ref:l,className:n(Po({iconColor:p,disabled:i,active:a}),t),disabled:i,...s,children:[o&&jsx("span",{children:o}),e,r&&jsx("span",{children:r})]}),jsx("span",{className:n(yo({active:a}))})]})});Mt.displayName=g.Trigger.displayName;var Lt=G__default.forwardRef(({className:t,...e},o)=>jsx(g.Content,{ref:o,className:t,...e}));Lt.displayName=g.Content.displayName;function To(t,e){let o=t!==void 0,[r,i]=useState(e);return [o?t:r,l=>{o||i(l);}]}var wo=({tabs:t,activeKey:e,defaultActiveKey:o,className:r,onValueChange:i,onTabClick:a})=>{var d;let[s,l]=To(e,o??((d=t[0])==null?void 0:d.value));return jsxs(Ro,{value:e??s,onValueChange:u=>{if(i)return i(u);l(u);},onClick:u=>a&&a(u,s),className:n("flex flex-col gap-2",r),children:[jsx(Vt,{children:t.map(({value:u,label:h,iconPrefix:T,suffix:ee,disabled:oe,className:re})=>jsx(Mt,{value:u,iconPrefix:T,suffix:ee,disabled:oe,active:u===s,className:re,children:h&&jsx(f,{size:"base",weight:"medium",children:h})},u))}),t.map(({value:u,content:h,className:T})=>jsx(Lt,{value:u,className:T,children:h},u))]})},Co=wo;var Go=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)]"}}}}),Ho={success:IconOutlineCheckCircle,warning:IconOutlineWarning,error:IconOutlineErrorHexagon,info:IconOutlineInfo},zo=G__default.forwardRef(({type:t,message:e,closable:o,...r},i)=>{let[a,s]=useState(!0),l=Go(),p=t?Ho[t]:null;return a&&jsxs("div",{className:l.container({type:t}),ref:i,...r,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})})]})}),Ao=zo;var Et=(a=>(a.SUCCESS="success",a.INFO="info",a.WARNING="warning",a.DANGER="error",a.LOADING="loading",a))(Et||{}),Zo=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"}}}),qo={success:jsx(IconOutlineCheckCircle,{}),warning:jsx(IconOutlineWarning,{}),error:jsx(IconOutlineErrorHexagon,{}),info:jsx(IconOutlineInfo,{})},M={open:({type:t="info",text:e,closable:o=!1,duration:r=3e3,containerId:i,onClose:a,onClick:s,...l})=>{let p={autoClose:r,closeButton:o,className:Zo({type:t}),bodyClassName:"!flex !flex-row !items-center !gap-1 !px-2 !py-1 !m-0",icon:t!=="loading"?qo[t]:void 0,onClose:a,onClick:s,containerId:i,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)}}},Ko={...M,success:(t,e)=>M.open({type:"success",text:t,duration:e}),error:(t,e)=>M.open({type:"error",text:t,duration:e}),info:(t,e)=>M.open({type:"info",text:t,duration:e}),warning:(t,e)=>M.open({type:"warning",text:t,duration:e}),loading:(t,e)=>M.open({type:"loading",text:t,duration:e}),dismiss:toast.dismiss},jo=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}),Jo=Ko;var or=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"}}}),rr=G__default.forwardRef(({className:t,status:e,value:o,icon:r,usePercentageSymbol:i=!0,...a},s)=>{let l={positive:jsx(IconOutlineArrowUp,{}),negative:jsx(IconOutlineArrowDown,{}),neutral:jsx(IconOutlineMinus,{})};return jsxs("div",{className:or({status:e,className:t}),ref:s,...a,children:[r&&l[r],jsxs(f,{size:"overline",weight:"semibold",children:[o,i?"%":null]})]})}),ir=rr;var O=({options:t,selected:e,onChange:o,className:r})=>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",r),children:t.map(i=>jsx(Item,{"data-selected":e===i.value,className:`relative flex cursor-pointer select-none rounded-sm
|
|
23
24
|
px-2 py-1 text-base font-normal text-neutral-500 outline-none
|
|
24
25
|
transition-colors focus:bg-indigo-100 focus:text-indigo-600
|
|
25
|
-
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
|
|
26
|
-
p-2 data-[bg=white]:border`),ref:a,...i,children:[jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsx(f,{weight:"normal",children:r}),jsx(
|
|
26
|
+
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 Gt=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"]}}}),Ht=({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})]}),fr=G__default.forwardRef(({className:t,status:e,text:o,...r},i)=>jsx("div",{className:Gt({status:e,className:t}),ref:i,...r,children:jsx(Ht,{text:o})})),dr=G__default.forwardRef(({className:t,status:e,options:o,value:r,onChange:i,...a},s)=>{let l=o.find(p=>p.value===r);return jsx("div",{className:Gt({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(Ht,{text:(l==null?void 0:l.text)||""}),jsx(IconOutlineChevronDown,{"data-status":e,className:"-mr-0.5 size-2"})]}),jsx(O,{selected:l==null?void 0:l.value,options:o,onChange:i,className:"-ml-1 mt-0.5"})]})})}),ur={Menu:dr,...fr},gr=ur;var k=tv({base:"text-midnight-blue-600",variants:{bg:{indigo:"bg-midnight-blue-100",white:"bg-white to-white"}}}),At=G__default.forwardRef(({className:t,bg:e,value:o,progressBar:r,usePercentageSymbol:i=!0,...a},s)=>jsxs("div",{className:n(k({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,i?"%":null]}),r!==void 0&&jsx(A,{barBg:e==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:r,className:"h-0.25 mb-0.5"})]})),xr=G__default.forwardRef(({className:t,bg:e,value:o,Icon:r,...i},a)=>jsx(zt.Root,{ref:a,className:n(k({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),...i,children:jsx("div",{className:n(k({bg:e}),"flex size-full items-center justify-center rounded-full"),children:r?jsx(r,{className:"size-3"}):jsxs("div",{className:"flex items-end",children:[jsx(f,{weight:"medium",children:o}),jsx(f,{size:"overline",weight:"medium",children:"%"})]})})})),vr=G__default.forwardRef(({className:t,bg:e,value:o,text:r,...i},a)=>jsxs("div",{"data-bg":e,className:n(k({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,...i,children:[jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsx(f,{weight:"normal",children:r}),jsx(At,{value:o,bg:e==="white"?"indigo":"white"})]}),jsx(A,{barBg:e==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:o,className:"h-1"})]})),hr={Indicator:At,Circle:xr,Expanded:vr},Pr=hr;var Cr=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}}),Dt=G__default.forwardRef(({className:t,size:e,icon:o,text:r,asChild:i,value:a,border:s,active:l,onClose:p,...d},u)=>{let h=i?Slot:"div",T=Cr();return jsxs(h,{className:T.container({size:e,border:s,active:l,className:t}),ref:u,...d,children:[o&&jsx(o,{className:T.icon({size:e,border:s,active:l})}),jsx(f,{size:"base",weight:"normal",className:"mx-1",children:r}),p&&jsx(IconOutlineClose,{onClick:()=>p(a),className:n(T.icon({size:e,border:s,active:l}),"cursor-pointer")})]})});Dt.displayName="Chips";var Nr=Dt;var Vr=v.Provider,Mr=v.Trigger,kt=G.forwardRef(({className:t,sideOffset:e=4,...o},r)=>jsx(v.Content,{ref:r,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}));kt.displayName=v.Content.displayName;var Lr=t=>jsxs(v.Root,{children:[jsx(Mr,{children:t.children}),jsx(kt,{children:jsx("div",{style:{maxWidth:t.maxWidth??"fit-content"},children:t.title})})]});var _r=tv({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),Bt=({className:t,text:e,suffix:o,invalid:r,htmlFor:i,...a})=>jsxs("div",{className:n("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",t),...a,children:[jsx("label",{className:_r({invalid:r}),htmlFor:i,children:e}),o&&jsx(o,{})]});Bt.displayName="Label";var nt=Bt;var zr=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"}}),$t=({className:t,text:e,counter:o,maxLength:r,invalid:i,valueLength:a,...s})=>{let l=zr();return jsxs("div",{className:n("mt-0.5 flex justify-between",t),...s,children:[e&&jsx("span",{className:l.text({invalid:i}),children:e}),o&&r&&jsx("div",{className:l.counter(),children:jsxs(f,{size:"overline",weight:"semibold",children:[a||0,"/",r]})})]})};$t.displayName="InputDescription";var st=$t;var Dr=({id:t,className:e,label:o,description:r,errorMessage:i,invalid:a,children:s,disabled:l,value:p,maxLength:d,...u})=>{let h=i||r.text;return jsxs("div",{className:n("flex flex-col",e),...u,children:[jsx(nt,{...o,invalid:a,htmlFor:t}),G__default.cloneElement(s,{id:t,invalid:a,disabled:l,value:p}),jsx(st,{...r,text:h,invalid:a,maxLength:d,valueLength:p==null?void 0:p.length})]})},Or=Dr;var $r=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"}}),Kt=G__default.forwardRef(({className:t,checked:e,defaultChecked:o,disabled:r,...i},a)=>{let s=$r();return jsx("div",{className:"flex size-3 items-center justify-center",children:jsx(Root$1,{ref:a,className:n(s.checkbox({checked:e,disabled:r}),t),checked:e,defaultChecked:o,disabled:r,...i,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:r})}),(e===!0||o===!0)&&jsx(IconOutlineCheck,{className:s.icon({disabled:r})})]})})})});Kt.displayName=Root$1.displayName;var Zr=Kt;var Jt=G__default.forwardRef(({className:t,disabled:e,...o},r)=>jsx(y.Root,{className:n("grid gap-1",t),disabled:e,...o,ref:r}));Jt.displayName=y.Root.displayName;var Qt=G__default.forwardRef(({className:t,...e},o)=>jsx(y.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(y.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"})})}));Qt.displayName=y.Item.displayName;var jr={Group:Jt,Item:Qt},Jr=jr;var Yt=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"}}),te=G.forwardRef(({className:t,disabled:e,invalid:o,size:r,value:i,onChange:a,scope:s,...l},p)=>{let d=E(),u=Yt();return jsxs("div",{className:u.container({disabled:e}),children:[s&&jsx(ri,{disabled:e,scope:s,size:r}),jsxs("div",{className:"peer relative",children:[jsx("input",{value:i,onChange:a,disabled:e,"data-scoped":!!s,className:n(d.input({disabled:e,invalid:o,size:r}),u.input(),t),ref:p,...l}),jsx("div",{"data-hasValue":!!i,className:`data-[hasValue=true]:cursor-pointer ${d.suffix({size:r,disabled:e})}`,children:i?jsx(IconOutlineClose,{onClick:()=>a&&a({target:{value:""}})}):jsx(IconOutlineSearch,{})})]})]})}),ri=({scope:{selected:t,options:e,onChange:o},disabled:r,size:i})=>{let a=e.find(({value:l})=>l===t),s=Yt();return jsxs(Root,{children:[jsxs(Trigger,{className:s.trigger({size:i,disabled:r}),disabled:r,children:[jsx(f,{size:"small",weight:"medium",children:a==null?void 0:a.text}),jsx(IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsx(O,{selected:t,options:e,onChange:o,className:s.dropdown({size:i})})]})};te.displayName="Search";var ii=te;
|
|
27
28
|
|
|
28
|
-
export {
|
|
29
|
+
export { Ao as Alert, le as Avatar, he as Badge, we as Button, Ve as Card, Zr as Checkbox, Nr as Chips, go as Collapsible, Or as FormItem, ir as Indicator, ke as Input, st as InputDescription, nt as Label, Jo as Message, jo as MessageContainer, Et as MessageType, Pr as Progress, A as ProgressBar, Jr as Radio, _e as Scope, ii as Search, Ze as Sheet, gr as Status, Qe as Switch, Co as Tabs, f as Text, Be as Textarea, oo as Toggle, Lr as Tooltip, Vr as TooltipProvider };
|
package/dist/ui/input.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA4DxB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAC3C,GACC,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SARF,MAAM;YACH,MAAM;mBACC,MAAM;aACZ,KAAK,CAAC,SAAS;aACf,KAAK,CAAC,SAAS;cACd,OAAO;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA4DxB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAC3C,GACC,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SARF,MAAM;YACH,MAAM;mBACC,MAAM;aACZ,KAAK,CAAC,SAAS;aACf,KAAK,CAAC,SAAS;cACd,OAAO;0CAwCpB,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
package/dist/ui/status.d.ts
CHANGED
|
@@ -64,7 +64,7 @@ export type StatusOption = VariantProps<typeof statusVariants> & {
|
|
|
64
64
|
text: string;
|
|
65
65
|
value: string;
|
|
66
66
|
};
|
|
67
|
-
export type StatusMenuProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof statusVariants> & {
|
|
67
|
+
export type StatusMenuProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & VariantProps<typeof statusVariants> & {
|
|
68
68
|
options: StatusOption[];
|
|
69
69
|
value: string;
|
|
70
70
|
onChange?: (value: string) => void;
|
package/dist/ui/status.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/ui/status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+BlB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAClE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAyBJ,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/ui/status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+BlB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAClE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAyBJ,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,OAAO,CACrB,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAgCJ,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG;IACzC,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAC;CAIxD,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
|
+
export type SwitchProps = HTMLAttributes<HTMLInputElement> & PropsWithChildren<{
|
|
3
|
+
name: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
}>;
|
|
7
|
+
declare const Switch: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
|
|
8
|
+
name: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
checked?: boolean;
|
|
11
|
+
} & {
|
|
12
|
+
children?: import("react").ReactNode | undefined;
|
|
13
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
14
|
+
export default Switch;
|
|
15
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAe/D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,gBAAgB,CAAC,GACxD,iBAAiB,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEL,QAAA,MAAM,MAAM;UALF,MAAM;eACD,OAAO;cACR,OAAO;;;oDAsBpB,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
4
|
+
import { toggleVariants } from './toggle';
|
|
5
|
+
export type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>;
|
|
6
|
+
export type ToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>;
|
|
7
|
+
export declare const Toggle: {
|
|
8
|
+
Group: React.ForwardRefExoticComponent<ToggleGroupProps>;
|
|
9
|
+
Item: React.ForwardRefExoticComponent<ToggleGroupItemProps>;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=toggle-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/ui/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAC3D,OAAO,oBAAoB,CAAC,IAAI,CACjC,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtC,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAC/D,OAAO,oBAAoB,CAAC,IAAI,CACjC,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAqDtC,eAAO,MAAM,MAAM,EAAE;IACnB,KAAK,EAAE,KAAK,CAAC,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IACzD,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,oBAAoB,CAAC,CAAC;CAI7D,CAAC"}
|
package/dist/ui/toggle.d.ts
CHANGED
|
@@ -1,15 +1,105 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} & {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
3
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
4
|
+
declare const toggleVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
variant: {
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
size: {
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
11
|
+
}, undefined, "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", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
12
|
+
variant: {
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
size: {
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
}, {
|
|
19
|
+
variant: {
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
22
|
+
size: {
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
}>, {
|
|
26
|
+
variant: {
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
size: {
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
33
|
+
variant: {
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
size: {
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
}, undefined, "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", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
40
|
+
variant: {
|
|
41
|
+
default: string;
|
|
42
|
+
};
|
|
43
|
+
size: {
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
}, {
|
|
47
|
+
variant: {
|
|
48
|
+
default: string;
|
|
49
|
+
};
|
|
50
|
+
size: {
|
|
51
|
+
default: string;
|
|
52
|
+
};
|
|
53
|
+
}>, unknown, unknown, undefined>>;
|
|
54
|
+
declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<import("tailwind-variants").TVReturnType<{
|
|
55
|
+
variant: {
|
|
56
|
+
default: string;
|
|
57
|
+
};
|
|
58
|
+
size: {
|
|
59
|
+
default: string;
|
|
60
|
+
};
|
|
61
|
+
}, undefined, "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", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
62
|
+
variant: {
|
|
63
|
+
default: string;
|
|
64
|
+
};
|
|
65
|
+
size: {
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
}, {
|
|
69
|
+
variant: {
|
|
70
|
+
default: string;
|
|
71
|
+
};
|
|
72
|
+
size: {
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
75
|
+
}>, {
|
|
76
|
+
variant: {
|
|
77
|
+
default: string;
|
|
78
|
+
};
|
|
79
|
+
size: {
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
82
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
83
|
+
variant: {
|
|
84
|
+
default: string;
|
|
85
|
+
};
|
|
86
|
+
size: {
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
|
+
}, undefined, "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", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
90
|
+
variant: {
|
|
91
|
+
default: string;
|
|
92
|
+
};
|
|
93
|
+
size: {
|
|
94
|
+
default: string;
|
|
95
|
+
};
|
|
96
|
+
}, {
|
|
97
|
+
variant: {
|
|
98
|
+
default: string;
|
|
99
|
+
};
|
|
100
|
+
size: {
|
|
101
|
+
default: string;
|
|
102
|
+
};
|
|
103
|
+
}>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLButtonElement>>;
|
|
104
|
+
export { Toggle, toggleVariants };
|
|
15
105
|
//# sourceMappingURL=toggle.d.ts.map
|
package/dist/ui/toggle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/ui/toggle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/ui/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAelB,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAUV,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dito-uai/components",
|
|
3
|
-
"version": "5.1.0-alpha.
|
|
3
|
+
"version": "5.1.0-alpha.32",
|
|
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",
|
|
@@ -103,6 +103,7 @@
|
|
|
103
103
|
"typescript": "^5.5.4",
|
|
104
104
|
"typescript-eslint": "^8.0.0",
|
|
105
105
|
"vite": "^5.3.5",
|
|
106
|
+
"vite-plugin-checker": "^0.11.0",
|
|
106
107
|
"vite-tsconfig-paths": "^5.1.4"
|
|
107
108
|
},
|
|
108
109
|
"dependencies": {
|
|
@@ -118,7 +119,8 @@
|
|
|
118
119
|
"@radix-ui/react-radio-group": "^1.2.0",
|
|
119
120
|
"@radix-ui/react-slot": "^1.1.0",
|
|
120
121
|
"@radix-ui/react-tabs": "^1.1.12",
|
|
121
|
-
"@radix-ui/react-toggle
|
|
122
|
+
"@radix-ui/react-toggle": "^1.1.10",
|
|
123
|
+
"@radix-ui/react-toggle-group": "^1.1.11",
|
|
122
124
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
123
125
|
"@tailwindcss/forms": "^0.5.9",
|
|
124
126
|
"@tailwindcss/typography": "^0.5.15",
|