tembro 2.0.5 → 2.0.6

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,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";
@@ -37,14 +37,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 +64,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/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/ui/card/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border py-(--card-spacing) text-sm text-card-foreground transition-[background-color,border-color,box-shadow,transform,opacity] [--card-spacing:--spacing(5)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-[var(--aui-card-radius,var(--radius-xl))] *:[img:last-child]:rounded-b-[var(--aui-card-radius,var(--radius-xl))]`,{variants:{variant:{default:``,elevated:``,outline:``,soft:``,ghost:`border-transparent bg-transparent shadow-none ring-0`},size:{sm:`[--card-spacing:--spacing(4)] data-[has-footer=true]:pb-0`,default:`[--card-spacing:--spacing(5)]`,lg:`[--card-spacing:--spacing(6)]`},density:{compact:`text-xs`,default:`text-sm`,comfortable:`text-base`},tone:{neutral:``,info:``,success:``,warning:``,danger:``},interactive:{true:`cursor-pointer focus-visible:outline-none focus-visible:ring-0`,false:``},selected:{true:``,false:``},disabled:{true:`pointer-events-none opacity-55`,false:``}},defaultVariants:{variant:`default`,size:`default`,density:`default`,tone:`neutral`,interactive:!1,selected:!1,disabled:!1}});function o(e){return e.eyebrow!=null||e.title!=null||e.description!=null||e.badge!=null||e.action!=null||e.media!=null||e.content!=null||e.footer!=null}function s({className:e,variant:n,size:r,density:s,tone:m,interactive:h,selected:g,disabled:_,tabIndex:v,eyebrow:y,title:b,description:x,badge:S,action:C,media:w,content:T,footer:E,headerClassName:D,titleClassName:O,descriptionClassName:k,contentClassName:A,footerClassName:j,children:M,...N}){let P=o({eyebrow:y,title:b,description:x,badge:S,action:C,media:w,content:T,footer:E}),F=T??M,I=y!=null||b!=null||x!=null||S!=null||C!=null,L=E!=null;return(0,i.jsx)(`div`,{"data-slot":`card`,"data-surface":P||void 0,"data-size":r??`default`,"data-variant":n??`default`,"data-tone":m??`neutral`,"data-density":s??`default`,"data-interactive":h||void 0,"data-selected":g||void 0,"data-disabled":_||void 0,"data-has-footer":L||void 0,"aria-disabled":_||void 0,tabIndex:h&&!_?v??0:v,className:t.cn(a({variant:n,size:r,density:s,tone:m,interactive:h,selected:g,disabled:_}),e),...N,children:P?(0,i.jsxs)(i.Fragment,{children:[w,I?(0,i.jsxs)(c,{className:D,children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[y==null?null:(0,i.jsx)(`div`,{className:`text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80`,children:y}),b==null?null:(0,i.jsx)(l,{className:O,children:b}),x==null?null:(0,i.jsx)(u,{className:k,children:x})]}),S!=null||C!=null?(0,i.jsxs)(d,{className:`flex items-center gap-2`,children:[S,C]}):null]}):null,F==null?null:(0,i.jsx)(f,{className:A,children:F}),L?(0,i.jsx)(p,{className:j,children:E}):null]}):M})}function c({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 rounded-t-[var(--aui-card-radius,var(--radius-xl))] px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`font-heading text-[1.05rem] leading-snug font-semibold tracking-tight group-data-[size=sm]/card:text-sm group-data-[size=lg]/card:text-xl`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-sm leading-6 text-muted-foreground`,e),...n})}function d({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-(--card-spacing)`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center rounded-b-[var(--aui-card-radius,var(--radius-xl))] border-t border-border/60 bg-muted/22 p-(--card-spacing)`,e),...n})}exports.Card=s,exports.CardAction=d,exports.CardContent=f,exports.CardDescription=u,exports.CardFooter=p,exports.CardHeader=c,exports.CardTitle=l,exports.cardVariants=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border py-(--card-spacing) text-sm text-card-foreground transition-[background-color,border-color,box-shadow,transform,opacity] [--card-spacing:--spacing(5)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-[var(--aui-card-radius,var(--radius-xl))] *:[img:last-child]:rounded-b-[var(--aui-card-radius,var(--radius-xl))]`,{variants:{variant:{default:``,elevated:``,outline:``,soft:``,ghost:`border-transparent bg-transparent shadow-none ring-0`},size:{sm:`[--card-spacing:--spacing(4)] data-[has-footer=true]:pb-0`,default:`[--card-spacing:--spacing(5)]`,lg:`[--card-spacing:--spacing(6)]`},density:{compact:`text-xs`,default:`text-sm`,comfortable:`text-base`},tone:{neutral:``,info:``,success:``,warning:``,danger:``},interactive:{true:`cursor-pointer focus-visible:outline-none focus-visible:ring-0`,false:``},selected:{true:``,false:``},disabled:{true:`pointer-events-none opacity-55`,false:``}},defaultVariants:{variant:`default`,size:`default`,density:`default`,tone:`neutral`,interactive:!1,selected:!1,disabled:!1}});function o(e){return e.eyebrow!=null||e.title!=null||e.description!=null||e.badge!=null||e.action!=null||e.media!=null||e.content!=null||e.footer!=null}function s({className:e,variant:n,size:r,density:s,tone:m,interactive:h,selected:g,disabled:_,orientation:v=`vertical`,mediaPosition:y=`start`,mediaAspect:b=`auto`,padding:x=`default`,tabIndex:S,eyebrow:C,title:w,description:T,badge:E,action:D,media:O,content:k,footer:A,mediaClassName:j,bodyClassName:M,headerClassName:N,eyebrowClassName:P,titleClassName:F,descriptionClassName:I,contentClassName:L,footerClassName:R,children:z,...B}){let V=o({eyebrow:C,title:w,description:T,badge:E,action:D,media:O,content:k,footer:A}),H=k??z,U=C!=null||w!=null||T!=null||E!=null||D!=null,W=A!=null,G=O?(0,i.jsx)(`div`,{"data-slot":`card-media`,"data-media-position":y,"data-media-aspect":b,className:t.cn(`overflow-hidden`,v===`horizontal`?`shrink-0 self-stretch`:``,b===`square`&&(v===`horizontal`?`w-40`:`aspect-square`),b===`video`&&(v===`horizontal`?`w-56`:`aspect-video`),b===`poster`&&(v===`horizontal`?`w-36`:`aspect-[3/4]`),b===`wide`&&(v===`horizontal`?`w-72`:`aspect-[16/7]`),j),children:O}):null,K={none:``,sm:`px-4`,default:`px-(--card-spacing)`,lg:`px-6`},q={none:``,sm:`pb-4`,default:``,lg:`pb-6`};return(0,i.jsx)(`div`,{"data-slot":`card`,"data-surface":V||void 0,"data-size":r??`default`,"data-variant":n??`default`,"data-tone":m??`neutral`,"data-density":s??`default`,"data-interactive":h||void 0,"data-selected":g||void 0,"data-disabled":_||void 0,"data-has-footer":W||void 0,"data-orientation":v,"data-padding":x,"aria-disabled":_||void 0,tabIndex:h&&!_?S??0:S,className:t.cn(a({variant:n,size:r,density:s,tone:m,interactive:h,selected:g,disabled:_}),v===`horizontal`&&`flex-row py-0`,h&&`hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]`,g&&`border-[color:var(--aui-control-border-strong,var(--ring))] shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]`,e),...B,children:V?(0,i.jsxs)(i.Fragment,{children:[y===`start`?G:null,(0,i.jsxs)(`div`,{"data-slot":`card-body`,className:t.cn(`flex min-w-0 flex-1 flex-col`,v===`horizontal`?`py-(--card-spacing)`:``,q[x],M),children:[U?(0,i.jsxs)(c,{className:t.cn(K[x],N),children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[C==null?null:(0,i.jsx)(`div`,{className:t.cn(`text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80`,P),children:C}),w==null?null:(0,i.jsx)(l,{className:F,children:w}),T==null?null:(0,i.jsx)(u,{className:I,children:T})]}),E!=null||D!=null?(0,i.jsxs)(d,{className:`flex items-center gap-2`,children:[E,D]}):null]}):null,H==null?null:(0,i.jsx)(f,{className:t.cn(K[x],L),children:H}),W?(0,i.jsx)(p,{className:t.cn(K[x],R),children:A}):null]}),y===`end`?G:null]}):z})}function c({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 rounded-t-[var(--aui-card-radius,var(--radius-xl))] px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`font-heading text-[1.05rem] leading-snug font-semibold tracking-tight group-data-[size=sm]/card:text-sm group-data-[size=lg]/card:text-xl`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-sm leading-6 text-muted-foreground`,e),...n})}function d({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-(--card-spacing)`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center rounded-b-[var(--aui-card-radius,var(--radius-xl))] border-t border-border/60 bg-muted/22 p-(--card-spacing)`,e),...n})}exports.Card=s,exports.CardAction=d,exports.CardContent=f,exports.CardDescription=u,exports.CardFooter=p,exports.CardHeader=c,exports.CardTitle=l,exports.cardVariants=a;

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

@@ -18,14 +18,25 @@ type CardSurfaceSlots = {
     media?: React.ReactNode;
     content?: React.ReactNode;
     footer?: React.ReactNode;
+    mediaClassName?: string;
+    bodyClassName?: string;
     headerClassName?: string;
+    eyebrowClassName?: string;
     titleClassName?: string;
     descriptionClassName?: string;
     contentClassName?: string;
     footerClassName?: string;
 };
-export type CardProps = Omit<React.ComponentProps<"div">, keyof CardSurfaceSlots> & VariantProps<typeof cardVariants> & CardSurfaceSlots;
-declare function Card({ className, variant, size, density, tone, interactive, selected, disabled, tabIndex, eyebrow, title, description, badge, action, media, content, footer, headerClassName, titleClassName, descriptionClassName, contentClassName, footerClassName, children, ...props }: CardProps): React.JSX.Element;
+export type CardOrientation = "vertical" | "horizontal";
+export type CardMediaAspect = "auto" | "square" | "video" | "poster" | "wide";
+export type CardPadding = "none" | "sm" | "default" | "lg";
+export type CardProps = Omit<React.ComponentProps<"div">, keyof CardSurfaceSlots> & VariantProps<typeof cardVariants> & CardSurfaceSlots & {
+    orientation?: CardOrientation;
+    mediaPosition?: "start" | "end";
+    mediaAspect?: CardMediaAspect;
+    padding?: CardPadding;
+};
+declare function Card({ className, variant, size, density, tone, interactive, selected, disabled, orientation, mediaPosition, mediaAspect, padding, tabIndex, eyebrow, title, description, badge, action, media, content, footer, mediaClassName, bodyClassName, headerClassName, eyebrowClassName, titleClassName, descriptionClassName, contentClassName, footerClassName, children, ...props }: CardProps): React.JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

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

@@ -55,20 +55,36 @@ var a = t("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded
 function o(e) {
 	return e.eyebrow != null || e.title != null || e.description != null || e.badge != null || e.action != null || e.media != null || e.content != null || e.footer != null;
 }
-function s({ className: t, variant: s, size: m, density: h, tone: g, interactive: _, selected: v, disabled: y, tabIndex: b, eyebrow: x, title: S, description: C, badge: w, action: T, media: E, content: D, footer: O, headerClassName: k, titleClassName: A, descriptionClassName: j, contentClassName: M, footerClassName: N, children: P, ...F }) {
-	let I = o({
-		eyebrow: x,
-		title: S,
-		description: C,
-		badge: w,
-		action: T,
-		media: E,
-		content: D,
-		footer: O
-	}), L = D ?? P, R = x != null || S != null || C != null || w != null || T != null, z = O != null;
+function s({ className: t, variant: s, size: m, density: h, tone: g, interactive: _, selected: v, disabled: y, orientation: b = "vertical", mediaPosition: x = "start", mediaAspect: S = "auto", padding: C = "default", tabIndex: w, eyebrow: T, title: E, description: D, badge: O, action: k, media: A, content: j, footer: M, mediaClassName: N, bodyClassName: P, headerClassName: F, eyebrowClassName: I, titleClassName: L, descriptionClassName: R, contentClassName: z, footerClassName: B, children: V, ...H }) {
+	let U = o({
+		eyebrow: T,
+		title: E,
+		description: D,
+		badge: O,
+		action: k,
+		media: A,
+		content: j,
+		footer: M
+	}), W = j ?? V, G = T != null || E != null || D != null || O != null || k != null, K = M != null, q = A ? /* @__PURE__ */ r("div", {
+		"data-slot": "card-media",
+		"data-media-position": x,
+		"data-media-aspect": S,
+		className: e("overflow-hidden", b === "horizontal" ? "shrink-0 self-stretch" : "", S === "square" && (b === "horizontal" ? "w-40" : "aspect-square"), S === "video" && (b === "horizontal" ? "w-56" : "aspect-video"), S === "poster" && (b === "horizontal" ? "w-36" : "aspect-[3/4]"), S === "wide" && (b === "horizontal" ? "w-72" : "aspect-[16/7]"), N),
+		children: A
+	}) : null, J = {
+		none: "",
+		sm: "px-4",
+		default: "px-(--card-spacing)",
+		lg: "px-6"
+	}, Y = {
+		none: "",
+		sm: "pb-4",
+		default: "",
+		lg: "pb-6"
+	};
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "card",
-		"data-surface": I || void 0,
+		"data-surface": U || void 0,
 		"data-size": m ?? "default",
 		"data-variant": s ?? "default",
 		"data-tone": g ?? "neutral",
@@ -76,9 +92,11 @@ function s({ className: t, variant: s, size: m, density: h, tone: g, interactive
 		"data-interactive": _ || void 0,
 		"data-selected": v || void 0,
 		"data-disabled": y || void 0,
-		"data-has-footer": z || void 0,
+		"data-has-footer": K || void 0,
+		"data-orientation": b,
+		"data-padding": C,
 		"aria-disabled": y || void 0,
-		tabIndex: _ && !y ? b ?? 0 : b,
+		tabIndex: _ && !y ? w ?? 0 : w,
 		className: e(a({
 			variant: s,
 			size: m,
@@ -87,42 +105,49 @@ function s({ className: t, variant: s, size: m, density: h, tone: g, interactive
 			interactive: _,
 			selected: v,
 			disabled: y
-		}), t),
-		...F,
-		children: I ? /* @__PURE__ */ i(n, { children: [
-			E,
-			R ? /* @__PURE__ */ i(c, {
-				className: k,
-				children: [/* @__PURE__ */ i("div", {
-					className: "min-w-0 space-y-1",
-					children: [
-						x == null ? null : /* @__PURE__ */ r("div", {
-							className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80",
-							children: x
-						}),
-						S == null ? null : /* @__PURE__ */ r(l, {
-							className: A,
-							children: S
-						}),
-						C == null ? null : /* @__PURE__ */ r(u, {
-							className: j,
-							children: C
-						})
-					]
-				}), w != null || T != null ? /* @__PURE__ */ i(d, {
-					className: "flex items-center gap-2",
-					children: [w, T]
-				}) : null]
-			}) : null,
-			L == null ? null : /* @__PURE__ */ r(f, {
-				className: M,
-				children: L
+		}), b === "horizontal" && "flex-row py-0", _ && "hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]", v && "border-[color:var(--aui-control-border-strong,var(--ring))] shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]", t),
+		...H,
+		children: U ? /* @__PURE__ */ i(n, { children: [
+			x === "start" ? q : null,
+			/* @__PURE__ */ i("div", {
+				"data-slot": "card-body",
+				className: e("flex min-w-0 flex-1 flex-col", b === "horizontal" ? "py-(--card-spacing)" : "", Y[C], P),
+				children: [
+					G ? /* @__PURE__ */ i(c, {
+						className: e(J[C], F),
+						children: [/* @__PURE__ */ i("div", {
+							className: "min-w-0 space-y-1",
+							children: [
+								T == null ? null : /* @__PURE__ */ r("div", {
+									className: e("text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80", I),
+									children: T
+								}),
+								E == null ? null : /* @__PURE__ */ r(l, {
+									className: L,
+									children: E
+								}),
+								D == null ? null : /* @__PURE__ */ r(u, {
+									className: R,
+									children: D
+								})
+							]
+						}), O != null || k != null ? /* @__PURE__ */ i(d, {
+							className: "flex items-center gap-2",
+							children: [O, k]
+						}) : null]
+					}) : null,
+					W == null ? null : /* @__PURE__ */ r(f, {
+						className: e(J[C], z),
+						children: W
+					}),
+					K ? /* @__PURE__ */ r(p, {
+						className: e(J[C], B),
+						children: M
+					}) : null
+				]
 			}),
-			z ? /* @__PURE__ */ r(p, {
-				className: N,
-				children: O
-			}) : null
-		] }) : P
+			x === "end" ? q : null
+		] }) : V
 	});
 }
 function c({ className: t, ...n }) {

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

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

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

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