tembro 2.0.4 → 2.0.6

package/dist/components/ui/dropdown-menu/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");function o({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function u({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90 data-inset:pl-8`,e),...r})}function f({className:e,inset:n,variant:r=`default`,...o}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(`group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive`,e),...o})}function p({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function m({className:e,inset:n,children:o,...s}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(`flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(r.ChevronRightIcon,{className:`ml-auto`})]})}function h({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(l,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-[128px] rounded-[var(--aui-card-radius,var(--radius-xl))] p-2 text-popover-foreground duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function g({className:e,children:n,checked:o,inset:s,...c}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":s,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...c,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function _({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function v({className:e,children:n,inset:o,...s}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":o,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function y({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`-mx-1 my-1.5 h-px bg-border/80`,e),...n})}function b({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto text-[11px] tracking-[0.14em] text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground`,e),...n})}exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=g,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=f,exports.DropdownMenuLabel=d,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=_,exports.DropdownMenuRadioItem=v,exports.DropdownMenuSeparator=y,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=p,exports.DropdownMenuSubContent=h,exports.DropdownMenuSubTrigger=m,exports.DropdownMenuTrigger=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");var o=`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm text-popover-foreground outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:border-[color:color-mix(in_oklch,var(--destructive),transparent_70%)] data-[variant=destructive]:data-[highlighted]:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:data-[highlighted]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;function s({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,render:t,...n})}return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function d({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90 data-inset:pl-8`,e),...r})}function p({className:e,inset:n,variant:r=`default`,closeOnSelect:s=!0,onSelect:c,...l}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(`group/dropdown-menu-item data-inset:pl-8`,o,e),onSelect:e=>{s||e.preventDefault(),c?.(e)},...l})}function m({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function h({className:e,inset:n,children:s,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(`group/dropdown-menu-item data-inset:pl-8`,o,e),...c,children:[s,(0,i.jsx)(r.ChevronRightIcon,{className:`ml-auto text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground`})]})}function g({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(u,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-[128px] rounded-[var(--aui-card-radius,var(--radius-xl))] p-2 text-popover-foreground duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function _({className:e,children:n,checked:s,inset:c,closeOnSelect:l=!0,onSelect:u,...d}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":c,className:t.cn(`group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium`,o,e),checked:s,onSelect:e=>{l||e.preventDefault(),u?.(e)},...d,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function v({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function y({className:e,children:n,inset:s,closeOnSelect:c=!0,onSelect:l,...u}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:t.cn(`group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium`,o,e),onSelect:e=>{c||e.preventDefault(),l?.(e)},...u,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function b({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`-mx-1 my-1.5 h-px bg-border/80`,e),...n})}function x({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto rounded bg-muted/70 px-1.5 py-0.5 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground`,e),...n})}function S({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-item-description`,className:t.cn(`block text-xs leading-5 text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground/70`,e),...n})}exports.DropdownMenu=s,exports.DropdownMenuCheckboxItem=_,exports.DropdownMenuContent=u,exports.DropdownMenuGroup=d,exports.DropdownMenuItem=p,exports.DropdownMenuItemDescription=S,exports.DropdownMenuLabel=f,exports.DropdownMenuPortal=c,exports.DropdownMenuRadioGroup=v,exports.DropdownMenuRadioItem=y,exports.DropdownMenuSeparator=b,exports.DropdownMenuShortcut=x,exports.DropdownMenuSub=m,exports.DropdownMenuSubContent=g,exports.DropdownMenuSubTrigger=h,exports.DropdownMenuTrigger=l;

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -11,6 +11,7 @@ export type DropdownMenuLabelProps = React.ComponentProps<"div"> & {
 export type DropdownMenuItemProps = MenuPrimitive.Item.Props & {
     inset?: boolean;
     variant?: "default" | "destructive";
+    closeOnSelect?: boolean;
 };
 export type DropdownMenuSubmenuProps = MenuPrimitive.SubmenuRoot.Props;
 export type DropdownMenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
@@ -19,26 +20,30 @@ export type DropdownMenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props
 export type DropdownMenuSubmenuContentProps = React.ComponentProps<typeof DropdownMenuContent>;
 export type DropdownMenuCheckboxItemProps = MenuPrimitive.CheckboxItem.Props & {
     inset?: boolean;
+    closeOnSelect?: boolean;
 };
 export type DropdownMenuRadioGroupProps = MenuPrimitive.RadioGroup.Props;
 export type DropdownMenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
     inset?: boolean;
+    closeOnSelect?: boolean;
 };
 export type DropdownMenuSeparatorProps = MenuPrimitive.Separator.Props;
 export type DropdownMenuShortcutProps = React.ComponentProps<"span">;
+export type DropdownMenuItemDescriptionProps = React.ComponentProps<"span">;
 declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): React.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): React.JSX.Element;
 declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): React.JSX.Element;
 declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, closeOnSelect, onSelect, ...props }: DropdownMenuItemProps): React.JSX.Element;
 declare function DropdownMenuSub({ ...props }: DropdownMenuSubmenuProps): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubmenuTriggerProps): React.JSX.Element;
 declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubmenuContentProps): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, closeOnSelect, onSelect, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
 declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, closeOnSelect, onSelect, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
 declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+declare function DropdownMenuItemDescription({ className, ...props }: DropdownMenuItemDescriptionProps): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuItemDescription, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/dropdown-menu/index.js

@@ -1,136 +1,161 @@
 import { cn as e } from "../../../lib/utils.js";
-import "react";
-import { CheckIcon as t, ChevronRightIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Menu as a } from "@base-ui/react/menu";
+import * as t from "react";
+import { CheckIcon as n, ChevronRightIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Menu as o } from "@base-ui/react/menu";
 //#region src/components/ui/dropdown-menu/index.tsx
-function o({ ...e }) {
-	return /* @__PURE__ */ r(a.Root, {
+var s = "relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm text-popover-foreground outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:border-[color:color-mix(in_oklch,var(--destructive),transparent_70%)] data-[variant=destructive]:data-[highlighted]:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:data-[highlighted]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+function c({ ...e }) {
+	return /* @__PURE__ */ i(o.Root, {
 		"data-slot": "dropdown-menu",
 		...e
 	});
 }
-function s({ ...e }) {
-	return /* @__PURE__ */ r(a.Portal, {
+function l({ ...e }) {
+	return /* @__PURE__ */ i(o.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...e
 	});
 }
-function c({ ...e }) {
-	return /* @__PURE__ */ r(a.Trigger, {
+function u({ ...e }) {
+	if (!("render" in e) && t.isValidElement(e.children)) {
+		let { children: t, ...n } = e;
+		return /* @__PURE__ */ i(o.Trigger, {
+			"data-slot": "dropdown-menu-trigger",
+			render: t,
+			...n
+		});
+	}
+	return /* @__PURE__ */ i(o.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...e
 	});
 }
-function l({ align: t = "start", alignOffset: n = 0, side: i = "bottom", sideOffset: o = 4, className: s, ...c }) {
-	return /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ r(a.Positioner, {
+function d({ align: t = "start", alignOffset: n = 0, side: r = "bottom", sideOffset: a = 4, className: s, ...c }) {
+	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.Positioner, {
 		className: "isolate z-50 outline-none",
 		align: t,
 		alignOffset: n,
-		side: i,
-		sideOffset: o,
-		children: /* @__PURE__ */ r(a.Popup, {
+		side: r,
+		sideOffset: a,
+		children: /* @__PURE__ */ i(o.Popup, {
 			"data-slot": "dropdown-menu-content",
-			className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
+			className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
 			...c
 		})
 	}) });
 }
-function u({ ...e }) {
-	return /* @__PURE__ */ r(a.Group, {
+function f({ ...e }) {
+	return /* @__PURE__ */ i(o.Group, {
 		"data-slot": "dropdown-menu-group",
 		...e
 	});
 }
-function d({ className: t, inset: n, ...i }) {
-	return /* @__PURE__ */ r("div", {
+function p({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ i("div", {
 		"data-slot": "dropdown-menu-label",
 		"data-inset": n,
 		className: e("px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90 data-inset:pl-8", t),
-		...i
+		...r
 	});
 }
-function f({ className: t, inset: n, variant: i = "default", ...o }) {
-	return /* @__PURE__ */ r(a.Item, {
+function m({ className: t, inset: n, variant: r = "default", closeOnSelect: a = !0, onSelect: c, ...l }) {
+	return /* @__PURE__ */ i(o.Item, {
 		"data-slot": "dropdown-menu-item",
 		"data-inset": n,
-		"data-variant": i,
-		className: e("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", t),
-		...o
+		"data-variant": r,
+		className: e("group/dropdown-menu-item data-inset:pl-8", s, t),
+		onSelect: (e) => {
+			a || e.preventDefault(), c?.(e);
+		},
+		...l
 	});
 }
-function p({ ...e }) {
-	return /* @__PURE__ */ r(a.SubmenuRoot, {
+function h({ ...e }) {
+	return /* @__PURE__ */ i(o.SubmenuRoot, {
 		"data-slot": "dropdown-menu-sub",
 		...e
 	});
 }
-function m({ className: t, inset: o, children: s, ...c }) {
-	return /* @__PURE__ */ i(a.SubmenuTrigger, {
+function g({ className: t, inset: n, children: c, ...l }) {
+	return /* @__PURE__ */ a(o.SubmenuTrigger, {
 		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": o,
-		className: e("flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
-		...c,
-		children: [s, /* @__PURE__ */ r(n, { className: "ml-auto" })]
+		"data-inset": n,
+		className: e("group/dropdown-menu-item data-inset:pl-8", s, t),
+		...l,
+		children: [c, /* @__PURE__ */ i(r, { className: "ml-auto text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground" })]
 	});
 }
-function h({ align: t = "start", alignOffset: n = -3, side: i = "right", sideOffset: a = 0, className: o, ...s }) {
-	return /* @__PURE__ */ r(l, {
+function _({ align: t = "start", alignOffset: n = -3, side: r = "right", sideOffset: a = 0, className: o, ...s }) {
+	return /* @__PURE__ */ i(d, {
 		"data-slot": "dropdown-menu-sub-content",
 		className: e("w-auto min-w-[128px] rounded-[var(--aui-card-radius,var(--radius-xl))] p-2 text-popover-foreground duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
 		align: t,
 		alignOffset: n,
-		side: i,
+		side: r,
 		sideOffset: a,
 		...s
 	});
 }
-function g({ className: n, children: o, checked: s, inset: c, ...l }) {
-	return /* @__PURE__ */ i(a.CheckboxItem, {
+function v({ className: t, children: r, checked: c, inset: l, closeOnSelect: u = !0, onSelect: d, ...f }) {
+	return /* @__PURE__ */ a(o.CheckboxItem, {
 		"data-slot": "dropdown-menu-checkbox-item",
-		"data-inset": c,
-		className: e("relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n),
-		checked: s,
-		...l,
-		children: [/* @__PURE__ */ r("span", {
+		"data-inset": l,
+		className: e("group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium", s, t),
+		checked: c,
+		onSelect: (e) => {
+			u || e.preventDefault(), d?.(e);
+		},
+		...f,
+		children: [/* @__PURE__ */ i("span", {
 			className: "pointer-events-none absolute right-2 flex items-center justify-center",
 			"data-slot": "dropdown-menu-checkbox-item-indicator",
-			children: /* @__PURE__ */ r(a.CheckboxItemIndicator, { children: /* @__PURE__ */ r(t, {}) })
-		}), o]
+			children: /* @__PURE__ */ i(o.CheckboxItemIndicator, { children: /* @__PURE__ */ i(n, {}) })
+		}), r]
 	});
 }
-function _({ ...e }) {
-	return /* @__PURE__ */ r(a.RadioGroup, {
+function y({ ...e }) {
+	return /* @__PURE__ */ i(o.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...e
 	});
 }
-function v({ className: n, children: o, inset: s, ...c }) {
-	return /* @__PURE__ */ i(a.RadioItem, {
+function b({ className: t, children: r, inset: c, closeOnSelect: l = !0, onSelect: u, ...d }) {
+	return /* @__PURE__ */ a(o.RadioItem, {
 		"data-slot": "dropdown-menu-radio-item",
-		"data-inset": s,
-		className: e("relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n),
-		...c,
-		children: [/* @__PURE__ */ r("span", {
+		"data-inset": c,
+		className: e("group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium", s, t),
+		onSelect: (e) => {
+			l || e.preventDefault(), u?.(e);
+		},
+		...d,
+		children: [/* @__PURE__ */ i("span", {
 			className: "pointer-events-none absolute right-2 flex items-center justify-center",
 			"data-slot": "dropdown-menu-radio-item-indicator",
-			children: /* @__PURE__ */ r(a.RadioItemIndicator, { children: /* @__PURE__ */ r(t, {}) })
-		}), o]
+			children: /* @__PURE__ */ i(o.RadioItemIndicator, { children: /* @__PURE__ */ i(n, {}) })
+		}), r]
 	});
 }
-function y({ className: t, ...n }) {
-	return /* @__PURE__ */ r(a.Separator, {
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Separator, {
 		"data-slot": "dropdown-menu-separator",
 		className: e("-mx-1 my-1.5 h-px bg-border/80", t),
 		...n
 	});
 }
-function b({ className: t, ...n }) {
-	return /* @__PURE__ */ r("span", {
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ i("span", {
 		"data-slot": "dropdown-menu-shortcut",
-		className: e("ml-auto text-[11px] tracking-[0.14em] text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", t),
+		className: e("ml-auto rounded bg-muted/70 px-1.5 py-0.5 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground", t),
+		...n
+	});
+}
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "dropdown-menu-item-description",
+		className: e("block text-xs leading-5 text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground/70", t),
 		...n
 	});
 }
 //#endregion
-export { o as DropdownMenu, g as DropdownMenuCheckboxItem, l as DropdownMenuContent, u as DropdownMenuGroup, f as DropdownMenuItem, d as DropdownMenuLabel, s as DropdownMenuPortal, _ as DropdownMenuRadioGroup, v as DropdownMenuRadioItem, y as DropdownMenuSeparator, b as DropdownMenuShortcut, p as DropdownMenuSub, h as DropdownMenuSubContent, m as DropdownMenuSubTrigger, c as DropdownMenuTrigger };
+export { c as DropdownMenu, v as DropdownMenuCheckboxItem, d as DropdownMenuContent, f as DropdownMenuGroup, m as DropdownMenuItem, C as DropdownMenuItemDescription, p as DropdownMenuLabel, l as DropdownMenuPortal, y as DropdownMenuRadioGroup, b as DropdownMenuRadioItem, x as DropdownMenuSeparator, S as DropdownMenuShortcut, h as DropdownMenuSub, _ as DropdownMenuSubContent, g as DropdownMenuSubTrigger, u as DropdownMenuTrigger };

package/dist/components/ui/input/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./group.cjs"),i=require("../../inputs/input-decorator.cjs"),a=require("../../inputs/clearable-input.cjs"),o=require("../../inputs/date-input.cjs"),s=require("../../inputs/date-range-input.cjs"),c=require("../../inputs/money-input.cjs"),l=require("../../inputs/masked-input.cjs"),u=require("../../inputs/number-input.cjs"),d=require("../../inputs/password-input.cjs"),f=require("../../inputs/phone-input.cjs"),p=require("../../inputs/quantity-input.cjs"),m=require("../../inputs/search-input.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}var v=h.forwardRef((e,r)=>{let v=e.kind??`text`;if(v===`search`)return(0,g.jsx)(m.SearchInput,{ref:r,...e});if(v===`password`)return(0,g.jsx)(d.PasswordInput,{ref:r,...e});if(v===`number`)return(0,g.jsx)(u.NumberInput,{ref:r,...e});if(v===`phone`)return(0,g.jsx)(f.PhoneInput,{ref:r,...e});if(v===`money`)return(0,g.jsx)(c.MoneyInput,{ref:r,...e});if(v===`quantity`)return(0,g.jsx)(p.QuantityInput,{ref:r,...e});if(v===`masked`)return(0,g.jsx)(l.MaskedInput,{ref:r,...e});if(v===`date`)return(0,g.jsx)(o.DateInput,{ref:r,...e});if(v===`date-range`)return(0,g.jsx)(s.DateRangeInput,{...e});if(v===`clearable`)return(0,g.jsx)(a.ClearableInput,{ref:r,...e});let{value:y,defaultValue:b,leading:x,trailing:S,trailingAction:C,clearable:w=!1,onValueChange:T,onClear:E,clearLabel:D,clearOnEscape:O,focusAfterClear:k,replaceTrailingWhenClear:A,helperText:j,errorText:M,showCharacterCount:N=!1,countFormatter:P,wrapperClassName:F,inputClassName:I,helperClassName:L,leadingPointerEvents:R=!1,trailingPointerEvents:z=!0,onChange:B,maxLength:V,className:H,...U}=e,W=y!==void 0,[G,K]=h.useState(()=>_(b)),q=W?_(y):G,J=M??j,Y=M?`text-destructive`:`text-muted-foreground`,X=e=>{W||K(e.target.value.length),B?.(e)},Z=e=>{X(e),T?.(e.target.value)},Q=w?(0,g.jsx)(a.ClearableInput,{ref:r,value:y,defaultValue:y===void 0?b:void 0,type:U.type??`text`,leadingIcon:x,trailing:S,trailingAction:C,clearable:w,onChange:X,onValueChange:T,onClear:E,clearLabel:D,clearOnEscape:O,focusAfterClear:k,replaceTrailingWhenClear:A,wrapperClassName:F,inputClassName:I,className:H,maxLength:V,...U}):x||S||C?(0,g.jsx)(i.InputDecorator,{ref:r,value:y??void 0,defaultValue:y===void 0?b:void 0,type:U.type??`text`,leading:x,trailing:S,trailingAction:C,leadingPointerEvents:R,trailingPointerEvents:z,wrapperClassName:F,inputClassName:I,className:H,onChange:Z,maxLength:V,...U}):(0,g.jsx)(n.InputPrimitive,{ref:r,value:y??void 0,defaultValue:y===void 0?b:void 0,type:U.type??`text`,className:t.cn(I,H),onChange:Z,maxLength:V,...U});return!J&&!N?Q:(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[Q,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,Y,L),children:J}),N?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,M?`text-destructive`:`text-muted-foreground`),children:P?.(q,V)??(typeof V==`number`?`${q}/${V}`:q)}):null]})]})});v.displayName=`Input`,exports.Input=v,exports.InputGroup=r.InputGroup,exports.InputGroupAddon=r.InputGroupAddon,exports.InputGroupButton=r.InputGroupButton,exports.InputGroupInput=r.InputGroupInput,exports.InputGroupText=r.InputGroupText,exports.InputGroupTextarea=r.InputGroupTextarea;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./group.cjs"),i=require("../../inputs/input-decorator.cjs"),a=require("../../inputs/clearable-input.cjs"),o=require("../../inputs/date-input.cjs"),s=require("../../inputs/date-range-input.cjs"),c=require("../../inputs/money-input.cjs"),l=require("../../inputs/masked-input.cjs"),u=require("../../inputs/number-input.cjs"),d=require("../../inputs/password-input.cjs"),f=require("../../inputs/phone-input.cjs"),p=require("../../inputs/quantity-input.cjs"),m=require("../../inputs/search-input.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}function v(e){return e.type===`search`||e.searchIcon!==void 0||e.loading!==void 0||e.loadingLabel!==void 0||e.resultCount!==void 0||e.shortcut!==void 0||e.debounceMs!==void 0||e.showMetaOnClear!==void 0||e.onDebouncedValueChange!==void 0}var y=h.forwardRef((e,r)=>{let y=e.kind??`text`;if(y===`search`)return(0,g.jsx)(m.SearchInput,{ref:r,...e});if(y===`password`)return(0,g.jsx)(d.PasswordInput,{ref:r,...e});if(y===`number`)return(0,g.jsx)(u.NumberInput,{ref:r,...e});if(y===`phone`)return(0,g.jsx)(f.PhoneInput,{ref:r,...e});if(y===`money`)return(0,g.jsx)(c.MoneyInput,{ref:r,...e});if(y===`quantity`)return(0,g.jsx)(p.QuantityInput,{ref:r,...e});if(y===`masked`)return(0,g.jsx)(l.MaskedInput,{ref:r,...e});if(y===`date`)return(0,g.jsx)(o.DateInput,{ref:r,...e});if(y===`date-range`)return(0,g.jsx)(s.DateRangeInput,{...e});if(y===`clearable`)return(0,g.jsx)(a.ClearableInput,{ref:r,...e});let b=e;if(v(b)){let{leading:e,searchIcon:n,helperText:i,errorText:a,showCharacterCount:o,countFormatter:s,helperClassName:c,inputClassName:l,...u}=b,d=Array.isArray(b.value)?b.value.join(` `):b.value==null||typeof b.value==`string`||typeof b.value==`number`?b.value:String(b.value),f=Array.isArray(b.defaultValue)?b.defaultValue.join(` `):b.defaultValue==null||typeof b.defaultValue==`string`||typeof b.defaultValue==`number`?b.defaultValue:String(b.defaultValue),p=(0,g.jsx)(m.SearchInput,{ref:r,searchIcon:n??e,inputClassName:l,...u,value:d,defaultValue:f});if(!i&&!a&&!o)return p;let h=_(b.value??b.defaultValue);return(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[p,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,a?`text-destructive`:`text-muted-foreground`,c),children:a??i}),o?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,a?`text-destructive`:`text-muted-foreground`),children:s?.(h,b.maxLength)??(typeof b.maxLength==`number`?`${h}/${b.maxLength}`:h)}):null]})]})}let{value:x,defaultValue:S,leading:C,trailing:w,trailingAction:T,clearable:E=!1,onValueChange:D,onClear:O,clearLabel:k,clearOnEscape:A,focusAfterClear:j,replaceTrailingWhenClear:M,helperText:N,errorText:P,showCharacterCount:F=!1,countFormatter:I,wrapperClassName:L,inputClassName:R,helperClassName:z,leadingPointerEvents:ee=!1,trailingPointerEvents:B=!0,onChange:V,maxLength:H,className:U,...W}=b,G=x!==void 0,[K,q]=h.useState(()=>_(S)),J=G?_(x):K,Y=P??N,X=P?`text-destructive`:`text-muted-foreground`,Z=e=>{G||q(e.target.value.length),V?.(e)},Q=e=>{Z(e),D?.(e.target.value)},$=E?(0,g.jsx)(a.ClearableInput,{ref:r,value:x,defaultValue:x===void 0?S:void 0,type:W.type??`text`,leadingIcon:C,trailing:w,trailingAction:T,clearable:E,onChange:Z,onValueChange:D,onClear:O,clearLabel:k,clearOnEscape:A,focusAfterClear:j,replaceTrailingWhenClear:M,wrapperClassName:L,inputClassName:R,className:U,maxLength:H,...W}):C||w||T?(0,g.jsx)(i.InputDecorator,{ref:r,value:x??void 0,defaultValue:x===void 0?S:void 0,type:W.type??`text`,leading:C,trailing:w,trailingAction:T,leadingPointerEvents:ee,trailingPointerEvents:B,wrapperClassName:L,inputClassName:R,className:U,onChange:Q,maxLength:H,...W}):(0,g.jsx)(n.InputPrimitive,{ref:r,value:x??void 0,defaultValue:x===void 0?S:void 0,type:W.type??`text`,className:t.cn(R,U),onChange:Q,maxLength:H,...W});return!Y&&!F?$:(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[$,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,X,z),children:Y}),F?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,P?`text-destructive`:`text-muted-foreground`),children:I?.(J,H)??(typeof H==`number`?`${J}/${H}`:J)}):null]})]})});y.displayName=`Input`,exports.Input=y,exports.InputGroup=r.InputGroup,exports.InputGroupAddon=r.InputGroupAddon,exports.InputGroupButton=r.InputGroupButton,exports.InputGroupInput=r.InputGroupInput,exports.InputGroupText=r.InputGroupText,exports.InputGroupTextarea=r.InputGroupTextarea;

package/dist/components/ui/input/index.d.ts

@@ -16,6 +16,7 @@ export type InputTextProps = Omit<InputPrimitiveProps, "value"> & {
     kind?: "text";
     value?: string | number | readonly string[] | null;
     onValueChange?: (value: string) => void;
+    onDebouncedValueChange?: (value: string) => void;
     leading?: React.ReactNode;
     trailing?: React.ReactNode;
     trailingAction?: React.ReactNode;
@@ -34,6 +35,13 @@ export type InputTextProps = Omit<InputPrimitiveProps, "value"> & {
     helperClassName?: string;
     leadingPointerEvents?: boolean;
     trailingPointerEvents?: boolean;
+    searchIcon?: React.ReactNode;
+    loading?: boolean;
+    loadingLabel?: string;
+    resultCount?: number;
+    shortcut?: React.ReactNode;
+    debounceMs?: number;
+    showMetaOnClear?: boolean;
 };
 export type InputClearableProps = Omit<ClearableInputProps, "kind"> & {
     kind: "clearable";

package/dist/components/ui/input/index.js

@@ -18,7 +18,10 @@ import { jsx as b, jsxs as x } from "react/jsx-runtime";
 function S(e) {
 	return typeof e == "string" ? e.length : typeof e == "number" ? String(e).length : Array.isArray(e) ? e.join("").length : 0;
 }
-var C = y.forwardRef((n, r) => {
+function C(e) {
+	return e.type === "search" || e.searchIcon !== void 0 || e.loading !== void 0 || e.loadingLabel !== void 0 || e.resultCount !== void 0 || e.shortcut !== void 0 || e.debounceMs !== void 0 || e.showMetaOnClear !== void 0 || e.onDebouncedValueChange !== void 0;
+}
+var w = y.forwardRef((n, r) => {
 	let i = n.kind ?? "text";
 	if (i === "search") return /* @__PURE__ */ b(v, {
 		ref: r,
@@ -57,39 +60,69 @@ var C = y.forwardRef((n, r) => {
 		ref: r,
 		...n
 	});
-	let { value: a, defaultValue: o, leading: s, trailing: C, trailingAction: w, clearable: T = !1, onValueChange: E, onClear: D, clearLabel: O, clearOnEscape: k, focusAfterClear: A, replaceTrailingWhenClear: j, helperText: M, errorText: N, showCharacterCount: P = !1, countFormatter: F, wrapperClassName: I, inputClassName: L, helperClassName: R, leadingPointerEvents: z = !1, trailingPointerEvents: B = !0, onChange: V, maxLength: H, className: U, ...W } = n, G = a !== void 0, [K, q] = y.useState(() => S(o)), J = G ? S(a) : K, Y = N ?? M, X = N ? "text-destructive" : "text-muted-foreground", Z = (e) => {
+	let a = n;
+	if (C(a)) {
+		let { leading: t, searchIcon: n, helperText: i, errorText: o, showCharacterCount: s, countFormatter: c, helperClassName: l, inputClassName: u, ...d } = a, f = Array.isArray(a.value) ? a.value.join(" ") : a.value == null || typeof a.value == "string" || typeof a.value == "number" ? a.value : String(a.value), p = Array.isArray(a.defaultValue) ? a.defaultValue.join(" ") : a.defaultValue == null || typeof a.defaultValue == "string" || typeof a.defaultValue == "number" ? a.defaultValue : String(a.defaultValue), m = /* @__PURE__ */ b(v, {
+			ref: r,
+			searchIcon: n ?? t,
+			inputClassName: u,
+			...d,
+			value: f,
+			defaultValue: p
+		});
+		if (!i && !o && !s) return m;
+		let h = S(a.value ?? a.defaultValue);
+		return /* @__PURE__ */ x("div", {
+			"data-slot": "input-field",
+			className: "grid gap-1.5",
+			children: [m, /* @__PURE__ */ x("div", {
+				"data-slot": "input-meta",
+				className: "flex items-start justify-between gap-3 px-1",
+				children: [/* @__PURE__ */ b("div", {
+					"data-slot": "input-helper",
+					className: e("min-w-0 text-xs leading-5", o ? "text-destructive" : "text-muted-foreground", l),
+					children: o ?? i
+				}), s ? /* @__PURE__ */ b("div", {
+					"data-slot": "input-count",
+					className: e("shrink-0 text-[11px] font-medium tabular-nums", o ? "text-destructive" : "text-muted-foreground"),
+					children: c?.(h, a.maxLength) ?? (typeof a.maxLength == "number" ? `${h}/${a.maxLength}` : h)
+				}) : null]
+			})]
+		});
+	}
+	let { value: o, defaultValue: s, leading: w, trailing: T, trailingAction: E, clearable: D = !1, onValueChange: O, onClear: ee, clearLabel: k, clearOnEscape: A, focusAfterClear: j, replaceTrailingWhenClear: M, helperText: N, errorText: P, showCharacterCount: F = !1, countFormatter: te, wrapperClassName: I, inputClassName: L, helperClassName: R, leadingPointerEvents: z = !1, trailingPointerEvents: B = !0, onChange: V, maxLength: H, className: U, ...W } = a, G = o !== void 0, [K, q] = y.useState(() => S(s)), J = G ? S(o) : K, Y = P ?? N, X = P ? "text-destructive" : "text-muted-foreground", Z = (e) => {
 		G || q(e.target.value.length), V?.(e);
 	}, Q = (e) => {
-		Z(e), E?.(e.target.value);
-	}, $ = T ? /* @__PURE__ */ b(l, {
+		Z(e), O?.(e.target.value);
+	}, $ = D ? /* @__PURE__ */ b(l, {
 		ref: r,
-		value: a,
-		defaultValue: a === void 0 ? o : void 0,
+		value: o,
+		defaultValue: o === void 0 ? s : void 0,
 		type: W.type ?? "text",
-		leadingIcon: s,
-		trailing: C,
-		trailingAction: w,
-		clearable: T,
+		leadingIcon: w,
+		trailing: T,
+		trailingAction: E,
+		clearable: D,
 		onChange: Z,
-		onValueChange: E,
-		onClear: D,
-		clearLabel: O,
-		clearOnEscape: k,
-		focusAfterClear: A,
-		replaceTrailingWhenClear: j,
+		onValueChange: O,
+		onClear: ee,
+		clearLabel: k,
+		clearOnEscape: A,
+		focusAfterClear: j,
+		replaceTrailingWhenClear: M,
 		wrapperClassName: I,
 		inputClassName: L,
 		className: U,
 		maxLength: H,
 		...W
-	}) : s || C || w ? /* @__PURE__ */ b(c, {
+	}) : w || T || E ? /* @__PURE__ */ b(c, {
 		ref: r,
-		value: a ?? void 0,
-		defaultValue: a === void 0 ? o : void 0,
+		value: o ?? void 0,
+		defaultValue: o === void 0 ? s : void 0,
 		type: W.type ?? "text",
-		leading: s,
-		trailing: C,
-		trailingAction: w,
+		leading: w,
+		trailing: T,
+		trailingAction: E,
 		leadingPointerEvents: z,
 		trailingPointerEvents: B,
 		wrapperClassName: I,
@@ -100,15 +133,15 @@ var C = y.forwardRef((n, r) => {
 		...W
 	}) : /* @__PURE__ */ b(t, {
 		ref: r,
-		value: a ?? void 0,
-		defaultValue: a === void 0 ? o : void 0,
+		value: o ?? void 0,
+		defaultValue: o === void 0 ? s : void 0,
 		type: W.type ?? "text",
 		className: e(L, U),
 		onChange: Q,
 		maxLength: H,
 		...W
 	});
-	return !Y && !P ? $ : /* @__PURE__ */ x("div", {
+	return !Y && !F ? $ : /* @__PURE__ */ x("div", {
 		"data-slot": "input-field",
 		className: "grid gap-1.5",
 		children: [$, /* @__PURE__ */ x("div", {
@@ -118,14 +151,14 @@ var C = y.forwardRef((n, r) => {
 				"data-slot": "input-helper",
 				className: e("min-w-0 text-xs leading-5", X, R),
 				children: Y
-			}), P ? /* @__PURE__ */ b("div", {
+			}), F ? /* @__PURE__ */ b("div", {
 				"data-slot": "input-count",
-				className: e("shrink-0 text-[11px] font-medium tabular-nums", N ? "text-destructive" : "text-muted-foreground"),
-				children: F?.(J, H) ?? (typeof H == "number" ? `${J}/${H}` : J)
+				className: e("shrink-0 text-[11px] font-medium tabular-nums", P ? "text-destructive" : "text-muted-foreground"),
+				children: te?.(J, H) ?? (typeof H == "number" ? `${J}/${H}` : J)
 			}) : null]
 		})]
 	});
 });
-C.displayName = "Input";
+w.displayName = "Input";
 //#endregion
-export { C as Input, n as InputGroup, r as InputGroupAddon, i as InputGroupButton, a as InputGroupInput, o as InputGroupText, s as InputGroupTextarea };
+export { w as Input, n as InputGroup, r as InputGroupAddon, i as InputGroupButton, a as InputGroupInput, o as InputGroupText, s as InputGroupTextarea };

package/dist/components/ui/select/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/select");var o=a.Select.Root;function s({className:e,...n}){return(0,i.jsx)(a.Select.Group,{"data-slot":`select-group`,className:t.cn(`scroll-my-1 p-1`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(a.Select.Value,{"data-slot":`select-value`,className:t.cn(`flex flex-1 text-left`,e),...n})}function l({className:e,size:n=`default`,children:o,...s}){return(0,i.jsxs)(a.Select.Trigger,{"data-slot":`select-trigger`,"data-size":n,className:t.cn(`flex w-full min-w-0 items-center justify-between gap-2 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] pr-3 pl-3 text-sm whitespace-nowrap text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] hover:shadow-[var(--aui-control-shadow-hover,0_2px_6px_rgba(15,23,42,0.06))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-danger-ring,var(--destructive)),0_0_0_4px_var(--aui-danger-ring-soft,transparent)] data-placeholder:text-muted-foreground/74 data-[size=default]:h-11 data-[size=lg]:h-12 data-[size=sm]:h-9 data-[size=sm]:rounded-[var(--radius-sm)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:min-w-0 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(a.Select.Icon,{render:(0,i.jsx)(r.ChevronDownIcon,{className:`pointer-events-none size-4 text-muted-foreground`})})]})}function u({className:e,children:n,side:r=`bottom`,sideOffset:o=4,align:s=`center`,alignOffset:c=0,alignItemWithTrigger:l=!0,...u}){return(0,i.jsx)(a.Select.Portal,{children:(0,i.jsx)(a.Select.Positioner,{side:r,sideOffset:o,align:s,alignOffset:c,alignItemWithTrigger:l,className:`isolate z-50`,children:(0,i.jsxs)(a.Select.Popup,{"data-slot":`select-content`,"data-align-trigger":l,className:t.cn(`relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-1.5 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...u,children:[(0,i.jsx)(m,{}),(0,i.jsx)(a.Select.List,{children:n}),(0,i.jsx)(h,{})]})})})}function d({className:e,...n}){return(0,i.jsx)(a.Select.GroupLabel,{"data-slot":`select-label`,className:t.cn(`px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90`,e),...n})}function f({className:e,children:n,...o}){return(0,i.jsxs)(a.Select.Item,{"data-slot":`select-item`,className:t.cn(`relative flex w-full cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm text-[color:var(--aui-page-muted-strong,var(--foreground))] outline-hidden select-none transition-[background-color,border-color,color,box-shadow,transform] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[selected]:border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] data-[selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] data-[selected]:font-semibold data-[selected]:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:min-w-0 *:[span]:last:items-center *:[span]:last:gap-2`,e),...o,children:[(0,i.jsx)(a.Select.ItemText,{className:`flex flex-1 shrink-0 gap-2 whitespace-nowrap`,children:n}),(0,i.jsx)(a.Select.ItemIndicator,{render:(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,i.jsx)(r.CheckIcon,{className:`pointer-events-none`})})]})}function p({className:e,...n}){return(0,i.jsx)(a.Select.Separator,{"data-slot":`select-separator`,className:t.cn(`pointer-events-none -mx-1 my-1.5 h-px bg-border/80`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(a.Select.ScrollUpArrow,{"data-slot":`select-scroll-up-button`,className:t.cn(`top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronUpIcon,{})})}function h({className:e,...n}){return(0,i.jsx)(a.Select.ScrollDownArrow,{"data-slot":`select-scroll-down-button`,className:t.cn(`bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronDownIcon,{})})}exports.Select=o,exports.SelectContent=u,exports.SelectGroup=s,exports.SelectItem=f,exports.SelectLabel=d,exports.SelectScrollDownButton=h,exports.SelectScrollUpButton=m,exports.SelectSeparator=p,exports.SelectTrigger=l,exports.SelectValue=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/select");var o=a.Select.Root;function s(e,t){let n=t.trim().toLowerCase();return n?[typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value,e.value,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function c({value:e,defaultValue:a,onValueChange:c,options:l,placeholder:p=`Select`,searchPlaceholder:h=`Search options...`,emptyLabel:g=`No options found`,clearLabel:_=`Clear selection`,size:v=`default`,clearable:y=!1,searchable:b=!1,loading:x=!1,loadingLabel:S=`Loading options...`,disabled:C=!1,showSelectedDescription:w=!0,triggerClassName:T,contentClassName:E,itemClassName:D,searchClassName:O,renderOption:k,invalid:A,children:j,onOpenChange:M,...N}){if(!l)return(0,i.jsx)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),onOpenChange:M,disabled:C,...N,children:j});let[P,F]=n.useState(``),I=l.find(t=>t.value===e),L=l.filter(e=>s(e,P));return(0,i.jsxs)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),disabled:C||x,onOpenChange:(e,t)=>{e||F(``),M?.(e,t)},...N,children:[(0,i.jsxs)(d,{size:v,"aria-invalid":A||void 0,className:t.cn(`w-full`,T),children:[(0,i.jsx)(u,{placeholder:p,children:I?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:I.label}),w&&I.description?(0,i.jsx)(`span`,{className:`truncate text-[11px] font-medium text-muted-foreground`,children:I.description}):null]}):null}),x?(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin text-muted-foreground`}):null,y&&e&&!C&&!x?(0,i.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":_,className:`ml-1 rounded-[var(--radius-sm)] border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),c?.(void 0)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c?.(void 0))},children:(0,i.jsx)(r.XIcon,{className:`size-3.5`})}):null]}),(0,i.jsxs)(f,{className:t.cn(`w-(--anchor-width)`,E),children:[b?(0,i.jsxs)(`div`,{"data-slot":`select-search`,className:`sticky top-0 z-10 mb-1 flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-popover px-2.5 py-2 text-sm`,children:[(0,i.jsx)(r.SearchIcon,{className:`size-4 text-muted-foreground`}),(0,i.jsx)(`input`,{value:P,onChange:e=>F(e.target.value),placeholder:h,className:t.cn(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,O)})]}):null,x?(0,i.jsxs)(`div`,{"data-slot":`select-state`,className:`flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin`}),S]}):L.length===0?(0,i.jsx)(`div`,{"data-slot":`select-state`,className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,children:g}):L.map(n=>{let a=n.value===e;return(0,i.jsx)(m,{value:n.value,disabled:n.disabled,className:t.cn(`rounded-[var(--radius-md)]`,D),children:k?k(n,{selected:a}):(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,i.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:n.label}),a?(0,i.jsx)(r.CheckIcon,{className:`ml-auto size-3.5 text-primary`}):null]}),n.description?(0,i.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:n.description}):null]})},n.value)})]})]})}function l({className:e,...n}){return(0,i.jsx)(a.Select.Group,{"data-slot":`select-group`,className:t.cn(`scroll-my-1 p-1`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(a.Select.Value,{"data-slot":`select-value`,className:t.cn(`flex flex-1 text-left`,e),...n})}function d({className:e,size:n=`default`,children:o,...s}){return(0,i.jsxs)(a.Select.Trigger,{"data-slot":`select-trigger`,"data-size":n,className:t.cn(`flex w-full min-w-0 items-center justify-between gap-2 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] pr-3 pl-3 text-sm whitespace-nowrap text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] hover:shadow-[var(--aui-control-shadow-hover,0_2px_6px_rgba(15,23,42,0.06))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-danger-ring,var(--destructive)),0_0_0_4px_var(--aui-danger-ring-soft,transparent)] data-placeholder:text-muted-foreground/74 data-[size=default]:h-11 data-[size=lg]:h-12 data-[size=sm]:h-9 data-[size=sm]:rounded-[var(--radius-sm)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:min-w-0 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(a.Select.Icon,{render:(0,i.jsx)(r.ChevronDownIcon,{className:`pointer-events-none size-4 text-muted-foreground`})})]})}function f({className:e,children:n,side:r=`bottom`,sideOffset:o=4,align:s=`center`,alignOffset:c=0,alignItemWithTrigger:l=!0,...u}){return(0,i.jsx)(a.Select.Portal,{children:(0,i.jsx)(a.Select.Positioner,{side:r,sideOffset:o,align:s,alignOffset:c,alignItemWithTrigger:l,className:`isolate z-50`,children:(0,i.jsxs)(a.Select.Popup,{"data-slot":`select-content`,"data-align-trigger":l,className:t.cn(`relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-1.5 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...u,children:[(0,i.jsx)(g,{}),(0,i.jsx)(a.Select.List,{children:n}),(0,i.jsx)(_,{})]})})})}function p({className:e,...n}){return(0,i.jsx)(a.Select.GroupLabel,{"data-slot":`select-label`,className:t.cn(`px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90`,e),...n})}function m({className:e,children:n,...o}){return(0,i.jsxs)(a.Select.Item,{"data-slot":`select-item`,className:t.cn(`relative flex w-full cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm text-[color:var(--aui-page-muted-strong,var(--foreground))] outline-hidden select-none transition-[background-color,border-color,color,box-shadow,transform] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[selected]:border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] data-[selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] data-[selected]:font-semibold data-[selected]:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:min-w-0 *:[span]:last:items-center *:[span]:last:gap-2`,e),...o,children:[(0,i.jsx)(a.Select.ItemText,{className:`flex flex-1 shrink-0 gap-2 whitespace-nowrap`,children:n}),(0,i.jsx)(a.Select.ItemIndicator,{render:(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,i.jsx)(r.CheckIcon,{className:`pointer-events-none`})})]})}function h({className:e,...n}){return(0,i.jsx)(a.Select.Separator,{"data-slot":`select-separator`,className:t.cn(`pointer-events-none -mx-1 my-1.5 h-px bg-border/80`,e),...n})}function g({className:e,...n}){return(0,i.jsx)(a.Select.ScrollUpArrow,{"data-slot":`select-scroll-up-button`,className:t.cn(`top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronUpIcon,{})})}function _({className:e,...n}){return(0,i.jsx)(a.Select.ScrollDownArrow,{"data-slot":`select-scroll-down-button`,className:t.cn(`bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronDownIcon,{})})}exports.Select=c,exports.SelectContent=f,exports.SelectGroup=l,exports.SelectItem=m,exports.SelectLabel=p,exports.SelectScrollDownButton=_,exports.SelectScrollUpButton=g,exports.SelectSeparator=h,exports.SelectTrigger=d,exports.SelectValue=u;

package/dist/components/ui/select/index.d.ts

@@ -12,7 +12,39 @@ export type SelectItemProps = SelectPrimitive.Item.Props;
 export type SelectSeparatorProps = SelectPrimitive.Separator.Props;
 export type SelectScrollUpButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>;
 export type SelectScrollDownButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>;
-declare const Select: typeof SelectPrimitive.Root;
+export type SelectOption = {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    description?: React.ReactNode;
+    keywords?: string[];
+};
+export type SelectProps = Omit<SelectRootProps, "value" | "defaultValue" | "onValueChange"> & {
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | undefined) => void;
+    options?: SelectOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyLabel?: React.ReactNode;
+    clearLabel?: string;
+    size?: "sm" | "default" | "lg";
+    clearable?: boolean;
+    searchable?: boolean;
+    loading?: boolean;
+    loadingLabel?: React.ReactNode;
+    disabled?: boolean;
+    showSelectedDescription?: boolean;
+    triggerClassName?: string;
+    contentClassName?: string;
+    itemClassName?: string;
+    searchClassName?: string;
+    renderOption?: (option: SelectOption, state: {
+        selected: boolean;
+    }) => React.ReactNode;
+    invalid?: boolean;
+};
+declare function Select({ value, defaultValue, onValueChange, options, placeholder, searchPlaceholder, emptyLabel, clearLabel, size, clearable, searchable, loading, loadingLabel, disabled, showSelectedDescription, triggerClassName, contentClassName, itemClassName, searchClassName, renderOption, invalid, children, onOpenChange, ...props }: SelectProps): React.JSX.Element;
 declare function SelectGroup({ className, ...props }: SelectGroupProps): React.JSX.Element;
 declare function SelectValue({ className, ...props }: SelectValueProps): React.JSX.Element;
 declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): React.JSX.Element;