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

package/dist/index.cjs

@@ -49,7 +49,7 @@ var Qt=tailwindVariants.tv({base:"flex items-center justify-center rounded-full"
             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.suffixIcon({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;
+        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;
 
 exports.Alert = Ro;
 exports.Avatar = Xt;