tembro 2.0.5 → 2.1.0

package/dist/components/ui/radio-group/index.js

@@ -7,32 +7,66 @@ var i = {
 	default: "size-4",
 	lg: "size-5"
 };
-function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, orientation: u = "vertical", size: d = "default", className: f, itemClassName: p, ...m }) {
-	let h = t.useId(), g = a ?? h, [_, v] = t.useState(s ?? ""), y = o !== void 0, b = y ? o : _, x = (e) => {
-		y || v(e), c?.(e);
+function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, orientation: u = "vertical", size: d = "default", invalid: f = !1, disabled: p = !1, className: m, itemClassName: h, itemLabelClassName: g, itemDescriptionClassName: _, ...v }) {
+	let y = t.useId(), b = a ?? y, [x, S] = t.useState(s ?? ""), C = o !== void 0, w = C ? o : x, T = t.useRef([]), E = l.filter((e) => !e.disabled && !p), D = (e) => {
+		C || S(e), c?.(e);
+	}, O = (e) => {
+		let t = E[e];
+		if (!t) return;
+		let n = l.findIndex((e) => e.value === t.value);
+		T.current[n]?.focus(), D(t.value);
 	};
 	return /* @__PURE__ */ n("div", {
 		role: "radiogroup",
+		"aria-invalid": f || void 0,
+		"aria-disabled": p || void 0,
 		"data-slot": "radio-group",
 		"data-orientation": u,
-		className: e("grid gap-2", u === "horizontal" && "sm:flex sm:flex-wrap sm:items-center", f),
-		...m,
-		children: l.map((t) => {
-			let a = t.value === b;
+		"data-invalid": f || void 0,
+		className: e("grid gap-2", u === "horizontal" && "sm:flex sm:flex-wrap sm:items-center", m),
+		onKeyDown: (e) => {
+			if (![
+				"ArrowDown",
+				"ArrowRight",
+				"ArrowUp",
+				"ArrowLeft",
+				"Home",
+				"End"
+			].includes(e.key) || E.length === 0) return;
+			e.preventDefault();
+			let t = Math.max(0, E.findIndex((e) => e.value === w));
+			if (e.key === "Home") {
+				O(0);
+				return;
+			}
+			if (e.key === "End") {
+				O(E.length - 1);
+				return;
+			}
+			O((t + (e.key === "ArrowDown" || e.key === "ArrowRight" ? 1 : -1) + E.length) % E.length);
+		},
+		...v,
+		children: l.map((t, a) => {
+			let o = t.value === w, s = p || t.disabled;
 			return /* @__PURE__ */ r("label", {
 				"data-slot": "radio-group-item",
-				"data-checked": a || void 0,
-				"data-disabled": t.disabled || void 0,
-				className: e("group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55", p),
+				"data-checked": o || void 0,
+				"data-disabled": s || void 0,
+				"data-invalid": f || void 0,
+				className: e("group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/30 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55 data-[invalid=true]:border-destructive/70 data-[invalid=true]:ring-3 data-[invalid=true]:ring-destructive/15", h),
 				children: [
 					/* @__PURE__ */ n("input", {
+						ref: (e) => {
+							T.current[a] = e;
+						},
 						type: "radio",
-						name: g,
+						name: b,
 						value: t.value,
-						checked: a,
-						disabled: t.disabled,
+						checked: o,
+						disabled: s,
+						"aria-invalid": f || void 0,
 						className: "sr-only",
-						onChange: () => x(t.value)
+						onChange: () => D(t.value)
 					}),
 					/* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
@@ -42,10 +76,10 @@ function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, o
 					/* @__PURE__ */ r("span", {
 						className: "min-w-0",
 						children: [/* @__PURE__ */ n("span", {
-							className: "block font-medium text-foreground",
+							className: e("block font-medium text-foreground", g),
 							children: t.label
 						}), t.description ? /* @__PURE__ */ n("span", {
-							className: "mt-1 block text-sm leading-6 text-muted-foreground",
+							className: e("mt-1 block text-sm leading-6 text-muted-foreground", _),
 							children: t.description
 						}) : null]
 					})

package/dist/components/ui/right-click-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("react/jsx-runtime");function i({items:e,children:i,className:a,...o}){let[s,c]=n.useState(!1),[l,u]=n.useState({x:0,y:0});return n.useEffect(()=>{if(!s)return;let e=()=>c(!1);return window.addEventListener(`click`,e),()=>window.removeEventListener(`click`,e)},[s]),(0,r.jsxs)(`div`,{"data-slot":`right-click-menu`,className:t.cn(`contents`,a),onContextMenu:e=>{e.preventDefault(),u({x:e.clientX,y:e.clientY}),c(!0)},...o,children:[i,s?(0,r.jsx)(`div`,{className:`fixed z-50 min-w-40 rounded-xl border border-border bg-popover p-1.5 text-sm text-popover-foreground shadow-xl`,style:{left:l.x,top:l.y},children:e.map((e,t)=>(0,r.jsx)(`button`,{type:`button`,disabled:e.disabled,className:`block w-full rounded-lg px-3 py-2 text-left hover:bg-accent disabled:pointer-events-none disabled:opacity-50`,onClick:()=>{e.onSelect?.(),c(!1)},children:e.label},t))}):null]})}exports.RightClickMenu=i;
+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("react/jsx-runtime");function i(e,t,n=224,r){return typeof window>`u`?{x:e,y:t}:{x:Math.min(Math.max(8,e),Math.max(8,window.innerWidth-n-8)),y:Math.min(Math.max(8,t),Math.max(8,window.innerHeight-r-8))}}function a({items:e,children:a,className:o,label:s=`Context menu`,...c}){let[l,u]=n.useState(!1),[d,f]=n.useState({x:0,y:0}),[p,m]=n.useState(0),h=n.useRef(null),g=n.useRef([]),_=n.useMemo(()=>e.map((e,t)=>({item:e,index:t})).filter(({item:e})=>!e.disabled),[e]),v=n.useCallback((t,n)=>{f(i(t,n,224,Math.max(44,e.length*42+12))),m(_[0]?.index??0),u(!0)},[_,e.length]);n.useEffect(()=>{if(!l)return;let e=()=>u(!1),t=e=>{e.key===`Escape`&&u(!1)};return window.addEventListener(`pointerdown`,e),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),window.addEventListener(`keydown`,t),()=>{window.removeEventListener(`pointerdown`,e),window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`keydown`,t)}},[l]),n.useEffect(()=>{l&&g.current[p]?.focus()},[p,l]);let y=e=>{if(_.length===0)return;let t=_[(_.findIndex(({index:e})=>e===p)+e+_.length)%_.length];m(t.index)};return(0,r.jsxs)(`div`,{"data-slot":`right-click-menu`,ref:h,tabIndex:0,className:t.cn(`contents focus:outline-none`,o),onContextMenu:e=>{e.preventDefault(),v(e.clientX,e.clientY)},onKeyDown:e=>{if(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`){e.preventDefault();let t=h.current?.getBoundingClientRect();v(t?t.left+12:12,t?t.top+12:12)}},...c,children:[a,l?(0,r.jsx)(`div`,{"data-slot":`right-click-menu-content`,role:`menu`,"aria-label":s,className:`fixed z-50 min-w-56 max-w-[calc(100vw-1rem)] 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-1.5 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] outline-none`,style:{left:d.x,top:d.y},onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{e.key===`ArrowDown`&&(e.preventDefault(),y(1)),e.key===`ArrowUp`&&(e.preventDefault(),y(-1)),e.key===`Home`&&(e.preventDefault(),m(_[0]?.index??p)),e.key===`End`&&(e.preventDefault(),m(_.at(-1)?.index??p))},children:e.map((e,t)=>(0,r.jsxs)(`button`,{ref:e=>{g.current[t]=e},type:`button`,role:`menuitem`,disabled:e.disabled,"data-variant":e.variant??`default`,className:`group flex min-h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-left text-popover-foreground outline-none transition-[background-color,color] hover:bg-accent focus-visible:bg-accent data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:focus-visible:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0`,onClick:()=>{e.disabled||(e.onSelect?.(),u(!1))},children:[e.icon,(0,r.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),e.shortcut?(0,r.jsx)(`span`,{className:`ml-3 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-hover:text-foreground group-focus-visible:text-foreground`,children:e.shortcut}):null]},t))}):null]})}exports.RightClickMenu=a;

package/dist/components/ui/right-click-menu/index.d.ts

@@ -1,11 +1,15 @@
 import * as React from "react";
 export type RightClickMenuItem = {
     label: React.ReactNode;
+    icon?: React.ReactNode;
+    shortcut?: React.ReactNode;
     onSelect?: () => void;
     disabled?: boolean;
+    variant?: "default" | "destructive";
 };
 export type RightClickMenuProps = React.ComponentProps<"div"> & {
     items: RightClickMenuItem[];
+    label?: string;
 };
-declare function RightClickMenu({ items, children, className, ...props }: RightClickMenuProps): React.JSX.Element;
+declare function RightClickMenu({ items, children, className, label, ...props }: RightClickMenuProps): React.JSX.Element;
 export { RightClickMenu };

package/dist/components/ui/right-click-menu/index.js

@@ -2,42 +2,96 @@ import { cn as e } from "../../../lib/utils.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/ui/right-click-menu/index.tsx
-function i({ items: i, children: a, className: o, ...s }) {
-	let [c, l] = t.useState(!1), [u, d] = t.useState({
+function i(e, t, n = 224, r) {
+	return typeof window > "u" ? {
+		x: e,
+		y: t
+	} : {
+		x: Math.min(Math.max(8, e), Math.max(8, window.innerWidth - n - 8)),
+		y: Math.min(Math.max(8, t), Math.max(8, window.innerHeight - r - 8))
+	};
+}
+function a({ items: a, children: o, className: s, label: c = "Context menu", ...l }) {
+	let [u, d] = t.useState(!1), [f, p] = t.useState({
 		x: 0,
 		y: 0
-	});
-	return t.useEffect(() => {
-		if (!c) return;
-		let e = () => l(!1);
-		return window.addEventListener("click", e), () => window.removeEventListener("click", e);
-	}, [c]), /* @__PURE__ */ r("div", {
+	}), [m, h] = t.useState(0), g = t.useRef(null), _ = t.useRef([]), v = t.useMemo(() => a.map((e, t) => ({
+		item: e,
+		index: t
+	})).filter(({ item: e }) => !e.disabled), [a]), y = t.useCallback((e, t) => {
+		p(i(e, t, 224, Math.max(44, a.length * 42 + 12))), h(v[0]?.index ?? 0), d(!0);
+	}, [v, a.length]);
+	t.useEffect(() => {
+		if (!u) return;
+		let e = () => d(!1), t = (e) => {
+			e.key === "Escape" && d(!1);
+		};
+		return window.addEventListener("pointerdown", e), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), window.addEventListener("keydown", t), () => {
+			window.removeEventListener("pointerdown", e), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), window.removeEventListener("keydown", t);
+		};
+	}, [u]), t.useEffect(() => {
+		u && _.current[m]?.focus();
+	}, [m, u]);
+	let b = (e) => {
+		if (v.length === 0) return;
+		let t = v[(v.findIndex(({ index: e }) => e === m) + e + v.length) % v.length];
+		h(t.index);
+	};
+	return /* @__PURE__ */ r("div", {
 		"data-slot": "right-click-menu",
-		className: e("contents", o),
+		ref: g,
+		tabIndex: 0,
+		className: e("contents focus:outline-none", s),
 		onContextMenu: (e) => {
-			e.preventDefault(), d({
-				x: e.clientX,
-				y: e.clientY
-			}), l(!0);
+			e.preventDefault(), y(e.clientX, e.clientY);
+		},
+		onKeyDown: (e) => {
+			if (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") {
+				e.preventDefault();
+				let t = g.current?.getBoundingClientRect();
+				y(t ? t.left + 12 : 12, t ? t.top + 12 : 12);
+			}
 		},
-		...s,
-		children: [a, c ? /* @__PURE__ */ n("div", {
-			className: "fixed z-50 min-w-40 rounded-xl border border-border bg-popover p-1.5 text-sm text-popover-foreground shadow-xl",
+		...l,
+		children: [o, u ? /* @__PURE__ */ n("div", {
+			"data-slot": "right-click-menu-content",
+			role: "menu",
+			"aria-label": c,
+			className: "fixed z-50 min-w-56 max-w-[calc(100vw-1rem)] 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-1.5 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] outline-none",
 			style: {
-				left: u.x,
-				top: u.y
+				left: f.x,
+				top: f.y
 			},
-			children: i.map((e, t) => /* @__PURE__ */ n("button", {
+			onPointerDown: (e) => e.stopPropagation(),
+			onKeyDown: (e) => {
+				e.key === "ArrowDown" && (e.preventDefault(), b(1)), e.key === "ArrowUp" && (e.preventDefault(), b(-1)), e.key === "Home" && (e.preventDefault(), h(v[0]?.index ?? m)), e.key === "End" && (e.preventDefault(), h(v.at(-1)?.index ?? m));
+			},
+			children: a.map((e, t) => /* @__PURE__ */ r("button", {
+				ref: (e) => {
+					_.current[t] = e;
+				},
 				type: "button",
+				role: "menuitem",
 				disabled: e.disabled,
-				className: "block w-full rounded-lg px-3 py-2 text-left hover:bg-accent disabled:pointer-events-none disabled:opacity-50",
+				"data-variant": e.variant ?? "default",
+				className: "group flex min-h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-left text-popover-foreground outline-none transition-[background-color,color] hover:bg-accent focus-visible:bg-accent data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:focus-visible:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
 				onClick: () => {
-					e.onSelect?.(), l(!1);
+					e.disabled || (e.onSelect?.(), d(!1));
 				},
-				children: e.label
+				children: [
+					e.icon,
+					/* @__PURE__ */ n("span", {
+						className: "min-w-0 flex-1 truncate",
+						children: e.label
+					}),
+					e.shortcut ? /* @__PURE__ */ n("span", {
+						className: "ml-3 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-hover:text-foreground group-focus-visible:text-foreground",
+						children: e.shortcut
+					}) : null
+				]
 			}, t))
 		}) : null]
 	});
 }
 //#endregion
-export { i as RightClickMenu };
+export { a as RightClickMenu };

package/dist/components/ui/segmented-control/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("react/jsx-runtime");var i={sm:`min-h-8 px-2.5 text-xs`,md:`min-h-9 px-3.5 text-sm`,lg:`min-h-10 px-4 text-sm`};function a({value:e,defaultValue:a,onValueChange:o,options:s,size:c=`md`,fullWidth:l=!1,className:u,...d}){let[f,p]=n.useState(a??s[0]?.value),m=e??f,h=t=>{e===void 0&&p(t),o?.(t)};return(0,r.jsx)(`div`,{"data-slot":`segmented-control`,role:`radiogroup`,className:t.cn(`inline-flex gap-1 rounded-[var(--radius-2xl)] border border-border/80 bg-muted/72 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.06),0_10px_26px_rgba(15,23,42,0.05)] backdrop-blur`,l&&`flex w-full`,u),...d,children:s.map(e=>{let n=e.value===m;return(0,r.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":n,disabled:e.disabled,"data-selected":n||void 0,className:t.cn(`inline-flex items-center justify-center gap-1.5 rounded-[calc(var(--radius-xl)-2px)] border border-transparent font-medium text-muted-foreground outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-background/58 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:-translate-y-px data-[selected=true]:border-border/85 data-[selected=true]:bg-background data-[selected=true]:text-foreground data-[selected=true]:shadow-[0_1px_0_rgba(255,255,255,0.24),0_12px_24px_rgba(15,23,42,0.12)]`,i[c],l&&`flex-1`),onClick:()=>h(e.value),children:[e.icon,e.label]},e.value)})})}exports.SegmentedControl=a;
+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("react/jsx-runtime");var i={sm:`min-h-8 px-2.5 text-xs`,md:`min-h-9 px-3.5 text-sm`,lg:`min-h-10 px-4 text-sm`};function a({value:e,defaultValue:a,onValueChange:o,options:s,size:c=`md`,fullWidth:l=!1,equalWidth:u=!1,className:d,...f}){let[p,m]=n.useState(a??s[0]?.value),h=e??p,g=n.useRef([]),_=t=>{e===void 0&&m(t),o?.(t)},v=(e,t)=>{let n=s.map((e,t)=>({option:e,index:t})).filter(({option:e})=>!e.disabled),r=n[(n.findIndex(({index:t})=>t===e)+t+n.length)%n.length];g.current[r?.index??e]?.focus()};return(0,r.jsx)(`div`,{"data-slot":`segmented-control`,role:`radiogroup`,className:t.cn(`inline-flex gap-1 rounded-[var(--radius-2xl)] border border-border/80 bg-muted/72 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.06),0_10px_26px_rgba(15,23,42,0.05)] backdrop-blur`,l&&`flex w-full`,u&&`grid auto-cols-fr grid-flow-col`,d),...f,children:s.map((e,n)=>{let a=e.value===h;return(0,r.jsxs)(`button`,{ref:e=>{g.current[n]=e},type:`button`,role:`radio`,"aria-checked":a,disabled:e.disabled,"data-selected":a||void 0,className:t.cn(`inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--radius-xl)-2px)] border border-transparent font-medium text-muted-foreground outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-background/58 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:-translate-y-px data-[selected=true]:border-border/85 data-[selected=true]:bg-background data-[selected=true]:text-foreground data-[selected=true]:shadow-[0_1px_0_rgba(255,255,255,0.24),0_12px_24px_rgba(15,23,42,0.12)] [&_svg]:size-4 [&_svg]:shrink-0`,i[c],(l||u)&&`w-full`),onClick:()=>_(e.value),onKeyDown:e=>{(e.key===`ArrowRight`||e.key===`ArrowDown`)&&(e.preventDefault(),v(n,1)),(e.key===`ArrowLeft`||e.key===`ArrowUp`)&&(e.preventDefault(),v(n,-1))},children:[e.icon,e.label]},e.value)})})}exports.SegmentedControl=a;

package/dist/components/ui/segmented-control/index.d.ts

@@ -12,6 +12,7 @@ export type SegmentedControlProps<TValue extends string = string> = Omit<React.C
     options: SegmentedControlOption<TValue>[];
     size?: "sm" | "md" | "lg";
     fullWidth?: boolean;
+    equalWidth?: boolean;
 };
-declare function SegmentedControl<TValue extends string = string>({ value, defaultValue, onValueChange, options, size, fullWidth, className, ...props }: SegmentedControlProps<TValue>): React.JSX.Element;
+declare function SegmentedControl<TValue extends string = string>({ value, defaultValue, onValueChange, options, size, fullWidth, equalWidth, className, ...props }: SegmentedControlProps<TValue>): React.JSX.Element;
 export { SegmentedControl };

package/dist/components/ui/segmented-control/index.js

@@ -7,25 +7,37 @@ var i = {
 	md: "min-h-9 px-3.5 text-sm",
 	lg: "min-h-10 px-4 text-sm"
 };
-function a({ value: a, defaultValue: o, onValueChange: s, options: c, size: l = "md", fullWidth: u = !1, className: d, ...f }) {
-	let [p, m] = t.useState(o ?? c[0]?.value), h = a ?? p, g = (e) => {
-		a === void 0 && m(e), s?.(e);
+function a({ value: a, defaultValue: o, onValueChange: s, options: c, size: l = "md", fullWidth: u = !1, equalWidth: d = !1, className: f, ...p }) {
+	let [m, h] = t.useState(o ?? c[0]?.value), g = a ?? m, _ = t.useRef([]), v = (e) => {
+		a === void 0 && h(e), s?.(e);
+	}, y = (e, t) => {
+		let n = c.map((e, t) => ({
+			option: e,
+			index: t
+		})).filter(({ option: e }) => !e.disabled), r = n[(n.findIndex(({ index: t }) => t === e) + t + n.length) % n.length];
+		_.current[r?.index ?? e]?.focus();
 	};
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "segmented-control",
 		role: "radiogroup",
-		className: e("inline-flex gap-1 rounded-[var(--radius-2xl)] border border-border/80 bg-muted/72 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.06),0_10px_26px_rgba(15,23,42,0.05)] backdrop-blur", u && "flex w-full", d),
-		...f,
-		children: c.map((t) => {
-			let n = t.value === h;
+		className: e("inline-flex gap-1 rounded-[var(--radius-2xl)] border border-border/80 bg-muted/72 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.06),0_10px_26px_rgba(15,23,42,0.05)] backdrop-blur", u && "flex w-full", d && "grid auto-cols-fr grid-flow-col", f),
+		...p,
+		children: c.map((t, n) => {
+			let a = t.value === g;
 			return /* @__PURE__ */ r("button", {
+				ref: (e) => {
+					_.current[n] = e;
+				},
 				type: "button",
 				role: "radio",
-				"aria-checked": n,
+				"aria-checked": a,
 				disabled: t.disabled,
-				"data-selected": n || void 0,
-				className: e("inline-flex items-center justify-center gap-1.5 rounded-[calc(var(--radius-xl)-2px)] border border-transparent font-medium text-muted-foreground outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-background/58 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:-translate-y-px data-[selected=true]:border-border/85 data-[selected=true]:bg-background data-[selected=true]:text-foreground data-[selected=true]:shadow-[0_1px_0_rgba(255,255,255,0.24),0_12px_24px_rgba(15,23,42,0.12)]", i[l], u && "flex-1"),
-				onClick: () => g(t.value),
+				"data-selected": a || void 0,
+				className: e("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--radius-xl)-2px)] border border-transparent font-medium text-muted-foreground outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-background/58 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:-translate-y-px data-[selected=true]:border-border/85 data-[selected=true]:bg-background data-[selected=true]:text-foreground data-[selected=true]:shadow-[0_1px_0_rgba(255,255,255,0.24),0_12px_24px_rgba(15,23,42,0.12)] [&_svg]:size-4 [&_svg]:shrink-0", i[l], (u || d) && "w-full"),
+				onClick: () => v(t.value),
+				onKeyDown: (e) => {
+					(e.key === "ArrowRight" || e.key === "ArrowDown") && (e.preventDefault(), y(n, 1)), (e.key === "ArrowLeft" || e.key === "ArrowUp") && (e.preventDefault(), y(n, -1));
+				},
 				children: [t.icon, t.label]
 			}, t.value);
 		})

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:h,groups:g,placeholder:_=`Select`,searchPlaceholder:v=`Search options...`,emptyLabel:y=`No options found`,emptyMessage:b,clearLabel:x=`Clear selection`,size:S=`default`,clearable:C=!1,searchable:w=!1,loading:T=!1,loadingLabel:E=`Loading options...`,disabled:D=!1,showSelectedDescription:O=!0,triggerClassName:k,contentClassName:A,itemClassName:j,searchClassName:M,renderOption:N,invalid:P,children:F,onOpenChange:I,onSearchChange:L,...R}){if(!h&&!g)return(0,i.jsx)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),onOpenChange:I,disabled:D,...R,children:F});let[z,B]=n.useState(``),V=n.useMemo(()=>g??[{options:h??[]}],[g,h]),H=n.useMemo(()=>V.flatMap(e=>e.options),[V]).find(t=>t.value===e),U=V.map(e=>({...e,options:e.options.filter(e=>s(e,z))})).filter(e=>e.options.length>0),W=U.reduce((e,t)=>e+t.options.length,0);return(0,i.jsxs)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),disabled:D||T,onOpenChange:(e,t)=>{e||B(``),I?.(e,t)},...R,children:[(0,i.jsxs)(d,{size:S,"aria-invalid":P||void 0,className:t.cn(`w-full`,k),children:[(0,i.jsx)(u,{placeholder:_,children:H?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:H.label}),O&&H.description?(0,i.jsx)(`span`,{className:`truncate text-[11px] font-medium text-muted-foreground`,children:H.description}):null]}):null}),T?(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin text-muted-foreground`}):null,C&&e&&!D&&!T?(0,i.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":x,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)`,A),children:[w?(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:z,onChange:e=>{B(e.target.value),L?.(e.target.value)},placeholder:v,className:t.cn(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,M)})]}):null,T?(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`}),E]}):W===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:b??y}):U.map((n,a)=>(0,i.jsxs)(l,{children:[n.label?(0,i.jsx)(p,{children:n.label}):null,n.options.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)]`,j),children:N?N(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)})]},a))]})]})}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,46 @@ 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 SelectOptionGroup = {
+    label?: React.ReactNode;
+    options: SelectOption[];
+};
+export type SelectProps = Omit<SelectRootProps, "value" | "defaultValue" | "onValueChange"> & {
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | undefined) => void;
+    options?: SelectOption[];
+    groups?: SelectOptionGroup[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyLabel?: React.ReactNode;
+    emptyMessage?: 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;
+    onSearchChange?: (value: string) => void;
+};
+declare function Select({ value, defaultValue, onValueChange, options, groups, placeholder, searchPlaceholder, emptyLabel, emptyMessage, clearLabel, size, clearable, searchable, loading, loadingLabel, disabled, showSelectedDescription, triggerClassName, contentClassName, itemClassName, searchClassName, renderOption, invalid, children, onOpenChange, onSearchChange, ...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;