tembro 2.0.5 → 2.1.0

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../inputs/async-select.cjs"),t=require("../inputs/simple-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,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:t,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)(e.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)(t.SimpleSelect,{...F,value:i.value==null?``: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("../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;

package/dist/components/form/form-select.d.ts

@@ -1,6 +1,6 @@
 import { type Control, type FieldPath, type FieldValues } from "react-hook-form";
 import { type AsyncSelectOption, type AsyncSelectProps } from "@/components/inputs/async-select";
-import { type SimpleSelectProps } from "@/components/inputs/simple-select";
+import { type SelectProps } from "@/components/ui/select";
 import { type FormFieldShellControlProps } from "@/components/form/form-field-shell";
 export type FormSelectKind = "simple" | "async";
 type FormSelectBaseProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = FormFieldShellControlProps & {
@@ -8,7 +8,7 @@ type FormSelectBaseProps<TFieldValues extends FieldValues, TName extends FieldPa
     name: TName;
     fieldClassName?: string;
 };
-export type FormSimpleSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<SimpleSelectProps, "value" | "onValueChange" | "disabled"> & FormSelectBaseProps<TFieldValues, TName> & {
+export type FormSimpleSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<SelectProps, "children" | "value" | "onValueChange" | "disabled"> & FormSelectBaseProps<TFieldValues, TName> & {
     kind?: "simple";
     emptyValue?: unknown;
     onValueChange?: (value: string) => void;

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

@@ -1,5 +1,5 @@
-import { AsyncSelect as e } from "../inputs/async-select.js";
-import { SimpleSelect as t } from "../inputs/simple-select.js";
+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 { jsx as i } from "react/jsx-runtime";
 import { Controller as a } from "react-hook-form";
@@ -8,6 +8,8 @@ function o(e) {
 	return {
 		label: e.label,
 		description: e.description,
+		success: e.success,
+		loading: e.loading,
 		required: e.required,
 		className: e.className,
 		htmlFor: e.name,
@@ -37,14 +39,14 @@ function s(s) {
 				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;
+				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, {
 					...c,
 					labelId: f.labelId,
 					descriptionId: f.descriptionId,
 					errorId: f.errorId,
 					error: d,
-					children: /* @__PURE__ */ i(e, {
+					children: /* @__PURE__ */ i(t, {
 						...M,
 						value: a.value == null || a.value === "" ? void 0 : String(a.value),
 						disabled: x || S,
@@ -64,9 +66,9 @@ function s(s) {
 				descriptionId: f.descriptionId,
 				errorId: f.errorId,
 				error: d,
-				children: /* @__PURE__ */ i(t, {
+				children: /* @__PURE__ */ i(e, {
 					...I,
-					value: a.value == null ? "" : String(a.value),
+					value: a.value == null ? void 0 : String(a.value),
 					disabled: T || E,
 					"aria-describedby": f.describedBy,
 					"aria-errormessage": d ? f.errorId : void 0,

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;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;
+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;

package/dist/components/form/form-switch.d.ts

@@ -10,5 +10,5 @@ export type FormSwitchProps<TFieldValues extends FieldValues = FieldValues, TNam
     labelPlacement?: FormSwitchLabelPlacement;
     onCheckedChange?: (checked: boolean) => void;
 };
-declare function FormSwitch<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, label, description, required, className, layout, descriptionPosition, labelAction, requiredIndicator, errorIcon, showErrorIcon, disabled, readOnly, labelClassName, labelRowClassName, descriptionClassName, errorClassName, contentClassName, fieldClassName, labelPlacement, id, onCheckedChange, ...props }: FormSwitchProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormSwitch<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, label, description, success, loading, required, className, layout, descriptionPosition, labelAction, requiredIndicator, errorIcon, showErrorIcon, disabled, readOnly, labelClassName, labelRowClassName, descriptionClassName, errorClassName, contentClassName, fieldClassName, labelPlacement, id, onCheckedChange, ...props }: FormSwitchProps<TFieldValues, TName>): React.JSX.Element;
 export { FormSwitch };

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

@@ -5,87 +5,91 @@ import "react";
 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 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;
+function s({ control: s, name: c, label: l, description: u, success: d, loading: 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, labelPlacement: k = "end", id: A, onCheckedChange: j, ...M }) {
+	let N = A ?? c;
 	return /* @__PURE__ */ i(o, {
 		control: s,
 		name: c,
 		render: ({ field: o, fieldState: s }) => {
-			let c = s.error?.message, O = r(j, {
+			let c = s.error?.message, A = r(N, {
 				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", {
+			}), P = l ? /* @__PURE__ */ a("label", {
+				id: A.labelId,
+				htmlFor: N,
+				className: e("text-sm font-medium leading-none", x && "opacity-60", C),
+				children: [l, p && (v ?? /* @__PURE__ */ i("span", {
 					className: "ml-1 text-destructive",
 					children: "*"
 				}))]
-			}) : null, N = /* @__PURE__ */ i(t, {
-				id: j,
+			}) : null, F = /* @__PURE__ */ i(t, {
+				id: N,
 				ref: o.ref,
 				checked: !!o.value,
-				disabled: y || b,
+				disabled: x || S,
 				"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,
+				"aria-labelledby": l ? A.labelId : void 0,
+				"aria-describedby": A.describedBy,
+				"aria-errormessage": c ? A.errorId : void 0,
+				className: O,
 				onBlur: o.onBlur,
 				onCheckedChange: (e) => {
-					o.onChange(e), k?.(e);
+					o.onChange(e), j?.(e);
 				},
-				...A
+				...M
 			});
-			return D === "start" ? /* @__PURE__ */ i(n, {
+			return k === "start" ? /* @__PURE__ */ i(n, {
 				label: l,
 				description: u,
-				required: d,
+				success: d,
+				loading: f,
+				required: p,
 				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
+				htmlFor: N,
+				labelId: A.labelId,
+				descriptionId: A.descriptionId,
+				errorId: A.errorId,
+				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,
+				children: F
 			}) : /* @__PURE__ */ i(n, {
 				error: c,
-				className: f,
-				descriptionId: O.descriptionId,
-				errorId: O.errorId,
-				errorIcon: _,
-				showErrorIcon: v,
-				disabled: y,
-				readOnly: b,
-				errorClassName: w,
-				contentClassName: T,
+				success: d,
+				loading: f,
+				className: m,
+				descriptionId: A.descriptionId,
+				errorId: A.errorId,
+				errorIcon: y,
+				showErrorIcon: b,
+				disabled: x,
+				readOnly: S,
+				errorClassName: E,
+				contentClassName: D,
 				children: /* @__PURE__ */ a("div", {
 					className: "flex items-start gap-3",
-					children: [N, (l || u || h) && /* @__PURE__ */ a("div", {
+					children: [F, (l || u || _) && /* @__PURE__ */ a("div", {
 						className: "grid min-w-0 gap-1",
-						children: [(l || h) && /* @__PURE__ */ a("div", {
-							className: e("flex items-center justify-between gap-2", S),
-							children: [M, h && /* @__PURE__ */ i("div", {
+						children: [(l || _) && /* @__PURE__ */ a("div", {
+							className: e("flex items-center justify-between gap-2", w),
+							children: [P, _ && /* @__PURE__ */ i("div", {
 								className: "shrink-0 text-sm",
-								children: h
+								children: _
 							})]
 						}), u && /* @__PURE__ */ i("p", {
-							id: O.descriptionId,
-							className: e("text-xs text-muted-foreground", C),
+							id: A.descriptionId,
+							className: e("text-xs text-muted-foreground", T),
 							children: u
 						})]
 					})]

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})=>{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;
+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,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,transformIn:D,transformOut:O,id:k,onChange:A,onBlur:j,...M}){let N=k??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(N,{description:c,error:a});return(0,i.jsx)(n.FormFieldShell,{label:s,description:c,success:l,loading:u,required:d,error:a,htmlFor:N,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:(0,i.jsx)(t.Textarea,{id:N,ref:e.ref,name:e.name,value:D?D(e.value):e.value??``,disabled:y,readOnly:b,onBlur:t=>{e.onBlur(),j?.(t)},onChange:t=>{e.onChange(O?O(t):t),A?.(t)},"aria-invalid":r.invalid||void 0,"aria-describedby":o.describedBy,"aria-errormessage":a?o.errorId:void 0,className:E,...M})})}})}exports.FormTextarea=o;

package/dist/components/form/form-textarea.d.ts

@@ -10,5 +10,5 @@ export type FormTextareaProps<TFieldValues extends FieldValues = FieldValues, TN
     transformIn?: (value: unknown) => string | number | readonly string[] | undefined;
     transformOut?: (event: React.ChangeEvent<HTMLTextAreaElement>) => unknown;
 };
-declare function FormTextarea<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, rules, label, description, required, className, layout, descriptionPosition, labelAction, requiredIndicator, errorIcon, showErrorIcon, disabled, readOnly, labelClassName, labelRowClassName, descriptionClassName, errorClassName, contentClassName, fieldClassName, transformIn, transformOut, id, onChange, onBlur, ...props }: FormTextareaProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormTextarea<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, rules, label, description, success, loading, required, className, layout, descriptionPosition, labelAction, requiredIndicator, errorIcon, showErrorIcon, disabled, readOnly, labelClassName, labelRowClassName, descriptionClassName, errorClassName, contentClassName, fieldClassName, transformIn, transformOut, id, onChange, onBlur, ...props }: FormTextareaProps<TFieldValues, TName>): React.JSX.Element;
 export { FormTextarea };

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

@@ -4,58 +4,60 @@ import "react";
 import { jsx as r } from "react/jsx-runtime";
 import { Controller as i } from "react-hook-form";
 //#region src/components/form/form-textarea.tsx
-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;
+function a({ control: a, name: o, rules: s, label: c, description: l, success: u, loading: 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, transformIn: O, transformOut: k, id: A, onChange: j, onBlur: M, ...N }) {
+	let P = A ?? o;
 	return /* @__PURE__ */ r(i, {
 		control: a,
 		name: o,
 		rules: s,
 		render: ({ field: i, fieldState: a }) => {
-			let o = a.error?.message, s = n(M, {
+			let o = a.error?.message, s = n(P, {
 				description: l,
 				error: o
 			});
 			return /* @__PURE__ */ r(t, {
 				label: c,
 				description: l,
-				required: u,
+				success: u,
+				loading: d,
+				required: f,
 				error: o,
-				htmlFor: M,
+				htmlFor: P,
 				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,
+				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,
 				children: /* @__PURE__ */ r(e, {
-					id: M,
+					id: P,
 					ref: i.ref,
 					name: i.name,
-					value: E ? E(i.value) : i.value ?? "",
-					disabled: v,
-					readOnly: y,
+					value: O ? O(i.value) : i.value ?? "",
+					disabled: b,
+					readOnly: x,
 					onBlur: (e) => {
-						i.onBlur(), A?.(e);
+						i.onBlur(), M?.(e);
 					},
 					onChange: (e) => {
-						i.onChange(D ? D(e) : e), k?.(e);
+						i.onChange(k ? k(e) : e), j?.(e);
 					},
 					"aria-invalid": a.invalid || void 0,
 					"aria-describedby": s.describedBy,
 					"aria-errormessage": o ? s.errorId : void 0,
-					className: T,
-					...j
+					className: D,
+					...N
 				})
 			});
 		}

package/dist/components/inputs/async-select.d.ts

@@ -114,5 +114,8 @@ export type AsyncMultiSelectProps<TValue extends string = string, TData = unknow
     invalid?: boolean;
 };
 declare function AsyncSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>(props: AsyncSelectProps<TValue, TData, TOption> | AsyncSelectMultiModeProps<TValue, TData, TOption>): React.JSX.Element;
+/**
+ * @deprecated Prefer `AsyncSelect` with `isMulti` for new usage.
+ */
 declare function AsyncMultiSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>({ className, value, selectedOptions, onValueChange, loadOptions, loadSelectedOptions, defaultOptions, disabled, clearable, cacheOptions, cacheTtl, closeOnSelect, debounceMs, minSearchLength, maxSelected, maxVisibleTags, showSelectAll, labels, renderOption, renderValue, renderTag, renderLoading, renderEmpty, renderError, renderMinSearch, renderMaxSelected, onCreateOption, createOptionLabel, showCreateOption, showSelectedDescription, triggerClassName, contentClassName, searchClassName, optionClassName, tagClassName, invalid, ...props }: AsyncMultiSelectProps<TValue, TData, TOption>): React.JSX.Element;
 export { AsyncSelect, AsyncMultiSelect };

package/dist/components/inputs/search-input.d.ts

@@ -11,5 +11,8 @@ export type SearchInputProps = Omit<ClearableInputProps, "leadingIcon" | "type"
     onValueChange?: (value: string) => void;
     onDebouncedValueChange?: (value: string) => void;
 };
+/**
+ * @deprecated Prefer `Input` with `type="search"` and search-related props for new usage.
+ */
 declare const SearchInput: React.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { SearchInput };

package/dist/components/inputs/simple-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/select/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t){let n=t.trim().toLowerCase();return n?[typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value,e.value,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function s({value:e,onValueChange:s,options:c,placeholder:l=`Select`,searchPlaceholder:u=`Search options...`,emptyLabel:d=`No options found`,clearLabel:f=`Clear selection`,size:p=`default`,clearable:m=!1,searchable:h=!1,loading:g=!1,loadingLabel:_=`Loading options...`,disabled:v=!1,showSelectedDescription:y=!0,triggerClassName:b,contentClassName:x,itemClassName:S,searchClassName:C,renderOption:w,invalid:T,onOpenChange:E,...D}){let[O,k]=r.useState(``),A=c.find(t=>t.value===e),j=c.filter(e=>o(e,O));return(0,a.jsxs)(n.Select,{value:e,onValueChange:e=>s?.(e),disabled:v||g,onOpenChange:(e,t)=>{e||k(``),E?.(e,t)},...D,children:[(0,a.jsxs)(n.SelectTrigger,{size:p,"aria-invalid":T||void 0,className:t.cn(`w-full`,b),children:[(0,a.jsx)(n.SelectValue,{placeholder:l,children:A?(0,a.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,a.jsx)(`span`,{className:`truncate`,children:A.label}),y&&A.description?(0,a.jsx)(`span`,{className:`truncate text-[11px] font-medium text-muted-foreground`,children:A.description}):null]}):null}),g?(0,a.jsx)(i.LoaderCircleIcon,{className:`size-4 animate-spin text-muted-foreground`}):null,m&&e&&!v&&!g?(0,a.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":f,className:`ml-1 rounded-[var(--radius-sm)] border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),s?.(void 0)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s?.(void 0))},children:(0,a.jsx)(i.XIcon,{className:`size-3.5`})}):null]}),(0,a.jsxs)(n.SelectContent,{className:t.cn(`w-(--anchor-width)`,x),children:[h?(0,a.jsxs)(`div`,{"data-slot":`select-search`,className:`sticky top-0 z-10 mb-1 flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-popover px-2.5 py-2 text-sm`,children:[(0,a.jsx)(i.SearchIcon,{className:`size-4 text-muted-foreground`}),(0,a.jsx)(`input`,{value:O,onChange:e=>k(e.target.value),placeholder:u,className:t.cn(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,C)})]}):null,g?(0,a.jsxs)(`div`,{"data-slot":`select-state`,className:`flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,children:[(0,a.jsx)(i.LoaderCircleIcon,{className:`size-4 animate-spin`}),_]}):j.length===0?(0,a.jsx)(`div`,{"data-slot":`select-state`,className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,children:d}):j.map(r=>{let o=r.value===e;return(0,a.jsx)(n.SelectItem,{value:r.value,disabled:r.disabled,className:t.cn(`rounded-[var(--radius-md)]`,S),children:w?w(r,{selected:o}):(0,a.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,a.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,a.jsx)(`span`,{className:`truncate`,children:r.label}),o?(0,a.jsx)(i.CheckIcon,{className:`ml-auto size-3.5 text-primary`}):null]}),r.description&&(0,a.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})},r.value)})]})]})}exports.SimpleSelect=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/select/index.cjs");let t=require("react/jsx-runtime");function n(n){return(0,t.jsx)(e.Select,{...n})}exports.SimpleSelect=n;

package/dist/components/inputs/simple-select.d.ts

@@ -1,35 +1,13 @@
-import * as React from "react";
-import { Select } from "@/components/ui/select";
-export type SimpleSelectOption = {
-    label: React.ReactNode;
-    value: string;
-    disabled?: boolean;
-    description?: React.ReactNode;
-    keywords?: string[];
-};
-export type SimpleSelectProps = Omit<React.ComponentProps<typeof Select>, "value" | "onValueChange"> & {
-    value?: string;
-    onValueChange?: (value: string | undefined) => void;
+import { type SelectOption, type SelectProps } from "@/components/ui/select";
+export type SimpleSelectOption = SelectOption;
+/**
+ * @deprecated Prefer `Select` with `options` for new usage.
+ */
+export type SimpleSelectProps = Omit<SelectProps, "children"> & {
     options: SimpleSelectOption[];
-    placeholder?: string;
-    searchPlaceholder?: string;
-    emptyLabel?: React.ReactNode;
-    clearLabel?: string;
-    size?: "sm" | "default" | "lg";
-    clearable?: boolean;
-    searchable?: boolean;
-    loading?: boolean;
-    loadingLabel?: React.ReactNode;
-    disabled?: boolean;
-    showSelectedDescription?: boolean;
-    triggerClassName?: string;
-    contentClassName?: string;
-    itemClassName?: string;
-    searchClassName?: string;
-    renderOption?: (option: SimpleSelectOption, state: {
-        selected: boolean;
-    }) => React.ReactNode;
-    invalid?: boolean;
 };
-declare function SimpleSelect({ value, onValueChange, options, placeholder, searchPlaceholder, emptyLabel, clearLabel, size, clearable, searchable, loading, loadingLabel, disabled, showSelectedDescription, triggerClassName, contentClassName, itemClassName, searchClassName, renderOption, invalid, onOpenChange, ...props }: SimpleSelectProps): React.JSX.Element;
+/**
+ * @deprecated Prefer `Select` with `options` for new usage.
+ */
+declare function SimpleSelect(props: SimpleSelectProps): import("react").JSX.Element;
 export { SimpleSelect };

package/dist/components/inputs/simple-select.js

@@ -1,104 +1,8 @@
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
-import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../ui/select/index.js";
-import * as s from "react";
-import { CheckIcon as c, LoaderCircleIcon as l, SearchIcon as u, XIcon as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Select as e } from "../ui/select/index.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/inputs/simple-select.tsx
-function m(e, t) {
-	let n = t.trim().toLowerCase();
-	return n ? [
-		typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : e.value,
-		e.value,
-		...e.keywords ?? []
-	].join(" ").toLowerCase().includes(n) : !0;
-}
-function h({ value: h, onValueChange: g, options: _, placeholder: v = "Select", searchPlaceholder: y = "Search options...", emptyLabel: b = "No options found", clearLabel: x = "Clear selection", size: S = "default", clearable: C = !1, searchable: w = !1, loading: T = !1, loadingLabel: E = "Loading options...", disabled: D = !1, showSelectedDescription: O = !0, triggerClassName: k, contentClassName: A, itemClassName: j, searchClassName: M, renderOption: N, invalid: P, onOpenChange: F, ...I }) {
-	let [L, R] = s.useState(""), z = _.find((e) => e.value === h), B = _.filter((e) => m(e, L));
-	return /* @__PURE__ */ p(n, {
-		value: h,
-		onValueChange: (e) => g?.(e),
-		disabled: D || T,
-		onOpenChange: (e, t) => {
-			e || R(""), F?.(e, t);
-		},
-		...I,
-		children: [/* @__PURE__ */ p(a, {
-			size: S,
-			"aria-invalid": P || void 0,
-			className: e("w-full", k),
-			children: [
-				/* @__PURE__ */ f(o, {
-					placeholder: v,
-					children: z ? /* @__PURE__ */ p("span", {
-						className: "flex min-w-0 flex-col items-start",
-						children: [/* @__PURE__ */ f("span", {
-							className: "truncate",
-							children: z.label
-						}), O && z.description ? /* @__PURE__ */ f("span", {
-							className: "truncate text-[11px] font-medium text-muted-foreground",
-							children: z.description
-						}) : null]
-					}) : null
-				}),
-				T ? /* @__PURE__ */ f(l, { className: "size-4 animate-spin text-muted-foreground" }) : null,
-				C && h && !D && !T ? /* @__PURE__ */ f("span", {
-					role: "button",
-					tabIndex: 0,
-					"aria-label": x,
-					className: "ml-1 rounded-[var(--radius-sm)] border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-					onClick: (e) => {
-						e.preventDefault(), t(e), g?.(void 0);
-					},
-					onMouseDown: t,
-					onDoubleClick: t,
-					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), g?.(void 0));
-					},
-					children: /* @__PURE__ */ f(d, { className: "size-3.5" })
-				}) : null
-			]
-		}), /* @__PURE__ */ p(r, {
-			className: e("w-(--anchor-width)", A),
-			children: [w ? /* @__PURE__ */ p("div", {
-				"data-slot": "select-search",
-				className: "sticky top-0 z-10 mb-1 flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-popover px-2.5 py-2 text-sm",
-				children: [/* @__PURE__ */ f(u, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ f("input", {
-					value: L,
-					onChange: (e) => R(e.target.value),
-					placeholder: y,
-					className: e("min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground", M)
-				})]
-			}) : null, T ? /* @__PURE__ */ p("div", {
-				"data-slot": "select-state",
-				className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ f(l, { className: "size-4 animate-spin" }), E]
-			}) : B.length === 0 ? /* @__PURE__ */ f("div", {
-				"data-slot": "select-state",
-				className: "rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground",
-				children: b
-			}) : B.map((t) => {
-				let n = t.value === h;
-				return /* @__PURE__ */ f(i, {
-					value: t.value,
-					disabled: t.disabled,
-					className: e("rounded-[var(--radius-md)]", j),
-					children: N ? N(t, { selected: n }) : /* @__PURE__ */ p("span", {
-						className: "flex min-w-0 flex-1 flex-col",
-						children: [/* @__PURE__ */ p("span", {
-							className: "flex min-w-0 items-center gap-2",
-							children: [/* @__PURE__ */ f("span", {
-								className: "truncate",
-								children: t.label
-							}), n ? /* @__PURE__ */ f(c, { className: "ml-auto size-3.5 text-primary" }) : null]
-						}), t.description && /* @__PURE__ */ f("span", {
-							className: "truncate text-xs text-muted-foreground",
-							children: t.description
-						})]
-					})
-				}, t.value);
-			})]
-		})]
-	});
+function n(n) {
+	return /* @__PURE__ */ t(e, { ...n });
 }
 //#endregion
-export { h as SimpleSelect };
+export { n as SimpleSelect };

package/dist/components/layout/app-sidebar.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/tooltip/index.cjs"),r=require("../../hooks/use-is-mobile.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=1024,c=`18rem`,l=`4.75rem`,u=`min(88vw, 22rem)`;function d({active:e,disabled:n}){return t.cn(`border-[color:transparent] text-foreground/80 hover:border-[color:var(--aui-divider)] hover:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_4%)] hover:text-foreground focus-visible:border-[color:var(--aui-control-border-strong,var(--border))] focus-visible:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_6%)] focus-visible:text-foreground focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--primary),transparent_86%)]`,e&&`border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_91%)] text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]`,n&&`hover:border-transparent hover:bg-transparent hover:text-foreground/80`)}function f(e){return e.items?.some(e=>!e.hidden)??!1}function p(e){return e.active?!0:e.items?.some(e=>p(e))??!1}function m(e,t){e.onSelect?.(),t?.(e)}function h({item:e,collapsed:r,depth:i,onItemSelect:a,renderLink:s}){let c={"aria-current":e.current??(e.active?`page`:void 0),"aria-disabled":e.disabled||void 0,"data-slot":`app-sidebar-item`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-depth":String(i),className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`)},l=(0,o.jsxs)(o.Fragment,{children:[e.icon&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}),!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge})]}),u=t=>r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})}):t;return e.href?.startsWith(`/`)?u(s?(0,o.jsx)(o.Fragment,{children:s({item:e,href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})}):(0,o.jsx)(`a`,{href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})):e.href?u((0,o.jsx)(`button`,{type:`button`,...c,className:t.cn(c.className,`w-full`),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(m(e,a),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:l})):u((0,o.jsx)(`button`,{type:`button`,disabled:e.disabled,...c,onClick:()=>{e.disabled||m(e,a)},children:l}))}function g({items:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c}){return e.map(e=>{if(e.hidden)return null;let l=f(e),u=p(e),m=!r&&a===0&&e.sectionLabel;if(!l)return(0,o.jsxs)(i.Fragment,{children:[m?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,(0,o.jsx)(h,{item:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c})]},e.key);let _=e.defaultExpanded??u;return(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-group`,"data-depth":a,children:[m&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}),(0,o.jsxs)(`details`,{"data-slot":`app-sidebar-group-details`,open:_,className:`group/app-sidebar-details`,children:[(0,o.jsxs)(`summary`,{"data-slot":`app-sidebar-group-trigger`,className:t.cn(`flex min-h-9 list-none items-center gap-2 rounded-lg border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]`,d({active:u}),r?`justify-center px-2`:`px-2.5`),children:[e.icon?r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon})}):(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}),!r&&(0,o.jsx)(`span`,{"data-slot":`app-sidebar-group-chevron`,className:`ml-auto text-xs text-muted-foreground transition-transform group-open/app-sidebar-details:rotate-90`,children:`›`})]}),(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-content`,className:t.cn(`mt-1 space-y-1`,!r&&`pl-3`),children:(0,o.jsx)(g,{items:e.items??[],collapsed:r,depth:a+1,onItemSelect:s,renderLink:c})})]})]},e.key)})}function _({item:e,collapsed:r,onItemSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-action`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`),disabled:e.disabled,onClick:()=>{e.disabled||m(e,i)},children:[e.icon?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,r?null:(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}):null]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function v({account:e,collapsed:r,onAfterSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-account`,className:t.cn(`flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]`,d({}),r?`justify-center px-2 py-2.5`:`px-3 py-2.5`),onClick:()=>{if(e.onSelect?.(),i?.(),e.href){if(e.href.startsWith(`http`)){window.open(e.href,`_blank`,`noopener,noreferrer`);return}window.location.assign(e.href)}},children:[e.avatar?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-avatar`,className:`inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold`,children:e.avatar}):null,r?null:(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-label`,className:`block truncate text-sm font-semibold text-foreground`,children:e.label}),e.description?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-description`,className:`block truncate text-xs text-muted-foreground`,children:e.description}):null]})]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function y({className:e,style:r,header:s,footer:u,items:d=[],collapsed:f=!1,width:p=c,collapsedWidth:m=l,collapsedRail:h,railItems:y=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,tooltipOnCollapsed:C,onItemSelect:w,renderItem:T,renderLink:E,children:D,mobile:O,mobileTitle:k,mobileDescription:A,onRequestClose:j,closeOnSelect:M=!0,...N}){let P=d.filter(e=>!e.hidden),F=y.filter(e=>!e.hidden),I=x.filter(e=>!e.hidden),L=i.useCallback(e=>{w?.(e),O&&M&&j?.()},[M,O,w,j]),R=O&&(k||A||j);return(0,o.jsxs)(`aside`,{"data-slot":`app-sidebar`,"data-collapsed":f||void 0,"data-mobile":O||void 0,className:t.cn(`flex h-full min-h-0 flex-col overflow-hidden`,e),style:{width:f?m:p,minWidth:f?m:p,...r},...N,children:[(s||R)&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-header`,className:`shrink-0 border-b p-3`,children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[s??null,R?(0,o.jsxs)(`div`,{className:t.cn(s&&`mt-3`),children:[k?(0,o.jsx)(`p`,{className:`text-sm font-semibold text-foreground`,children:k}):null,A?(0,o.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:A}):null]}):null]}),O&&j?(0,o.jsx)(`button`,{type:`button`,"aria-label":`Close navigation`,"data-slot":`app-sidebar-mobile-close`,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]`,onClick:j,children:(0,o.jsx)(a.XIcon,{className:`size-4`})}):null]})}),(0,o.jsxs)(`nav`,{"data-slot":`app-sidebar-nav`,className:`min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2`,children:[D??P.map(e=>{if(!T)return null;let t=T(e,{collapsed:f});return!f||!C?(0,o.jsx)(i.Fragment,{children:t},e.key):(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})},e.key)}),!D&&!T&&(0,o.jsx)(g,{items:P,collapsed:f,depth:0,onItemSelect:L,renderLink:E})]}),(b||S||u||I.length>0||f&&(h||F.length>0))&&(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-footer`,className:`shrink-0 border-t p-3`,children:[f?(0,o.jsxs)(o.Fragment,{children:[F.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail-actions`,className:`grid gap-2`,children:F.map(e=>(0,o.jsx)(_,{item:e,collapsed:!0,onItemSelect:L},e.key))}):null,h?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail`,children:h}):null]}):null,!f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,className:`mb-3`,children:(0,o.jsx)(v,{account:b,collapsed:!1,onAfterSelect:()=>{O&&M&&j?.()}})}):null,!f&&I.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-secondary-actions`,className:`mb-3 grid gap-2`,children:I.map(e=>(0,o.jsx)(_,{item:e,collapsed:!1,onItemSelect:L},e.key))}):null,!f&&S?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-footer-secondary`,className:`mb-3`,children:S}):null,f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,children:(0,o.jsx)(v,{account:b,collapsed:!0,onAfterSelect:()=>{O&&M&&j?.()}})}):null,!f&&u]})]})}function b({className:e,header:n,footer:d,items:f=[],collapsed:p=!1,width:m=c,collapsedWidth:h=l,mobileWidth:g=u,collapsedRail:_,railItems:v=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,tooltipOnCollapsed:C=!0,responsive:w=!0,mobileBreakpoint:T=s,mobileOpen:E,defaultMobileOpen:D=!1,onMobileOpenChange:O,mobileTitle:k,mobileDescription:A,mobileToggleLabel:j=`Open navigation`,mobileToggleIcon:M,showMobileToggle:N=!0,closeOnSelect:P=!0,mobileToggleClassName:F,mobilePanelClassName:I,mobileOverlayClassName:L,renderMobileToggle:R,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U}){let W=w?r.useIsMobile(T):!1,[G,K]=i.useState(D),q=E??G,J=i.useCallback(e=>{E??K(e),O?.(e)},[E,O]);i.useEffect(()=>{!W&&q&&J(!1)},[W,q,J]),i.useEffect(()=>{if(!W||!q)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{e.key===`Escape`&&J(!1)};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[W,q,J]);let Y={className:e,header:n,footer:d,items:f,collapsed:p,width:m,collapsedWidth:h,collapsedRail:_,railItems:v,footerAccount:b,secondaryActions:x,footerSecondary:S,tooltipOnCollapsed:C,closeOnSelect:P,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U};if(!w||!W)return(0,o.jsx)(y,{...Y});let X=(0,o.jsxs)(`button`,{type:`button`,"aria-label":q?`Close navigation`:j,"data-slot":`app-sidebar-mobile-trigger`,"data-state":q?`open`:`closed`,className:t.cn(`inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 text-sm font-medium text-[color:var(--aui-page-foreground)] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt)]`,F),onClick:()=>J(!q),children:[(0,o.jsx)(`span`,{className:`inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt)]`,children:M??(0,o.jsx)(a.MenuIcon,{className:`size-4`})}),(0,o.jsx)(`span`,{children:q?`Close navigation`:j})]});return(0,o.jsxs)(o.Fragment,{children:[N?R?R({open:q,setOpen:J}):X:null,(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-mobile-root`,className:`relative z-40`,children:[(0,o.jsx)(`button`,{type:`button`,"aria-label":`Dismiss navigation`,"data-slot":`app-sidebar-mobile-overlay`,"data-state":q?`open`:`closed`,className:t.cn(`fixed inset-0 z-40 bg-black/45 transition-opacity duration-200`,q?`opacity-100`:`pointer-events-none opacity-0`,L),onClick:()=>J(!1)}),(0,o.jsx)(y,{...Y,mobile:!0,collapsed:!1,mobileTitle:k,mobileDescription:A,onRequestClose:()=>J(!1),"data-state":q?`open`:`closed`,role:`dialog`,"aria-modal":`true`,"aria-label":typeof k==`string`?k:`Navigation`,className:t.cn(`fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] shadow-2xl transition-transform duration-200 ease-out`,q?`translate-x-0`:`-translate-x-full`,I,e),style:{width:g,minWidth:g}})]})]})}var x=b;exports.AppSidebar=b,exports.Sidebar=x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/tooltip/index.cjs"),r=require("../../hooks/use-is-mobile.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=1024,c=`18rem`,l=`4.75rem`,u=`min(88vw, 22rem)`;function d({active:e,disabled:n}){return t.cn(`border-[color:transparent] text-foreground/80 hover:border-[color:var(--aui-divider)] hover:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_4%)] hover:text-foreground focus-visible:border-[color:var(--aui-control-border-strong,var(--border))] focus-visible:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_6%)] focus-visible:text-foreground focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--primary),transparent_86%)]`,e&&`border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_91%)] text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]`,n&&`hover:border-transparent hover:bg-transparent hover:text-foreground/80`)}function f(e){return e.items?.some(e=>!e.hidden)??!1}function p(e){return e.active?!0:e.items?.some(e=>p(e))??!1}function m(e,t){e.onSelect?.(),t?.(e)}function h({item:e,collapsed:r,depth:i,onItemSelect:a,renderLink:s}){let c={"aria-current":e.current??(e.active?`page`:void 0),"aria-disabled":e.disabled||void 0,"data-slot":`app-sidebar-item`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-depth":String(i),className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`)},l=(0,o.jsxs)(o.Fragment,{children:[e.icon&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}),!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge})]}),u=t=>r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})}):t;return e.href?.startsWith(`/`)?u(s?(0,o.jsx)(o.Fragment,{children:s({item:e,href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})}):(0,o.jsx)(`a`,{href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})):e.href?u((0,o.jsx)(`button`,{type:`button`,...c,className:t.cn(c.className,`w-full`),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(m(e,a),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:l})):u((0,o.jsx)(`button`,{type:`button`,disabled:e.disabled,...c,onClick:()=>{e.disabled||m(e,a)},children:l}))}function g({items:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c}){return e.map(e=>{if(e.hidden)return null;let l=f(e),u=p(e),m=!r&&a===0&&e.sectionLabel;if(!l)return(0,o.jsxs)(i.Fragment,{children:[m?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,(0,o.jsx)(h,{item:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c})]},e.key);let _=e.defaultExpanded??u;return(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-group`,"data-depth":a,children:[m&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}),(0,o.jsxs)(`details`,{"data-slot":`app-sidebar-group-details`,open:_,className:`group/app-sidebar-details`,children:[(0,o.jsxs)(`summary`,{"data-slot":`app-sidebar-group-trigger`,className:t.cn(`flex min-h-9 list-none items-center gap-2 rounded-lg border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]`,d({active:u}),r?`justify-center px-2`:`px-2.5`),children:[e.icon?r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon})}):(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}),!r&&(0,o.jsx)(`span`,{"data-slot":`app-sidebar-group-chevron`,className:`ml-auto text-xs text-muted-foreground transition-transform group-open/app-sidebar-details:rotate-90`,children:`›`})]}),(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-content`,className:t.cn(`mt-1 space-y-1`,!r&&`pl-3`),children:(0,o.jsx)(g,{items:e.items??[],collapsed:r,depth:a+1,onItemSelect:s,renderLink:c})})]})]},e.key)})}function _({item:e,collapsed:r,onItemSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-action`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`),disabled:e.disabled,onClick:()=>{e.disabled||m(e,i)},children:[e.icon?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,r?null:(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}):null]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function v({account:e,collapsed:r,onAfterSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-account`,className:t.cn(`flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]`,d({}),r?`justify-center px-2 py-2.5`:`px-3 py-2.5`),onClick:()=>{if(e.onSelect?.(),i?.(),e.href){if(e.href.startsWith(`http`)){window.open(e.href,`_blank`,`noopener,noreferrer`);return}window.location.assign(e.href)}},children:[e.avatar?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-avatar`,className:`inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold`,children:e.avatar}):null,r?null:(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-label`,className:`block truncate text-sm font-semibold text-foreground`,children:e.label}),e.description?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-description`,className:`block truncate text-xs text-muted-foreground`,children:e.description}):null]})]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function y({className:e,style:r,header:s,footer:u,items:d=[],collapsed:f=!1,width:p=c,collapsedWidth:m=l,collapsedRail:h,railItems:y=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,footerClassName:C,tooltipOnCollapsed:w,onItemSelect:T,renderItem:E,renderLink:D,children:O,mobile:k,mobileTitle:A,mobileDescription:j,onRequestClose:M,closeOnSelect:N=!0,...P}){let F=d.filter(e=>!e.hidden),I=y.filter(e=>!e.hidden),L=x.filter(e=>!e.hidden),R=i.useCallback(e=>{T?.(e),k&&N&&M?.()},[N,k,T,M]),z=k&&(A||j||M);return(0,o.jsxs)(`aside`,{"data-slot":`app-sidebar`,"data-collapsed":f||void 0,"data-mobile":k||void 0,className:t.cn(`flex h-full min-h-0 flex-col overflow-hidden`,e),style:{width:f?m:p,minWidth:f?m:p,...r},...P,children:[(s||z)&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-header`,className:`shrink-0 border-b p-3`,children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[s??null,z?(0,o.jsxs)(`div`,{className:t.cn(s&&`mt-3`),children:[A?(0,o.jsx)(`p`,{className:`text-sm font-semibold text-foreground`,children:A}):null,j?(0,o.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:j}):null]}):null]}),k&&M?(0,o.jsx)(`button`,{type:`button`,"aria-label":`Close navigation`,"data-slot":`app-sidebar-mobile-close`,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]`,onClick:M,children:(0,o.jsx)(a.XIcon,{className:`size-4`})}):null]})}),(0,o.jsxs)(`nav`,{"data-slot":`app-sidebar-nav`,className:`min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2`,children:[O??F.map(e=>{if(!E)return null;let t=E(e,{collapsed:f});return!f||!w?(0,o.jsx)(i.Fragment,{children:t},e.key):(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})},e.key)}),!O&&!E&&(0,o.jsx)(g,{items:F,collapsed:f,depth:0,onItemSelect:R,renderLink:D})]}),(b||S||u||L.length>0||f&&(h||I.length>0))&&(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-footer`,className:t.cn(`shrink-0 border-t p-3`,C),children:[f?(0,o.jsxs)(o.Fragment,{children:[I.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail-actions`,className:`grid gap-2`,children:I.map(e=>(0,o.jsx)(_,{item:e,collapsed:!0,onItemSelect:R},e.key))}):null,h?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail`,children:h}):null]}):null,!f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,className:`mb-3`,children:(0,o.jsx)(v,{account:b,collapsed:!1,onAfterSelect:()=>{k&&N&&M?.()}})}):null,!f&&L.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-secondary-actions`,className:`mb-3 grid gap-2`,children:L.map(e=>(0,o.jsx)(_,{item:e,collapsed:!1,onItemSelect:R},e.key))}):null,!f&&S?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-footer-secondary`,className:`mb-3`,children:S}):null,f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,children:(0,o.jsx)(v,{account:b,collapsed:!0,onAfterSelect:()=>{k&&N&&M?.()}})}):null,!f&&u]})]})}function b({className:e,header:n,footer:d,items:f=[],collapsed:p=!1,width:m=c,collapsedWidth:h=l,mobileWidth:g=u,collapsedRail:_,railItems:v=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,tooltipOnCollapsed:C=!0,responsive:w=!0,mobileBreakpoint:T=s,mobileOpen:E,defaultMobileOpen:D=!1,onMobileOpenChange:O,mobileTitle:k,mobileDescription:A,mobileToggleLabel:j=`Open navigation`,mobileToggleIcon:M,showMobileToggle:N=!0,closeOnSelect:P=!0,mobileToggleClassName:F,mobilePanelClassName:I,mobileOverlayClassName:L,renderMobileToggle:R,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U}){let W=w?r.useIsMobile(T):!1,[G,K]=i.useState(D),q=E??G,J=i.useCallback(e=>{E??K(e),O?.(e)},[E,O]);i.useEffect(()=>{!W&&q&&J(!1)},[W,q,J]),i.useEffect(()=>{if(!W||!q)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{e.key===`Escape`&&J(!1)};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[W,q,J]);let Y={className:e,header:n,footer:d,items:f,collapsed:p,width:m,collapsedWidth:h,collapsedRail:_,railItems:v,footerAccount:b,secondaryActions:x,footerSecondary:S,tooltipOnCollapsed:C,closeOnSelect:P,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U};if(!w||!W)return(0,o.jsx)(y,{...Y});let X=(0,o.jsxs)(`button`,{type:`button`,"aria-label":q?`Close navigation`:j,"data-slot":`app-sidebar-mobile-trigger`,"data-state":q?`open`:`closed`,className:t.cn(`inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 text-sm font-medium text-[color:var(--aui-page-foreground)] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt)]`,F),onClick:()=>J(!q),children:[(0,o.jsx)(`span`,{className:`inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt)]`,children:M??(0,o.jsx)(a.MenuIcon,{className:`size-4`})}),(0,o.jsx)(`span`,{children:q?`Close navigation`:j})]});return(0,o.jsxs)(o.Fragment,{children:[N?R?R({open:q,setOpen:J}):X:null,(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-mobile-root`,className:`relative z-40`,children:[(0,o.jsx)(`button`,{type:`button`,"aria-label":`Dismiss navigation`,"data-slot":`app-sidebar-mobile-overlay`,"data-state":q?`open`:`closed`,className:t.cn(`fixed inset-0 z-40 bg-black/45 transition-opacity duration-200`,q?`opacity-100`:`pointer-events-none opacity-0`,L),onClick:()=>J(!1)}),(0,o.jsx)(y,{...Y,mobile:!0,collapsed:!1,mobileTitle:k,mobileDescription:A,onRequestClose:()=>J(!1),"data-state":q?`open`:`closed`,role:`dialog`,"aria-modal":`true`,"aria-label":typeof k==`string`?k:`Navigation`,className:t.cn(`fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] shadow-2xl transition-transform duration-200 ease-out`,q?`translate-x-0`:`-translate-x-full`,I,e),style:{width:g,minWidth:g}})]})]})}var x=b;exports.AppSidebar=b,exports.Sidebar=x;