tembro 3.0.0 → 3.1.1

package/dist/src/components/ui/input/index.js

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

package/dist/src/components/ui/input/masked.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs"),n=require("./value.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e){return e}function o(e){return e}var s=r.forwardRef(({value:e,onChange:r,onValueChange:s,mask:c=a,unmask:l=o,...u},d)=>(0,i.jsx)(t.InputDecorator,{ref:d,value:n.getInputValue(e),onChange:e=>{let t=l(e.target.value),i=c(t);n.setInputElementValue(e,i),r?.(e),s?.(i,t)},...u}));s.displayName=`MaskedInput`,exports.MaskedInput=s;

package/dist/src/components/ui/input/masked.js

@@ -0,0 +1,23 @@
+import { InputDecorator as e } from "./decorator.js";
+import { getInputValue as t, setInputElementValue as n } from "./value.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/ui/input/masked.tsx
+function a(e) {
+	return e;
+}
+function o(e) {
+	return e;
+}
+var s = r.forwardRef(({ value: r, onChange: s, onValueChange: c, mask: l = a, unmask: u = o, ...d }, f) => /* @__PURE__ */ i(e, {
+	ref: f,
+	value: t(r),
+	onChange: (e) => {
+		let t = u(e.target.value), r = l(t);
+		n(e, r), s?.(e), c?.(r, t);
+	},
+	...d
+}));
+s.displayName = "MaskedInput";
+//#endregion
+export { s as MaskedInput };

package/dist/src/components/ui/input/money.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./value.cjs"),i=require("./chrome.cjs"),a=require("./numeric-value.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){return a.parseMoneyLikeInput(e)}function l({value:e,onChange:a,onValueChange:o,prefix:l,suffix:u,wrapperClassName:d,inputClassName:f,className:p,inputMode:m=`decimal`,...h}){return(0,s.jsx)(i.InputChrome,{"data-slot":`money-input`,className:t.cn(`text-sm`,d),start:l?(0,s.jsx)(`span`,{className:`pl-2.5 text-xs font-medium text-muted-foreground`,children:l}):null,end:u?(0,s.jsx)(`span`,{className:`pr-2.5 text-xs font-medium text-muted-foreground`,children:u}):null,children:(0,s.jsx)(n.InputPrimitive,{value:r.getInputValue(e),onChange:e=>{a?.(e),o?.(c(e.target.value),e.target.value)},inputMode:m,className:t.cn(`h-full border-0 bg-transparent px-2.5 shadow-none focus-visible:border-0 focus-visible:ring-0`,f,p),...h})})}exports.MoneyInput=l,exports.parseMoneyInput=c;

package/dist/src/components/ui/input/money.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../../lib/utils.js";
+import { InputPrimitive as t } from "./primitive.js";
+import { getInputValue as n } from "./value.js";
+import { InputChrome as r } from "./chrome.js";
+import { parseMoneyLikeInput as i } from "./numeric-value.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ui/input/money.tsx
+function o(e) {
+	return i(e);
+}
+function s({ value: i, onChange: s, onValueChange: c, prefix: l, suffix: u, wrapperClassName: d, inputClassName: f, className: p, inputMode: m = "decimal", ...h }) {
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "money-input",
+		className: e("text-sm", d),
+		start: l ? /* @__PURE__ */ a("span", {
+			className: "pl-2.5 text-xs font-medium text-muted-foreground",
+			children: l
+		}) : null,
+		end: u ? /* @__PURE__ */ a("span", {
+			className: "pr-2.5 text-xs font-medium text-muted-foreground",
+			children: u
+		}) : null,
+		children: /* @__PURE__ */ a(t, {
+			value: n(i),
+			onChange: (e) => {
+				s?.(e), c?.(o(e.target.value), e.target.value);
+			},
+			inputMode: m,
+			className: e("h-full border-0 bg-transparent px-2.5 shadow-none focus-visible:border-0 focus-visible:ring-0", f, p),
+			...h
+		})
+	});
+}
+//#endregion
+export { s as MoneyInput, o as parseMoneyInput };

package/dist/src/components/ui/input/number.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs"),n=require("./value.cjs"),r=require("./numeric-value.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e){return r.parseDecimalInput(e)}function s(e,t,n){return r.clampNumericValue(e,t,n)}var c=i.forwardRef(({value:e,onChange:r,onValueChange:i,onNumberChange:c,min:l,max:u,step:d,allowEmpty:f=!0,prefix:p,suffix:m,leading:h,trailing:g,inputMode:_=`decimal`,onBlur:v,...y},b)=>{let x=n.getInputValue(e),S=e=>{let t=o(e),n=t==null?null:s(t,l,u);i?.(e),c?.(n)};return(0,a.jsx)(t.InputDecorator,{ref:b,type:`text`,value:x,inputMode:_,min:l,max:u,step:d,leading:p??h,trailing:m??g,onChange:e=>{r?.(e),S(e.target.value)},onBlur:e=>{if(!f&&!e.target.value.trim()){let t=String(l??0);e.currentTarget.value=t,S(t)}v?.(e)},...y})});c.displayName=`NumberInput`,exports.NumberInput=c,exports.clampNumber=s,exports.parseNumberInput=o;

package/dist/src/components/ui/input/number.js

@@ -0,0 +1,43 @@
+import { InputDecorator as e } from "./decorator.js";
+import { getInputValue as t } from "./value.js";
+import { clampNumericValue as n, parseDecimalInput as r } from "./numeric-value.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ui/input/number.tsx
+function o(e) {
+	return r(e);
+}
+function s(e, t, r) {
+	return n(e, t, r);
+}
+var c = i.forwardRef(({ value: n, onChange: r, onValueChange: i, onNumberChange: c, min: l, max: u, step: d, allowEmpty: f = !0, prefix: p, suffix: m, leading: h, trailing: g, inputMode: _ = "decimal", onBlur: v, ...y }, b) => {
+	let x = t(n), S = (e) => {
+		let t = o(e), n = t == null ? null : s(t, l, u);
+		i?.(e), c?.(n);
+	};
+	return /* @__PURE__ */ a(e, {
+		ref: b,
+		type: "text",
+		value: x,
+		inputMode: _,
+		min: l,
+		max: u,
+		step: d,
+		leading: p ?? h,
+		trailing: m ?? g,
+		onChange: (e) => {
+			r?.(e), S(e.target.value);
+		},
+		onBlur: (e) => {
+			if (!f && !e.target.value.trim()) {
+				let t = String(l ?? 0);
+				e.currentTarget.value = t, S(t);
+			}
+			v?.(e);
+		},
+		...y
+	});
+});
+c.displayName = "NumberInput";
+//#endregion
+export { c as NumberInput, s as clampNumber, o as parseNumberInput };

package/dist/src/components/ui/input/numeric-value.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e,t,n){let r=e;return typeof t==`number`&&(r=Math.max(r,t)),typeof n==`number`&&(r=Math.min(r,n)),r}function t(e){return e.trim().replace(/\s/g,``).replace(/,/g,`.`)}function n(e){if(!e||e===`-`||e===`.`||e===`-.`)return null;let t=Number(e);return Number.isFinite(t)?t:null}function r(e){return n(t(e))}function i(e){return n(t(e).replace(/[^0-9.-]/g,``))}exports.clampNumericValue=e,exports.normalizeDecimalInput=t,exports.parseDecimalInput=r,exports.parseMoneyLikeInput=i,exports.parseNormalizedNumber=n;

package/dist/src/components/ui/input/numeric-value.js

@@ -0,0 +1,21 @@
+//#region src/components/ui/input/numeric-value.ts
+function e(e, t, n) {
+	let r = e;
+	return typeof t == "number" && (r = Math.max(r, t)), typeof n == "number" && (r = Math.min(r, n)), r;
+}
+function t(e) {
+	return e.trim().replace(/\s/g, "").replace(/,/g, ".");
+}
+function n(e) {
+	if (!e || e === "-" || e === "." || e === "-.") return null;
+	let t = Number(e);
+	return Number.isFinite(t) ? t : null;
+}
+function r(e) {
+	return n(t(e));
+}
+function i(e) {
+	return n(t(e).replace(/[^0-9.-]/g, ""));
+}
+//#endregion
+export { e as clampNumericValue, t as normalizeDecimalInput, r as parseDecimalInput, i as parseMoneyLikeInput, n as parseNormalizedNumber };

package/dist/src/components/ui/input/password.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({value:e,onChange:a,onValueChange:o,visible:s,defaultVisible:c=!1,onVisibleChange:l,showToggle:u=!0,showCapsLockWarning:d=!0,capsLockLabel:f=`Caps Lock is on`,showLabel:p=`Show password`,hideLabel:m=`Hide password`,disabled:h,autoComplete:g=`current-password`,trailing:_,onKeyDown:v,onKeyUp:y,...b},x)=>{let S=s!==void 0,[C,w]=n.useState(c),[T,E]=n.useState(!1),D=S?s:C,O=e=>{S||w(e),l?.(e)},k=e=>{a?.(e),o?.(e.target.value)},A=e=>{d&&E(e.getModifierState(`CapsLock`))};return(0,i.jsx)(t.InputDecorator,{"data-slot":`password-input`,ref:x,type:D?`text`:`password`,value:e??``,disabled:h,autoComplete:g,onChange:k,onKeyDown:e=>{A(e),v?.(e)},onKeyUp:e=>{A(e),y?.(e)},trailingAction:(0,i.jsxs)(i.Fragment,{children:[_,d&&T?(0,i.jsx)(`span`,{"data-slot":`password-caps-lock`,className:`hidden text-xs text-amber-600 sm:inline`,"aria-live":`polite`,children:f}):null,u?(0,i.jsx)(`button`,{type:`button`,disabled:h,"aria-label":D?m:p,className:`rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50`,onClick:()=>O(!D),children:D?(0,i.jsx)(r.EyeOffIcon,{className:`size-4`}):(0,i.jsx)(r.EyeIcon,{className:`size-4`})}):null]}),...b})});a.displayName=`PasswordInput`,exports.PasswordInput=a;

package/dist/src/components/ui/input/password.js

@@ -0,0 +1,51 @@
+"use client";
+import { InputDecorator as e } from "./decorator.js";
+import * as t from "react";
+import { EyeIcon as n, EyeOffIcon as r } from "lucide-react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/ui/input/password.tsx
+var s = t.forwardRef(({ value: s, onChange: c, onValueChange: l, visible: u, defaultVisible: d = !1, onVisibleChange: f, showToggle: p = !0, showCapsLockWarning: m = !0, capsLockLabel: h = "Caps Lock is on", showLabel: g = "Show password", hideLabel: _ = "Hide password", disabled: v, autoComplete: y = "current-password", trailing: b, onKeyDown: x, onKeyUp: S, ...C }, w) => {
+	let T = u !== void 0, [E, D] = t.useState(d), [O, k] = t.useState(!1), A = T ? u : E, j = (e) => {
+		T || D(e), f?.(e);
+	}, M = (e) => {
+		c?.(e), l?.(e.target.value);
+	}, N = (e) => {
+		m && k(e.getModifierState("CapsLock"));
+	};
+	return /* @__PURE__ */ a(e, {
+		"data-slot": "password-input",
+		ref: w,
+		type: A ? "text" : "password",
+		value: s ?? "",
+		disabled: v,
+		autoComplete: y,
+		onChange: M,
+		onKeyDown: (e) => {
+			N(e), x?.(e);
+		},
+		onKeyUp: (e) => {
+			N(e), S?.(e);
+		},
+		trailingAction: /* @__PURE__ */ o(i, { children: [
+			b,
+			m && O ? /* @__PURE__ */ a("span", {
+				"data-slot": "password-caps-lock",
+				className: "hidden text-xs text-amber-600 sm:inline",
+				"aria-live": "polite",
+				children: h
+			}) : null,
+			p ? /* @__PURE__ */ a("button", {
+				type: "button",
+				disabled: v,
+				"aria-label": A ? _ : g,
+				className: "rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+				onClick: () => j(!A),
+				children: a(A ? r : n, { className: "size-4" })
+			}) : null
+		] }),
+		...C
+	});
+});
+s.displayName = "PasswordInput";
+//#endregion
+export { s as PasswordInput };

package/dist/src/components/ui/input/phone.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./masked.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e){return e.replace(/\D/g,``)}function o(e,t=`+998`,n=12){let r=a(e).slice(0,n),i=t.replace(/\D/g,``),o=r.startsWith(i)?r.slice(i.length):r;return[t,...[o.slice(0,2),o.slice(2,5),o.slice(5,7),o.slice(7,9)].filter(Boolean)].join(` `).trim()}var s=n.forwardRef(({countryCode:e=`+998`,maxDigits:n=12,showCountryCode:s=!1,showIcon:c=!1,icon:l,leading:u,trailing:d,onValueChange:f,...p},m)=>(0,i.jsx)(t.MaskedInput,{ref:m,inputMode:`tel`,leading:c?l??u??(0,i.jsx)(r.PhoneIcon,{}):u,trailing:s?(0,i.jsx)(`span`,{className:`font-mono text-xs`,children:e}):d,mask:t=>o(t,e,n),unmask:a,onValueChange:(e,t)=>f?.(e,t),...p}));s.displayName=`PhoneInput`,exports.PhoneInput=s,exports.formatPhoneDigits=o,exports.onlyDigits=a;

package/dist/src/components/ui/input/phone.js

@@ -0,0 +1,33 @@
+import { MaskedInput as e } from "./masked.js";
+import * as t from "react";
+import { PhoneIcon as n } from "lucide-react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ui/input/phone.tsx
+function i(e) {
+	return e.replace(/\D/g, "");
+}
+function a(e, t = "+998", n = 12) {
+	let r = i(e).slice(0, n), a = t.replace(/\D/g, ""), o = r.startsWith(a) ? r.slice(a.length) : r;
+	return [t, ...[
+		o.slice(0, 2),
+		o.slice(2, 5),
+		o.slice(5, 7),
+		o.slice(7, 9)
+	].filter(Boolean)].join(" ").trim();
+}
+var o = t.forwardRef(({ countryCode: t = "+998", maxDigits: o = 12, showCountryCode: s = !1, showIcon: c = !1, icon: l, leading: u, trailing: d, onValueChange: f, ...p }, m) => /* @__PURE__ */ r(e, {
+	ref: m,
+	inputMode: "tel",
+	leading: c ? l ?? u ?? /* @__PURE__ */ r(n, {}) : u,
+	trailing: s ? /* @__PURE__ */ r("span", {
+		className: "font-mono text-xs",
+		children: t
+	}) : d,
+	mask: (e) => a(e, t, o),
+	unmask: i,
+	onValueChange: (e, t) => f?.(e, t),
+	...p
+}));
+o.displayName = "PhoneInput";
+//#endregion
+export { o as PhoneInput, a as formatPhoneDigits, i as onlyDigits };

package/dist/src/components/ui/input/primitive.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/input");function a({className:e,type:n,...a}){return(0,r.jsx)(i.Input,{type:n,"data-slot":`input`,className:t.cn(`h-11 w-full min-w-0 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:color-mix(in_oklch,var(--aui-control-border-strong,var(--input)),var(--foreground)_6%)] bg-[color:var(--aui-control-surface,var(--background))] px-3.5 py-2.5 text-sm font-normal text-foreground shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/74 hover:border-[color:color-mix(in_oklch,var(--aui-control-hover-border,var(--ring)),var(--foreground)_10%)] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 read-only:bg-[color:var(--aui-control-surface-readonly,var(--muted))]`,e),...a})}exports.InputPrimitive=a;

package/dist/src/components/ui/input/primitive.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Input as n } from "@base-ui/react/input";
+//#region src/components/ui/input/primitive.tsx
+function r({ className: r, type: i, ...a }) {
+	return /* @__PURE__ */ t(n, {
+		type: i,
+		"data-slot": "input",
+		className: e("h-11 w-full min-w-0 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:color-mix(in_oklch,var(--aui-control-border-strong,var(--input)),var(--foreground)_6%)] bg-[color:var(--aui-control-surface,var(--background))] px-3.5 py-2.5 text-sm font-normal text-foreground shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/74 hover:border-[color:color-mix(in_oklch,var(--aui-control-hover-border,var(--ring)),var(--foreground)_10%)] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 read-only:bg-[color:var(--aui-control-surface-readonly,var(--muted))]", r),
+		...a
+	});
+}
+//#endregion
+export { r as InputPrimitive };

package/dist/src/components/ui/input/quantity.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs"),r=require("./primitive.cjs"),i=require("./value.cjs"),a=require("./chrome.cjs"),o=require("./numeric-value.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("lucide-react"),l=require("react/jsx-runtime");function u(e,t,n){return o.clampNumericValue(e,t,n)}function d({value:e,onChange:s,onValueChange:d,min:f,max:p,step:m=1,showControls:h=!0,wrapperClassName:g,inputClassName:_,className:v,inputMode:y=`decimal`,...b}){let x=typeof e!=`number`||typeof f!=`number`||e>f,S=typeof e!=`number`||typeof p!=`number`||e<p,C=e=>{d?.(e)},w=e=>{s?.(e);let t=o.parseDecimalInput(e.target.value);if(t==null){C(null);return}C(u(t,f,p))},T=t=>{C(u((typeof e==`number`?e:f??0)+m*t,f,p))};return(0,l.jsx)(a.InputChrome,{"data-slot":`quantity-input`,className:t.cn(`overflow-hidden`,g),start:h?(0,l.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,className:`h-full rounded-none`,disabled:!x||b.disabled||b.readOnly,onClick:()=>T(-1),children:(0,l.jsx)(c.MinusIcon,{})}):null,end:h?(0,l.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,className:`h-full rounded-none`,disabled:!S||b.disabled||b.readOnly,onClick:()=>T(1),children:(0,l.jsx)(c.PlusIcon,{})}):null,children:(0,l.jsx)(r.InputPrimitive,{value:i.getInputValue(e),onChange:w,inputMode:y,className:t.cn(`h-full border-0 bg-transparent text-center shadow-none focus-visible:border-0 focus-visible:ring-0`,_,v),...b})})}exports.QuantityInput=d,exports.clampQuantity=u;

package/dist/src/components/ui/input/quantity.js

@@ -0,0 +1,59 @@
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../button/index.js";
+import { InputPrimitive as n } from "./primitive.js";
+import { getInputValue as r } from "./value.js";
+import { InputChrome as i } from "./chrome.js";
+import { clampNumericValue as a, parseDecimalInput as o } from "./numeric-value.js";
+import "react";
+import { MinusIcon as s, PlusIcon as c } from "lucide-react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/ui/input/quantity.tsx
+function u(e, t, n) {
+	return a(e, t, n);
+}
+function d({ value: a, onChange: d, onValueChange: f, min: p, max: m, step: h = 1, showControls: g = !0, wrapperClassName: _, inputClassName: v, className: y, inputMode: b = "decimal", ...x }) {
+	let S = typeof a != "number" || typeof p != "number" || a > p, C = typeof a != "number" || typeof m != "number" || a < m, w = (e) => {
+		f?.(e);
+	}, T = (e) => {
+		d?.(e);
+		let t = o(e.target.value);
+		if (t == null) {
+			w(null);
+			return;
+		}
+		w(u(t, p, m));
+	}, E = (e) => {
+		w(u((typeof a == "number" ? a : p ?? 0) + h * e, p, m));
+	};
+	return /* @__PURE__ */ l(i, {
+		"data-slot": "quantity-input",
+		className: e("overflow-hidden", _),
+		start: g ? /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			className: "h-full rounded-none",
+			disabled: !S || x.disabled || x.readOnly,
+			onClick: () => E(-1),
+			children: /* @__PURE__ */ l(s, {})
+		}) : null,
+		end: g ? /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			className: "h-full rounded-none",
+			disabled: !C || x.disabled || x.readOnly,
+			onClick: () => E(1),
+			children: /* @__PURE__ */ l(c, {})
+		}) : null,
+		children: /* @__PURE__ */ l(n, {
+			value: r(a),
+			onChange: T,
+			inputMode: b,
+			className: e("h-full border-0 bg-transparent text-center shadow-none focus-visible:border-0 focus-visible:ring-0", v, y),
+			...x
+		})
+	});
+}
+//#endregion
+export { d as QuantityInput, u as clampQuantity };

package/dist/src/components/ui/input/search.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./clearable.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({searchIcon:e,loading:a=!1,loadingLabel:o=`Searching`,resultCount:s,shortcut:c,debounceMs:l,value:u,onValueChange:d,onDebouncedValueChange:f,placeholder:p=`Search...`,inputMode:m=`search`,trailing:h,showMetaOnClear:g=!1,disabled:_,...v},y)=>{let b=u==null?``:String(u);return n.useEffect(()=>{if(l==null||!f)return;let e=window.setTimeout(()=>f(b),l);return()=>window.clearTimeout(e)},[l,f,b]),(0,i.jsx)(t.ClearableInput,{ref:y,type:`search`,inputMode:m,placeholder:p,value:u,disabled:_||a,leadingIcon:e??(0,i.jsx)(r.SearchIcon,{}),trailing:(0,i.jsxs)(`span`,{"data-slot":`search-input-meta`,className:`inline-flex shrink-0 items-center gap-2 text-xs text-muted-foreground`,children:[a?(0,i.jsxs)(`span`,{"aria-live":`polite`,className:`inline-flex items-center gap-1.5`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-3.5 animate-spin`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:o})]}):null,typeof s==`number`?(0,i.jsx)(`span`,{children:s}):null,c?(0,i.jsx)(`span`,{className:`rounded-md border border-border/80 bg-muted/60 px-1.5 py-0.5 font-mono`,children:c}):null,h]}),replaceTrailingWhenClear:!g,onValueChange:d,...v})});a.displayName=`SearchInput`,exports.SearchInput=a;

package/dist/src/components/ui/input/search.js

@@ -0,0 +1,55 @@
+"use client";
+import { ClearableInput as e } from "./clearable.js";
+import * as t from "react";
+import { LoaderCircleIcon as n, SearchIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/ui/input/search.tsx
+var o = t.forwardRef(({ searchIcon: o, loading: s = !1, loadingLabel: c = "Searching", resultCount: l, shortcut: u, debounceMs: d, value: f, onValueChange: p, onDebouncedValueChange: m, placeholder: h = "Search...", inputMode: g = "search", trailing: _, showMetaOnClear: v = !1, disabled: y, ...b }, x) => {
+	let S = f == null ? "" : String(f);
+	return t.useEffect(() => {
+		if (d == null || !m) return;
+		let e = window.setTimeout(() => m(S), d);
+		return () => window.clearTimeout(e);
+	}, [
+		d,
+		m,
+		S
+	]), /* @__PURE__ */ i(e, {
+		ref: x,
+		type: "search",
+		inputMode: g,
+		placeholder: h,
+		value: f,
+		disabled: y || s,
+		leadingIcon: o ?? /* @__PURE__ */ i(r, {}),
+		trailing: /* @__PURE__ */ a("span", {
+			"data-slot": "search-input-meta",
+			className: "inline-flex shrink-0 items-center gap-2 text-xs text-muted-foreground",
+			children: [
+				s ? /* @__PURE__ */ a("span", {
+					"aria-live": "polite",
+					className: "inline-flex items-center gap-1.5",
+					children: [/* @__PURE__ */ i(n, {
+						className: "size-3.5 animate-spin",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ i("span", {
+						className: "sr-only",
+						children: c
+					})]
+				}) : null,
+				typeof l == "number" ? /* @__PURE__ */ i("span", { children: l }) : null,
+				u ? /* @__PURE__ */ i("span", {
+					className: "rounded-md border border-border/80 bg-muted/60 px-1.5 py-0.5 font-mono",
+					children: u
+				}) : null,
+				_
+			]
+		}),
+		replaceTrailingWhenClear: !v,
+		onValueChange: p,
+		...b
+	});
+});
+o.displayName = "SearchInput";
+//#endregion
+export { o as SearchInput };

package/dist/src/components/ui/input/value.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return e==null?``:String(e)}function t(e,t){e.target.value=t,e.currentTarget.value=t}function n({onChange:e,onValueChange:t,mapValue:n}){return r=>{if(e?.(r),!t)return;let i=r.target.value;t(n?n(i,r):i)}}exports.createInputChangeHandler=n,exports.getInputValue=e,exports.setInputElementValue=t;

package/dist/src/components/ui/input/value.js

@@ -0,0 +1,16 @@
+//#region src/components/ui/input/value.ts
+function e(e) {
+	return e == null ? "" : String(e);
+}
+function t(e, t) {
+	e.target.value = t, e.currentTarget.value = t;
+}
+function n({ onChange: e, onValueChange: t, mapValue: n }) {
+	return (r) => {
+		if (e?.(r), !t) return;
+		let i = r.target.value;
+		t(n ? n(i, r) : i);
+	};
+}
+//#endregion
+export { n as createInputChangeHandler, e as getInputValue, t as setInputElementValue };

package/dist/src/components/ui/input-group/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../input/group.cjs");exports.InputGroup=e.InputGroup,exports.InputGroupAddon=e.InputGroupAddon,exports.InputGroupButton=e.InputGroupButton,exports.InputGroupInput=e.InputGroupInput,exports.InputGroupText=e.InputGroupText,exports.InputGroupTextarea=e.InputGroupTextarea;

package/dist/src/components/ui/input-group/index.js

@@ -0,0 +1,2 @@
+import { InputGroup as e, InputGroupAddon as t, InputGroupButton as n, InputGroupInput as r, InputGroupText as i, InputGroupTextarea as a } from "../input/group.js";
+export { e as InputGroup, t as InputGroupAddon, n as InputGroupButton, r as InputGroupInput, i as InputGroupText, a as InputGroupTextarea };

package/dist/src/components/ui/input-primitive/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../input/primitive.cjs");exports.InputPrimitive=e.InputPrimitive;

package/dist/src/components/ui/input-primitive/index.js

@@ -0,0 +1,2 @@
+import { InputPrimitive as e } from "../input/primitive.js";
+export { e as InputPrimitive };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./input/group.cjs"),t=require("./input/index.cjs");exports.Input=t.Input,exports.InputGroup=e.InputGroup,exports.InputGroupAddon=e.InputGroupAddon,exports.InputGroupButton=e.InputGroupButton,exports.InputGroupInput=e.InputGroupInput,exports.InputGroupText=e.InputGroupText,exports.InputGroupTextarea=e.InputGroupTextarea;

package/dist/src/components/ui/input.js

@@ -0,0 +1,3 @@
+import { InputGroup as e, InputGroupAddon as t, InputGroupButton as n, InputGroupInput as r, InputGroupText as i, InputGroupTextarea as a } from "./input/group.js";
+import { Input as o } from "./input/index.js";
+export { o as Input, e as InputGroup, t as InputGroupAddon, n as InputGroupButton, r as InputGroupInput, i as InputGroupText, a as InputGroupTextarea };

package/dist/src/components/ui/kbd/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={sm:`h-5 px-1.5 text-[10px]`,default:`h-6 px-2 text-xs`,lg:`h-7 px-2.5 text-sm`},a={default:`border-border/80 bg-muted text-muted-foreground shadow-[inset_0_-1px_0_rgba(0,0,0,0.08)]`,outline:`border-border bg-background text-foreground shadow-sm`,ghost:`border-transparent bg-transparent text-muted-foreground shadow-none`};function o({className:e,size:n=`default`,variant:o=`default`,...s}){return(0,r.jsx)(`kbd`,{"data-slot":`kbd`,"data-size":n,className:t.cn(`inline-flex shrink-0 items-center justify-center rounded-md border font-mono font-medium leading-none`,i[n],a[o],e),...s})}exports.Kbd=o;

package/dist/src/components/ui/kbd/index.js

@@ -0,0 +1,23 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/kbd/index.tsx
+var n = {
+	sm: "h-5 px-1.5 text-[10px]",
+	default: "h-6 px-2 text-xs",
+	lg: "h-7 px-2.5 text-sm"
+}, r = {
+	default: "border-border/80 bg-muted text-muted-foreground shadow-[inset_0_-1px_0_rgba(0,0,0,0.08)]",
+	outline: "border-border bg-background text-foreground shadow-sm",
+	ghost: "border-transparent bg-transparent text-muted-foreground shadow-none"
+};
+function i({ className: i, size: a = "default", variant: o = "default", ...s }) {
+	return /* @__PURE__ */ t("kbd", {
+		"data-slot": "kbd",
+		"data-size": a,
+		className: e("inline-flex shrink-0 items-center justify-center rounded-md border font-mono font-medium leading-none", n[a], r[o], i),
+		...s
+	});
+}
+//#endregion
+export { i as Kbd };

package/dist/src/components/ui/popover/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/popover");function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=4,...l}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-4 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`popover-header`,className:t.cn(`flex flex-col gap-1 text-sm`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(i.Popover.Title,{"data-slot":`popover-title`,className:t.cn(`text-base font-semibold tracking-tight`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(i.Popover.Description,{"data-slot":`popover-description`,className:t.cn(`leading-6 text-muted-foreground`,e),...n})}exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;