tembro 3.1.17 → 4.0.0

package/dist/src/components/feedback/page-state.js

@@ -1,68 +1,28 @@
 import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
+import { StateView as t } from "./state-view.js";
 import "react";
-import { AlertCircleIcon as n, CheckCircle2Icon as r, InfoIcon as i, Loader2Icon as a, SearchXIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/feedback/page-state.tsx
-function l(e) {
-	switch (e) {
-		case "loading": return /* @__PURE__ */ s(a, { className: "size-8 animate-spin" });
-		case "error": return /* @__PURE__ */ s(n, { className: "size-8" });
-		case "success": return /* @__PURE__ */ s(r, { className: "size-8" });
-		case "info": return /* @__PURE__ */ s(i, { className: "size-8" });
-		default: return /* @__PURE__ */ s(o, { className: "size-8" });
-	}
-}
-function u({ tone: t = "empty", title: n, description: r, icon: i, action: a, extra: o, compact: u = !1, className: d, ...f }) {
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "page-state",
-		"data-tone": t,
-		"data-compact": u || void 0,
-		role: t === "error" ? "alert" : "status",
-		"aria-live": t === "error" ? "assertive" : "polite",
-		"aria-busy": t === "loading" || void 0,
-		className: e("flex flex-col items-center justify-center rounded-[var(--radius-3xl)] border border-border/75 bg-card/96 text-center shadow-sm ring-1 ring-foreground/4", u ? "gap-2 p-6" : "min-h-72 gap-4 p-10", d),
-		...f,
-		children: [
-			/* @__PURE__ */ s("div", {
-				"data-slot": "page-state-icon",
-				className: "flex size-14 items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]",
-				children: i ?? l(t)
-			}),
-			/* @__PURE__ */ c("div", {
-				"data-slot": "page-state-content",
-				className: "grid gap-1",
-				children: [n && /* @__PURE__ */ s("div", {
-					"data-slot": "page-state-title",
-					className: "text-base font-semibold tracking-tight text-foreground",
-					children: n
-				}), r && /* @__PURE__ */ s("div", {
-					"data-slot": "page-state-description",
-					className: "max-w-md text-sm leading-6 text-muted-foreground",
-					children: r
-				})]
-			}),
-			a || o ? /* @__PURE__ */ c("div", {
-				"data-slot": "page-state-actions",
-				className: "flex flex-wrap items-center justify-center gap-2",
-				children: [a, o]
-			}) : null
-		]
+function a({ tone: e = "empty", action: a, extra: o, compact: s = !1, className: c, ...l }) {
+	return /* @__PURE__ */ r(t, {
+		status: e,
+		size: s ? "compact" : "page",
+		actions: /* @__PURE__ */ i(n, { children: [a, o] }),
+		slot: "page-state",
+		className: c,
+		...l
 	});
 }
-function d({ retryLabel: n = "Retry", onRetry: r, action: i, className: a, ...o }) {
-	return /* @__PURE__ */ s(u, {
-		compact: !0,
+function o({ tone: n = "empty", action: i, className: a, ...o }) {
+	return /* @__PURE__ */ r(t, {
+		variant: "inline",
+		size: "compact",
+		actions: i,
+		slot: "inline-state",
 		className: e("min-h-0", a),
-		action: i ?? (r ? /* @__PURE__ */ s(t, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			onClick: r,
-			children: n
-		}) : void 0),
-		...o
+		...o,
+		status: n
 	});
 }
 //#endregion
-export { d as InlineState, u as PageState };
+export { o as InlineState, a as PageState };

package/dist/src/components/feedback/state-view.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={idle:{title:`Ready`,description:`No action has started yet.`,icon:(0,a.jsx)(i.CheckCircle2Icon,{})},loading:{title:`Loading`,description:`Please wait while data is being prepared.`,icon:(0,a.jsx)(i.Loader2Icon,{className:`animate-spin`})},empty:{title:`No data`,description:`There is nothing to show yet.`,icon:(0,a.jsx)(i.SearchXIcon,{})},error:{title:`Something went wrong`,description:`Try again or check the request.`,icon:(0,a.jsx)(i.AlertTriangleIcon,{})},success:{title:`Ready`,description:`Data loaded successfully.`,icon:(0,a.jsx)(i.CheckCircle2Icon,{})},info:{title:`Information`,description:`Review the information below.`,icon:(0,a.jsx)(i.InfoIcon,{})}},s={default:`text-muted-foreground`,muted:`text-muted-foreground`,success:`text-[color:var(--aui-success,var(--primary))]`,warning:`text-[color:var(--aui-warning,var(--primary))]`,danger:`text-destructive`,info:`text-[color:var(--aui-info,var(--primary))]`};function c({status:e=`empty`,tone:r,variant:c=`card`,size:l=`default`,align:u=`center`,title:d,description:f,icon:p,badge:m,actions:h,footer:g,query:_,retryLabel:v=`Retry`,onRetry:y,clearLabel:b=`Clear`,onClear:x,loadingVariant:S=`spinner`,progress:C,slot:w=`state-view`,className:T,children:E,...D}){let O=o[e],k=r??(e===`error`?`danger`:e===`success`?`success`:e===`info`?`info`:`default`),A=l===`compact`||c===`inline`,j=l===`page`,M=e===`loading`&&S===`skeleton`,N=typeof C==`number`?Math.min(Math.max(C,0),100):void 0;return(0,a.jsxs)(`div`,{"data-slot":w,"data-status":e,"data-tone":k,"data-variant":c,"data-size":l,role:e===`error`?`alert`:`status`,"aria-live":e===`error`?`assertive`:`polite`,"aria-busy":e===`loading`||void 0,className:t.cn(`flex min-w-0 flex-col justify-center`,u===`center`?`items-center text-center`:`items-start text-left`,c===`card`&&`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]`,c===`inline`&&`rounded-[var(--radius-md)] border border-border/70 bg-muted/20`,A?`gap-2 p-4`:j?`min-h-72 gap-4 p-10`:`min-h-52 gap-3 p-8`,T),...D,children:[M?(0,a.jsxs)(`div`,{"data-slot":`state-view-skeleton`,className:`grid w-full max-w-sm gap-3`,"aria-hidden":`true`,children:[(0,a.jsx)(`div`,{className:`h-4 w-2/5 animate-pulse rounded bg-muted`}),(0,a.jsx)(`div`,{className:`h-20 w-full animate-pulse rounded-[var(--radius-lg)] bg-muted/70`})]}):(0,a.jsx)(`div`,{"data-slot":`state-view-icon`,className:t.cn(`flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-muted/45 [&_svg]:size-5`,s[k],A?`size-9`:`size-12`),children:p??O.icon}),(0,a.jsxs)(`div`,{"data-slot":`state-view-content`,className:`grid max-w-md gap-1`,children:[(0,a.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center gap-2`,u===`center`&&`justify-center`),children:[d??O.title?(0,a.jsx)(`div`,{"data-slot":`state-view-title`,className:t.cn(`font-semibold tracking-tight text-foreground`,A?`text-sm`:`text-base`),children:d??O.title}):null,m]}),f??O.description?(0,a.jsx)(`p`,{"data-slot":`state-view-description`,className:`text-sm leading-6 text-muted-foreground`,children:f??O.description}):null]}),_?(0,a.jsx)(`div`,{"data-slot":`state-view-query`,className:`max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground`,children:_}):null,E?(0,a.jsx)(`div`,{"data-slot":`state-view-body`,className:`w-full`,children:E}):null,e===`loading`&&S===`progress`&&N!==void 0?(0,a.jsx)(`div`,{"data-slot":`state-view-progress`,className:`h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":N,children:(0,a.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width]`,style:{width:`${N}%`}})}):null,h||y||x?(0,a.jsxs)(`div`,{"data-slot":`state-view-actions`,className:t.cn(`flex flex-wrap gap-2`,u===`center`&&`justify-center`),children:[y?(0,a.jsx)(n.Button,{type:`button`,size:`sm`,variant:e===`error`?`default`:`outline`,onClick:y,children:v}):null,x?(0,a.jsxs)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:x,children:[(0,a.jsx)(i.XIcon,{"data-icon":`inline-start`}),b]}):null,h]}):null,g?(0,a.jsx)(`div`,{"data-slot":`state-view-footer`,className:`w-full`,children:g}):null]})}exports.StateView=c;

package/dist/src/components/feedback/state-view.js

@@ -0,0 +1,138 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { AlertTriangleIcon as n, CheckCircle2Icon as r, InfoIcon as i, Loader2Icon as a, SearchXIcon as o, XIcon as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/feedback/state-view.tsx
+var u = {
+	idle: {
+		title: "Ready",
+		description: "No action has started yet.",
+		icon: /* @__PURE__ */ c(r, {})
+	},
+	loading: {
+		title: "Loading",
+		description: "Please wait while data is being prepared.",
+		icon: /* @__PURE__ */ c(a, { className: "animate-spin" })
+	},
+	empty: {
+		title: "No data",
+		description: "There is nothing to show yet.",
+		icon: /* @__PURE__ */ c(o, {})
+	},
+	error: {
+		title: "Something went wrong",
+		description: "Try again or check the request.",
+		icon: /* @__PURE__ */ c(n, {})
+	},
+	success: {
+		title: "Ready",
+		description: "Data loaded successfully.",
+		icon: /* @__PURE__ */ c(r, {})
+	},
+	info: {
+		title: "Information",
+		description: "Review the information below.",
+		icon: /* @__PURE__ */ c(i, {})
+	}
+}, d = {
+	default: "text-muted-foreground",
+	muted: "text-muted-foreground",
+	success: "text-[color:var(--aui-success,var(--primary))]",
+	warning: "text-[color:var(--aui-warning,var(--primary))]",
+	danger: "text-destructive",
+	info: "text-[color:var(--aui-info,var(--primary))]"
+};
+function f({ status: n = "empty", tone: r, variant: i = "card", size: a = "default", align: o = "center", title: f, description: p, icon: m, badge: h, actions: g, footer: _, query: v, retryLabel: y = "Retry", onRetry: b, clearLabel: x = "Clear", onClear: S, loadingVariant: C = "spinner", progress: w, slot: T = "state-view", className: E, children: D, ...O }) {
+	let k = u[n], A = r ?? (n === "error" ? "danger" : n === "success" ? "success" : n === "info" ? "info" : "default"), j = a === "compact" || i === "inline", M = a === "page", N = n === "loading" && C === "skeleton", P = typeof w == "number" ? Math.min(Math.max(w, 0), 100) : void 0;
+	return /* @__PURE__ */ l("div", {
+		"data-slot": T,
+		"data-status": n,
+		"data-tone": A,
+		"data-variant": i,
+		"data-size": a,
+		role: n === "error" ? "alert" : "status",
+		"aria-live": n === "error" ? "assertive" : "polite",
+		"aria-busy": n === "loading" || void 0,
+		className: e("flex min-w-0 flex-col justify-center", o === "center" ? "items-center text-center" : "items-start text-left", i === "card" && "rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]", i === "inline" && "rounded-[var(--radius-md)] border border-border/70 bg-muted/20", j ? "gap-2 p-4" : M ? "min-h-72 gap-4 p-10" : "min-h-52 gap-3 p-8", E),
+		...O,
+		children: [
+			N ? /* @__PURE__ */ l("div", {
+				"data-slot": "state-view-skeleton",
+				className: "grid w-full max-w-sm gap-3",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ c("div", { className: "h-4 w-2/5 animate-pulse rounded bg-muted" }), /* @__PURE__ */ c("div", { className: "h-20 w-full animate-pulse rounded-[var(--radius-lg)] bg-muted/70" })]
+			}) : /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-icon",
+				className: e("flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-muted/45 [&_svg]:size-5", d[A], j ? "size-9" : "size-12"),
+				children: m ?? k.icon
+			}),
+			/* @__PURE__ */ l("div", {
+				"data-slot": "state-view-content",
+				className: "grid max-w-md gap-1",
+				children: [/* @__PURE__ */ l("div", {
+					className: e("flex flex-wrap items-center gap-2", o === "center" && "justify-center"),
+					children: [f ?? k.title ? /* @__PURE__ */ c("div", {
+						"data-slot": "state-view-title",
+						className: e("font-semibold tracking-tight text-foreground", j ? "text-sm" : "text-base"),
+						children: f ?? k.title
+					}) : null, h]
+				}), p ?? k.description ? /* @__PURE__ */ c("p", {
+					"data-slot": "state-view-description",
+					className: "text-sm leading-6 text-muted-foreground",
+					children: p ?? k.description
+				}) : null]
+			}),
+			v ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-query",
+				className: "max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground",
+				children: v
+			}) : null,
+			D ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-body",
+				className: "w-full",
+				children: D
+			}) : null,
+			n === "loading" && C === "progress" && P !== void 0 ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-progress",
+				className: "h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80",
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": P,
+				children: /* @__PURE__ */ c("div", {
+					className: "h-full rounded-full bg-primary transition-[width]",
+					style: { width: `${P}%` }
+				})
+			}) : null,
+			g || b || S ? /* @__PURE__ */ l("div", {
+				"data-slot": "state-view-actions",
+				className: e("flex flex-wrap gap-2", o === "center" && "justify-center"),
+				children: [
+					b ? /* @__PURE__ */ c(t, {
+						type: "button",
+						size: "sm",
+						variant: n === "error" ? "default" : "outline",
+						onClick: b,
+						children: y
+					}) : null,
+					S ? /* @__PURE__ */ l(t, {
+						type: "button",
+						size: "sm",
+						variant: "ghost",
+						onClick: S,
+						children: [/* @__PURE__ */ c(s, { "data-icon": "inline-start" }), x]
+					}) : null,
+					g
+				]
+			}) : null,
+			_ ? /* @__PURE__ */ c("div", {
+				"data-slot": "state-view-footer",
+				className: "w-full",
+				children: _
+			}) : null
+		]
+	});
+}
+//#endregion
+export { f as StateView };

package/dist/src/components/filters/saved-filter-select.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,onValueChange:c,filters:l,onSave:u,onDelete:d,placeholder:f=`Views`,saveLabel:p=`Save current view`,savePlaceholder:m=`Name this view`,emptyMessage:h=`No saved views`,saveValue:g,onSaveValueChange:_,className:v,...y}){let[b,x]=a.useState(!1),[S,C]=a.useState(``),w=l.find(t=>t.value===e),T=g??S;function E(e){g===void 0&&C(e),_?.(e)}function D(){let e=T.trim();!e||!u||(u(e),E(``),x(!1))}return(0,s.jsx)(`div`,{"data-slot":`saved-filter-select`,className:v,...y,children:(0,s.jsxs)(i.Popover,{open:b,onOpenChange:x,children:[(0,s.jsxs)(n.Button,{render:(0,s.jsx)(i.PopoverTrigger,{}),variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-[200px] justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2 truncate`,children:[(0,s.jsx)(o.BookmarkIcon,{className:`size-4 shrink-0 opacity-50`}),(0,s.jsx)(`span`,{className:`truncate`,children:w?w.label:f})]}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 shrink-0 opacity-50`})]}),(0,s.jsxs)(i.PopoverContent,{className:`w-[250px] p-0`,align:`start`,children:[(0,s.jsx)(`div`,{className:`max-h-[300px] overflow-y-auto p-1`,children:l.length===0?(0,s.jsx)(`div`,{className:`py-6 text-center text-sm text-muted-foreground`,children:h}):(0,s.jsx)(`div`,{className:`grid gap-1`,children:l.map(r=>{let i=e===r.value;return(0,s.jsxs)(`div`,{className:t.cn(`group relative flex items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground`,i&&`bg-accent text-accent-foreground`),children:[(0,s.jsxs)(`button`,{className:`flex min-w-0 flex-1 items-center gap-2 text-left`,onClick:()=>{c?.(i?void 0:r.value),x(!1)},children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:i&&(0,s.jsx)(o.CheckIcon,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:r.label}),r.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})]}),d&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`size-6 shrink-0 opacity-0 group-hover:opacity-100 hover:text-destructive`,onClick:e=>{t.stopInteractivePropagation(e),d(r.value)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,s.jsx)(o.Trash2Icon,{className:`size-3`})})]},r.value)})})}),u&&(0,s.jsxs)(`div`,{className:`grid gap-2 border-t p-2`,children:[(0,s.jsx)(r.Input,{value:T,placeholder:m,onChange:e=>E(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),D())}}),(0,s.jsxs)(n.Button,{variant:`outline`,className:`w-full justify-center text-sm font-medium`,disabled:!T.trim(),onClick:D,children:[(0,s.jsx)(o.SaveIcon,{className:`mr-2 size-4`}),p]})]})]})]})})}exports.SavedFilterSelect=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("../ui/input/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,onValueChange:c,filters:l,onSave:u,onDelete:d,placeholder:f=`Views`,saveLabel:p=`Save current view`,savePlaceholder:m=`Name this view`,emptyMessage:h=`No saved views`,saveValue:g,onSaveValueChange:_,className:v,...y}){let[b,x]=a.useState(!1),[S,C]=a.useState(``),w=l.find(t=>t.value===e),T=g??S;function E(e){g===void 0&&C(e),_?.(e)}function D(){let e=T.trim();!e||!u||(u(e),E(``),x(!1))}return(0,s.jsx)(`div`,{"data-slot":`saved-filter-select`,className:v,...y,children:(0,s.jsxs)(r.Popover,{open:b,onOpenChange:x,children:[(0,s.jsxs)(n.Button,{render:(0,s.jsx)(r.PopoverTrigger,{}),variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-[200px] justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2 truncate`,children:[(0,s.jsx)(o.BookmarkIcon,{className:`size-4 shrink-0 opacity-50`}),(0,s.jsx)(`span`,{className:`truncate`,children:w?w.label:f})]}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 shrink-0 opacity-50`})]}),(0,s.jsxs)(r.PopoverContent,{className:`w-[250px] p-0`,align:`start`,children:[(0,s.jsx)(`div`,{className:`max-h-[300px] overflow-y-auto p-1`,children:l.length===0?(0,s.jsx)(`div`,{className:`py-6 text-center text-sm text-muted-foreground`,children:h}):(0,s.jsx)(`div`,{className:`grid gap-1`,children:l.map(r=>{let i=e===r.value;return(0,s.jsxs)(`div`,{className:t.cn(`group relative flex items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground`,i&&`bg-accent text-accent-foreground`),children:[(0,s.jsxs)(`button`,{className:`flex min-w-0 flex-1 items-center gap-2 text-left`,onClick:()=>{c?.(i?void 0:r.value),x(!1)},children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:i&&(0,s.jsx)(o.CheckIcon,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:r.label}),r.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})]}),d&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`size-6 shrink-0 opacity-0 group-hover:opacity-100 hover:text-destructive`,onClick:e=>{t.stopInteractivePropagation(e),d(r.value)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,s.jsx)(o.Trash2Icon,{className:`size-3`})})]},r.value)})})}),u&&(0,s.jsxs)(`div`,{className:`grid gap-2 border-t p-2`,children:[(0,s.jsx)(i.Input,{value:T,placeholder:m,onChange:e=>E(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),D())}}),(0,s.jsxs)(n.Button,{variant:`outline`,className:`w-full justify-center text-sm font-medium`,disabled:!T.trim(),onClick:D,children:[(0,s.jsx)(o.SaveIcon,{className:`mr-2 size-4`}),p]})]})]})]})})}exports.SavedFilterSelect=c;

package/dist/src/components/filters/saved-filter-select.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
 import { Button as n } from "../ui/button/index.js";
-import { Input as r } from "../ui/input/index.js";
-import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../ui/popover/index.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../ui/popover/index.js";
+import { Input as o } from "../ui/input/index.js";
 import * as s from "react";
 import { BookmarkIcon as c, CheckIcon as l, ChevronsUpDownIcon as u, SaveIcon as d, Trash2Icon as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -20,11 +20,11 @@ function h({ value: h, onValueChange: g, filters: _, onSave: v, onDelete: y, pla
 		"data-slot": "saved-filter-select",
 		className: E,
 		...D,
-		children: /* @__PURE__ */ m(i, {
+		children: /* @__PURE__ */ m(r, {
 			open: O,
 			onOpenChange: k,
 			children: [/* @__PURE__ */ m(n, {
-				render: /* @__PURE__ */ p(o, {}),
+				render: /* @__PURE__ */ p(a, {}),
 				variant: "outline",
 				role: "combobox",
 				"aria-expanded": O,
@@ -36,7 +36,7 @@ function h({ value: h, onValueChange: g, filters: _, onSave: v, onDelete: y, pla
 						children: M ? M.label : b
 					})]
 				}), /* @__PURE__ */ p(u, { className: "size-4 shrink-0 opacity-50" })]
-			}), /* @__PURE__ */ m(a, {
+			}), /* @__PURE__ */ m(i, {
 				className: "w-[250px] p-0",
 				align: "start",
 				children: [/* @__PURE__ */ p("div", {
@@ -84,7 +84,7 @@ function h({ value: h, onValueChange: g, filters: _, onSave: v, onDelete: y, pla
 					})
 				}), v && /* @__PURE__ */ m("div", {
 					className: "grid gap-2 border-t p-2",
-					children: [/* @__PURE__ */ p(r, {
+					children: [/* @__PURE__ */ p(o, {
 						value: N,
 						placeholder: S,
 						onChange: (e) => P(e.target.value),

package/dist/src/components/form/form-date-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("../calendar/date-picker.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,name:a,label:o,description:s,required:c,className:l,fieldClassName:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:r,fieldState:i})=>(0,n.jsx)(e.FormFieldShell,{label:o,description:s,required:c,error:i.error?.message,className:l,children:(0,n.jsx)(t.DatePicker,{value:r.value??``,triggerClassName:u,onValueChange:e=>{r.onChange(e||d),f?.(e)},...p})})})}exports.FormDatePicker=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../calendar/date-picker.cjs"),t=require("./form-field-shell.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,name:a,label:o,description:s,required:c,className:l,fieldClassName:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:r,fieldState:i})=>(0,n.jsx)(t.FormFieldShell,{label:o,description:s,required:c,error:i.error?.message,className:l,children:(0,n.jsx)(e.DatePicker,{value:r.value??``,triggerClassName:u,onValueChange:e=>{r.onChange(e||d),f?.(e)},...p})})})}exports.FormDatePicker=i;

package/dist/src/components/form/form-date-picker.js

@@ -1,5 +1,5 @@
-import { FormFieldShell as e } from "./form-field-shell.js";
-import { DatePicker as t } from "../calendar/date-picker.js";
+import { DatePicker as e } from "../calendar/date-picker.js";
+import { FormFieldShell as t } from "./form-field-shell.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Controller as r } from "react-hook-form";
 //#region src/components/form/form-date-picker.tsx
@@ -7,13 +7,13 @@ function i({ control: i, name: a, label: o, description: s, required: c, classNa
 	return /* @__PURE__ */ n(r, {
 		control: i,
 		name: a,
-		render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(e, {
+		render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(t, {
 			label: o,
 			description: s,
 			required: c,
 			error: i.error?.message,
 			className: l,
-			children: /* @__PURE__ */ n(t, {
+			children: /* @__PURE__ */ n(e, {
 				value: r.value ?? "",
 				triggerClassName: u,
 				onValueChange: (e) => {

package/dist/src/components/form/form-date-range-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("../calendar/date-range-picker.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,fromName:a,toName:o,label:s,description:c,required:l,className:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:a,fieldState:m})=>(0,n.jsx)(r.Controller,{control:i,name:o,render:({field:r,fieldState:i})=>(0,n.jsx)(e.FormFieldShell,{label:s,description:c,required:l,error:m.error?.message??i.error?.message,className:u,children:(0,n.jsx)(t.DateRangePicker,{value:{from:a.value??``,to:r.value??``},onValueChange:e=>{a.onChange(e.from||d),r.onChange(e.to||d),f?.({from:e.from||void 0,to:e.to||void 0})},...p})})})})}exports.FormDateRangePicker=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../calendar/date-range-picker.cjs"),t=require("./form-field-shell.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,fromName:a,toName:o,label:s,description:c,required:l,className:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:a,fieldState:m})=>(0,n.jsx)(r.Controller,{control:i,name:o,render:({field:r,fieldState:i})=>(0,n.jsx)(t.FormFieldShell,{label:s,description:c,required:l,error:m.error?.message??i.error?.message,className:u,children:(0,n.jsx)(e.DateRangePicker,{value:{from:a.value??``,to:r.value??``},onValueChange:e=>{a.onChange(e.from||d),r.onChange(e.to||d),f?.({from:e.from||void 0,to:e.to||void 0})},...p})})})})}exports.FormDateRangePicker=i;

package/dist/src/components/form/form-date-range-picker.js

@@ -1,5 +1,5 @@
-import { FormFieldShell as e } from "./form-field-shell.js";
-import { DateRangePicker as t } from "../calendar/date-range-picker.js";
+import { DateRangePicker as e } from "../calendar/date-range-picker.js";
+import { FormFieldShell as t } from "./form-field-shell.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Controller as r } from "react-hook-form";
 //#region src/components/form/form-date-range-picker.tsx
@@ -10,13 +10,13 @@ function i({ control: i, fromName: a, toName: o, label: s, description: c, requi
 		render: ({ field: a, fieldState: m }) => /* @__PURE__ */ n(r, {
 			control: i,
 			name: o,
-			render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(e, {
+			render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(t, {
 				label: s,
 				description: c,
 				required: l,
 				error: m.error?.message ?? i.error?.message,
 				className: u,
-				children: /* @__PURE__ */ n(t, {
+				children: /* @__PURE__ */ n(e, {
 					value: {
 						from: a.value ?? "",
 						to: r.value ?? ""

package/dist/src/components/form/form-select.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/select/index.cjs"),t=require("../inputs/async-select.cjs"),n=require("./form-field-shell.cjs");let r=require("react/jsx-runtime"),i=require("react-hook-form");function a(e){return{label:e.label,description:e.description,success:e.success,loading:e.loading,required:e.required,className:e.className,htmlFor:e.name,layout:e.layout,descriptionPosition:e.descriptionPosition,labelAction:e.labelAction,requiredIndicator:e.requiredIndicator,errorIcon:e.errorIcon,showErrorIcon:e.showErrorIcon,disabled:e.disabled,readOnly:e.readOnly,labelClassName:e.labelClassName,labelRowClassName:e.labelRowClassName,descriptionClassName:e.descriptionClassName,errorClassName:e.errorClassName,contentClassName:e.contentClassName}}function o(o){let s=a(o),c=o.kind??`simple`,l=o.fieldClassName??`w-full`;return(0,r.jsx)(i.Controller,{control:o.control,name:o.name,render:({field:i,fieldState:a})=>{let u=a.error?.message,d=n.resolveFormFieldIds(`${o.name}`,{description:o.description,error:u});if(c===`async`){let{control:e,name:a,label:c,description:f,required:p,className:m,layout:h,descriptionPosition:g,labelAction:_,requiredIndicator:v,errorIcon:y,showErrorIcon:b,disabled:x,readOnly:S,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,fieldClassName:O,emptyValue:k,kind:A,onValueChange:j,...M}=o;return(0,r.jsx)(n.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(t.AsyncSelect,{...M,value:i.value==null||i.value===``?void 0:String(i.value),disabled:x||S,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:(e,t)=>{i.onChange(e??k),j?.(e,t)},triggerClassName:O??l})})}let{control:f,name:p,label:m,description:h,required:g,className:_,layout:v,descriptionPosition:y,labelAction:b,requiredIndicator:x,errorIcon:S,showErrorIcon:C,disabled:w,readOnly:T,labelClassName:E,labelRowClassName:D,descriptionClassName:O,errorClassName:k,contentClassName:A,fieldClassName:j,emptyValue:M,kind:N,onValueChange:P,...F}=o;return(0,r.jsx)(n.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(e.Select,{...F,value:i.value==null?void 0:String(i.value),disabled:w||T,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:e=>{i.onChange(e||M),P?.(e)},triggerClassName:j??l})})}})}exports.FormSelect=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/select/index.cjs"),t=require("./form-field-shell.cjs"),n=require("../inputs/async-select.cjs");let r=require("react/jsx-runtime"),i=require("react-hook-form");function a(e){return{label:e.label,description:e.description,success:e.success,loading:e.loading,required:e.required,className:e.className,htmlFor:e.name,layout:e.layout,descriptionPosition:e.descriptionPosition,labelAction:e.labelAction,requiredIndicator:e.requiredIndicator,errorIcon:e.errorIcon,showErrorIcon:e.showErrorIcon,disabled:e.disabled,readOnly:e.readOnly,labelClassName:e.labelClassName,labelRowClassName:e.labelRowClassName,descriptionClassName:e.descriptionClassName,errorClassName:e.errorClassName,contentClassName:e.contentClassName}}function o(o){let s=a(o),c=o.kind??`simple`,l=o.fieldClassName??`w-full`;return(0,r.jsx)(i.Controller,{control:o.control,name:o.name,render:({field:i,fieldState:a})=>{let u=a.error?.message,d=t.resolveFormFieldIds(`${o.name}`,{description:o.description,error:u});if(c===`async`){let{control:e,name:a,label:c,description:f,required:p,className:m,layout:h,descriptionPosition:g,labelAction:_,requiredIndicator:v,errorIcon:y,showErrorIcon:b,disabled:x,readOnly:S,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,fieldClassName:O,emptyValue:k,kind:A,onValueChange:j,...M}=o;return(0,r.jsx)(t.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(n.AsyncSelect,{...M,value:i.value==null||i.value===``?void 0:String(i.value),disabled:x||S,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:(e,t)=>{i.onChange(e??k),j?.(e,t)},triggerClassName:O??l})})}let{control:f,name:p,label:m,description:h,required:g,className:_,layout:v,descriptionPosition:y,labelAction:b,requiredIndicator:x,errorIcon:S,showErrorIcon:C,disabled:w,readOnly:T,labelClassName:E,labelRowClassName:D,descriptionClassName:O,errorClassName:k,contentClassName:A,fieldClassName:j,emptyValue:M,kind:N,onValueChange:P,...F}=o;return(0,r.jsx)(t.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(e.Select,{...F,value:i.value==null?void 0:String(i.value),disabled:w||T,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:e=>{i.onChange(e||M),P?.(e)},triggerClassName:j??l})})}})}exports.FormSelect=o;

package/dist/src/components/form/form-select.js

@@ -1,6 +1,6 @@
 import { Select as e } from "../ui/select/index.js";
-import { AsyncSelect as t } from "../inputs/async-select.js";
-import { FormFieldShell as n, resolveFormFieldIds as r } from "./form-field-shell.js";
+import { FormFieldShell as t, resolveFormFieldIds as n } from "./form-field-shell.js";
+import { AsyncSelect as r } from "../inputs/async-select.js";
 import { jsx as i } from "react/jsx-runtime";
 import { Controller as a } from "react-hook-form";
 //#region src/components/form/form-select.tsx
@@ -34,19 +34,19 @@ function s(s) {
 		control: s.control,
 		name: s.name,
 		render: ({ field: a, fieldState: o }) => {
-			let d = o.error?.message, f = r(`${s.name}`, {
+			let d = o.error?.message, f = n(`${s.name}`, {
 				description: s.description,
 				error: d
 			});
 			if (l === "async") {
-				let { control: e, name: r, label: o, description: l, required: p, className: m, layout: h, descriptionPosition: g, labelAction: _, requiredIndicator: v, errorIcon: y, showErrorIcon: b, disabled: x, readOnly: S, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, emptyValue: k, kind: A, onValueChange: j, ...M } = s;
-				return /* @__PURE__ */ i(n, {
+				let { control: e, name: n, label: o, description: l, required: p, className: m, layout: h, descriptionPosition: g, labelAction: _, requiredIndicator: v, errorIcon: y, showErrorIcon: b, disabled: x, readOnly: S, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, emptyValue: k, kind: A, onValueChange: j, ...M } = s;
+				return /* @__PURE__ */ i(t, {
 					...c,
 					labelId: f.labelId,
 					descriptionId: f.descriptionId,
 					errorId: f.errorId,
 					error: d,
-					children: /* @__PURE__ */ i(t, {
+					children: /* @__PURE__ */ i(r, {
 						...M,
 						value: a.value == null || a.value === "" ? void 0 : String(a.value),
 						disabled: x || S,
@@ -60,7 +60,7 @@ function s(s) {
 				});
 			}
 			let { control: p, name: m, label: h, description: g, required: _, className: v, layout: y, descriptionPosition: b, labelAction: x, requiredIndicator: S, errorIcon: C, showErrorIcon: w, disabled: T, readOnly: E, labelClassName: D, labelRowClassName: O, descriptionClassName: k, errorClassName: A, contentClassName: j, fieldClassName: M, emptyValue: N, kind: P, onValueChange: F, ...I } = s;
-			return /* @__PURE__ */ i(n, {
+			return /* @__PURE__ */ i(t, {
 				...c,
 				labelId: f.labelId,
 				descriptionId: f.descriptionId,

package/dist/src/components/form/form-switch.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/switch/index.cjs"),r=require("./form-field-shell.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-hook-form");function s({control:e,name:i,label:s,description:c,success:l,loading:u,required:d,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,fieldClassName:E,labelPlacement:D=`end`,id:O,onCheckedChange:k,...A}){let j=O??i;return(0,a.jsx)(o.Controller,{control:e,name:i,render:({field:e,fieldState:i})=>{let o=i.error?.message,O=r.resolveFormFieldIds(j,{description:c,error:o}),M=s?(0,a.jsxs)(`label`,{id:O.labelId,htmlFor:j,className:t.cn(`text-sm font-medium leading-none`,y&&`opacity-60`,x),children:[s,d&&(g??(0,a.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`}))]}):null,N=(0,a.jsx)(n.Switch,{id:j,ref:e.ref,checked:!!e.value,disabled:y||b,"aria-invalid":i.invalid||void 0,"aria-labelledby":s?O.labelId:void 0,"aria-describedby":O.describedBy,"aria-errormessage":o?O.errorId:void 0,className:E,onBlur:e.onBlur,onCheckedChange:t=>{e.onChange(t),k?.(t)},...A});return D===`start`?(0,a.jsx)(r.FormFieldShell,{label:s,description:c,success:l,loading:u,required:d,error:o,htmlFor:j,labelId:O.labelId,descriptionId:O.descriptionId,errorId:O.errorId,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,children:N}):(0,a.jsx)(r.FormFieldShell,{error:o,success:l,loading:u,className:f,descriptionId:O.descriptionId,errorId:O.errorId,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,errorClassName:w,contentClassName:T,children:(0,a.jsxs)(`div`,{className:`flex items-start gap-3`,children:[N,(s||c||h)&&(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(s||h)&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-between gap-2`,S),children:[M,h&&(0,a.jsx)(`div`,{className:`shrink-0 text-sm`,children:h})]}),c&&(0,a.jsx)(`p`,{id:O.descriptionId,className:t.cn(`text-xs text-muted-foreground`,C),children:c})]})]})})}})}exports.FormSwitch=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./form-field-shell.cjs"),r=require("../ui/switch/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-hook-form");function s({control:e,name:i,label:s,description:c,success:l,loading:u,required:d,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,fieldClassName:E,labelPlacement:D=`end`,id:O,onCheckedChange:k,...A}){let j=O??i;return(0,a.jsx)(o.Controller,{control:e,name:i,render:({field:e,fieldState:i})=>{let o=i.error?.message,O=n.resolveFormFieldIds(j,{description:c,error:o}),M=s?(0,a.jsxs)(`label`,{id:O.labelId,htmlFor:j,className:t.cn(`text-sm font-medium leading-none`,y&&`opacity-60`,x),children:[s,d&&(g??(0,a.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`}))]}):null,N=(0,a.jsx)(r.Switch,{id:j,ref:e.ref,checked:!!e.value,disabled:y||b,"aria-invalid":i.invalid||void 0,"aria-labelledby":s?O.labelId:void 0,"aria-describedby":O.describedBy,"aria-errormessage":o?O.errorId:void 0,className:E,onBlur:e.onBlur,onCheckedChange:t=>{e.onChange(t),k?.(t)},...A});return D===`start`?(0,a.jsx)(n.FormFieldShell,{label:s,description:c,success:l,loading:u,required:d,error:o,htmlFor:j,labelId:O.labelId,descriptionId:O.descriptionId,errorId:O.errorId,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,children:N}):(0,a.jsx)(n.FormFieldShell,{error:o,success:l,loading:u,className:f,descriptionId:O.descriptionId,errorId:O.errorId,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,errorClassName:w,contentClassName:T,children:(0,a.jsxs)(`div`,{className:`flex items-start gap-3`,children:[N,(s||c||h)&&(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(s||h)&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-between gap-2`,S),children:[M,h&&(0,a.jsx)(`div`,{className:`shrink-0 text-sm`,children:h})]}),c&&(0,a.jsx)(`p`,{id:O.descriptionId,className:t.cn(`text-xs text-muted-foreground`,C),children:c})]})]})})}})}exports.FormSwitch=s;

package/dist/src/components/form/form-switch.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../lib/utils.js";
-import { Switch as t } from "../ui/switch/index.js";
-import { FormFieldShell as n, resolveFormFieldIds as r } from "./form-field-shell.js";
+import { FormFieldShell as t, resolveFormFieldIds as n } from "./form-field-shell.js";
+import { Switch as r } from "../ui/switch/index.js";
 import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Controller as o } from "react-hook-form";
@@ -11,7 +11,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 		control: s,
 		name: c,
 		render: ({ field: o, fieldState: s }) => {
-			let c = s.error?.message, A = r(N, {
+			let c = s.error?.message, A = n(N, {
 				description: u,
 				error: c
 			}), P = l ? /* @__PURE__ */ a("label", {
@@ -22,7 +22,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 					className: "ml-1 text-destructive",
 					children: "*"
 				}))]
-			}) : null, F = /* @__PURE__ */ i(t, {
+			}) : null, F = /* @__PURE__ */ i(r, {
 				id: N,
 				ref: o.ref,
 				checked: !!o.value,
@@ -38,7 +38,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 				},
 				...M
 			});
-			return k === "start" ? /* @__PURE__ */ i(n, {
+			return k === "start" ? /* @__PURE__ */ i(t, {
 				label: l,
 				description: u,
 				success: d,
@@ -64,7 +64,7 @@ function s({ control: s, name: c, label: l, description: u, success: d, loading:
 				errorClassName: E,
 				contentClassName: D,
 				children: F
-			}) : /* @__PURE__ */ i(n, {
+			}) : /* @__PURE__ */ i(t, {
 				error: c,
 				success: d,
 				loading: f,

package/dist/src/components/form/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-input.cjs"),n=require("./form-select.cjs"),r=require("./form-switch.cjs"),i=require("./form-textarea.cjs"),a=require("./form-date-picker.cjs"),o=require("./form-date-range-picker.cjs"),s=require("./form-date-range-input.cjs");exports.FormDatePicker=a.FormDatePicker,exports.FormDateRangeInput=s.FormDateRangeInput,exports.FormDateRangePicker=o.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-date-picker.cjs"),n=require("./form-date-range-input.cjs"),r=require("./form-date-range-picker.cjs"),i=require("./form-input.cjs"),a=require("./form-select.cjs"),o=require("./form-switch.cjs"),s=require("./form-textarea.cjs");exports.FormDatePicker=t.FormDatePicker,exports.FormDateRangeInput=n.FormDateRangeInput,exports.FormDateRangePicker=r.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=i.FormInput,exports.FormSelect=a.FormSelect,exports.FormSwitch=o.FormSwitch,exports.FormTextarea=s.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;

package/dist/src/components/form/index.js

@@ -1,9 +1,9 @@
 import { FormFieldShell as e, resolveFormFieldIds as t } from "./form-field-shell.js";
-import { FormInput as n } from "./form-input.js";
-import { FormSelect as r } from "./form-select.js";
-import { FormSwitch as i } from "./form-switch.js";
-import { FormTextarea as a } from "./form-textarea.js";
-import { FormDatePicker as o } from "./form-date-picker.js";
-import { FormDateRangePicker as s } from "./form-date-range-picker.js";
-import { FormDateRangeInput as c } from "./form-date-range-input.js";
-export { o as FormDatePicker, c as FormDateRangeInput, s as FormDateRangePicker, e as FormFieldShell, n as FormInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };
+import { FormDatePicker as n } from "./form-date-picker.js";
+import { FormDateRangeInput as r } from "./form-date-range-input.js";
+import { FormDateRangePicker as i } from "./form-date-range-picker.js";
+import { FormInput as a } from "./form-input.js";
+import { FormSelect as o } from "./form-select.js";
+import { FormSwitch as s } from "./form-switch.js";
+import { FormTextarea as c } from "./form-textarea.js";
+export { n as FormDatePicker, r as FormDateRangeInput, i as FormDateRangePicker, e as FormFieldShell, a as FormInput, o as FormSelect, s as FormSwitch, c as FormTextarea, t as resolveFormFieldIds };

package/dist/src/components/form/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-input.cjs"),n=require("./form-select.cjs"),r=require("./form-switch.cjs"),i=require("./form-textarea.cjs"),a=require("./form-date-picker.cjs"),o=require("./form-date-range-picker.cjs"),s=require("./form-date-range-input.cjs");exports.FormDatePicker=a.FormDatePicker,exports.FormDateRangeInput=s.FormDateRangeInput,exports.FormDateRangePicker=o.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-date-picker.cjs"),n=require("./form-date-range-input.cjs"),r=require("./form-date-range-picker.cjs"),i=require("./form-input.cjs"),a=require("./form-select.cjs"),o=require("./form-switch.cjs"),s=require("./form-textarea.cjs");exports.FormDatePicker=t.FormDatePicker,exports.FormDateRangeInput=n.FormDateRangeInput,exports.FormDateRangePicker=r.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=i.FormInput,exports.FormSelect=a.FormSelect,exports.FormSwitch=o.FormSwitch,exports.FormTextarea=s.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;

package/dist/src/components/form/public.js

@@ -1,9 +1,9 @@
 import { FormFieldShell as e, resolveFormFieldIds as t } from "./form-field-shell.js";
-import { FormInput as n } from "./form-input.js";
-import { FormSelect as r } from "./form-select.js";
-import { FormSwitch as i } from "./form-switch.js";
-import { FormTextarea as a } from "./form-textarea.js";
-import { FormDatePicker as o } from "./form-date-picker.js";
-import { FormDateRangePicker as s } from "./form-date-range-picker.js";
-import { FormDateRangeInput as c } from "./form-date-range-input.js";
-export { o as FormDatePicker, c as FormDateRangeInput, s as FormDateRangePicker, e as FormFieldShell, n as FormInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };
+import { FormDatePicker as n } from "./form-date-picker.js";
+import { FormDateRangeInput as r } from "./form-date-range-input.js";
+import { FormDateRangePicker as i } from "./form-date-range-picker.js";
+import { FormInput as a } from "./form-input.js";
+import { FormSelect as o } from "./form-select.js";
+import { FormSwitch as s } from "./form-switch.js";
+import { FormTextarea as c } from "./form-textarea.js";
+export { n as FormDatePicker, r as FormDateRangeInput, i as FormDateRangePicker, e as FormFieldShell, a as FormInput, o as FormSelect, s as FormSwitch, c as FormTextarea, t as resolveFormFieldIds };

package/dist/src/components/inputs/async-select.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function ee(e,t){let[n,r]=a.useState(e);return a.useEffect(()=>{let n=window.setTimeout(()=>{r(e)},t);return()=>{window.clearTimeout(n)}},[t,e]),n}function te(e){return typeof e==`object`&&!!e&&`options`in e}function ne(e){if(!e||e.length===0)return[];let t=e[0];return te(t)?e:[{options:e}]}function c(e){return e.flatMap(e=>e.options)}function l(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label).toLowerCase():e.value.toLowerCase()}function re(e,t){let n=e.trim().toLowerCase();return n?!t.some(e=>e.value.toLowerCase()===n||l(e)===n):!1}function u(e,t,n,r,i){if(e)return t?.value===e?t:i?.value===e?i:[...n,...r].find(t=>t.value===e)}function d(...e){let t=new Map;return e.forEach(e=>{e?.forEach(e=>{t.set(e.value,e)})}),Array.from(t.values())}function f(e,t){let n=new Map(t.map(e=>[e.value,e]));return e.map(e=>n.get(e)).filter(e=>!!e)}function ie(e,t,n){let r=e.get(t);if(r){if(Number.isFinite(n)&&Date.now()-r.createdAt>n){e.delete(t);return}return r.groups}}function ae(e,t,n){e.set(t,{groups:n,createdAt:Date.now()})}function oe(e){return e.trim().toLowerCase()}function p({className:e,children:t}){return(0,s.jsx)(`div`,{"data-slot":`async-select-state`,className:e,children:t})}function se(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value}function ce({option:e,selected:n,renderOption:r,optionClassName:i,onSelect:a}){return(0,s.jsxs)(`button`,{type:`button`,disabled:e.disabled,"data-slot":`async-select-option`,"data-selected":n||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex w-full items-start gap-2.5 text-left outline-none disabled:pointer-events-none`,i),onClick:()=>a(e),children:[(0,s.jsx)(`span`,{"data-slot":`async-select-option-indicator`,"data-selected":n||void 0,className:`mt-0.5 shrink-0`,children:n&&(0,s.jsx)(o.CheckIcon,{"data-icon":`selected`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1`,children:r?.(e,{selected:n})??(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e.label}),e.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description}),e.disabled&&e.disabledReason&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.disabledReason})]})})]})}function le({search:e,isCreating:t,label:n,onCreate:r}){return(0,s.jsxs)(`button`,{type:`button`,disabled:t,"data-slot":`async-select-create`,className:`flex w-full items-center gap-2 text-left outline-none disabled:pointer-events-none`,onClick:r,children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:t?(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}):(0,s.jsx)(o.PlusIcon,{className:`size-4`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:n?.(e)??`Create "${e.trim()}"`})]})}function m(e){let{className:te,value:l,selectedOption:d,onValueChange:f,loadOptions:se,loadSelectedOption:m,defaultOptions:h,disabled:g=!1,clearable:_=!0,cacheOptions:v=!0,cacheTtl:y=1/0,debounceMs:ue=250,minSearchLength:b=0,labels:x,renderOption:S,renderValue:C,renderLoading:de,renderEmpty:fe,renderError:w,renderMinSearch:pe,onCreateOption:me,createOptionLabel:he,showCreateOption:ge,showSelectedDescription:_e=!0,triggerClassName:ve,contentClassName:ye,searchClassName:be,optionClassName:xe,invalid:Se,...Ce}=e,T=a.useMemo(()=>ne(h),[h]),we=a.useMemo(()=>c(T),[T]),[E,D]=a.useState(!1),[O,k]=a.useState(``),[Te,A]=a.useState(T),[j,Ee]=a.useState(null),[M,N]=a.useState(!1),[P,F]=a.useState(!1),[I,L]=a.useState(!1),R=a.useRef(new Map),z=a.useRef(0),De=a.useRef(0),B=ee(O,ue).trim(),V=a.useMemo(()=>c(Te),[Te]),H=a.useMemo(()=>({search:O,minSearchLength:b,options:V}),[V,b,O]),U=u(l,d,V,we,j),Oe=_&&!!l&&!g,W=B.length<b,G=!W&&!!me&&(ge??re)(O,V);a.useEffect(()=>{R.current.clear()},[se]),a.useEffect(()=>{A(T)},[T]),a.useEffect(()=>{if(!l||U||!m)return;let e=new AbortController,t=++De.current;async function n(){let n=await m?.(l,e.signal);!e.signal.aborted&&t===De.current&&Ee(n??null)}return n(),()=>{e.abort()}},[U,m,l]),a.useEffect(()=>{if(!E)return;if(W){A(T),N(!1),L(!1);return}let e=v?ie(R.current,B,y):void 0;if(e){A(e),N(!1),L(!1);return}let t=new AbortController,n=++z.current;async function r(){N(!0),L(!1);try{let e=ne(await se(B,t.signal));!t.signal.aborted&&n===z.current&&(v&&ae(R.current,B,e),A(e))}catch{!t.signal.aborted&&n===z.current&&(L(!0),A([]))}finally{!t.signal.aborted&&n===z.current&&N(!1)}}return r(),()=>{t.abort()}},[v,y,se,E,T,B,W]);let K=e=>{e.disabled||(f?.(e.value,e),D(!1),k(``))},q=()=>{f?.(void 0),k(``)},ke=e=>{t.stopInteractivePropagation(e),q()},J=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),D(!0);return}(e.key===`Backspace`||e.key===`Delete`)&&l&&(e.preventDefault(),q())}},Y=async()=>{if(!(!me||!O.trim()||W)){F(!0);try{let e=await me(O.trim()),t=oe(O);A(t=>[{options:[e]},...t]),v&&t&&ae(R.current,t,[{options:[e]}]),f?.(e.value,e),k(``),D(!1)}finally{F(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-select`,className:t.cn(`w-full`,te),...Ce,children:(0,s.jsxs)(i.Popover,{open:E,onOpenChange:D,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":E,"aria-invalid":Se||void 0,"data-slot":`async-select-trigger`,className:t.cn(`w-full justify-between text-left`,ve),onKeyDown:J}),children:[(0,s.jsx)(`span`,{className:`min-w-0 flex-1 text-left`,children:U?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-semibold`,children:C?.(U)??U.label}),_e&&(U.description||U.disabled&&U.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:U.description??U.disabledReason}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:x?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Oe&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,"aria-label":x?.clear??`Clear`,onClick:ke,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),q())},children:(0,s.jsx)(o.XIcon,{"data-icon":`clear`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3`,ye),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{"data-slot":`async-select-search-icon`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:O,onChange:e=>k(e.target.value),placeholder:x?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,be)})]}),(0,s.jsxs)(`div`,{className:`flex max-h-72 flex-col gap-1 overflow-y-auto pr-1`,children:[W&&V.length===0&&(pe?.(H)??(0,s.jsx)(p,{children:x?.minSearchLength?.(b)??`Type at least ${b} characters`})),M&&(de?.(H)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),x?.loading??`Loading...`]})})),!M&&I&&(w?.(H)??(0,s.jsx)(p,{"data-tone":`danger`,children:x?.error??`Could not load options`})),!M&&!I&&!W&&V.length===0&&!G&&(fe?.(H)??(0,s.jsx)(p,{children:x?.empty??`No options found`})),!M&&!I&&G&&(0,s.jsx)(le,{search:O,isCreating:P,label:he,onCreate:Y}),!M&&!I&&Te.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{"data-slot":`async-select-group-label`,className:`sticky top-0`,children:e.label}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:e.value===l,renderOption:S,optionClassName:xe,onSelect:K},e.value))]},t))]})]})]})})}function h({className:e,value:te,selectedOptions:l,onValueChange:u,loadOptions:m,loadSelectedOptions:h,defaultOptions:g,disabled:_=!1,clearable:v=!0,cacheOptions:y=!0,cacheTtl:ue=1/0,closeOnSelect:b=!1,debounceMs:x=250,minSearchLength:S=0,maxSelected:C,maxVisibleTags:de,showSelectAll:fe=!1,labels:w,renderOption:pe,renderValue:me,renderTag:he,renderLoading:ge,renderEmpty:_e,renderError:ve,renderMinSearch:ye,renderMaxSelected:be,onCreateOption:xe,createOptionLabel:Se,showCreateOption:Ce,showSelectedDescription:T=!0,triggerClassName:we,contentClassName:E,searchClassName:D,optionClassName:O,tagClassName:k,invalid:Te,...A}){let j=a.useMemo(()=>te??[],[te]),Ee=j.join(`|`),M=a.useMemo(()=>ne(g),[g]),N=a.useMemo(()=>c(M),[M]),[P,F]=a.useState(!1),[I,L]=a.useState(``),[R,z]=a.useState(M),[De,B]=a.useState([]),[V,H]=a.useState(!1),[U,Oe]=a.useState(!1),[W,G]=a.useState(!1),K=a.useRef(new Map),q=a.useRef(0),ke=a.useRef(0),J=ee(I,x).trim(),Y=a.useMemo(()=>c(R),[R]),Ae=a.useMemo(()=>new Set(j),[j]),X=a.useMemo(()=>d(l,De,Y,N),[N,Y,De,l]),je=a.useMemo(()=>f(j,X),[X,j]),Z=a.useMemo(()=>({search:I,minSearchLength:S,options:Y,selectedCount:j.length,maxSelected:C}),[Y,C,S,I,j.length]),Me=j.length>0,Ne=v&&Me&&!_,Pe=typeof C==`number`&&j.length>=C,Fe=Math.max(de??j.length,1),Q=J.length<S,Ie=!Q&&!!xe&&(Ce??re)(I,Y),$=Y.filter(e=>!e.disabled).filter(e=>!Ae.has(e.value)),Le=fe&&$.length>0&&!Pe,Re=je.slice(0,Fe),ze=Math.max(je.length-Re.length,0);a.useEffect(()=>{K.current.clear()},[m]),a.useEffect(()=>{z(M)},[M]),a.useEffect(()=>{if(!j.length||!h)return;let e=new Set(X.map(e=>e.value)),t=j.filter(t=>!e.has(t));if(!t.length)return;let n=new AbortController,r=++ke.current;async function i(){let e=await h?.(t,n.signal);!n.signal.aborted&&r===ke.current&&e&&B(t=>d(t,e))}return i(),()=>{n.abort()}},[X,h,Ee,j]),a.useEffect(()=>{if(!P)return;if(Q){z(M),H(!1),G(!1);return}let e=y?ie(K.current,J,ue):void 0;if(e){z(e),H(!1),G(!1);return}let t=new AbortController,n=++q.current;async function r(){H(!0),G(!1);try{let e=ne(await m(J,t.signal));!t.signal.aborted&&n===q.current&&(y&&ae(K.current,J,e),z(e))}catch{!t.signal.aborted&&n===q.current&&(G(!0),z([]))}finally{!t.signal.aborted&&n===q.current&&H(!1)}}return r(),()=>{t.abort()}},[y,ue,m,P,M,J,Q]);let Be=(e,t)=>{u?.(e,f(e,t))},Ve=e=>{Be(j.filter(t=>t!==e),X)},He=e=>{e.disabled||(Be(Ae.has(e.value)?j.filter(t=>t!==e.value):Pe?j:[...j,e.value],d(X,[e])),b&&(F(!1),L(``)))},Ue=(e,n)=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Backspace`&&e.key!==`Delete`||(e.preventDefault(),t.stopInteractivePropagation(e),Ve(n.value))},We=e=>{if(!_){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),F(!0);return}I.length>0||j.length===0||(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),Ve(j[j.length-1]))}},Ge=()=>{if(!$.length)return;let e=typeof C==`number`?Math.max(C-j.length,0):$.length,t=$.slice(0,e);Be(Array.from(new Set([...j,...t.map(e=>e.value)])),d(X,t))},Ke=e=>{Ve(e.value)},qe=()=>{u?.([],[]),L(``)},Je=e=>{t.stopInteractivePropagation(e),qe()},Ye=async()=>{if(!(!xe||!I.trim()||Q)){Oe(!0);try{let e=await xe(I.trim()),t=oe(I),n=d(X,[e]),r=Ae.has(e.value)||Pe?j:[...j,e.value];z(t=>[{options:[e]},...t]),y&&t&&ae(K.current,t,[{options:[e]}]),Be(r,n),L(``),b&&F(!1)}finally{Oe(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-multi-select`,className:t.cn(`w-full`,e),...A,children:(0,s.jsxs)(i.Popover,{open:P,onOpenChange:F,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:_,"aria-expanded":P,"aria-invalid":Te||void 0,"data-slot":`async-select-trigger`,className:t.cn(`w-full justify-between text-left`,we),onKeyDown:We}),children:[(0,s.jsx)(`span`,{className:`flex min-w-0 flex-1 flex-wrap gap-1 text-left`,children:je.length>0?(0,s.jsxs)(s.Fragment,{children:[Re.map(e=>(0,s.jsxs)(`span`,{"data-slot":`async-select-tag`,className:t.cn(`inline-flex max-w-full items-center gap-1.5`,k),children:[(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:he?.(e,{remove:()=>Ke(e)})??me?.(e)??e.label}),T&&(e.description||e.disabled&&e.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:e.description??e.disabledReason}):null]}),!_&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-tag-remove`,"aria-label":`Remove ${se(e)}`,onClick:n=>{t.stopInteractivePropagation(n),Ke(e)},onKeyDown:t=>Ue(t,e),children:(0,s.jsx)(o.XIcon,{"data-icon":`remove`})})]},e.value)),ze>0?(0,s.jsx)(`span`,{"data-slot":`async-select-tag-overflow`,className:t.cn(`inline-flex max-w-full items-center`,k),children:w?.hiddenSelected?.(ze)??`+${ze} more`}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:w?.multiPlaceholder??w?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Ne&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,"aria-label":w?.clearAll??w?.clear??`Clear all`,onClick:Je,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),qe())},children:(0,s.jsx)(o.XIcon,{"data-icon":`clear`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3`,E),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{"data-slot":`async-select-search-icon`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:I,onChange:e=>L(e.target.value),placeholder:w?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,D)})]}),(0,s.jsxs)(`div`,{"data-slot":`async-select-meta`,className:`flex flex-wrap items-center justify-between gap-2`,children:[Me&&w?.selectedCount&&(0,s.jsx)(`span`,{children:w.selectedCount(j.length)}),Pe&&(be?.(Z)??(0,s.jsx)(`span`,{children:w?.maxSelected?.(C??j.length)??`Maximum ${C} selected`})),(0,s.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[Le&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,onClick:Ge,children:w?.selectAll??`Select all`}),Ne&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,onClick:()=>u?.([],[]),children:w?.clearAll??w?.clear??`Clear all`})]})]}),(0,s.jsxs)(`div`,{className:`flex max-h-72 flex-col gap-1 overflow-y-auto pr-1`,children:[Q&&Y.length===0&&(ye?.(Z)??(0,s.jsx)(p,{children:w?.minSearchLength?.(S)??`Type at least ${S} characters`})),V&&(ge?.(Z)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),w?.loading??`Loading...`]})})),!V&&W&&(ve?.(Z)??(0,s.jsx)(p,{"data-tone":`danger`,children:w?.error??`Could not load options`})),!V&&!W&&!Q&&Y.length===0&&!Ie&&(_e?.(Z)??(0,s.jsx)(p,{children:w?.empty??`No options found`})),!V&&!W&&Ie&&(0,s.jsx)(le,{search:I,isCreating:U,label:Se,onCreate:Ye}),!V&&!W&&R.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:(0,s.jsx)(`span`,{"data-slot":`async-select-group-label`,children:e.label})}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:Ae.has(e.value),renderOption:pe,optionClassName:O,onSelect:He},e.value))]},t))]})]})]})})}function g(e){if(e.isMulti){let{isMulti:t,...n}=e;return(0,s.jsx)(h,{"data-multi":t,...n})}return(0,s.jsx)(m,{...e})}exports.AsyncMultiSelect=h,exports.AsyncSelect=g;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("../ui/input/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function ee(e,t){let[n,r]=a.useState(e);return a.useEffect(()=>{let n=window.setTimeout(()=>{r(e)},t);return()=>{window.clearTimeout(n)}},[t,e]),n}function te(e){return typeof e==`object`&&!!e&&`options`in e}function ne(e){if(!e||e.length===0)return[];let t=e[0];return te(t)?e:[{options:e}]}function c(e){return e.flatMap(e=>e.options)}function l(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label).toLowerCase():e.value.toLowerCase()}function re(e,t){let n=e.trim().toLowerCase();return n?!t.some(e=>e.value.toLowerCase()===n||l(e)===n):!1}function ie(e,t,n,r,i){if(e)return t?.value===e?t:i?.value===e?i:[...n,...r].find(t=>t.value===e)}function u(...e){let t=new Map;return e.forEach(e=>{e?.forEach(e=>{t.set(e.value,e)})}),Array.from(t.values())}function d(e,t){let n=new Map(t.map(e=>[e.value,e]));return e.map(e=>n.get(e)).filter(e=>!!e)}function ae(e,t,n){let r=e.get(t);if(r){if(Number.isFinite(n)&&Date.now()-r.createdAt>n){e.delete(t);return}return r.groups}}function f(e,t,n){e.set(t,{groups:n,createdAt:Date.now()})}function oe(e){return e.trim().toLowerCase()}function p({className:e,children:t}){return(0,s.jsx)(`div`,{"data-slot":`async-select-state`,className:e,children:t})}function se(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value}function ce({option:e,selected:n,renderOption:r,optionClassName:i,onSelect:a}){return(0,s.jsxs)(`button`,{type:`button`,disabled:e.disabled,"data-slot":`async-select-option`,"data-selected":n||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex w-full items-start gap-2.5 text-left outline-none disabled:pointer-events-none`,i),onClick:()=>a(e),children:[(0,s.jsx)(`span`,{"data-slot":`async-select-option-indicator`,"data-selected":n||void 0,className:`mt-0.5 shrink-0`,children:n&&(0,s.jsx)(o.CheckIcon,{"data-icon":`selected`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1`,children:r?.(e,{selected:n})??(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e.label}),e.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description}),e.disabled&&e.disabledReason&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.disabledReason})]})})]})}function le({search:e,isCreating:t,label:n,onCreate:r}){return(0,s.jsxs)(`button`,{type:`button`,disabled:t,"data-slot":`async-select-create`,className:`flex w-full items-center gap-2 text-left outline-none disabled:pointer-events-none`,onClick:r,children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:t?(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}):(0,s.jsx)(o.PlusIcon,{className:`size-4`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:n?.(e)??`Create "${e.trim()}"`})]})}function m(e){let{className:te,value:l,selectedOption:u,onValueChange:d,loadOptions:se,loadSelectedOption:m,defaultOptions:h,disabled:g=!1,clearable:_=!0,cacheOptions:v=!0,cacheTtl:y=1/0,debounceMs:ue=250,minSearchLength:b=0,labels:x,renderOption:S,renderValue:C,renderLoading:de,renderEmpty:fe,renderError:w,renderMinSearch:pe,onCreateOption:T,createOptionLabel:me,showCreateOption:he,showSelectedDescription:ge=!0,triggerClassName:_e,contentClassName:ve,searchClassName:ye,optionClassName:be,invalid:xe,...Se}=e,E=a.useMemo(()=>ne(h),[h]),Ce=a.useMemo(()=>c(E),[E]),[D,O]=a.useState(!1),[k,A]=a.useState(``),[we,j]=a.useState(E),[M,Te]=a.useState(null),[N,P]=a.useState(!1),[F,I]=a.useState(!1),[L,R]=a.useState(!1),z=a.useRef(new Map),B=a.useRef(0),Ee=a.useRef(0),V=ee(k,ue).trim(),H=a.useMemo(()=>c(we),[we]),U=a.useMemo(()=>({search:k,minSearchLength:b,options:H}),[H,b,k]),W=ie(l,u,H,Ce,M),De=_&&!!l&&!g,G=V.length<b,K=!G&&!!T&&(he??re)(k,H);a.useEffect(()=>{z.current.clear()},[se]),a.useEffect(()=>{j(E)},[E]),a.useEffect(()=>{if(!l||W||!m)return;let e=new AbortController,t=++Ee.current;async function n(){let n=await m?.(l,e.signal);!e.signal.aborted&&t===Ee.current&&Te(n??null)}return n(),()=>{e.abort()}},[W,m,l]),a.useEffect(()=>{if(!D)return;if(G){j(E),P(!1),R(!1);return}let e=v?ae(z.current,V,y):void 0;if(e){j(e),P(!1),R(!1);return}let t=new AbortController,n=++B.current;async function r(){P(!0),R(!1);try{let e=ne(await se(V,t.signal));!t.signal.aborted&&n===B.current&&(v&&f(z.current,V,e),j(e))}catch{!t.signal.aborted&&n===B.current&&(R(!0),j([]))}finally{!t.signal.aborted&&n===B.current&&P(!1)}}return r(),()=>{t.abort()}},[v,y,se,D,E,V,G]);let q=e=>{e.disabled||(d?.(e.value,e),O(!1),A(``))},J=()=>{d?.(void 0),A(``)},Oe=e=>{t.stopInteractivePropagation(e),J()},Y=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),O(!0);return}(e.key===`Backspace`||e.key===`Delete`)&&l&&(e.preventDefault(),J())}},X=async()=>{if(!(!T||!k.trim()||G)){I(!0);try{let e=await T(k.trim()),t=oe(k);j(t=>[{options:[e]},...t]),v&&t&&f(z.current,t,[{options:[e]}]),d?.(e.value,e),A(``),O(!1)}finally{I(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-select`,className:t.cn(`w-full`,te),...Se,children:(0,s.jsxs)(r.Popover,{open:D,onOpenChange:O,children:[(0,s.jsxs)(r.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":D,"aria-invalid":xe||void 0,"data-slot":`async-select-trigger`,className:t.cn(`w-full justify-between text-left`,_e),onKeyDown:Y}),children:[(0,s.jsx)(`span`,{className:`min-w-0 flex-1 text-left`,children:W?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-semibold`,children:C?.(W)??W.label}),ge&&(W.description||W.disabled&&W.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:W.description??W.disabledReason}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:x?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[De&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,"aria-label":x?.clear??`Clear`,onClick:Oe,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),J())},children:(0,s.jsx)(o.XIcon,{"data-icon":`clear`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(r.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3`,ve),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{"data-slot":`async-select-search-icon`}),(0,s.jsx)(i.Input,{"data-slot":`async-select-search`,value:k,onChange:e=>A(e.target.value),placeholder:x?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,ye)})]}),(0,s.jsxs)(`div`,{className:`flex max-h-72 flex-col gap-1 overflow-y-auto pr-1`,children:[G&&H.length===0&&(pe?.(U)??(0,s.jsx)(p,{children:x?.minSearchLength?.(b)??`Type at least ${b} characters`})),N&&(de?.(U)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),x?.loading??`Loading...`]})})),!N&&L&&(w?.(U)??(0,s.jsx)(p,{"data-tone":`danger`,children:x?.error??`Could not load options`})),!N&&!L&&!G&&H.length===0&&!K&&(fe?.(U)??(0,s.jsx)(p,{children:x?.empty??`No options found`})),!N&&!L&&K&&(0,s.jsx)(le,{search:k,isCreating:F,label:me,onCreate:X}),!N&&!L&&we.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{"data-slot":`async-select-group-label`,className:`sticky top-0`,children:e.label}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:e.value===l,renderOption:S,optionClassName:be,onSelect:q},e.value))]},t))]})]})]})})}function h({className:e,value:te,selectedOptions:l,onValueChange:ie,loadOptions:m,loadSelectedOptions:h,defaultOptions:g,disabled:_=!1,clearable:v=!0,cacheOptions:y=!0,cacheTtl:ue=1/0,closeOnSelect:b=!1,debounceMs:x=250,minSearchLength:S=0,maxSelected:C,maxVisibleTags:de,showSelectAll:fe=!1,labels:w,renderOption:pe,renderValue:T,renderTag:me,renderLoading:he,renderEmpty:ge,renderError:_e,renderMinSearch:ve,renderMaxSelected:ye,onCreateOption:be,createOptionLabel:xe,showCreateOption:Se,showSelectedDescription:E=!0,triggerClassName:Ce,contentClassName:D,searchClassName:O,optionClassName:k,tagClassName:A,invalid:we,...j}){let M=a.useMemo(()=>te??[],[te]),Te=M.join(`|`),N=a.useMemo(()=>ne(g),[g]),P=a.useMemo(()=>c(N),[N]),[F,I]=a.useState(!1),[L,R]=a.useState(``),[z,B]=a.useState(N),[Ee,V]=a.useState([]),[H,U]=a.useState(!1),[W,De]=a.useState(!1),[G,K]=a.useState(!1),q=a.useRef(new Map),J=a.useRef(0),Oe=a.useRef(0),Y=ee(L,x).trim(),X=a.useMemo(()=>c(z),[z]),ke=a.useMemo(()=>new Set(M),[M]),Z=a.useMemo(()=>u(l,Ee,X,P),[P,X,Ee,l]),Ae=a.useMemo(()=>d(M,Z),[Z,M]),Q=a.useMemo(()=>({search:L,minSearchLength:S,options:X,selectedCount:M.length,maxSelected:C}),[X,C,S,L,M.length]),je=M.length>0,Me=v&&je&&!_,Ne=typeof C==`number`&&M.length>=C,Pe=Math.max(de??M.length,1),$=Y.length<S,Fe=!$&&!!be&&(Se??re)(L,X),Ie=X.filter(e=>!e.disabled).filter(e=>!ke.has(e.value)),Le=fe&&Ie.length>0&&!Ne,Re=Ae.slice(0,Pe),ze=Math.max(Ae.length-Re.length,0);a.useEffect(()=>{q.current.clear()},[m]),a.useEffect(()=>{B(N)},[N]),a.useEffect(()=>{if(!M.length||!h)return;let e=new Set(Z.map(e=>e.value)),t=M.filter(t=>!e.has(t));if(!t.length)return;let n=new AbortController,r=++Oe.current;async function i(){let e=await h?.(t,n.signal);!n.signal.aborted&&r===Oe.current&&e&&V(t=>u(t,e))}return i(),()=>{n.abort()}},[Z,h,Te,M]),a.useEffect(()=>{if(!F)return;if($){B(N),U(!1),K(!1);return}let e=y?ae(q.current,Y,ue):void 0;if(e){B(e),U(!1),K(!1);return}let t=new AbortController,n=++J.current;async function r(){U(!0),K(!1);try{let e=ne(await m(Y,t.signal));!t.signal.aborted&&n===J.current&&(y&&f(q.current,Y,e),B(e))}catch{!t.signal.aborted&&n===J.current&&(K(!0),B([]))}finally{!t.signal.aborted&&n===J.current&&U(!1)}}return r(),()=>{t.abort()}},[y,ue,m,F,N,Y,$]);let Be=(e,t)=>{ie?.(e,d(e,t))},Ve=e=>{Be(M.filter(t=>t!==e),Z)},He=e=>{e.disabled||(Be(ke.has(e.value)?M.filter(t=>t!==e.value):Ne?M:[...M,e.value],u(Z,[e])),b&&(I(!1),R(``)))},Ue=(e,n)=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Backspace`&&e.key!==`Delete`||(e.preventDefault(),t.stopInteractivePropagation(e),Ve(n.value))},We=e=>{if(!_){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),I(!0);return}L.length>0||M.length===0||(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),Ve(M[M.length-1]))}},Ge=()=>{if(!Ie.length)return;let e=typeof C==`number`?Math.max(C-M.length,0):Ie.length,t=Ie.slice(0,e);Be(Array.from(new Set([...M,...t.map(e=>e.value)])),u(Z,t))},Ke=e=>{Ve(e.value)},qe=()=>{ie?.([],[]),R(``)},Je=e=>{t.stopInteractivePropagation(e),qe()},Ye=async()=>{if(!(!be||!L.trim()||$)){De(!0);try{let e=await be(L.trim()),t=oe(L),n=u(Z,[e]),r=ke.has(e.value)||Ne?M:[...M,e.value];B(t=>[{options:[e]},...t]),y&&t&&f(q.current,t,[{options:[e]}]),Be(r,n),R(``),b&&I(!1)}finally{De(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-multi-select`,className:t.cn(`w-full`,e),...j,children:(0,s.jsxs)(r.Popover,{open:F,onOpenChange:I,children:[(0,s.jsxs)(r.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:_,"aria-expanded":F,"aria-invalid":we||void 0,"data-slot":`async-select-trigger`,className:t.cn(`w-full justify-between text-left`,Ce),onKeyDown:We}),children:[(0,s.jsx)(`span`,{className:`flex min-w-0 flex-1 flex-wrap gap-1 text-left`,children:Ae.length>0?(0,s.jsxs)(s.Fragment,{children:[Re.map(e=>(0,s.jsxs)(`span`,{"data-slot":`async-select-tag`,className:t.cn(`inline-flex max-w-full items-center gap-1.5`,A),children:[(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:me?.(e,{remove:()=>Ke(e)})??T?.(e)??e.label}),E&&(e.description||e.disabled&&e.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:e.description??e.disabledReason}):null]}),!_&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-tag-remove`,"aria-label":`Remove ${se(e)}`,onClick:n=>{t.stopInteractivePropagation(n),Ke(e)},onKeyDown:t=>Ue(t,e),children:(0,s.jsx)(o.XIcon,{"data-icon":`remove`})})]},e.value)),ze>0?(0,s.jsx)(`span`,{"data-slot":`async-select-tag-overflow`,className:t.cn(`inline-flex max-w-full items-center`,A),children:w?.hiddenSelected?.(ze)??`+${ze} more`}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:w?.multiPlaceholder??w?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Me&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,"aria-label":w?.clearAll??w?.clear??`Clear all`,onClick:Je,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),qe())},children:(0,s.jsx)(o.XIcon,{"data-icon":`clear`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(r.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3`,D),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{"data-slot":`async-select-search-icon`}),(0,s.jsx)(i.Input,{"data-slot":`async-select-search`,value:L,onChange:e=>R(e.target.value),placeholder:w?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,O)})]}),(0,s.jsxs)(`div`,{"data-slot":`async-select-meta`,className:`flex flex-wrap items-center justify-between gap-2`,children:[je&&w?.selectedCount&&(0,s.jsx)(`span`,{children:w.selectedCount(M.length)}),Ne&&(ye?.(Q)??(0,s.jsx)(`span`,{children:w?.maxSelected?.(C??M.length)??`Maximum ${C} selected`})),(0,s.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[Le&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,onClick:Ge,children:w?.selectAll??`Select all`}),Me&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,onClick:()=>ie?.([],[]),children:w?.clearAll??w?.clear??`Clear all`})]})]}),(0,s.jsxs)(`div`,{className:`flex max-h-72 flex-col gap-1 overflow-y-auto pr-1`,children:[$&&X.length===0&&(ve?.(Q)??(0,s.jsx)(p,{children:w?.minSearchLength?.(S)??`Type at least ${S} characters`})),H&&(he?.(Q)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),w?.loading??`Loading...`]})})),!H&&G&&(_e?.(Q)??(0,s.jsx)(p,{"data-tone":`danger`,children:w?.error??`Could not load options`})),!H&&!G&&!$&&X.length===0&&!Fe&&(ge?.(Q)??(0,s.jsx)(p,{children:w?.empty??`No options found`})),!H&&!G&&Fe&&(0,s.jsx)(le,{search:L,isCreating:W,label:xe,onCreate:Ye}),!H&&!G&&z.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:(0,s.jsx)(`span`,{"data-slot":`async-select-group-label`,children:e.label})}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:ke.has(e.value),renderOption:pe,optionClassName:k,onSelect:He},e.value))]},t))]})]})]})})}function g(e){if(e.isMulti){let{isMulti:t,...n}=e;return(0,s.jsx)(h,{"data-multi":t,...n})}return(0,s.jsx)(m,{...e})}exports.AsyncMultiSelect=h,exports.AsyncSelect=g;