tembro 2.0.3 → 2.0.5

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

@@ -1,15 +1,16 @@
 import { AsyncSelect as e } from "../inputs/async-select.js";
 import { SimpleSelect as t } from "../inputs/simple-select.js";
-import { FormFieldShell as n } from "./form-field-shell.js";
-import { jsx as r } from "react/jsx-runtime";
-import { Controller as i } from "react-hook-form";
+import { FormFieldShell as n, resolveFormFieldIds as r } from "./form-field-shell.js";
+import { jsx as i } from "react/jsx-runtime";
+import { Controller as a } from "react-hook-form";
 //#region src/components/form/form-select.tsx
-function a(e) {
+function o(e) {
 	return {
 		label: e.label,
 		description: e.description,
 		required: e.required,
 		className: e.className,
+		htmlFor: e.name,
 		layout: e.layout,
 		descriptionPosition: e.descriptionPosition,
 		labelAction: e.labelAction,
@@ -25,45 +26,58 @@ function a(e) {
 		contentClassName: e.contentClassName
 	};
 }
-function o(o) {
-	let s = a(o), c = o.kind ?? "simple", l = o.fieldClassName ?? "w-full";
-	return /* @__PURE__ */ r(i, {
-		control: o.control,
-		name: o.name,
-		render: ({ field: i, fieldState: a }) => {
-			let u = a.error?.message;
-			if (c === "async") {
-				let { control: t, name: a, label: c, description: d, required: f, className: p, layout: m, descriptionPosition: h, labelAction: g, requiredIndicator: _, errorIcon: v, showErrorIcon: y, disabled: b, readOnly: x, labelClassName: S, labelRowClassName: C, descriptionClassName: w, errorClassName: T, contentClassName: E, fieldClassName: D, emptyValue: O, kind: k, onValueChange: A, ...j } = o;
-				return /* @__PURE__ */ r(n, {
-					...s,
-					error: u,
-					children: /* @__PURE__ */ r(e, {
-						...j,
-						value: i.value == null || i.value === "" ? void 0 : String(i.value),
-						disabled: b || x,
+function s(s) {
+	let c = o(s), l = s.kind ?? "simple", u = s.fieldClassName ?? "w-full";
+	return /* @__PURE__ */ i(a, {
+		control: s.control,
+		name: s.name,
+		render: ({ field: a, fieldState: o }) => {
+			let d = o.error?.message, f = r(`${s.name}`, {
+				description: s.description,
+				error: d
+			});
+			if (l === "async") {
+				let { control: t, 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, {
+					...c,
+					labelId: f.labelId,
+					descriptionId: f.descriptionId,
+					errorId: f.errorId,
+					error: d,
+					children: /* @__PURE__ */ i(e, {
+						...M,
+						value: a.value == null || a.value === "" ? void 0 : String(a.value),
+						disabled: x || S,
+						"aria-describedby": f.describedBy,
+						"aria-errormessage": d ? f.errorId : void 0,
 						onValueChange: (e, t) => {
-							i.onChange(e ?? O), A?.(e, t);
+							a.onChange(e ?? k), j?.(e, t);
 						},
-						triggerClassName: D ?? l
+						triggerClassName: O ?? u
 					})
 				});
 			}
-			let { control: d, name: f, label: p, description: m, required: h, className: g, layout: _, descriptionPosition: v, labelAction: y, requiredIndicator: b, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, emptyValue: j, kind: M, onValueChange: N, ...P } = o;
-			return /* @__PURE__ */ r(n, {
-				...s,
-				error: u,
-				children: /* @__PURE__ */ r(t, {
-					...P,
-					value: i.value == null ? "" : String(i.value),
-					disabled: C || w,
+			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, {
+				...c,
+				labelId: f.labelId,
+				descriptionId: f.descriptionId,
+				errorId: f.errorId,
+				error: d,
+				children: /* @__PURE__ */ i(t, {
+					...I,
+					value: a.value == null ? "" : String(a.value),
+					disabled: T || E,
+					"aria-describedby": f.describedBy,
+					"aria-errormessage": d ? f.errorId : void 0,
 					onValueChange: (e) => {
-						i.onChange(e || j), N?.(e);
+						a.onChange(e || N), F?.(e);
 					},
-					triggerClassName: A ?? l
+					triggerClassName: M ?? u
 				})
 			});
 		}
 	});
 }
 //#endregion
-export { o as FormSelect };
+export { s as FormSelect };

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

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

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

package/dist/components/form/form-textarea.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/textarea/index.cjs"),n=require("./form-field-shell.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("react-hook-form");function o({control:e,name:r,rules:o,label:s,description:c,required:l,className:u,layout:d,descriptionPosition:f,labelAction:p,requiredIndicator:m,errorIcon:h,showErrorIcon:g,disabled:_,readOnly:v,labelClassName:y,labelRowClassName:b,descriptionClassName:x,errorClassName:S,contentClassName:C,fieldClassName:w,transformIn:T,transformOut:E,id:D,onChange:O,onBlur:k,...A}){let j=D??r;return(0,i.jsx)(a.Controller,{control:e,name:r,rules:o,render:({field:e,fieldState:r})=>(0,i.jsx)(n.FormFieldShell,{label:s,description:c,required:l,error:r.error?.message,htmlFor:j,className:u,layout:d,descriptionPosition:f,labelAction:p,requiredIndicator:m,errorIcon:h,showErrorIcon:g,disabled:_,readOnly:v,labelClassName:y,labelRowClassName:b,descriptionClassName:x,errorClassName:S,contentClassName:C,children:(0,i.jsx)(t.Textarea,{id:j,ref:e.ref,name:e.name,value:T?T(e.value):e.value??``,disabled:_,readOnly:v,onBlur:t=>{e.onBlur(),k?.(t)},onChange:t=>{e.onChange(E?E(t):t),O?.(t)},"aria-invalid":r.invalid||void 0,className:w,...A})})})}exports.FormTextarea=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/textarea/index.cjs"),n=require("./form-field-shell.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("react-hook-form");function o({control:e,name:r,rules:o,label:s,description:c,required:l,className:u,layout:d,descriptionPosition:f,labelAction:p,requiredIndicator:m,errorIcon:h,showErrorIcon:g,disabled:_,readOnly:v,labelClassName:y,labelRowClassName:b,descriptionClassName:x,errorClassName:S,contentClassName:C,fieldClassName:w,transformIn:T,transformOut:E,id:D,onChange:O,onBlur:k,...A}){let j=D??r;return(0,i.jsx)(a.Controller,{control:e,name:r,rules:o,render:({field:e,fieldState:r})=>{let a=r.error?.message,o=n.resolveFormFieldIds(j,{description:c,error:a});return(0,i.jsx)(n.FormFieldShell,{label:s,description:c,required:l,error:a,htmlFor:j,labelId:o.labelId,descriptionId:o.descriptionId,errorId:o.errorId,className:u,layout:d,descriptionPosition:f,labelAction:p,requiredIndicator:m,errorIcon:h,showErrorIcon:g,disabled:_,readOnly:v,labelClassName:y,labelRowClassName:b,descriptionClassName:x,errorClassName:S,contentClassName:C,children:(0,i.jsx)(t.Textarea,{id:j,ref:e.ref,name:e.name,value:T?T(e.value):e.value??``,disabled:_,readOnly:v,onBlur:t=>{e.onBlur(),k?.(t)},onChange:t=>{e.onChange(E?E(t):t),O?.(t)},"aria-invalid":r.invalid||void 0,"aria-describedby":o.describedBy,"aria-errormessage":a?o.errorId:void 0,className:w,...A})})}})}exports.FormTextarea=o;

package/dist/components/form/form-textarea.js

@@ -1,54 +1,65 @@
 import { Textarea as e } from "../ui/textarea/index.js";
-import { FormFieldShell as t } from "./form-field-shell.js";
+import { FormFieldShell as t, resolveFormFieldIds as n } from "./form-field-shell.js";
 import "react";
-import { jsx as n } from "react/jsx-runtime";
-import { Controller as r } from "react-hook-form";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as i } from "react-hook-form";
 //#region src/components/form/form-textarea.tsx
-function i({ control: i, name: a, rules: o, label: s, description: c, required: l, className: u, layout: d, descriptionPosition: f, labelAction: p, requiredIndicator: m, errorIcon: h, showErrorIcon: g, disabled: _, readOnly: v, labelClassName: y, labelRowClassName: b, descriptionClassName: x, errorClassName: S, contentClassName: C, fieldClassName: w, transformIn: T, transformOut: E, id: D, onChange: O, onBlur: k, ...A }) {
-	let j = D ?? a;
-	return /* @__PURE__ */ n(r, {
-		control: i,
-		name: a,
-		rules: o,
-		render: ({ field: r, fieldState: i }) => /* @__PURE__ */ n(t, {
-			label: s,
-			description: c,
-			required: l,
-			error: i.error?.message,
-			htmlFor: j,
-			className: u,
-			layout: d,
-			descriptionPosition: f,
-			labelAction: p,
-			requiredIndicator: m,
-			errorIcon: h,
-			showErrorIcon: g,
-			disabled: _,
-			readOnly: v,
-			labelClassName: y,
-			labelRowClassName: b,
-			descriptionClassName: x,
-			errorClassName: S,
-			contentClassName: C,
-			children: /* @__PURE__ */ n(e, {
-				id: j,
-				ref: r.ref,
-				name: r.name,
-				value: T ? T(r.value) : r.value ?? "",
-				disabled: _,
-				readOnly: v,
-				onBlur: (e) => {
-					r.onBlur(), k?.(e);
-				},
-				onChange: (e) => {
-					r.onChange(E ? E(e) : e), O?.(e);
-				},
-				"aria-invalid": i.invalid || void 0,
-				className: w,
-				...A
-			})
-		})
+function a({ control: a, name: o, rules: s, label: c, description: l, required: u, className: d, layout: f, descriptionPosition: p, labelAction: m, requiredIndicator: h, errorIcon: g, showErrorIcon: _, disabled: v, readOnly: y, labelClassName: b, labelRowClassName: x, descriptionClassName: S, errorClassName: C, contentClassName: w, fieldClassName: T, transformIn: E, transformOut: D, id: O, onChange: k, onBlur: A, ...j }) {
+	let M = O ?? o;
+	return /* @__PURE__ */ r(i, {
+		control: a,
+		name: o,
+		rules: s,
+		render: ({ field: i, fieldState: a }) => {
+			let o = a.error?.message, s = n(M, {
+				description: l,
+				error: o
+			});
+			return /* @__PURE__ */ r(t, {
+				label: c,
+				description: l,
+				required: u,
+				error: o,
+				htmlFor: M,
+				labelId: s.labelId,
+				descriptionId: s.descriptionId,
+				errorId: s.errorId,
+				className: d,
+				layout: f,
+				descriptionPosition: p,
+				labelAction: m,
+				requiredIndicator: h,
+				errorIcon: g,
+				showErrorIcon: _,
+				disabled: v,
+				readOnly: y,
+				labelClassName: b,
+				labelRowClassName: x,
+				descriptionClassName: S,
+				errorClassName: C,
+				contentClassName: w,
+				children: /* @__PURE__ */ r(e, {
+					id: M,
+					ref: i.ref,
+					name: i.name,
+					value: E ? E(i.value) : i.value ?? "",
+					disabled: v,
+					readOnly: y,
+					onBlur: (e) => {
+						i.onBlur(), A?.(e);
+					},
+					onChange: (e) => {
+						i.onChange(D ? D(e) : e), k?.(e);
+					},
+					"aria-invalid": a.invalid || void 0,
+					"aria-describedby": s.describedBy,
+					"aria-errormessage": o ? s.errorId : void 0,
+					className: T,
+					...j
+				})
+			});
+		}
 	});
 }
 //#endregion
-export { i as FormTextarea };
+export { a as FormTextarea };

package/dist/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("./repeater-field.cjs"),c=require("./form-async-select.cjs"),l=require("./form-date-input.cjs"),u=require("./form-date-range-input.cjs"),d=require("./form-number-input.cjs"),f=require("./form-password-input.cjs"),p=require("./form-phone-input.cjs"),m=require("./form-search-input.cjs");exports.FormAsyncSelect=c.FormAsyncSelect,exports.FormDateInput=l.FormDateInput,exports.FormDatePicker=a.FormDatePicker,exports.FormDateRangeInput=u.FormDateRangeInput,exports.FormDateRangePicker=o.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormNumberInput=d.FormNumberInput,exports.FormPasswordInput=f.FormPasswordInput,exports.FormPhoneInput=p.FormPhoneInput,exports.FormSearchInput=m.FormSearchInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.RepeaterField=s.RepeaterField;
+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-async-select.cjs"),o=require("./form-date-input.cjs"),s=require("./form-date-picker.cjs"),c=require("./form-date-range-input.cjs"),l=require("./form-date-range-picker.cjs"),u=require("./form-number-input.cjs"),d=require("./form-password-input.cjs"),f=require("./form-phone-input.cjs"),p=require("./form-search-input.cjs");exports.FormAsyncSelect=a.FormAsyncSelect,exports.FormDateInput=o.FormDateInput,exports.FormDatePicker=s.FormDatePicker,exports.FormDateRangeInput=c.FormDateRangeInput,exports.FormDateRangePicker=l.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormNumberInput=u.FormNumberInput,exports.FormPasswordInput=d.FormPasswordInput,exports.FormPhoneInput=f.FormPhoneInput,exports.FormSearchInput=p.FormSearchInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;

package/dist/components/form/index.d.ts

@@ -12,4 +12,3 @@ export * from "./form-date-input";
 export * from "./form-date-range-input";
 export * from "./form-date-picker";
 export * from "./form-date-range-picker";
-export * from "./repeater-field";

package/dist/components/form/index.js

@@ -1,16 +1,15 @@
-import { FormFieldShell as e } from "./form-field-shell.js";
-import { FormInput as t } from "./form-input.js";
-import { FormSelect as n } from "./form-select.js";
-import { FormSwitch as r } from "./form-switch.js";
-import { FormTextarea as i } from "./form-textarea.js";
-import { FormDatePicker as a } from "./form-date-picker.js";
-import { FormDateRangePicker as o } from "./form-date-range-picker.js";
-import { RepeaterField as s } from "./repeater-field.js";
-import { FormAsyncSelect as c } from "./form-async-select.js";
-import { FormDateInput as l } from "./form-date-input.js";
-import { FormDateRangeInput as u } from "./form-date-range-input.js";
+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 { FormAsyncSelect as o } from "./form-async-select.js";
+import { FormDateInput as s } from "./form-date-input.js";
+import { FormDatePicker as c } from "./form-date-picker.js";
+import { FormDateRangeInput as l } from "./form-date-range-input.js";
+import { FormDateRangePicker as u } from "./form-date-range-picker.js";
 import { FormNumberInput as d } from "./form-number-input.js";
 import { FormPasswordInput as f } from "./form-password-input.js";
 import { FormPhoneInput as p } from "./form-phone-input.js";
 import { FormSearchInput as m } from "./form-search-input.js";
-export { c as FormAsyncSelect, l as FormDateInput, a as FormDatePicker, u as FormDateRangeInput, o as FormDateRangePicker, e as FormFieldShell, t as FormInput, d as FormNumberInput, f as FormPasswordInput, p as FormPhoneInput, m as FormSearchInput, n as FormSelect, r as FormSwitch, i as FormTextarea, s as RepeaterField };
+export { o as FormAsyncSelect, s as FormDateInput, c as FormDatePicker, l as FormDateRangeInput, u as FormDateRangePicker, e as FormFieldShell, n as FormInput, d as FormNumberInput, f as FormPasswordInput, p as FormPhoneInput, m as FormSearchInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };

package/dist/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("./repeater-field.cjs"),c=require("./form-async-select.cjs"),l=require("./form-date-input.cjs"),u=require("./form-date-range-input.cjs"),d=require("./form-number-input.cjs"),f=require("./form-password-input.cjs"),p=require("./form-phone-input.cjs"),m=require("./form-search-input.cjs");exports.FormAsyncSelect=c.FormAsyncSelect,exports.FormDateInput=l.FormDateInput,exports.FormDatePicker=a.FormDatePicker,exports.FormDateRangeInput=u.FormDateRangeInput,exports.FormDateRangePicker=o.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormNumberInput=d.FormNumberInput,exports.FormPasswordInput=f.FormPasswordInput,exports.FormPhoneInput=p.FormPhoneInput,exports.FormSearchInput=m.FormSearchInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.RepeaterField=s.RepeaterField;
+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-async-select.cjs");exports.FormAsyncSelect=a.FormAsyncSelect,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;

package/dist/components/form/public.d.ts

@@ -3,13 +3,4 @@ export * from "./form-input";
 export * from "./form-select";
 export * from "./form-switch";
 export * from "./form-textarea";
-export * from "./form-date-picker";
-export * from "./form-date-range-picker";
-export * from "./repeater-field";
 export * from "./form-async-select";
-export * from "./form-date-input";
-export * from "./form-date-range-input";
-export * from "./form-number-input";
-export * from "./form-password-input";
-export * from "./form-phone-input";
-export * from "./form-search-input";

package/dist/components/form/public.js

@@ -1,16 +1,7 @@
-import { FormFieldShell as e } from "./form-field-shell.js";
-import { FormInput as t } from "./form-input.js";
-import { FormSelect as n } from "./form-select.js";
-import { FormSwitch as r } from "./form-switch.js";
-import { FormTextarea as i } from "./form-textarea.js";
-import { FormDatePicker as a } from "./form-date-picker.js";
-import { FormDateRangePicker as o } from "./form-date-range-picker.js";
-import { RepeaterField as s } from "./repeater-field.js";
-import { FormAsyncSelect as c } from "./form-async-select.js";
-import { FormDateInput as l } from "./form-date-input.js";
-import { FormDateRangeInput as u } from "./form-date-range-input.js";
-import { FormNumberInput as d } from "./form-number-input.js";
-import { FormPasswordInput as f } from "./form-password-input.js";
-import { FormPhoneInput as p } from "./form-phone-input.js";
-import { FormSearchInput as m } from "./form-search-input.js";
-export { c as FormAsyncSelect, l as FormDateInput, a as FormDatePicker, u as FormDateRangeInput, o as FormDateRangePicker, e as FormFieldShell, t as FormInput, d as FormNumberInput, f as FormPasswordInput, p as FormPhoneInput, m as FormSearchInput, n as FormSelect, r as FormSwitch, i as FormTextarea, s as RepeaterField };
+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 { FormAsyncSelect as o } from "./form-async-select.js";
+export { o as FormAsyncSelect, e as FormFieldShell, n as FormInput, r as FormSelect, i as FormSwitch, a as FormTextarea, t as resolveFormFieldIds };

package/dist/components/inputs/async-select.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/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 c(e){return typeof e==`object`&&!!e&&`options`in e}function l(e){if(!e||e.length===0)return[];let t=e[0];return c(t)?e:[{options:e}]}function u(e){return e.flatMap(e=>e.options)}function te(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label).toLowerCase():e.value.toLowerCase()}function ne(e,t){let n=e.trim().toLowerCase();return n?!t.some(e=>e.value.toLowerCase()===n||te(e)===n):!1}function re(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:n}){return(0,s.jsx)(`div`,{"data-slot":`async-select-state`,className:t.cn(`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-3 text-sm leading-5 text-muted-foreground`,e),children:n})}function m(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value}function se({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 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-[background-color,border-color,color,box-shadow] hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)] data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)] data-[selected=true]:text-foreground disabled:pointer-events-none disabled:opacity-50`,i),onClick:()=>a(e),children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,n&&`border-primary bg-primary text-primary-foreground`),children:n&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(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 ce({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 rounded-[var(--radius-md)] border border-dashed border-[color:color-mix(in_oklch,var(--primary),transparent_55%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_94%)] px-3 py-2.5 text-left text-sm font-medium text-foreground outline-none transition-[background-color,border-color,color,box-shadow] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] disabled:pointer-events-none disabled:opacity-50`,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 h({className:e,value:c,selectedOption:te,onValueChange:d,loadOptions:f,loadSelectedOption:m,defaultOptions:h,disabled:g=!1,clearable:le=!0,cacheOptions:_=!0,cacheTtl:ue=1/0,debounceMs:v=250,minSearchLength:y=0,labels:b,renderOption:de,renderValue:x,renderLoading:S,renderEmpty:fe,renderError:C,renderMinSearch:pe,onCreateOption:me,createOptionLabel:he,showCreateOption:ge,triggerClassName:_e,contentClassName:ve,searchClassName:ye,optionClassName:be,invalid:w,...xe}){let T=a.useMemo(()=>l(h),[h]),Se=a.useMemo(()=>u(T),[T]),[E,D]=a.useState(!1),[O,k]=a.useState(``),[A,j]=a.useState(T),[M,Ce]=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),we=a.useRef(0),V=ee(O,v).trim(),H=a.useMemo(()=>u(A),[A]),U=a.useMemo(()=>({search:O,minSearchLength:y,options:H}),[H,y,O]),W=re(c,te,H,Se,M),Te=le&&!!c&&!g,G=V.length<y,K=!G&&!!me&&(ge??ne)(O,H);a.useEffect(()=>{z.current.clear()},[f]),a.useEffect(()=>{j(T)},[T]),a.useEffect(()=>{if(!c||W||!m)return;let e=new AbortController,t=++we.current;async function n(){let n=await m?.(c,e.signal);!e.signal.aborted&&t===we.current&&Ce(n??null)}return n(),()=>{e.abort()}},[W,m,c]),a.useEffect(()=>{if(!E)return;if(G){j(T),P(!1),R(!1);return}let e=_?ie(z.current,V,ue):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=l(await f(V,t.signal));!t.signal.aborted&&n===B.current&&(_&&ae(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()}},[_,ue,f,E,T,V,G]);let q=e=>{e.disabled||(d?.(e.value,e),D(!1),k(``))},J=()=>{d?.(void 0),k(``)},Ee=e=>{t.stopInteractivePropagation(e),J()},Y=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),D(!0);return}(e.key===`Backspace`||e.key===`Delete`)&&c&&(e.preventDefault(),J())}},X=async()=>{if(!(!me||!O.trim()||G)){I(!0);try{let e=await me(O.trim()),t=oe(O);j(t=>[{options:[e]},...t]),_&&t&&ae(z.current,t,[{options:[e]}]),d?.(e.value,e),k(``),D(!1)}finally{I(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-select`,className:t.cn(`w-full`,e),...xe,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":w||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 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:x?.(W)??W.label}),W.disabled&&W.disabledReason&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:W.disabledReason})]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:b?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Te&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":b?.clear??`Clear`,onClick:Ee,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),J())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(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 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,ve),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:O,onChange:e=>k(e.target.value),placeholder:b?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,ye)})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[G&&H.length===0&&(pe?.(U)??(0,s.jsx)(p,{children:b?.minSearchLength?.(y)??`Type at least ${y} characters`})),N&&(S?.(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`}),b?.loading??`Loading...`]})})),!N&&L&&(C?.(U)??(0,s.jsx)(p,{className:`text-destructive`,children:b?.error??`Could not load options`})),!N&&!L&&!G&&H.length===0&&!K&&(fe?.(U)??(0,s.jsx)(p,{children:b?.empty??`No options found`})),!N&&!L&&K&&(0,s.jsx)(ce,{search:O,isCreating:F,label:he,onCreate:X}),!N&&!L&&A.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:e.label}),e.options.map(e=>(0,s.jsx)(se,{option:e,selected:e.value===c,renderOption:de,optionClassName:be,onSelect:q},e.value))]},t))]})]})]})})}function g({className:e,value:c,selectedOptions:te,onValueChange:re,loadOptions:h,loadSelectedOptions:g,defaultOptions:le,disabled:_=!1,clearable:ue=!0,cacheOptions:v=!0,cacheTtl:y=1/0,closeOnSelect:b=!1,debounceMs:de=250,minSearchLength:x=0,maxSelected:S,showSelectAll:fe=!1,labels:C,renderOption:pe,renderValue:me,renderTag:he,renderLoading:ge,renderEmpty:_e,renderError:ve,renderMinSearch:ye,renderMaxSelected:be,onCreateOption:w,createOptionLabel:xe,showCreateOption:T,triggerClassName:Se,contentClassName:E,searchClassName:D,optionClassName:O,tagClassName:k,invalid:A,...j}){let M=a.useMemo(()=>c??[],[c]),Ce=M.join(`|`),N=a.useMemo(()=>l(le),[le]),P=a.useMemo(()=>u(N),[N]),[F,I]=a.useState(!1),[L,R]=a.useState(``),[z,B]=a.useState(N),[we,V]=a.useState([]),[H,U]=a.useState(!1),[W,Te]=a.useState(!1),[G,K]=a.useState(!1),q=a.useRef(new Map),J=a.useRef(0),Ee=a.useRef(0),Y=ee(L,de).trim(),X=a.useMemo(()=>u(z),[z]),De=a.useMemo(()=>new Set(M),[M]),Z=a.useMemo(()=>d(te,we,X,P),[P,X,we,te]),Oe=a.useMemo(()=>f(M,Z),[Z,M]),Q=a.useMemo(()=>({search:L,minSearchLength:x,options:X,selectedCount:M.length,maxSelected:S}),[X,S,x,L,M.length]),ke=M.length>0,Ae=ue&&ke&&!_,je=typeof S==`number`&&M.length>=S,$=Y.length<x,Me=!$&&!!w&&(T??ne)(L,X),Ne=X.filter(e=>!e.disabled).filter(e=>!De.has(e.value)),Pe=fe&&Ne.length>0&&!je;a.useEffect(()=>{q.current.clear()},[h]),a.useEffect(()=>{B(N)},[N]),a.useEffect(()=>{if(!M.length||!g)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=++Ee.current;async function i(){let e=await g?.(t,n.signal);!n.signal.aborted&&r===Ee.current&&e&&V(t=>d(t,e))}return i(),()=>{n.abort()}},[Z,g,Ce,M]),a.useEffect(()=>{if(!F)return;if($){B(N),U(!1),K(!1);return}let e=v?ie(q.current,Y,y):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=l(await h(Y,t.signal));!t.signal.aborted&&n===J.current&&(v&&ae(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()}},[v,y,h,F,N,Y,$]);let Fe=(e,t)=>{re?.(e,f(e,t))},Ie=e=>{Fe(M.filter(t=>t!==e),Z)},Le=e=>{e.disabled||(Fe(De.has(e.value)?M.filter(t=>t!==e.value):je?M:[...M,e.value],d(Z,[e])),b&&(I(!1),R(``)))},Re=(e,n)=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Backspace`&&e.key!==`Delete`||(e.preventDefault(),t.stopInteractivePropagation(e),Ie(n.value))},ze=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(),Ie(M[M.length-1]))}},Be=()=>{if(!Ne.length)return;let e=typeof S==`number`?Math.max(S-M.length,0):Ne.length,t=Ne.slice(0,e);Fe(Array.from(new Set([...M,...t.map(e=>e.value)])),d(Z,t))},Ve=e=>{Ie(e.value)},He=()=>{re?.([],[]),R(``)},Ue=e=>{t.stopInteractivePropagation(e),He()},We=async()=>{if(!(!w||!L.trim()||$)){Te(!0);try{let e=await w(L.trim()),t=oe(L),n=d(Z,[e]),r=De.has(e.value)||je?M:[...M,e.value];B(t=>[{options:[e]},...t]),v&&t&&ae(q.current,t,[{options:[e]}]),Fe(r,n),R(``),b&&I(!1)}finally{Te(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-multi-select`,className:t.cn(`w-full`,e),...j,children:(0,s.jsxs)(i.Popover,{open:F,onOpenChange:I,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:_,"aria-expanded":F,"aria-invalid":A||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,Se),onKeyDown:ze}),children:[(0,s.jsx)(`span`,{className:`flex min-w-0 flex-1 flex-wrap gap-1 text-left`,children:Oe.length>0?Oe.map(e=>(0,s.jsxs)(`span`,{"data-slot":`async-select-tag`,className:t.cn(`inline-flex max-w-full items-center gap-1.5 rounded-[var(--radius-sm)] border border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] px-2 py-1 text-xs font-medium text-foreground`,k),children:[(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:he?.(e,{remove:()=>Ve(e)})??me?.(e)??e.label}),e.disabled&&e.disabledReason&&(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:e.disabledReason})]}),!_&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-tag-remove`,className:`rounded-full p-0.5 text-muted-foreground transition-colors hover:bg-background hover:text-foreground`,"aria-label":`Remove ${m(e)}`,onClick:n=>{t.stopInteractivePropagation(n),Ve(e)},onKeyDown:t=>Re(t,e),children:(0,s.jsx)(o.XIcon,{className:`size-3`})})]},e.value)):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:C?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Ae&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":C?.clearAll??C?.clear??`Clear all`,onClick:Ue,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),He())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(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 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,E),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:L,onChange:e=>R(e.target.value),placeholder:C?.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 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_62%)] px-3 py-2 text-xs text-muted-foreground`,children:[ke&&C?.selectedCount&&(0,s.jsx)(`span`,{children:C.selectedCount(M.length)}),je&&(be?.(Q)??(0,s.jsx)(`span`,{children:C?.maxSelected?.(S??M.length)??`Maximum ${S} selected`})),(0,s.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[Pe&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:Be,children:C?.selectAll??`Select all`}),Ae&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:()=>re?.([],[]),children:C?.clearAll??C?.clear??`Clear all`})]})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[$&&X.length===0&&(ye?.(Q)??(0,s.jsx)(p,{children:C?.minSearchLength?.(x)??`Type at least ${x} characters`})),H&&(ge?.(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`}),C?.loading??`Loading...`]})})),!H&&G&&(ve?.(Q)??(0,s.jsx)(p,{className:`text-destructive`,children:C?.error??`Could not load options`})),!H&&!G&&!$&&X.length===0&&!Me&&(_e?.(Q)??(0,s.jsx)(p,{children:C?.empty??`No options found`})),!H&&!G&&Me&&(0,s.jsx)(ce,{search:L,isCreating:W,label:xe,onCreate:We}),!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)(se,{option:e,selected:De.has(e.value),renderOption:pe,optionClassName:O,onSelect:Le},e.value))]},t))]})]})]})})}exports.AsyncMultiSelect=g,exports.AsyncSelect=h;
+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 c(e){if(!e||e.length===0)return[];let t=e[0];return te(t)?e:[{options:e}]}function ne(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:n}){return(0,s.jsx)(`div`,{"data-slot":`async-select-state`,className:t.cn(`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-3 text-sm leading-5 text-muted-foreground`,e),children:n})}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 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-[background-color,border-color,color,box-shadow] hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)] data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)] data-[selected=true]:text-foreground disabled:pointer-events-none disabled:opacity-50`,i),onClick:()=>a(e),children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,n&&`border-primary bg-primary text-primary-foreground`),children:n&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(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 rounded-[var(--radius-md)] border border-dashed border-[color:color-mix(in_oklch,var(--primary),transparent_55%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_94%)] px-3 py-2.5 text-left text-sm font-medium text-foreground outline-none transition-[background-color,border-color,color,box-shadow] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] disabled:pointer-events-none disabled:opacity-50`,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){if(`isMulti`in e&&e.isMulti){let t={...e};return delete t.isMulti,(0,s.jsx)(h,{...t})}let{className:te,value:l,selectedOption:u,onValueChange:d,loadOptions:se,loadSelectedOption:m,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,debounceMs:pe=250,minSearchLength:v=0,labels:y,renderOption:b,renderValue:me,renderLoading:he,renderEmpty:x,renderError:ge,renderMinSearch:_e,onCreateOption:S,createOptionLabel:ve,showCreateOption:ye,showSelectedDescription:be=!0,triggerClassName:xe,contentClassName:Se,searchClassName:C,optionClassName:Ce,invalid:we,...Te}=e,w=a.useMemo(()=>c(ue),[ue]),Ee=a.useMemo(()=>ne(w),[w]),[T,E]=a.useState(!1),[D,O]=a.useState(``),[De,k]=a.useState(w),[Oe,A]=a.useState(null),[j,M]=a.useState(!1),[N,P]=a.useState(!1),[F,I]=a.useState(!1),L=a.useRef(new Map),R=a.useRef(0),ke=a.useRef(0),z=ee(D,pe).trim(),B=a.useMemo(()=>ne(De),[De]),V=a.useMemo(()=>({search:D,minSearchLength:v,options:B}),[B,v,D]),H=ie(l,u,B,Ee,Oe),U=de&&!!l&&!g,W=z.length<v,G=!W&&!!S&&(ye??re)(D,B);a.useEffect(()=>{L.current.clear()},[se]),a.useEffect(()=>{k(w)},[w]),a.useEffect(()=>{if(!l||H||!m)return;let e=new AbortController,t=++ke.current;async function n(){let n=await m?.(l,e.signal);!e.signal.aborted&&t===ke.current&&A(n??null)}return n(),()=>{e.abort()}},[H,m,l]),a.useEffect(()=>{if(!T)return;if(W){k(w),M(!1),I(!1);return}let e=_?ae(L.current,z,fe):void 0;if(e){k(e),M(!1),I(!1);return}let t=new AbortController,n=++R.current;async function r(){M(!0),I(!1);try{let e=c(await se(z,t.signal));!t.signal.aborted&&n===R.current&&(_&&f(L.current,z,e),k(e))}catch{!t.signal.aborted&&n===R.current&&(I(!0),k([]))}finally{!t.signal.aborted&&n===R.current&&M(!1)}}return r(),()=>{t.abort()}},[_,fe,se,T,w,z,W]);let K=e=>{e.disabled||(d?.(e.value,e),E(!1),O(``))},q=()=>{d?.(void 0),O(``)},J=e=>{t.stopInteractivePropagation(e),q()},Y=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),E(!0);return}(e.key===`Backspace`||e.key===`Delete`)&&l&&(e.preventDefault(),q())}},X=async()=>{if(!(!S||!D.trim()||W)){P(!0);try{let e=await S(D.trim()),t=oe(D);k(t=>[{options:[e]},...t]),_&&t&&f(L.current,t,[{options:[e]}]),d?.(e.value,e),O(``),E(!1)}finally{P(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-select`,className:t.cn(`w-full`,te),...Te,children:(0,s.jsxs)(i.Popover,{open:T,onOpenChange:E,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":T,"aria-invalid":we||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,xe),onKeyDown:Y}),children:[(0,s.jsx)(`span`,{className:`min-w-0 flex-1 text-left`,children:H?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-semibold`,children:me?.(H)??H.label}),be&&(H.description||H.disabled&&H.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:H.description??H.disabledReason}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:y?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[U&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":y?.clear??`Clear`,onClick:J,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),q())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(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 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Se),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:D,onChange:e=>O(e.target.value),placeholder:y?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,C)})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[W&&B.length===0&&(_e?.(V)??(0,s.jsx)(p,{children:y?.minSearchLength?.(v)??`Type at least ${v} characters`})),j&&(he?.(V)??(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`}),y?.loading??`Loading...`]})})),!j&&F&&(ge?.(V)??(0,s.jsx)(p,{className:`text-destructive`,children:y?.error??`Could not load options`})),!j&&!F&&!W&&B.length===0&&!G&&(x?.(V)??(0,s.jsx)(p,{children:y?.empty??`No options found`})),!j&&!F&&G&&(0,s.jsx)(le,{search:D,isCreating:N,label:ve,onCreate:X}),!j&&!F&&De.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:e.label}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:e.value===l,renderOption:b,optionClassName:Ce,onSelect:K},e.value))]},t))]})]})]})})}function h({className:e,value:te,selectedOptions:l,onValueChange:ie,loadOptions:m,loadSelectedOptions:h,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,closeOnSelect:pe=!1,debounceMs:v=250,minSearchLength:y=0,maxSelected:b,maxVisibleTags:me,showSelectAll:he=!1,labels:x,renderOption:ge,renderValue:_e,renderTag:S,renderLoading:ve,renderEmpty:ye,renderError:be,renderMinSearch:xe,renderMaxSelected:Se,onCreateOption:C,createOptionLabel:Ce,showCreateOption:we,showSelectedDescription:Te=!0,triggerClassName:w,contentClassName:Ee,searchClassName:T,optionClassName:E,tagClassName:D,invalid:O,...De}){let k=a.useMemo(()=>te??[],[te]),Oe=k.join(`|`),A=a.useMemo(()=>c(ue),[ue]),j=a.useMemo(()=>ne(A),[A]),[M,N]=a.useState(!1),[P,F]=a.useState(``),[I,L]=a.useState(A),[R,ke]=a.useState([]),[z,B]=a.useState(!1),[V,H]=a.useState(!1),[U,W]=a.useState(!1),G=a.useRef(new Map),K=a.useRef(0),q=a.useRef(0),J=ee(P,v).trim(),Y=a.useMemo(()=>ne(I),[I]),X=a.useMemo(()=>new Set(k),[k]),Z=a.useMemo(()=>u(l,R,Y,j),[j,Y,R,l]),Ae=a.useMemo(()=>d(k,Z),[Z,k]),Q=a.useMemo(()=>({search:P,minSearchLength:y,options:Y,selectedCount:k.length,maxSelected:b}),[Y,b,y,P,k.length]),je=k.length>0,Me=de&&je&&!g,Ne=typeof b==`number`&&k.length>=b,Pe=Math.max(me??k.length,1),$=J.length<y,Fe=!$&&!!C&&(we??re)(P,Y),Ie=Y.filter(e=>!e.disabled).filter(e=>!X.has(e.value)),Le=he&&Ie.length>0&&!Ne,Re=Ae.slice(0,Pe),ze=Math.max(Ae.length-Re.length,0);a.useEffect(()=>{G.current.clear()},[m]),a.useEffect(()=>{L(A)},[A]),a.useEffect(()=>{if(!k.length||!h)return;let e=new Set(Z.map(e=>e.value)),t=k.filter(t=>!e.has(t));if(!t.length)return;let n=new AbortController,r=++q.current;async function i(){let e=await h?.(t,n.signal);!n.signal.aborted&&r===q.current&&e&&ke(t=>u(t,e))}return i(),()=>{n.abort()}},[Z,h,Oe,k]),a.useEffect(()=>{if(!M)return;if($){L(A),B(!1),W(!1);return}let e=_?ae(G.current,J,fe):void 0;if(e){L(e),B(!1),W(!1);return}let t=new AbortController,n=++K.current;async function r(){B(!0),W(!1);try{let e=c(await m(J,t.signal));!t.signal.aborted&&n===K.current&&(_&&f(G.current,J,e),L(e))}catch{!t.signal.aborted&&n===K.current&&(W(!0),L([]))}finally{!t.signal.aborted&&n===K.current&&B(!1)}}return r(),()=>{t.abort()}},[_,fe,m,M,A,J,$]);let Be=(e,t)=>{ie?.(e,d(e,t))},Ve=e=>{Be(k.filter(t=>t!==e),Z)},He=e=>{e.disabled||(Be(X.has(e.value)?k.filter(t=>t!==e.value):Ne?k:[...k,e.value],u(Z,[e])),pe&&(N(!1),F(``)))},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(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),N(!0);return}P.length>0||k.length===0||(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),Ve(k[k.length-1]))}},Ge=()=>{if(!Ie.length)return;let e=typeof b==`number`?Math.max(b-k.length,0):Ie.length,t=Ie.slice(0,e);Be(Array.from(new Set([...k,...t.map(e=>e.value)])),u(Z,t))},Ke=e=>{Ve(e.value)},qe=()=>{ie?.([],[]),F(``)},Je=e=>{t.stopInteractivePropagation(e),qe()},Ye=async()=>{if(!(!C||!P.trim()||$)){H(!0);try{let e=await C(P.trim()),t=oe(P),n=u(Z,[e]),r=X.has(e.value)||Ne?k:[...k,e.value];L(t=>[{options:[e]},...t]),_&&t&&f(G.current,t,[{options:[e]}]),Be(r,n),F(``),pe&&N(!1)}finally{H(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-multi-select`,className:t.cn(`w-full`,e),...De,children:(0,s.jsxs)(i.Popover,{open:M,onOpenChange:N,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":M,"aria-invalid":O||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,w),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 rounded-[var(--radius-sm)] border border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] px-2 py-1 text-xs font-medium text-foreground`,D),children:[(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:S?.(e,{remove:()=>Ke(e)})??_e?.(e)??e.label}),Te&&(e.description||e.disabled&&e.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:e.description??e.disabledReason}):null]}),!g&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-tag-remove`,className:`rounded-full p-0.5 text-muted-foreground transition-colors hover:bg-background hover:text-foreground`,"aria-label":`Remove ${se(e)}`,onClick:n=>{t.stopInteractivePropagation(n),Ke(e)},onKeyDown:t=>Ue(t,e),children:(0,s.jsx)(o.XIcon,{className:`size-3`})})]},e.value)),ze>0?(0,s.jsx)(`span`,{"data-slot":`async-select-tag-overflow`,className:t.cn(`inline-flex max-w-full items-center rounded-[var(--radius-sm)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_58%)] px-2 py-1 text-xs font-medium text-muted-foreground`,D),children:x?.hiddenSelected?.(ze)??`+${ze} more`}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:x?.multiPlaceholder??x?.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`,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":x?.clearAll??x?.clear??`Clear all`,onClick:Je,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),qe())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(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 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Ee),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:P,onChange:e=>F(e.target.value),placeholder:x?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,T)})]}),(0,s.jsxs)(`div`,{"data-slot":`async-select-meta`,className:`flex flex-wrap items-center justify-between gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_62%)] px-3 py-2 text-xs text-muted-foreground`,children:[je&&x?.selectedCount&&(0,s.jsx)(`span`,{children:x.selectedCount(k.length)}),Ne&&(Se?.(Q)??(0,s.jsx)(`span`,{children:x?.maxSelected?.(b??k.length)??`Maximum ${b} 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`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:Ge,children:x?.selectAll??`Select all`}),Me&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:()=>ie?.([],[]),children:x?.clearAll??x?.clear??`Clear all`})]})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[$&&Y.length===0&&(xe?.(Q)??(0,s.jsx)(p,{children:x?.minSearchLength?.(y)??`Type at least ${y} characters`})),z&&(ve?.(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`}),x?.loading??`Loading...`]})})),!z&&U&&(be?.(Q)??(0,s.jsx)(p,{className:`text-destructive`,children:x?.error??`Could not load options`})),!z&&!U&&!$&&Y.length===0&&!Fe&&(ye?.(Q)??(0,s.jsx)(p,{children:x?.empty??`No options found`})),!z&&!U&&Fe&&(0,s.jsx)(le,{search:P,isCreating:V,label:Ce,onCreate:Ye}),!z&&!U&&I.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:X.has(e.value),renderOption:ge,optionClassName:E,onSelect:He},e.value))]},t))]})]})]})})}exports.AsyncMultiSelect=h,exports.AsyncSelect=m;