@sth87/shadcn-design-system 0.2.0 → 0.2.1

package/dist/AI_CONTEXT.md

@@ -2103,6 +2103,8 @@ type SelectProps = Omit<ComboboxProps, "ref"> & {
   defaultValues?: string | string[];
   onValuesChange?: (values: string[]) => void;
   search?: boolean | { placeholder?: string; emptyMessage?: string };
+  onSearchChange?: (value: string) => void;
+  shouldFilter?: boolean;
   clickToRemove?: boolean;
   overflowBehavior?: "wrap" | "wrap-when-open" | "cutoff";
   className?: string;

package/dist/cjs/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),a=require("../../packages/ui/src/components/select.cjs"),Q=require("../../packages/ui/src/components/combobox.cjs"),o=require("../../packages/ui/src/lib/utils.cjs"),O=require("../FloatLabel.cjs"),U=require("lucide-react"),W=require("../Tooltip/Tooltip.cjs"),X=require("../../packages/ui/src/components/label.cjs"),V=n.forwardRef(({className:M,label:x,helperText:v,state:m="default",size:t="normal",isFloatLabel:c,infoTooltip:j,clearable:y=!1,placeholder:N="",options:g=[],tagRender:i,multiple:p=!1,value:d,defaultValue:F,onValueChange:w,values:G,defaultValues:S,onValuesChange:q,search:h,clickToRemove:H=!0,overflowBehavior:P="wrap-when-open",disabled:I,onChange:f,onFocus:C,onBlur:k,required:b},R)=>{const u=n.useId(),[T,_]=n.useState(d??F??"");n.useEffect(()=>{!p&&d!==void 0&&_(d)},[p,d]);const A=n.useCallback(l=>{const r=l||"";d===void 0&&_(r),w?.(r),f?.(r)},[w,f,d]),D=n.useCallback(l=>{q?.(l),f?.(l)},[q,f]),J={default:"ds:text-muted-foreground",success:"ds:text-success",warning:"ds:text-warning",error:"ds:text-error"},E=c?t==="xl"||t==="lg"?t:"xl":t,K=n.useMemo(()=>{const l=new Map;return g.forEach(r=>{const s=r.group;l.has(s)||l.set(s,[]),l.get(s).push(r)}),l},[g]);return e.jsx("div",{className:M,children:e.jsxs("div",{ref:R,className:o.cn("ds:flex ds:flex-col ds:gap-1.5 ds:relative",{"ds:floating-label ds:relative":c}),children:[!c&&x&&e.jsxs(X.Label,{htmlFor:u,className:"ds:flex ds:gap-2 ds:text-sm ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70",children:[e.jsxs("span",{children:[x,b&&e.jsx("span",{className:"ds:text-error ds:ml-0.5",children:"*"})]}),j&&e.jsx(W.Tooltip,{content:j,children:e.jsx(U.Info,{className:"ds:size-3.5 ds:min-w-3.5"})})]}),e.jsx("div",{className:"ds:relative",children:p?e.jsxs(a.MultiSelect,{values:G,defaultValues:typeof S=="string"?[S]:S,onValuesChange:D,children:[e.jsx(a.MultiSelectTrigger,{id:u,disabled:I,className:o.cn("ds:peer ds:w-full",{"ds:pt-5 ds:pb-1":c&&t!=="lg"},M),size:E,state:m,onFocus:C,onBlur:k,children:e.jsx(a.MultiSelectValue,{placeholder:N,clickToRemove:H&&y,overflowBehavior:P})}),c&&e.jsx(O.FloatingLabel,{htmlFor:u,size:t,infoTooltip:j,required:b,children:x}),e.jsx(a.MultiSelectContent,{search:h,children:[...K.entries()].map(([l,r])=>l?e.jsxs(n.Fragment,{children:[e.jsx(a.MultiSelectGroup,{heading:l,children:r.map(s=>e.jsx(a.MultiSelectItem,{value:s.value,disabled:s?.disabled,icon:s?.icon,tagRender:!!i,children:i?i(s):s.label},s.value))}),e.jsx(a.MultiSelectSeparator,{})]},l):r.map(s=>e.jsx(a.MultiSelectItem,{value:s.value,disabled:s?.disabled,icon:s?.icon,tagRender:!!i,children:i?i(s):s.label},s.value)))})]}):e.jsxs(e.Fragment,{children:[e.jsx(Q.Combobox,{value:d??T,options:g,placeHolder:N,emptyText:typeof h=="object"?h.emptyMessage:"No results found",onChange:A,clearable:y,disabled:I,id:u,className:o.cn("ds:peer ds:w-full ds:justify-start",{"ds:pt-5 ds:pb-1":c&&t!=="lg"}),size:E,state:m,dropdownClassName:o.cn("ds:opacity-40",{"ds:translate-y-[-8px]":c&&t!=="lg"}),searchable:!!h,tagRender:i,onFocus:C,onBlur:k}),c&&e.jsx(O.FloatingLabel,{htmlFor:u,size:t,infoTooltip:j,required:b,shouldFloat:!!(d??T),className:"ds:pointer-events-none",children:x})]})}),v&&e.jsx("p",{className:o.cn("ds:text-xs",m?J[m]:""),children:v})]})})});V.displayName="Select";exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),a=require("../../packages/ui/src/components/select.cjs"),W=require("../../packages/ui/src/components/combobox.cjs"),x=require("../../packages/ui/src/lib/utils.cjs"),G=require("../FloatLabel.cjs"),X=require("lucide-react"),Y=require("../Tooltip/Tooltip.cjs"),Z=require("../../packages/ui/src/components/label.cjs"),H=n.forwardRef(({className:M,label:h,helperText:v,state:o="default",size:t="normal",isFloatLabel:d,infoTooltip:m,clearable:y=!1,placeholder:N="",options:p=[],tagRender:i,multiple:g=!1,value:r,defaultValue:P,onValueChange:w,values:R,defaultValues:b,onValuesChange:q,search:j,onSearchChange:I,shouldFilter:k,clickToRemove:A=!0,overflowBehavior:D="wrap-when-open",disabled:C,onChange:f,onFocus:T,onBlur:_,required:S},F)=>{const u=n.useId(),[E,O]=n.useState(r??P??"");n.useEffect(()=>{!g&&r!==void 0&&O(r)},[g,r]);const J=n.useCallback(l=>{const c=l||"";r===void 0&&O(c),w?.(c),f?.(c)},[w,f,r]),K=n.useCallback(l=>{q?.(l),f?.(l)},[q,f]),Q={default:"ds:text-muted-foreground",success:"ds:text-success",warning:"ds:text-warning",error:"ds:text-error"},V=d?t==="xl"||t==="lg"?t:"xl":t,U=n.useMemo(()=>{const l=new Map;return p.forEach(c=>{const s=c.group;l.has(s)||l.set(s,[]),l.get(s).push(c)}),l},[p]);return e.jsx("div",{className:M,children:e.jsxs("div",{ref:F,className:x.cn("ds:flex ds:flex-col ds:gap-1.5 ds:relative",{"ds:floating-label ds:relative":d}),children:[!d&&h&&e.jsxs(Z.Label,{htmlFor:u,className:"ds:flex ds:gap-2 ds:text-sm ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70",children:[e.jsxs("span",{children:[h,S&&e.jsx("span",{className:"ds:text-error ds:ml-0.5",children:"*"})]}),m&&e.jsx(Y.Tooltip,{content:m,children:e.jsx(X.Info,{className:"ds:size-3.5 ds:min-w-3.5"})})]}),e.jsx("div",{className:"ds:relative",children:g?e.jsxs(a.MultiSelect,{values:R,defaultValues:typeof b=="string"?[b]:b,onValuesChange:K,children:[e.jsx(a.MultiSelectTrigger,{id:u,disabled:C,className:x.cn("ds:peer ds:w-full",{"ds:pt-5 ds:pb-1":d&&t!=="lg"},M),size:V,state:o,onFocus:T,onBlur:_,children:e.jsx(a.MultiSelectValue,{placeholder:N,clickToRemove:A&&y,overflowBehavior:D})}),d&&e.jsx(G.FloatingLabel,{htmlFor:u,size:t,infoTooltip:m,required:S}),e.jsx(a.MultiSelectContent,{search:j,onSearchChange:I,shouldFilter:k,children:[...U.entries()].map(([l,c])=>l?e.jsxs(n.Fragment,{children:[e.jsx(a.MultiSelectGroup,{heading:l,children:c.map(s=>e.jsx(a.MultiSelectItem,{value:s.value,disabled:s?.disabled,icon:s?.icon,tagRender:!!i,children:i?i(s):s.label},s.value))}),e.jsx(a.MultiSelectSeparator,{})]},l):c.map(s=>e.jsx(a.MultiSelectItem,{value:s.value,disabled:s?.disabled,icon:s?.icon,tagRender:!!i,children:i?i(s):s.label},s.value)))})]}):e.jsxs(e.Fragment,{children:[e.jsx(W.Combobox,{value:r??E,options:p,placeHolder:N,emptyText:typeof j=="object"?j.emptyMessage:"No results found",onChange:J,clearable:y,disabled:C,id:u,className:x.cn("ds:peer ds:w-full ds:justify-start",{"ds:pt-5 ds:pb-1":d&&t!=="lg"}),size:V,state:o,dropdownClassName:x.cn("ds:opacity-40",{"ds:translate-y-[-8px]":d&&t!=="lg"}),searchable:!!j,onSearchChange:I,shouldFilter:k,tagRender:i,onFocus:T,onBlur:_}),d&&e.jsx(G.FloatingLabel,{htmlFor:u,size:t,infoTooltip:m,required:S,shouldFloat:!!(r??E),className:"ds:pointer-events-none",children:h})]})}),v&&e.jsx("p",{className:x.cn("ds:text-xs",o?Q[o]:""),children:v})]})})});H.displayName="Select";exports.default=H;

package/dist/cjs/packages/ui/src/components/combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),l=require("lucide-react"),q=require("class-variance-authority"),o=require("./command.cjs"),m=require("./popover.cjs"),a=require("../lib/utils.cjs"),v=require("./label.cjs");function P(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(i,t,c.get?c:{enumerable:!0,get:()=>d[t]})}}return i.default=d,Object.freeze(i)}const h=P(O),S=q.cva("ds:justify-between ds:relative ds:dark:bg-background ds:dark:hover:bg-input/50 ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:border-border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",{variants:{size:{xs:"ds:h-6 ds:text-xs ds:px-2 ds:py-0.5",sm:"ds:h-8 ds:text-sm ds:px-2.5 ds:py-1",normal:"ds:h-9 ds:px-3 ds:py-1",lg:"ds:h-11 ds:px-4 ds:py-2",xl:"ds:h-14 ds:px-5 ds:py-3"},state:{default:"",success:"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",error:"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",warning:"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"}},defaultVariants:{size:"normal",state:"default"}});function D({value:d,options:i,placeHolder:t,emptyText:c,onChange:b,clearable:g,className:j,dropdownClassName:p,children:y,size:r,state:w="default",searchable:C=!0,tagRender:x,disabled:n,...N}){const[u,f]=h.useState(!1),k=h.useCallback(s=>{n||f(s)},[n]);return e.jsxs(m.Popover,{open:u,onOpenChange:k,modal:!0,children:[e.jsx(m.PopoverTrigger,{asChild:!0,...N,disabled:n,children:y??e.jsxs(v.Label,{"aria-disabled":n||void 0,"data-disabled":n||void 0,className:a.cn(S({size:r,state:w}),n&&"ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",j),children:[e.jsx("span",{className:a.cn("ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left",{"ds:pr-8":g}),children:d?i?.find(s=>s.value===d)?.label:t}),u&&e.jsx(l.ChevronUp,{className:a.cn("ds:z-10 ds:opacity-50",{"ds:size-4 ds:min-w-4":r==="sm"||r==="xs","ds:size-5 ds:min-w-5":r==="lg"||r==="xl"},p)}),!u&&e.jsx(l.ChevronDown,{className:a.cn("ds:z-10 ds:opacity-50",{"ds:size-4 ds:min-w-4":r==="sm"||r==="xs","ds:size-5 ds:min-w-5":r==="lg"||r==="xl"},p)})]})}),g&&d&&!n&&e.jsx(v.Label,{onClick:s=>{s.stopPropagation(),b?.("")},className:"ds:absolute ds:right-11 ds:top-1/2 ds:-translate-y-1/2 ds:rounded-sm ds:p-1 ds:text-muted-foreground ds:hover:bg-accent ds:hover:text-accent-foreground ds:cursor-pointer ds:size-6 ds:opacity-50",children:e.jsx(l.X,{className:"ds:h-4 ds:w-4"})}),e.jsx(m.PopoverContent,{className:a.cn("ds:p-0 ds:w-(--radix-popover-trigger-width)"),onInteractOutside:s=>{s.target.closest('[data-slot="popover-trigger"]')&&s.preventDefault()},children:e.jsxs(o.Command,{children:[C&&e.jsx(o.CommandInput,{placeholder:t,className:"ds:h-9"}),e.jsxs(o.CommandList,{children:[e.jsx(o.CommandEmpty,{children:c||"Not found"}),e.jsx(o.CommandGroup,{children:i?.map(s=>e.jsxs(o.CommandItem,{value:String(s.label),onSelect:s?.disabled?void 0:()=>{b?.(s.value),f(!1)},className:a.cn(s?.disabled&&"ds:opacity-50 ds:cursor-not-allowed ds:grayscale",d===s.value&&"ds:bg-primary/10 ds:dark:bg-primary/20"),children:[x?x(s):e.jsxs(e.Fragment,{children:[s.icon&&e.jsx("span",{className:"ds:mr-2 ds:max-w-4 ds:max-h-4",children:s.icon}),s.label]}),e.jsx(l.Check,{className:a.cn("ds:ml-auto",d===s.value?"ds:opacity-100":"ds:opacity-0")})]},s.value))})]})]})})]})}exports.Combobox=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("react"),l=require("lucide-react"),S=require("class-variance-authority"),o=require("./command.cjs"),m=require("./popover.cjs"),a=require("../lib/utils.cjs"),v=require("./label.cjs");function D(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(i,t,c.get?c:{enumerable:!0,get:()=>d[t]})}}return i.default=d,Object.freeze(i)}const h=D(P),V=S.cva("ds:justify-between ds:relative ds:dark:bg-background ds:dark:hover:bg-input/50 ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:border-border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",{variants:{size:{xs:"ds:h-6 ds:text-xs ds:px-2 ds:py-0.5",sm:"ds:h-8 ds:text-sm ds:px-2.5 ds:py-1",normal:"ds:h-9 ds:px-3 ds:py-1",lg:"ds:h-11 ds:px-4 ds:py-2",xl:"ds:h-14 ds:px-5 ds:py-3"},state:{default:"",success:"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",error:"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",warning:"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"}},defaultVariants:{size:"normal",state:"default"}});function I({value:d,options:i,placeHolder:t,emptyText:c,onChange:b,onSearchChange:j,shouldFilter:y,clearable:g,className:w,dropdownClassName:p,children:C,size:r,state:N="default",searchable:k=!0,tagRender:x,disabled:n,...O}){const[u,f]=h.useState(!1),q=h.useCallback(s=>{n||f(s)},[n]);return e.jsxs(m.Popover,{open:u,onOpenChange:q,modal:!0,children:[e.jsx(m.PopoverTrigger,{asChild:!0,...O,disabled:n,children:C??e.jsxs(v.Label,{"aria-disabled":n||void 0,"data-disabled":n||void 0,className:a.cn(V({size:r,state:N}),n&&"ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",w),children:[e.jsx("span",{className:a.cn("ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left",{"ds:pr-8":g}),children:d?i?.find(s=>s.value===d)?.label:t}),u&&e.jsx(l.ChevronUp,{className:a.cn("ds:z-10 ds:opacity-50",{"ds:size-4 ds:min-w-4":r==="sm"||r==="xs","ds:size-5 ds:min-w-5":r==="lg"||r==="xl"},p)}),!u&&e.jsx(l.ChevronDown,{className:a.cn("ds:z-10 ds:opacity-50",{"ds:size-4 ds:min-w-4":r==="sm"||r==="xs","ds:size-5 ds:min-w-5":r==="lg"||r==="xl"},p)})]})}),g&&d&&!n&&e.jsx(v.Label,{onClick:s=>{s.stopPropagation(),b?.("")},className:"ds:absolute ds:right-11 ds:top-1/2 ds:-translate-y-1/2 ds:rounded-sm ds:p-1 ds:text-muted-foreground ds:hover:bg-accent ds:hover:text-accent-foreground ds:cursor-pointer ds:size-6 ds:opacity-50",children:e.jsx(l.X,{className:"ds:h-4 ds:w-4"})}),e.jsx(m.PopoverContent,{className:a.cn("ds:p-0 ds:w-(--radix-popover-trigger-width)"),onInteractOutside:s=>{s.target.closest('[data-slot="popover-trigger"]')&&s.preventDefault()},children:e.jsxs(o.Command,{shouldFilter:y,children:[k&&e.jsx(o.CommandInput,{placeholder:t,className:"ds:h-9",onValueChange:j}),e.jsxs(o.CommandList,{children:[e.jsx(o.CommandEmpty,{children:c||"Not found"}),e.jsx(o.CommandGroup,{children:i?.map(s=>e.jsxs(o.CommandItem,{value:String(s.label),onSelect:s?.disabled?void 0:()=>{b?.(s.value),f(!1)},className:a.cn(s?.disabled&&"ds:opacity-50 ds:cursor-not-allowed ds:grayscale",d===s.value&&"ds:bg-primary/10 ds:dark:bg-primary/20"),children:[x?x(s):e.jsxs(e.Fragment,{children:[s.icon&&e.jsx("span",{className:"ds:mr-2 ds:max-w-4 ds:max-h-4",children:s.icon}),s.label]}),e.jsx(l.Check,{className:a.cn("ds:ml-auto",d===s.value?"ds:opacity-100":"ds:opacity-0")})]},s.value))})]})]})})]})}exports.Combobox=I;

package/dist/cjs/packages/ui/src/components/select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("lucide-react"),P=require("class-variance-authority"),v=require("../lib/utils.cjs"),p=require("./command.cjs"),k=require("./popover.cjs"),o=require("react"),I=require("./badge.cjs"),z=require("./label.cjs");function E(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const n=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(t,d,n.get?n:{enumerable:!0,get:()=>e[d]})}}return t.default=e,Object.freeze(t)}const O=E(o),_=P.cva("ds:flex ds:h-auto ds:w-fit ds:items-center ds:justify-between ds:gap-2 ds:overflow-hidden ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:data-[placeholder]:text-muted-foreground ds:dark:bg-background ds:dark:hover:bg-input/50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4 ds:[&_svg:not([class*='text-'])]:text-muted-foreground",{variants:{size:{xs:"ds:min-h-6 ds:text-xs ds:px-2 ds:py-0.5",sm:"ds:min-h-8 ds:text-sm ds:px-2.5 ds:py-1",normal:"ds:min-h-9 ds:px-3 ds:py-1.5",lg:"ds:min-h-11 ds:px-4 ds:py-2",xl:"ds:min-h-14 ds:px-5 ds:py-3"},state:{default:"ds:border-input ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:border-destructive ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40",success:"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",error:"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",warning:"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"}},defaultVariants:{size:"normal",state:"default"}}),q=o.createContext(null);function A({children:e,values:t,defaultValues:d,onValuesChange:n}){const[a,i]=o.useState(!1),[g,u]=o.useState(new Set(t??d)),y=t?new Set(t):g,[x,w]=o.useState(new Map);function S(m){const f=h=>{const r=new Set(h);return r.has(m)?r.delete(m):r.add(m),r};u(f),n?.([...f(y)])}const M=o.useCallback((m,f)=>{w(h=>h.get(m)===f?h:new Map(h).set(m,f))},[]);return s.jsx(q,{value:{open:a,setOpen:i,selectedValues:y,toggleValue:S,items:x,onItemAdded:M},children:s.jsx(k.Popover,{open:a,onOpenChange:i,children:e})})}function R({className:e,dropdownClassName:t,children:d,size:n,state:a="default",disabled:i,...g}){const{open:u}=V();return s.jsx(k.PopoverTrigger,{asChild:!0,disabled:i,children:s.jsxs(z.Label,{"aria-disabled":i||void 0,"data-disabled":i||void 0,className:v.cn(_({size:n,state:a}),i&&"ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",e),children:[d,u&&s.jsx(C.ChevronUp,{className:v.cn("ds:z-10 ds:opacity-50",{"ds:size-4":n==="sm"||n==="xs","ds:size-5":n==="lg"||n==="xl"},t)}),!u&&s.jsx(C.ChevronDown,{className:v.cn("ds:z-10 ds:opacity-50",{"ds:size-4":n==="sm"||n==="xs","ds:size-5":n==="lg"||n==="xl"},t)})]})})}function D({placeholder:e,clickToRemove:t=!0,className:d,overflowBehavior:n="wrap-when-open",...a}){const{selectedValues:i,toggleValue:g,items:u,open:y}=V(),[x,w]=o.useState(0),S=o.useRef(null),M=o.useRef(null),m=n==="wrap"||n==="wrap-when-open"&&y,f=o.useCallback(()=>{if(S.current==null)return;const r=S.current,l=M.current,b=r.querySelectorAll("[data-selected-item]");l!=null&&(l.style.display="none"),b.forEach(c=>c.style.removeProperty("display"));let j=0;for(let c=b.length-1;c>=0;c--){const N=b[c];if(r.scrollWidth<=r.clientWidth)break;j=b.length-c,N.style.display="none",l?.style.removeProperty("display")}w(j)},[]),h=o.useCallback(r=>{S.current=r;const l=new ResizeObserver(f);return l.observe(r),()=>{l.disconnect(),S.current=null}},[f]);return i.size===0&&e?s.jsx("span",{className:"ds:min-w-0 ds:overflow-hidden ds:font-normal ds:text-muted-foreground",children:e}):s.jsxs("div",{...a,ref:h,className:v.cn("ds:flex ds:w-fit ds:gap-1.5 ds:overflow-hidden",m&&"ds:h-full ds:flex-wrap",d),children:[[...i].filter(r=>u.has(r)).map(r=>{const l=u.get(r),b=j=>{j.stopPropagation(),g(r)};if(O.isValidElement(l)){const j=typeof l.type=="string"&&["div","span","button","a"].includes(l.type),c=l,N=j?{key:r,onClick:t?b:void 0,className:v.cn(c.props.className,"ds:group ds:flex ds:items-center ds:gap-1 ds:whitespace-nowrap ds:hover:scale-105 ds:transition-transform",{"ds:cursor-pointer":t}),"data-selected-item":!0}:{key:r,"data-selected-item":!0};return O.cloneElement(c,N,s.jsxs(s.Fragment,{children:[c.props.children,t&&s.jsx(C.XIcon,{className:"ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive"})]}))}return s.jsxs(I.Badge,{variant:"outline","data-selected-item":!0,className:"ds:group ds:flex ds:items-center ds:gap-1",onClick:t?b:void 0,children:[l,t&&s.jsx(C.XIcon,{className:"ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive"})]},r)}),s.jsxs(I.Badge,{style:{display:x>0&&!m?"block":"none"},variant:"outline",ref:M,children:["+",x]})]})}function F({search:e=!0,children:t,...d}){const n=typeof e=="object"?!0:e;return s.jsxs(s.Fragment,{children:[s.jsx("div",{style:{display:"none"},children:s.jsx(p.Command,{children:s.jsx(p.CommandList,{children:t})})}),s.jsx(k.PopoverContent,{className:"ds:min-w-[var(--radix-popover-trigger-width)] ds:p-0",children:s.jsxs(p.Command,{...d,children:[n?s.jsx(p.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):s.jsx("button",{autoFocus:!0,className:"ds:sr-only"}),s.jsxs(p.CommandList,{children:[n&&s.jsx(p.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),t]})]})})]})}function G({value:e,children:t,badgeLabel:d,onSelect:n,icon:a,tagRender:i,...g}){const{toggleValue:u,selectedValues:y,onItemAdded:x}=V(),w=y.has(e);return o.useEffect(()=>{x(e,d??t)},[e,t,x,d]),s.jsxs(p.CommandItem,{...g,onSelect:g?.disabled?void 0:()=>{u(e),n?.(e)},className:v.cn(g?.disabled&&"ds:opacity-50 ds:cursor-not-allowed ds:grayscale",w&&"ds:bg-primary/10 ds:dark:bg-primary/20"),children:[!i&&a&&s.jsx("span",{className:"ds:mr-2 ds:max-w-4 ds:max-h-4",children:a}),t,s.jsx(C.CheckIcon,{className:v.cn("ds:mr-2 ds:ml-auto ds:size-4",w?"ds:opacity-100":"ds:opacity-0")})]})}function W(e){return s.jsx(p.CommandGroup,{...e})}function L(e){return s.jsx(p.CommandSeparator,{...e})}function V(){const e=o.useContext(q);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=A;exports.MultiSelectContent=F;exports.MultiSelectGroup=W;exports.MultiSelectItem=G;exports.MultiSelectSeparator=L;exports.MultiSelectTrigger=R;exports.MultiSelectValue=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("lucide-react"),P=require("class-variance-authority"),v=require("../lib/utils.cjs"),p=require("./command.cjs"),V=require("./popover.cjs"),o=require("react"),I=require("./badge.cjs"),z=require("./label.cjs");function E(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const n=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(t,d,n.get?n:{enumerable:!0,get:()=>e[d]})}}return t.default=e,Object.freeze(t)}const O=E(o),_=P.cva("ds:flex ds:h-auto ds:w-fit ds:items-center ds:justify-between ds:gap-2 ds:overflow-hidden ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:data-[placeholder]:text-muted-foreground ds:dark:bg-background ds:dark:hover:bg-input/50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4 ds:[&_svg:not([class*='text-'])]:text-muted-foreground",{variants:{size:{xs:"ds:min-h-6 ds:text-xs ds:px-2 ds:py-0.5",sm:"ds:min-h-8 ds:text-sm ds:px-2.5 ds:py-1",normal:"ds:min-h-9 ds:px-3 ds:py-1.5",lg:"ds:min-h-11 ds:px-4 ds:py-2",xl:"ds:min-h-14 ds:px-5 ds:py-3"},state:{default:"ds:border-input ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:border-destructive ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40",success:"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",error:"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",warning:"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"}},defaultVariants:{size:"normal",state:"default"}}),q=o.createContext(null);function A({children:e,values:t,defaultValues:d,onValuesChange:n}){const[i,l]=o.useState(!1),[g,u]=o.useState(new Set(t??d)),y=t?new Set(t):g,[x,w]=o.useState(new Map);function S(m){const f=h=>{const r=new Set(h);return r.has(m)?r.delete(m):r.add(m),r};u(f),n?.([...f(y)])}const M=o.useCallback((m,f)=>{w(h=>h.get(m)===f?h:new Map(h).set(m,f))},[]);return s.jsx(q,{value:{open:i,setOpen:l,selectedValues:y,toggleValue:S,items:x,onItemAdded:M},children:s.jsx(V.Popover,{open:i,onOpenChange:l,children:e})})}function R({className:e,dropdownClassName:t,children:d,size:n,state:i="default",disabled:l,...g}){const{open:u}=k();return s.jsx(V.PopoverTrigger,{asChild:!0,disabled:l,children:s.jsxs(z.Label,{"aria-disabled":l||void 0,"data-disabled":l||void 0,className:v.cn(_({size:n,state:i}),l&&"ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",e),children:[d,u&&s.jsx(C.ChevronUp,{className:v.cn("ds:z-10 ds:opacity-50",{"ds:size-4":n==="sm"||n==="xs","ds:size-5":n==="lg"||n==="xl"},t)}),!u&&s.jsx(C.ChevronDown,{className:v.cn("ds:z-10 ds:opacity-50",{"ds:size-4":n==="sm"||n==="xs","ds:size-5":n==="lg"||n==="xl"},t)})]})})}function D({placeholder:e,clickToRemove:t=!0,className:d,overflowBehavior:n="wrap-when-open",...i}){const{selectedValues:l,toggleValue:g,items:u,open:y}=k(),[x,w]=o.useState(0),S=o.useRef(null),M=o.useRef(null),m=n==="wrap"||n==="wrap-when-open"&&y,f=o.useCallback(()=>{if(S.current==null)return;const r=S.current,a=M.current,b=r.querySelectorAll("[data-selected-item]");a!=null&&(a.style.display="none"),b.forEach(c=>c.style.removeProperty("display"));let j=0;for(let c=b.length-1;c>=0;c--){const N=b[c];if(r.scrollWidth<=r.clientWidth)break;j=b.length-c,N.style.display="none",a?.style.removeProperty("display")}w(j)},[]),h=o.useCallback(r=>{S.current=r;const a=new ResizeObserver(f);return a.observe(r),()=>{a.disconnect(),S.current=null}},[f]);return l.size===0&&e?s.jsx("span",{className:"ds:min-w-0 ds:overflow-hidden ds:font-normal ds:text-muted-foreground",children:e}):s.jsxs("div",{...i,ref:h,className:v.cn("ds:flex ds:w-fit ds:gap-1.5 ds:overflow-hidden",m&&"ds:h-full ds:flex-wrap",d),children:[[...l].filter(r=>u.has(r)).map(r=>{const a=u.get(r),b=j=>{j.stopPropagation(),g(r)};if(O.isValidElement(a)){const j=typeof a.type=="string"&&["div","span","button","a"].includes(a.type),c=a,N=j?{key:r,onClick:t?b:void 0,className:v.cn(c.props.className,"ds:group ds:flex ds:items-center ds:gap-1 ds:whitespace-nowrap ds:hover:scale-105 ds:transition-transform",{"ds:cursor-pointer":t}),"data-selected-item":!0}:{key:r,"data-selected-item":!0};return O.cloneElement(c,N,s.jsxs(s.Fragment,{children:[c.props.children,t&&s.jsx(C.XIcon,{className:"ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive"})]}))}return s.jsxs(I.Badge,{variant:"outline","data-selected-item":!0,className:"ds:group ds:flex ds:items-center ds:gap-1",onClick:t?b:void 0,children:[a,t&&s.jsx(C.XIcon,{className:"ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive"})]},r)}),s.jsxs(I.Badge,{style:{display:x>0&&!m?"block":"none"},variant:"outline",ref:M,children:["+",x]})]})}function F({search:e=!0,onSearchChange:t,children:d,...n}){const i=typeof e=="object"?!0:e;return s.jsxs(s.Fragment,{children:[s.jsx("div",{style:{display:"none"},children:s.jsx(p.Command,{children:s.jsx(p.CommandList,{children:d})})}),s.jsx(V.PopoverContent,{className:"ds:min-w-[var(--radix-popover-trigger-width)] ds:p-0",children:s.jsxs(p.Command,{...n,children:[i?s.jsx(p.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0,onValueChange:t}):s.jsx("button",{type:"button","aria-label":"Search",autoFocus:!0,className:"ds:sr-only"}),s.jsxs(p.CommandList,{children:[i&&s.jsx(p.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),d]})]})})]})}function G({value:e,children:t,badgeLabel:d,onSelect:n,icon:i,tagRender:l,...g}){const{toggleValue:u,selectedValues:y,onItemAdded:x}=k(),w=y.has(e);return o.useEffect(()=>{x(e,d??t)},[e,t,x,d]),s.jsxs(p.CommandItem,{...g,onSelect:g?.disabled?void 0:()=>{u(e),n?.(e)},className:v.cn(g?.disabled&&"ds:opacity-50 ds:cursor-not-allowed ds:grayscale",w&&"ds:bg-primary/10 ds:dark:bg-primary/20"),children:[!l&&i&&s.jsx("span",{className:"ds:mr-2 ds:max-w-4 ds:max-h-4",children:i}),t,s.jsx(C.CheckIcon,{className:v.cn("ds:mr-2 ds:ml-auto ds:size-4",w?"ds:opacity-100":"ds:opacity-0")})]})}function W(e){return s.jsx(p.CommandGroup,{...e})}function L(e){return s.jsx(p.CommandSeparator,{...e})}function k(){const e=o.useContext(q);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=A;exports.MultiSelectContent=F;exports.MultiSelectGroup=W;exports.MultiSelectItem=G;exports.MultiSelectSeparator=L;exports.MultiSelectTrigger=R;exports.MultiSelectValue=D;

package/dist/esm/components/Select/Select.js

@@ -1,64 +1,66 @@
-import { jsx as s, jsxs as m, Fragment as X } from "react/jsx-runtime";
-import n from "react";
-import { MultiSelect as Y, MultiSelectTrigger as Z, MultiSelectValue as $, MultiSelectContent as B, MultiSelectGroup as F, MultiSelectItem as H, MultiSelectSeparator as R } from "../../packages/ui/src/components/select.js";
-import { Combobox as q } from "../../packages/ui/src/components/combobox.js";
+import { jsx as s, jsxs as m, Fragment as Z } from "react/jsx-runtime";
+import a from "react";
+import { MultiSelect as $, MultiSelectTrigger as B, MultiSelectValue as R, MultiSelectContent as q, MultiSelectGroup as F, MultiSelectItem as T, MultiSelectSeparator as z } from "../../packages/ui/src/components/select.js";
+import { Combobox as L } from "../../packages/ui/src/components/combobox.js";
 import { cn as o } from "../../packages/ui/src/lib/utils.js";
-import { FloatingLabel as O } from "../FloatLabel.js";
-import { Info as z } from "lucide-react";
-import { Tooltip as L } from "../Tooltip/Tooltip.js";
-import { Label as ee } from "../../packages/ui/src/components/label.js";
-const se = n.forwardRef(
+import { FloatingLabel as A } from "../FloatLabel.js";
+import { Info as ee } from "lucide-react";
+import { Tooltip as se } from "../Tooltip/Tooltip.js";
+import { Label as de } from "../../packages/ui/src/components/label.js";
+const re = a.forwardRef(
   ({
     className: N,
-    label: u,
+    label: x,
     helperText: w,
-    state: f = "default",
+    state: u = "default",
     size: r = "normal",
     isFloatLabel: t,
-    infoTooltip: p,
+    infoTooltip: f,
     clearable: y = !1,
     placeholder: b = "",
     options: g = [],
-    tagRender: a,
+    tagRender: n,
     multiple: S = !1,
     value: c,
-    defaultValue: T,
+    defaultValue: D,
     onValueChange: I,
-    values: A,
+    values: J,
     defaultValues: v,
     onValuesChange: j,
-    search: h,
-    clickToRemove: D = !0,
-    overflowBehavior: J = "wrap-when-open",
-    disabled: C,
-    onChange: x,
-    onFocus: k,
-    onBlur: E,
+    search: p,
+    onSearchChange: k,
+    shouldFilter: C,
+    clickToRemove: K = !0,
+    overflowBehavior: P = "wrap-when-open",
+    disabled: E,
+    onChange: h,
+    onFocus: V,
+    onBlur: _,
     required: M
-  }, K) => {
-    const i = n.useId(), [V, _] = n.useState(
-      c ?? T ?? ""
+  }, Q) => {
+    const i = a.useId(), [G, H] = a.useState(
+      c ?? D ?? ""
     );
-    n.useEffect(() => {
-      !S && c !== void 0 && _(c);
+    a.useEffect(() => {
+      !S && c !== void 0 && H(c);
     }, [S, c]);
-    const P = n.useCallback(
+    const U = a.useCallback(
       (d) => {
         const l = d || "";
-        c === void 0 && _(l), I?.(l), x?.(l);
+        c === void 0 && H(l), I?.(l), h?.(l);
       },
-      [I, x, c]
-    ), Q = n.useCallback(
+      [I, h, c]
+    ), W = a.useCallback(
       (d) => {
-        j?.(d), x?.(d);
+        j?.(d), h?.(d);
       },
-      [j, x]
-    ), U = {
+      [j, h]
+    ), X = {
       default: "ds:text-muted-foreground",
       success: "ds:text-success",
       warning: "ds:text-warning",
       error: "ds:text-error"
-    }, G = t ? r === "xl" || r === "lg" ? r : "xl" : r, W = n.useMemo(() => {
+    }, O = t ? r === "xl" || r === "lg" ? r : "xl" : r, Y = a.useMemo(() => {
       const d = /* @__PURE__ */ new Map();
       return g.forEach((l) => {
         const e = l.group;
@@ -68,39 +70,39 @@ const se = n.forwardRef(
     return /* @__PURE__ */ s("div", { className: N, children: /* @__PURE__ */ m(
       "div",
       {
-        ref: K,
+        ref: Q,
         className: o("ds:flex ds:flex-col ds:gap-1.5 ds:relative", {
           "ds:floating-label ds:relative": t
         }),
         children: [
-          !t && u && /* @__PURE__ */ m(
-            ee,
+          !t && x && /* @__PURE__ */ m(
+            de,
             {
               htmlFor: i,
               className: "ds:flex ds:gap-2 ds:text-sm ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70",
               children: [
                 /* @__PURE__ */ m("span", { children: [
-                  u,
+                  x,
                   M && /* @__PURE__ */ s("span", { className: "ds:text-error ds:ml-0.5", children: "*" })
                 ] }),
-                p && /* @__PURE__ */ s(L, { content: p, children: /* @__PURE__ */ s(z, { className: "ds:size-3.5 ds:min-w-3.5" }) })
+                f && /* @__PURE__ */ s(se, { content: f, children: /* @__PURE__ */ s(ee, { className: "ds:size-3.5 ds:min-w-3.5" }) })
               ]
             }
           ),
           /* @__PURE__ */ s("div", { className: "ds:relative", children: S ? (
             // Multi Mode
             /* @__PURE__ */ m(
-              Y,
+              $,
               {
-                values: A,
+                values: J,
                 defaultValues: typeof v == "string" ? [v] : v,
-                onValuesChange: Q,
+                onValuesChange: W,
                 children: [
                   /* @__PURE__ */ s(
-                    Z,
+                    B,
                     {
                       id: i,
-                      disabled: C,
+                      disabled: E,
                       className: o(
                         "ds:peer ds:w-full",
                         {
@@ -108,70 +110,77 @@ const se = n.forwardRef(
                         },
                         N
                       ),
-                      size: G,
-                      state: f,
-                      onFocus: k,
-                      onBlur: E,
+                      size: O,
+                      state: u,
+                      onFocus: V,
+                      onBlur: _,
                       children: /* @__PURE__ */ s(
-                        $,
+                        R,
                         {
                           placeholder: b,
-                          clickToRemove: D && y,
-                          overflowBehavior: J
+                          clickToRemove: K && y,
+                          overflowBehavior: P
                         }
                       )
                     }
                   ),
                   t && /* @__PURE__ */ s(
-                    O,
+                    A,
                     {
                       htmlFor: i,
                       size: r,
-                      infoTooltip: p,
-                      required: M,
-                      children: u
+                      infoTooltip: f,
+                      required: M
                     }
                   ),
-                  /* @__PURE__ */ s(B, { search: h, children: [...W.entries()].map(([d, l]) => d ? /* @__PURE__ */ m(n.Fragment, { children: [
-                    /* @__PURE__ */ s(F, { heading: d, children: l.map((e) => /* @__PURE__ */ s(
-                      H,
-                      {
-                        value: e.value,
-                        disabled: e?.disabled,
-                        icon: e?.icon,
-                        tagRender: !!a,
-                        children: a ? a(e) : e.label
-                      },
-                      e.value
-                    )) }),
-                    /* @__PURE__ */ s(R, {})
-                  ] }, d) : l.map((e) => /* @__PURE__ */ s(
-                    H,
+                  /* @__PURE__ */ s(
+                    q,
                     {
-                      value: e.value,
-                      disabled: e?.disabled,
-                      icon: e?.icon,
-                      tagRender: !!a,
-                      children: a ? a(e) : e.label
-                    },
-                    e.value
-                  ))) })
+                      search: p,
+                      onSearchChange: k,
+                      shouldFilter: C,
+                      children: [...Y.entries()].map(([d, l]) => d ? /* @__PURE__ */ m(a.Fragment, { children: [
+                        /* @__PURE__ */ s(F, { heading: d, children: l.map((e) => /* @__PURE__ */ s(
+                          T,
+                          {
+                            value: e.value,
+                            disabled: e?.disabled,
+                            icon: e?.icon,
+                            tagRender: !!n,
+                            children: n ? n(e) : e.label
+                          },
+                          e.value
+                        )) }),
+                        /* @__PURE__ */ s(z, {})
+                      ] }, d) : l.map((e) => /* @__PURE__ */ s(
+                        T,
+                        {
+                          value: e.value,
+                          disabled: e?.disabled,
+                          icon: e?.icon,
+                          tagRender: !!n,
+                          children: n ? n(e) : e.label
+                        },
+                        e.value
+                      )))
+                    }
+                  )
                 ]
               }
             )
           ) : (
             // Single Mode
-            /* @__PURE__ */ m(X, { children: [
+            /* @__PURE__ */ m(Z, { children: [
               /* @__PURE__ */ s(
-                q,
+                L,
                 {
-                  value: c ?? V,
+                  value: c ?? G,
                   options: g,
                   placeHolder: b,
-                  emptyText: typeof h == "object" ? h.emptyMessage : "No results found",
-                  onChange: P,
+                  emptyText: typeof p == "object" ? p.emptyMessage : "No results found",
+                  onChange: U,
                   clearable: y,
-                  disabled: C,
+                  disabled: E,
                   id: i,
                   className: o(
                     "ds:peer ds:w-full ds:justify-start",
@@ -180,38 +189,46 @@ const se = n.forwardRef(
                     }
                     // className,
                   ),
-                  size: G,
-                  state: f,
+                  size: O,
+                  state: u,
                   dropdownClassName: o("ds:opacity-40", {
                     "ds:translate-y-[-8px]": t && r !== "lg"
                   }),
-                  searchable: !!h,
-                  tagRender: a,
-                  onFocus: k,
-                  onBlur: E
+                  searchable: !!p,
+                  onSearchChange: k,
+                  shouldFilter: C,
+                  tagRender: n,
+                  onFocus: V,
+                  onBlur: _
                 }
               ),
               t && /* @__PURE__ */ s(
-                O,
+                A,
                 {
                   htmlFor: i,
                   size: r,
-                  infoTooltip: p,
+                  infoTooltip: f,
                   required: M,
-                  shouldFloat: !!(c ?? V),
+                  shouldFloat: !!(c ?? G),
                   className: "ds:pointer-events-none",
-                  children: u
+                  children: x
                 }
               )
             ] })
           ) }),
-          w && /* @__PURE__ */ s("p", { className: o("ds:text-xs", f ? U[f] : ""), children: w })
+          w && /* @__PURE__ */ s(
+            "p",
+            {
+              className: o("ds:text-xs", u ? X[u] : ""),
+              children: w
+            }
+          )
         ]
       }
     ) });
   }
 );
-se.displayName = "Select";
+re.displayName = "Select";
 export {
-  se as default
+  re as default
 };

package/dist/esm/packages/ui/src/components/combobox.js

@@ -1,12 +1,12 @@
-import { jsxs as i, jsx as d, Fragment as k } from "react/jsx-runtime";
+import { jsxs as i, jsx as d, Fragment as P } from "react/jsx-runtime";
 import * as b from "react";
-import { ChevronUp as O, ChevronDown as P, X as j, Check as I } from "lucide-react";
-import { cva as S } from "class-variance-authority";
-import { Command as D, CommandInput as L, CommandList as V, CommandEmpty as z, CommandGroup as E, CommandItem as F } from "./command.js";
-import { Popover as G, PopoverTrigger as T, PopoverContent as U } from "./popover.js";
+import { ChevronUp as j, ChevronDown as I, X as S, Check as V } from "lucide-react";
+import { cva as D } from "class-variance-authority";
+import { Command as L, CommandInput as z, CommandList as E, CommandEmpty as F, CommandGroup as G, CommandItem as T } from "./command.js";
+import { Popover as U, PopoverTrigger as X, PopoverContent as q } from "./popover.js";
 import { cn as a } from "../lib/utils.js";
 import { Label as f } from "./label.js";
-const X = S(
+const A = D(
   "ds:justify-between ds:relative ds:dark:bg-background ds:dark:hover:bg-input/50 ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:border-border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",
   {
     variants: {
@@ -30,39 +30,41 @@ const X = S(
     }
   }
 );
-function W({
+function Z({
   value: t,
   options: o,
   placeHolder: l,
   emptyText: v,
   onChange: c,
+  onSearchChange: h,
+  shouldFilter: x,
   clearable: m,
-  className: h,
+  className: w,
   dropdownClassName: u,
-  children: x,
+  children: y,
   size: e,
-  state: w = "default",
-  searchable: y = !0,
+  state: C = "default",
+  searchable: N = !0,
   tagRender: p,
   disabled: r,
-  ...C
+  ...k
 }) {
-  const [n, g] = b.useState(!1), N = b.useCallback(
+  const [n, g] = b.useState(!1), O = b.useCallback(
     (s) => {
       r || g(s);
     },
     [r]
   );
-  return /* @__PURE__ */ i(G, { open: n, onOpenChange: N, modal: !0, children: [
-    /* @__PURE__ */ d(T, { asChild: !0, ...C, disabled: r, children: x ?? /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(U, { open: n, onOpenChange: O, modal: !0, children: [
+    /* @__PURE__ */ d(X, { asChild: !0, ...k, disabled: r, children: y ?? /* @__PURE__ */ i(
       f,
       {
         "aria-disabled": r || void 0,
         "data-disabled": r || void 0,
         className: a(
-          X({ size: e, state: w }),
+          A({ size: e, state: C }),
           r && "ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",
-          h
+          w
         ),
         children: [
           /* @__PURE__ */ d(
@@ -78,7 +80,7 @@ function W({
             }
           ),
           n && /* @__PURE__ */ d(
-            O,
+            j,
             {
               className: a(
                 "ds:z-10 ds:opacity-50",
@@ -91,7 +93,7 @@ function W({
             }
           ),
           !n && /* @__PURE__ */ d(
-            P,
+            I,
             {
               className: a(
                 "ds:z-10 ds:opacity-50",
@@ -113,22 +115,29 @@ function W({
           s.stopPropagation(), c?.("");
         },
         className: "ds:absolute ds:right-11 ds:top-1/2 ds:-translate-y-1/2 ds:rounded-sm ds:p-1 ds:text-muted-foreground ds:hover:bg-accent ds:hover:text-accent-foreground ds:cursor-pointer ds:size-6 ds:opacity-50",
-        children: /* @__PURE__ */ d(j, { className: "ds:h-4 ds:w-4" })
+        children: /* @__PURE__ */ d(S, { className: "ds:h-4 ds:w-4" })
       }
     ),
     /* @__PURE__ */ d(
-      U,
+      q,
       {
         className: a("ds:p-0 ds:w-(--radix-popover-trigger-width)"),
         onInteractOutside: (s) => {
           s.target.closest('[data-slot="popover-trigger"]') && s.preventDefault();
         },
-        children: /* @__PURE__ */ i(D, { children: [
-          y && /* @__PURE__ */ d(L, { placeholder: l, className: "ds:h-9" }),
-          /* @__PURE__ */ i(V, { children: [
-            /* @__PURE__ */ d(z, { children: v || "Not found" }),
-            /* @__PURE__ */ d(E, { children: o?.map((s) => /* @__PURE__ */ i(
-              F,
+        children: /* @__PURE__ */ i(L, { shouldFilter: x, children: [
+          N && /* @__PURE__ */ d(
+            z,
+            {
+              placeholder: l,
+              className: "ds:h-9",
+              onValueChange: h
+            }
+          ),
+          /* @__PURE__ */ i(E, { children: [
+            /* @__PURE__ */ d(F, { children: v || "Not found" }),
+            /* @__PURE__ */ d(G, { children: o?.map((s) => /* @__PURE__ */ i(
+              T,
               {
                 value: String(s.label),
                 onSelect: s?.disabled ? void 0 : () => {
@@ -139,12 +148,12 @@ function W({
                   t === s.value && "ds:bg-primary/10 ds:dark:bg-primary/20"
                 ),
                 children: [
-                  p ? p(s) : /* @__PURE__ */ i(k, { children: [
+                  p ? p(s) : /* @__PURE__ */ i(P, { children: [
                     s.icon && /* @__PURE__ */ d("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: s.icon }),
                     s.label
                   ] }),
                   /* @__PURE__ */ d(
-                    I,
+                    V,
                     {
                       className: a(
                         "ds:ml-auto",
@@ -164,5 +173,5 @@ function W({
   ] });
 }
 export {
-  W as Combobox
+  Z as Combobox
 };

package/dist/esm/packages/ui/src/components/select.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as m, Fragment as O } from "react/jsx-runtime";
+import { jsx as s, jsxs as m, Fragment as O } from "react/jsx-runtime";
 import { ChevronUp as W, ChevronDown as D, XIcon as E, CheckIcon as F } from "lucide-react";
 import { cva as G } from "class-variance-authority";
 import { cn as w } from "../lib/utils.js";
@@ -34,83 +34,83 @@ const $ = G(
 ), _ = K(null);
 function le({
   children: e,
-  values: s,
-  defaultValues: i,
-  onValuesChange: t
+  values: n,
+  defaultValues: l,
+  onValuesChange: r
 }) {
-  const [a, d] = N(!1), [p, c] = N(
-    new Set(s ?? i)
-  ), x = s ? new Set(s) : p, [g, y] = N(/* @__PURE__ */ new Map());
+  const [d, o] = N(!1), [p, c] = N(
+    new Set(n ?? l)
+  ), x = n ? new Set(n) : p, [g, y] = N(/* @__PURE__ */ new Map());
   function b(u) {
     const f = (h) => {
-      const n = new Set(h);
-      return n.has(u) ? n.delete(u) : n.add(u), n;
+      const t = new Set(h);
+      return t.has(u) ? t.delete(u) : t.add(u), t;
     };
-    c(f), t?.([...f(x)]);
+    c(f), r?.([...f(x)]);
   }
   const C = V((u, f) => {
     y((h) => h.get(u) === f ? h : new Map(h).set(u, f));
   }, []);
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     _,
     {
       value: {
-        open: a,
-        setOpen: d,
+        open: d,
+        setOpen: o,
         selectedValues: x,
         toggleValue: b,
         items: g,
         onItemAdded: C
       },
-      children: /* @__PURE__ */ r(X, { open: a, onOpenChange: d, children: e })
+      children: /* @__PURE__ */ s(X, { open: d, onOpenChange: o, children: e })
     }
   );
 }
 function ae({
   className: e,
-  dropdownClassName: s,
-  children: i,
-  size: t,
-  state: a = "default",
-  disabled: d,
+  dropdownClassName: n,
+  children: l,
+  size: r,
+  state: d = "default",
+  disabled: o,
   ...p
 }) {
   const { open: c } = k();
-  return /* @__PURE__ */ r(B, { asChild: !0, disabled: d, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ s(B, { asChild: !0, disabled: o, children: /* @__PURE__ */ m(
     Z,
     {
-      "aria-disabled": d || void 0,
-      "data-disabled": d || void 0,
+      "aria-disabled": o || void 0,
+      "data-disabled": o || void 0,
       className: w(
-        $({ size: t, state: a }),
-        d && "ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",
+        $({ size: r, state: d }),
+        o && "ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",
         e
       ),
       children: [
-        i,
-        c && /* @__PURE__ */ r(
+        l,
+        c && /* @__PURE__ */ s(
           W,
           {
             className: w(
               "ds:z-10 ds:opacity-50",
               {
-                "ds:size-4": t === "sm" || t === "xs",
-                "ds:size-5": t === "lg" || t === "xl"
+                "ds:size-4": r === "sm" || r === "xs",
+                "ds:size-5": r === "lg" || r === "xl"
               },
-              s
+              n
             )
           }
         ),
-        !c && /* @__PURE__ */ r(
+        !c && /* @__PURE__ */ s(
           D,
           {
             className: w(
               "ds:z-10 ds:opacity-50",
               {
-                "ds:size-4": t === "sm" || t === "xs",
-                "ds:size-5": t === "lg" || t === "xl"
+                "ds:size-4": r === "sm" || r === "xs",
+                "ds:size-5": r === "lg" || r === "xl"
               },
-              s
+              n
             )
           }
         )
@@ -120,72 +120,72 @@ function ae({
 }
 function ce({
   placeholder: e,
-  clickToRemove: s = !0,
-  className: i,
-  overflowBehavior: t = "wrap-when-open",
-  ...a
+  clickToRemove: n = !0,
+  className: l,
+  overflowBehavior: r = "wrap-when-open",
+  ...d
 }) {
-  const { selectedValues: d, toggleValue: p, items: c, open: x } = k(), [g, y] = N(0), b = j(null), C = j(null), u = t === "wrap" || t === "wrap-when-open" && x, f = V(() => {
+  const { selectedValues: o, toggleValue: p, items: c, open: x } = k(), [g, y] = N(0), b = j(null), C = j(null), u = r === "wrap" || r === "wrap-when-open" && x, f = V(() => {
     if (b.current == null) return;
-    const n = b.current, o = C.current, v = n.querySelectorAll(
+    const t = b.current, i = C.current, v = t.querySelectorAll(
       "[data-selected-item]"
     );
-    o != null && (o.style.display = "none"), v.forEach((l) => l.style.removeProperty("display"));
+    i != null && (i.style.display = "none"), v.forEach((a) => a.style.removeProperty("display"));
     let S = 0;
-    for (let l = v.length - 1; l >= 0; l--) {
-      const M = v[l];
-      if (n.scrollWidth <= n.clientWidth)
+    for (let a = v.length - 1; a >= 0; a--) {
+      const M = v[a];
+      if (t.scrollWidth <= t.clientWidth)
         break;
-      S = v.length - l, M.style.display = "none", o?.style.removeProperty("display");
+      S = v.length - a, M.style.display = "none", i?.style.removeProperty("display");
     }
     y(S);
   }, []), h = V(
-    (n) => {
-      b.current = n;
-      const o = new ResizeObserver(f);
-      return o.observe(n), () => {
-        o.disconnect(), b.current = null;
+    (t) => {
+      b.current = t;
+      const i = new ResizeObserver(f);
+      return i.observe(t), () => {
+        i.disconnect(), b.current = null;
       };
     },
     [f]
   );
-  return d.size === 0 && e ? /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:overflow-hidden ds:font-normal ds:text-muted-foreground", children: e }) : /* @__PURE__ */ m(
+  return o.size === 0 && e ? /* @__PURE__ */ s("span", { className: "ds:min-w-0 ds:overflow-hidden ds:font-normal ds:text-muted-foreground", children: e }) : /* @__PURE__ */ m(
     "div",
     {
-      ...a,
+      ...d,
       ref: h,
       className: w(
         "ds:flex ds:w-fit ds:gap-1.5 ds:overflow-hidden",
         u && "ds:h-full ds:flex-wrap",
-        i
+        l
       ),
       children: [
-        [...d].filter((n) => c.has(n)).map((n) => {
-          const o = c.get(n), v = (S) => {
-            S.stopPropagation(), p(n);
+        [...o].filter((t) => c.has(t)).map((t) => {
+          const i = c.get(t), v = (S) => {
+            S.stopPropagation(), p(t);
           };
-          if (P.isValidElement(o)) {
-            const S = typeof o.type == "string" && ["div", "span", "button", "a"].includes(o.type), l = o, M = S ? {
-              key: n,
-              onClick: s ? v : void 0,
+          if (P.isValidElement(i)) {
+            const S = typeof i.type == "string" && ["div", "span", "button", "a"].includes(i.type), a = i, M = S ? {
+              key: t,
+              onClick: n ? v : void 0,
               className: w(
-                l.props.className,
+                a.props.className,
                 "ds:group ds:flex ds:items-center ds:gap-1 ds:whitespace-nowrap ds:hover:scale-105 ds:transition-transform",
                 {
-                  "ds:cursor-pointer": s
+                  "ds:cursor-pointer": n
                 }
               ),
               "data-selected-item": !0
             } : {
-              key: n,
+              key: t,
               "data-selected-item": !0
             };
             return P.cloneElement(
-              l,
+              a,
               M,
               /* @__PURE__ */ m(O, { children: [
-                l.props.children,
-                s && /* @__PURE__ */ r(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
+                a.props.children,
+                n && /* @__PURE__ */ s(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
               ] })
             );
           }
@@ -195,13 +195,13 @@ function ce({
               variant: "outline",
               "data-selected-item": !0,
               className: "ds:group ds:flex ds:items-center ds:gap-1",
-              onClick: s ? v : void 0,
+              onClick: n ? v : void 0,
               children: [
-                o,
-                s && /* @__PURE__ */ r(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
+                i,
+                n && /* @__PURE__ */ s(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
               ]
             },
-            n
+            t
           );
         }),
         /* @__PURE__ */ m(
@@ -224,53 +224,63 @@ function ce({
 }
 function ue({
   search: e = !0,
-  children: s,
-  ...i
+  onSearchChange: n,
+  children: l,
+  ...r
 }) {
-  const t = typeof e == "object" ? !0 : e;
+  const d = typeof e == "object" ? !0 : e;
   return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ r("div", { style: { display: "none" }, children: /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(z, { children: s }) }) }),
-    /* @__PURE__ */ r(J, { className: "ds:min-w-[var(--radix-popover-trigger-width)] ds:p-0", children: /* @__PURE__ */ m(I, { ...i, children: [
-      t ? /* @__PURE__ */ r(
+    /* @__PURE__ */ s("div", { style: { display: "none" }, children: /* @__PURE__ */ s(I, { children: /* @__PURE__ */ s(z, { children: l }) }) }),
+    /* @__PURE__ */ s(J, { className: "ds:min-w-[var(--radix-popover-trigger-width)] ds:p-0", children: /* @__PURE__ */ m(I, { ...r, children: [
+      d ? /* @__PURE__ */ s(
         R,
         {
-          placeholder: typeof e == "object" ? e.placeholder : void 0
+          placeholder: typeof e == "object" ? e.placeholder : void 0,
+          onValueChange: n
         }
-      ) : /* @__PURE__ */ r("button", { autoFocus: !0, className: "ds:sr-only" }),
+      ) : /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Search",
+          autoFocus: !0,
+          className: "ds:sr-only"
+        }
+      ),
       /* @__PURE__ */ m(z, { children: [
-        t && /* @__PURE__ */ r(q, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
-        s
+        d && /* @__PURE__ */ s(q, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
+        l
       ] })
     ] }) })
   ] });
 }
 function me({
   value: e,
-  children: s,
-  badgeLabel: i,
-  onSelect: t,
-  icon: a,
-  tagRender: d,
+  children: n,
+  badgeLabel: l,
+  onSelect: r,
+  icon: d,
+  tagRender: o,
   ...p
 }) {
   const { toggleValue: c, selectedValues: x, onItemAdded: g } = k(), y = x.has(e);
   return Q(() => {
-    g(e, i ?? s);
-  }, [e, s, g, i]), /* @__PURE__ */ m(
+    g(e, l ?? n);
+  }, [e, n, g, l]), /* @__PURE__ */ m(
     L,
     {
       ...p,
       onSelect: p?.disabled ? void 0 : () => {
-        c(e), t?.(e);
+        c(e), r?.(e);
       },
       className: w(
         p?.disabled && "ds:opacity-50 ds:cursor-not-allowed ds:grayscale",
         y && "ds:bg-primary/10 ds:dark:bg-primary/20"
       ),
       children: [
-        !d && a && /* @__PURE__ */ r("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: a }),
-        s,
-        /* @__PURE__ */ r(
+        !o && d && /* @__PURE__ */ s("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: d }),
+        n,
+        /* @__PURE__ */ s(
           F,
           {
             className: w(
@@ -284,10 +294,10 @@ function me({
   );
 }
 function pe(e) {
-  return /* @__PURE__ */ r(H, { ...e });
+  return /* @__PURE__ */ s(H, { ...e });
 }
 function fe(e) {
-  return /* @__PURE__ */ r(U, { ...e });
+  return /* @__PURE__ */ s(U, { ...e });
 }
 function k() {
   const e = Y(_);

package/dist/types/components/Select/Select.d.ts

@@ -23,6 +23,8 @@ export type SelectProps = Omit<ComboboxProps, "ref"> & {
         placeholder?: string;
         emptyMessage?: string;
     };
+    onSearchChange?: (value: string) => void;
+    shouldFilter?: boolean;
     clickToRemove?: boolean;
     overflowBehavior?: "wrap" | "wrap-when-open" | "cutoff";
     className?: string;
@@ -54,6 +56,8 @@ declare const Select: React.ForwardRefExoticComponent<Omit<ComboboxProps, "ref">
         placeholder?: string;
         emptyMessage?: string;
     };
+    onSearchChange?: (value: string) => void;
+    shouldFilter?: boolean;
     clickToRemove?: boolean;
     overflowBehavior?: "wrap" | "wrap-when-open" | "cutoff";
     className?: string;

package/dist/types/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,IAAI,aAAa,EACnC,MAAM,8BAA8B,CAAC;AAOtC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,OAAO,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,QAAQ,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,MAAM;YA5BF,MAAM;iBACD,KAAK,CAAC,SAAS;YACpB,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO;WAC5C,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;mBAC5B,OAAO;kBACR,KAAK,CAAC,SAAS;gBACjB,OAAO;kBACL,MAAM;cACV,YAAY,EAAE;gBACZ,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS;eAC1C,OAAO;YACV,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;aAC9B,MAAM,EAAE;oBACD,MAAM,GAAG,MAAM,EAAE;qBAChB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;aAClC,OAAO,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE;oBAClD,OAAO;uBACJ,MAAM,GAAG,gBAAgB,GAAG,QAAQ;gBAC3C,MAAM;eACP,OAAO;eACP,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;cACnC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;aACpD,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;eACjD,OAAO;wCAsQnB,CAAC;AAGF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/types/packages/ui/src/components/combobox.d.ts

@@ -31,10 +31,12 @@ type ComboboxProps = Omit<React.ComponentProps<typeof PopoverPrimitive.Trigger>,
     size?: "normal" | "sm" | "xs" | "lg" | "xl";
     state?: "default" | "success" | "error" | "warning";
     searchable?: boolean;
+    onSearchChange?: (value: string) => void;
+    shouldFilter?: boolean;
     tagRender?: (option: SelectOption & {
         onClick?: () => void;
     }) => React.ReactNode;
 } & VariantProps<typeof comboboxVariants>;
-declare function Combobox({ value, options, placeHolder, emptyText, onChange, clearable, className, dropdownClassName, children, size, state, searchable, tagRender, disabled, ...props }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+declare function Combobox({ value, options, placeHolder, emptyText, onChange, onSearchChange, shouldFilter, clearable, className, dropdownClassName, children, size, state, searchable, tagRender, disabled, ...props }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
 export { Combobox, type ComboboxProps, type SelectOption };
 //# sourceMappingURL=combobox.d.ts.map

package/dist/types/packages/ui/src/components/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/ui/src/components/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAYlE,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,QAAA,MAAM,gBAAgB;;;8EA0BrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,EACrD,UAAU,CACX,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,CACV,MAAM,EAAE,YAAY,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAC5C,KAAK,CAAC,SAAS,CAAC;CACtB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1C,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,KAAiB,EACjB,UAAiB,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAyIf;AAED,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,CAAC"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/ui/src/components/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAYlE,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,QAAA,MAAM,gBAAgB;;;8EA0BrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,EACrD,UAAU,CACX,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,CACV,MAAM,EAAE,YAAY,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAC5C,KAAK,CAAC,SAAS,CAAC;CACtB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1C,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,KAAiB,EACjB,UAAiB,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CA8If;AAED,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,CAAC"}

package/dist/types/packages/ui/src/components/select.d.ts

@@ -30,11 +30,12 @@ export declare function MultiSelectValue({ placeholder, clickToRemove, className
     clickToRemove?: boolean;
     overflowBehavior?: "wrap" | "wrap-when-open" | "cutoff";
 } & Omit<ComponentPropsWithoutRef<"div">, "children">): import("react/jsx-runtime").JSX.Element;
-export declare function MultiSelectContent({ search, children, ...props }: {
+export declare function MultiSelectContent({ search, onSearchChange, children, ...props }: {
     search?: boolean | {
         placeholder?: string;
         emptyMessage?: string;
     };
+    onSearchChange?: (value: string) => void;
     children: ReactNode;
 } & Omit<ComponentPropsWithoutRef<typeof Command>, "children">): import("react/jsx-runtime").JSX.Element;
 export declare function MultiSelectItem({ value, children, badgeLabel, onSelect, icon, tagRender, ...props }: {

package/dist/types/packages/ui/src/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/ui/src/components/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,OAAO,EAEP,YAAY,EAEZ,WAAW,EAEX,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAOL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,0BAA0B;;;8EA2B/B,CAAC;AAYF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,2CA6CA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,KAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACrD,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACvD,YAAY,CAAC,OAAO,0BAA0B,CAAC,2CA0DhD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,aAAoB,EACpB,SAAS,EACT,gBAAmC,EACnC,GAAG,KAAK,EACT,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,QAAQ,CAAC;CACzD,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,2CA4IpD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,EAAE,UAAU,CAAC,2CAiC7D;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IACD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,CAAC,2CAoC9D;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,wBAAwB,CAAC,OAAO,YAAY,CAAC,2CAGrD;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,2CAGzD"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/ui/src/components/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,OAAO,EAEP,YAAY,EAEZ,WAAW,EAEX,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAOL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,0BAA0B;;;8EA2B/B,CAAC;AAYF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,2CA6CA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,KAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACrD,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACvD,YAAY,CAAC,OAAO,0BAA0B,CAAC,2CA0DhD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,aAAoB,EACpB,SAAS,EACT,gBAAmC,EACnC,GAAG,KAAK,EACT,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,QAAQ,CAAC;CACzD,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,2CA4IpD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAa,EACb,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,EAAE,UAAU,CAAC,2CAuC7D;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IACD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,CAAC,2CAoC9D;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,wBAAwB,CAAC,OAAO,YAAY,CAAC,2CAGrD;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,2CAGzD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sth87/shadcn-design-system",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "description": "A modern React design system base on Shadcn UI and Tailwind CSS.",
   "author": "Sonth87 <sonth87@gmail.com>",