tembro 3.0.0 → 3.1.5

package/dist/components/inputs/inline-editable.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,onValueChange:a,placeholder:o=`Click to edit`,disabled:s,className:c,inputClassName:l,displayClassName:u,...d}){let[f,p]=r.useState(!1),[m,h]=r.useState(e),g=r.useRef(null);r.useEffect(()=>{h(e)},[e]),r.useEffect(()=>{f&&g.current?.focus()},[f]);let _=()=>{s||(a(m),p(!1))},v=()=>{h(e),p(!1)},y=e=>{e.key===`Enter`?(e.preventDefault(),_()):e.key===`Escape`&&(e.preventDefault(),v())};return f?(0,i.jsx)(`div`,{"data-slot":`inline-editable-input-mode`,className:t.cn(`flex items-center gap-1`,c),...d,children:(0,i.jsx)(n.Input,{ref:g,value:m,onChange:e=>h(e.target.value),onKeyDown:y,onBlur:_,disabled:s,placeholder:o,className:t.cn(`h-8 text-sm`,l)})}):(0,i.jsx)(`div`,{"data-slot":`inline-editable`,className:t.cn(`group flex items-center gap-1.5 rounded-md border border-transparent px-1.5 py-1 -ml-1.5 transition-colors`,!s&&`cursor-pointer hover:bg-muted/50`,c),onClick:()=>{s||p(!0)},tabIndex:s?void 0:0,onKeyDown:e=>{!s&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p(!0))},...d,children:(0,i.jsx)(`span`,{className:t.cn(`truncate text-sm`,!e&&`text-muted-foreground italic`,s&&`opacity-50`,u),children:e||o})})}exports.InlineEditable=a;
+module.exports = require("../../src/components/inputs/inline-editable.cjs")

package/dist/components/inputs/inline-editable.js

@@ -1,53 +1 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { Input as t } from "../ui/input/index.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/inputs/inline-editable.tsx
-function i({ value: i, onValueChange: a, placeholder: o = "Click to edit", disabled: s, className: c, inputClassName: l, displayClassName: u, ...d }) {
-	let [f, p] = n.useState(!1), [m, h] = n.useState(i), g = n.useRef(null);
-	n.useEffect(() => {
-		h(i);
-	}, [i]), n.useEffect(() => {
-		f && g.current?.focus();
-	}, [f]);
-	let _ = () => {
-		s || (a(m), p(!1));
-	}, v = () => {
-		h(i), p(!1);
-	}, y = (e) => {
-		e.key === "Enter" ? (e.preventDefault(), _()) : e.key === "Escape" && (e.preventDefault(), v());
-	};
-	return f ? /* @__PURE__ */ r("div", {
-		"data-slot": "inline-editable-input-mode",
-		className: e("flex items-center gap-1", c),
-		...d,
-		children: /* @__PURE__ */ r(t, {
-			ref: g,
-			value: m,
-			onChange: (e) => h(e.target.value),
-			onKeyDown: y,
-			onBlur: _,
-			disabled: s,
-			placeholder: o,
-			className: e("h-8 text-sm", l)
-		})
-	}) : /* @__PURE__ */ r("div", {
-		"data-slot": "inline-editable",
-		className: e("group flex items-center gap-1.5 rounded-md border border-transparent px-1.5 py-1 -ml-1.5 transition-colors", !s && "cursor-pointer hover:bg-muted/50", c),
-		onClick: () => {
-			s || p(!0);
-		},
-		tabIndex: s ? void 0 : 0,
-		onKeyDown: (e) => {
-			!s && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p(!0));
-		},
-		...d,
-		children: /* @__PURE__ */ r("span", {
-			className: e("truncate text-sm", !i && "text-muted-foreground italic", s && "opacity-50", u),
-			children: i || o
-		})
-	});
-}
-//#endregion
-export { i as InlineEditable };
+export * from "../../src/components/inputs/inline-editable.js"

package/dist/components/inputs/json-input.cjs

@@ -1 +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");function i(e){if(!e.trim())return{parsed:null,valid:!0};try{return{parsed:JSON.parse(e),valid:!0}}catch{return{parsed:null,valid:!1}}}function a({value:e=``,onValueChange:a,invalidText:o=`Invalid JSON`,className:s,onChange:c,...l}){let[u,d]=n.useState(!0);n.useEffect(()=>{d(i(e).valid)},[e]);function f(e){let t=e.target.value,n=i(t);d(n.valid),a?.(t,n.parsed,n.valid),c?.(e)}return(0,r.jsxs)(`div`,{"data-slot":`json-input`,className:`grid gap-1.5`,children:[(0,r.jsx)(`textarea`,{value:e,spellCheck:!1,className:t.cn(`min-h-32 rounded-md border bg-background p-3 font-mono text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring`,!u&&`border-destructive`,s),onChange:f,...l}),!u&&(0,r.jsx)(`p`,{className:`text-sm text-destructive`,children:o})]})}exports.JsonInput=a;
+module.exports = require("../../src/components/inputs/json-input.cjs")

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

@@ -1,8 +1,9 @@
 import * as React from "react";
-export type JsonInputProps = React.ComponentProps<"textarea"> & {
+export type JsonInputProps = Omit<React.ComponentProps<"textarea">, "value" | "defaultValue"> & {
     value?: string;
+    defaultValue?: string;
     onValueChange?: (value: string, parsed: unknown | null, valid: boolean) => void;
     invalidText?: React.ReactNode;
 };
-declare function JsonInput({ value, onValueChange, invalidText, className, onChange, ...props }: JsonInputProps): React.JSX.Element;
+declare function JsonInput({ value: valueProp, defaultValue, onValueChange, invalidText, className, onChange, ...props }: JsonInputProps): React.JSX.Element;
 export { JsonInput };

package/dist/components/inputs/json-input.js

@@ -1,48 +1 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/inputs/json-input.tsx
-function i(e) {
-	if (!e.trim()) return {
-		parsed: null,
-		valid: !0
-	};
-	try {
-		return {
-			parsed: JSON.parse(e),
-			valid: !0
-		};
-	} catch {
-		return {
-			parsed: null,
-			valid: !1
-		};
-	}
-}
-function a({ value: a = "", onValueChange: o, invalidText: s = "Invalid JSON", className: c, onChange: l, ...u }) {
-	let [d, f] = t.useState(!0);
-	t.useEffect(() => {
-		f(i(a).valid);
-	}, [a]);
-	function p(e) {
-		let t = e.target.value, n = i(t);
-		f(n.valid), o?.(t, n.parsed, n.valid), l?.(e);
-	}
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "json-input",
-		className: "grid gap-1.5",
-		children: [/* @__PURE__ */ n("textarea", {
-			value: a,
-			spellCheck: !1,
-			className: e("min-h-32 rounded-md border bg-background p-3 font-mono text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring", !d && "border-destructive", c),
-			onChange: p,
-			...u
-		}), !d && /* @__PURE__ */ n("p", {
-			className: "text-sm text-destructive",
-			children: s
-		})]
-	});
-}
-//#endregion
-export { a as JsonInput };
+export * from "../../src/components/inputs/json-input.js"

package/dist/components/inputs/otp-input.cjs

@@ -1 +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");function i({value:e,defaultValue:i=``,onValueChange:a,length:o=6,disabled:s=!1,inputMode:c=`numeric`,pattern:l=`[0-9]*`,mask:u=!1,labels:d,className:f,...p}){let[m,h]=n.useState(i.slice(0,o)),g=(e??m).slice(0,o),_=n.useRef([]),v=t=>{let n=t.slice(0,o);e===void 0&&h(n),a?.(n)},y=(e,t)=>{let n=String(Array.isArray(g)?g.join(``):g).padEnd(o,` `).split(``);n[e]=t.slice(-1),v(n.join(``).replace(/\s+$/g,``))},b=e=>{_.current[Math.max(0,Math.min(e,o-1))]?.focus()};return(0,r.jsx)(`div`,{"data-slot":`otp-input`,role:`group`,"aria-label":d?.group??`One-time password`,className:t.cn(`flex items-center gap-2`,f),...p,children:Array.from({length:o},(e,t)=>(0,r.jsx)(`input`,{ref:e=>{_.current[t]=e},"aria-label":d?.cell?.(t)??`Digit ${t+1}`,inputMode:c,pattern:l,type:u?`password`:`text`,autoComplete:`one-time-code`,maxLength:1,disabled:s,value:g[t]??``,className:`flex size-10 rounded-md border bg-background text-center text-sm font-medium outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,onChange:e=>{let n=e.currentTarget.value;y(t,n),n&&b(t+1)},onKeyDown:e=>{e.key===`Backspace`&&!g[t]&&(e.preventDefault(),b(t-1),y(t-1,``)),e.key===`ArrowLeft`&&b(t-1),e.key===`ArrowRight`&&b(t+1)},onPaste:e=>{e.preventDefault();let t=e.clipboardData.getData(`text`).trim();v(t),b(Math.min(t.length,o-1))}},t))})}exports.OtpInput=i;
+module.exports = require("../../src/components/inputs/otp-input.cjs")

package/dist/components/inputs/otp-input.js

@@ -1,51 +1 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/inputs/otp-input.tsx
-function r({ value: r, defaultValue: i = "", onValueChange: a, length: o = 6, disabled: s = !1, inputMode: c = "numeric", pattern: l = "[0-9]*", mask: u = !1, labels: d, className: f, ...p }) {
-	let [m, h] = t.useState(i.slice(0, o)), g = (r ?? m).slice(0, o), _ = t.useRef([]), v = (e) => {
-		let t = e.slice(0, o);
-		r === void 0 && h(t), a?.(t);
-	}, y = (e, t) => {
-		let n = String(Array.isArray(g) ? g.join("") : g).padEnd(o, " ").split("");
-		n[e] = t.slice(-1), v(n.join("").replace(/\s+$/g, ""));
-	}, b = (e) => {
-		_.current[Math.max(0, Math.min(e, o - 1))]?.focus();
-	};
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "otp-input",
-		role: "group",
-		"aria-label": d?.group ?? "One-time password",
-		className: e("flex items-center gap-2", f),
-		...p,
-		children: Array.from({ length: o }, (e, t) => /* @__PURE__ */ n("input", {
-			ref: (e) => {
-				_.current[t] = e;
-			},
-			"aria-label": d?.cell?.(t) ?? `Digit ${t + 1}`,
-			inputMode: c,
-			pattern: l,
-			type: u ? "password" : "text",
-			autoComplete: "one-time-code",
-			maxLength: 1,
-			disabled: s,
-			value: g[t] ?? "",
-			className: "flex size-10 rounded-md border bg-background text-center text-sm font-medium outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-			onChange: (e) => {
-				let n = e.currentTarget.value;
-				y(t, n), n && b(t + 1);
-			},
-			onKeyDown: (e) => {
-				e.key === "Backspace" && !g[t] && (e.preventDefault(), b(t - 1), y(t - 1, "")), e.key === "ArrowLeft" && b(t - 1), e.key === "ArrowRight" && b(t + 1);
-			},
-			onPaste: (e) => {
-				e.preventDefault();
-				let t = e.clipboardData.getData("text").trim();
-				v(t), b(Math.min(t.length, o - 1));
-			}
-		}, t))
-	});
-}
-//#endregion
-export { r as OtpInput };
+export * from "../../src/components/inputs/otp-input.js"

package/dist/components/inputs/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./async-select.cjs"),t=require("./otp-input.cjs"),n=require("./rating.cjs"),r=require("./slider.cjs"),i=require("./tag-input.cjs"),a=require("./inline-editable.cjs"),o=require("./json-input.cjs"),s=require("./time-picker.cjs");exports.AsyncMultiSelect=e.AsyncMultiSelect,exports.AsyncSelect=e.AsyncSelect,exports.DateTimePicker=s.DateTimePicker,exports.InlineEditable=a.InlineEditable,exports.JsonInput=o.JsonInput,exports.OtpInput=t.OtpInput,exports.RangeSlider=r.RangeSlider,exports.Rating=n.Rating,exports.Slider=r.Slider,exports.TagInput=i.TagInput,exports.TimePicker=s.TimePicker,exports.TimeRangePicker=s.TimeRangePicker;
+module.exports = require("../../src/components/inputs/public.cjs")

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

@@ -6,3 +6,5 @@ export * from "./tag-input";
 export * from "./inline-editable";
 export * from "./json-input";
 export * from "./time-picker";
+export * from "./color-picker";
+export * from "./signature-pad";

package/dist/components/inputs/public.js

@@ -1,9 +1 @@
-import { AsyncMultiSelect as e, AsyncSelect as t } from "./async-select.js";
-import { OtpInput as n } from "./otp-input.js";
-import { Rating as r } from "./rating.js";
-import { RangeSlider as i, Slider as a } from "./slider.js";
-import { TagInput as o } from "./tag-input.js";
-import { InlineEditable as s } from "./inline-editable.js";
-import { JsonInput as c } from "./json-input.js";
-import { DateTimePicker as l, TimePicker as u, TimeRangePicker as d } from "./time-picker.js";
-export { e as AsyncMultiSelect, t as AsyncSelect, l as DateTimePicker, s as InlineEditable, c as JsonInput, n as OtpInput, i as RangeSlider, r as Rating, a as Slider, o as TagInput, u as TimePicker, d as TimeRangePicker };
+export * from "../../src/components/inputs/public.js"

package/dist/components/inputs/rating.cjs

@@ -1 +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("lucide-react"),i=require("react/jsx-runtime");function a({value:e,defaultValue:a=0,onValueChange:o,count:s=5,allowClear:c=!0,disabled:l=!1,readOnly:u=!1,labels:d,icon:f,className:p,...m}){let[h,g]=n.useState(a),[_,v]=n.useState(null),y=e??h,b=_??y,x=!l&&!u,S=t=>{if(!x)return;let n=c&&t===y?0:t;e===void 0&&g(n),o?.(n)},C=(e,t)=>{x&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S(t))};return(0,i.jsxs)(`div`,{"data-slot":`rating`,role:`radiogroup`,"aria-disabled":l||void 0,className:t.cn(`inline-flex min-h-11 items-center gap-1.5 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-2 py-1.5 shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,p),onMouseLeave:()=>v(null),...m,children:[Array.from({length:s},(e,n)=>{let a=n+1,o=a<=b;return(0,i.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":a===y,"aria-label":d?.rate?.(a)??`Rate ${a}`,disabled:l,tabIndex:u?-1:0,className:t.cn(`inline-flex size-8 items-center justify-center rounded-full text-[color:var(--aui-text-muted)] outline-none transition duration-150 focus-visible:ring-2 focus-visible:ring-[color:var(--aui-brand-strong)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--aui-page-bg)] disabled:pointer-events-none disabled:opacity-50`,x&&`hover:bg-[color:var(--aui-control-bg)] hover:text-[color:var(--aui-brand-strong)]`,o&&`bg-[color:color-mix(in_srgb,var(--aui-brand-strong)_16%,transparent)] text-[color:var(--aui-brand-strong)]`),onMouseEnter:()=>x&&v(a),onClick:()=>S(a),onKeyDown:e=>C(e,a),children:f??(0,i.jsx)(r.StarIcon,{className:t.cn(`size-4.5`,o&&`fill-current`)})},a)}),c&&y>0&&x&&(0,i.jsx)(`button`,{type:`button`,className:`ml-1 inline-flex h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground`,onClick:()=>S(0),children:d?.clear??`Clear`})]})}exports.Rating=a;
+module.exports = require("../../src/components/inputs/rating.cjs")

package/dist/components/inputs/rating.js

@@ -1,46 +1 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { StarIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/inputs/rating.tsx
-function a({ value: a, defaultValue: o = 0, onValueChange: s, count: c = 5, allowClear: l = !0, disabled: u = !1, readOnly: d = !1, labels: f, icon: p, className: m, ...h }) {
-	let [g, _] = t.useState(o), [v, y] = t.useState(null), b = a ?? g, x = v ?? b, S = !u && !d, C = (e) => {
-		if (!S) return;
-		let t = l && e === b ? 0 : e;
-		a === void 0 && _(t), s?.(t);
-	}, w = (e, t) => {
-		S && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C(t));
-	};
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "rating",
-		role: "radiogroup",
-		"aria-disabled": u || void 0,
-		className: e("inline-flex min-h-11 items-center gap-1.5 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-2 py-1.5 shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]", m),
-		onMouseLeave: () => y(null),
-		...h,
-		children: [Array.from({ length: c }, (t, i) => {
-			let a = i + 1, o = a <= x;
-			return /* @__PURE__ */ r("button", {
-				type: "button",
-				role: "radio",
-				"aria-checked": a === b,
-				"aria-label": f?.rate?.(a) ?? `Rate ${a}`,
-				disabled: u,
-				tabIndex: d ? -1 : 0,
-				className: e("inline-flex size-8 items-center justify-center rounded-full text-[color:var(--aui-text-muted)] outline-none transition duration-150 focus-visible:ring-2 focus-visible:ring-[color:var(--aui-brand-strong)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--aui-page-bg)] disabled:pointer-events-none disabled:opacity-50", S && "hover:bg-[color:var(--aui-control-bg)] hover:text-[color:var(--aui-brand-strong)]", o && "bg-[color:color-mix(in_srgb,var(--aui-brand-strong)_16%,transparent)] text-[color:var(--aui-brand-strong)]"),
-				onMouseEnter: () => S && y(a),
-				onClick: () => C(a),
-				onKeyDown: (e) => w(e, a),
-				children: p ?? /* @__PURE__ */ r(n, { className: e("size-4.5", o && "fill-current") })
-			}, a);
-		}), l && b > 0 && S && /* @__PURE__ */ r("button", {
-			type: "button",
-			className: "ml-1 inline-flex h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground",
-			onClick: () => C(0),
-			children: f?.clear ?? "Clear"
-		})]
-	});
-}
-//#endregion
-export { a as Rating };
+export * from "../../src/components/inputs/rating.js"

package/dist/components/inputs/signature-pad.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/inputs/signature-pad.cjs")

package/dist/components/inputs/signature-pad.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+export type SignaturePoint = {
+    x: number;
+    y: number;
+    pressure: number;
+};
+export type SignatureStroke = SignaturePoint[];
+export type SignaturePadHandle = {
+    clear: () => void;
+    undo: () => void;
+    toDataURL: (type?: string, quality?: number) => string;
+};
+export type SignaturePadProps = Omit<React.ComponentProps<"div">, "defaultValue" | "onChange"> & {
+    value?: SignatureStroke[];
+    defaultValue?: SignatureStroke[];
+    onValueChange?: (strokes: SignatureStroke[]) => void;
+    onStrokeEnd?: (stroke: SignatureStroke) => void;
+    width?: number;
+    height?: number;
+    lineWidth?: number;
+    color?: string;
+    backgroundColor?: string;
+    disabled?: boolean;
+    labels?: {
+        canvas?: string;
+        undo?: string;
+        clear?: string;
+    };
+};
+declare function drawSignature(canvas: HTMLCanvasElement, strokes: SignatureStroke[], options: {
+    color: string;
+    lineWidth: number;
+    backgroundColor: string;
+}): void;
+declare const SignaturePad: React.ForwardRefExoticComponent<Omit<SignaturePadProps, "ref"> & React.RefAttributes<SignaturePadHandle>>;
+export { SignaturePad, drawSignature };

package/dist/components/inputs/signature-pad.js

@@ -0,0 +1 @@
+export * from "../../src/components/inputs/signature-pad.js"

package/dist/components/inputs/slider.cjs

@@ -1 +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");function i(e,t,n){return Math.min(Math.max(e,t),n)}function a(e,t,n){return n<=t?0:(e-t)/(n-t)*100}function o(e,t,n){let r=a(i(e,t,n),t,n);return{background:`linear-gradient(90deg, var(--aui-brand-strong) 0%, var(--aui-brand-strong) ${r}%, var(--aui-control-bg) ${r}%, var(--aui-control-bg) 100%)`}}function s({value:e,defaultValue:i=0,onValueChange:a,min:s=0,max:c=100,step:l=1,label:u,description:d,showValue:f=!1,formatValue:p,className:m,disabled:h,...g}){let[_,v]=n.useState(i),y=e??_,b=p?.(y)??y,x=t=>{e===void 0&&v(t),a?.(t)};return(0,r.jsxs)(`div`,{"data-slot":`slider`,className:t.cn(`grid gap-3`,m),children:[(u||d||f)&&(0,r.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[u&&(0,r.jsx)(`label`,{className:`text-sm font-semibold tracking-tight text-foreground`,children:u}),d&&(0,r.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:d})]}),f&&(0,r.jsx)(`div`,{className:`inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm`,children:b})]}),(0,r.jsx)(`input`,{"data-slot":`slider-input`,type:`range`,value:y,min:s,max:c,step:l,disabled:h,style:o(y,s,c),className:`h-3 w-full cursor-pointer appearance-none rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)] outline-none transition hover:brightness-[1.02] disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-thumb]:transition [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(e.currentTarget.valueAsNumber),...g})]})}function c(e,t,n){let r=a(i(e[0],t,n),t,n),o=a(i(e[1],t,n),t,n);return{left:`${r}%`,width:`${Math.max(o-r,0)}%`}}function l({value:e,defaultValue:i=[0,100],onValueChange:a,min:o=0,max:s=100,step:l=1,label:u,description:d,showValue:f=!1,formatValue:p,className:m,disabled:h,...g}){let[_,v]=n.useState(i),y=e??_,b=p?.(y)??`${y[0]} - ${y[1]}`,x=(t,n)=>{let r=t===0?[Math.min(n,y[1]),y[1]]:[y[0],Math.max(n,y[0])];e===void 0&&v(r),a?.(r)};return(0,r.jsxs)(`div`,{"data-slot":`range-slider`,className:t.cn(`grid gap-3`,m),children:[(u||d||f)&&(0,r.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[u&&(0,r.jsx)(`label`,{className:`text-sm font-semibold tracking-tight text-foreground`,children:u}),d&&(0,r.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:d})]}),f&&(0,r.jsx)(`div`,{className:`inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm`,children:b})]}),(0,r.jsxs)(`div`,{className:`grid gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-4 py-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.3)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,children:[(0,r.jsxs)(`div`,{className:`relative h-6`,children:[(0,r.jsx)(`div`,{className:`absolute top-1/2 h-3 w-full -translate-y-1/2 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)]`}),(0,r.jsx)(`div`,{className:`absolute top-1/2 h-3 -translate-y-1/2 rounded-full bg-[color:var(--aui-brand-strong)] shadow-[0_8px_24px_rgba(16,185,129,0.18)]`,style:c(y,o,s)})]}),(0,r.jsxs)(`div`,{className:`relative -mt-8 h-6`,children:[(0,r.jsx)(`input`,{type:`range`,value:y[0],min:o,max:s,step:l,disabled:h,className:`pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(0,e.currentTarget.valueAsNumber),...g}),(0,r.jsx)(`input`,{type:`range`,value:y[1],min:o,max:s,step:l,disabled:h,className:`pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(1,e.currentTarget.valueAsNumber),...g})]})]})]})}exports.RangeSlider=l,exports.Slider=s;
+module.exports = require("../../src/components/inputs/slider.cjs")

package/dist/components/inputs/slider.js

@@ -1,119 +1 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/inputs/slider.tsx
-function i(e, t, n) {
-	return Math.min(Math.max(e, t), n);
-}
-function a(e, t, n) {
-	return n <= t ? 0 : (e - t) / (n - t) * 100;
-}
-function o(e, t, n) {
-	let r = a(i(e, t, n), t, n);
-	return { background: `linear-gradient(90deg, var(--aui-brand-strong) 0%, var(--aui-brand-strong) ${r}%, var(--aui-control-bg) ${r}%, var(--aui-control-bg) 100%)` };
-}
-function s({ value: i, defaultValue: a = 0, onValueChange: s, min: c = 0, max: l = 100, step: u = 1, label: d, description: f, showValue: p = !1, formatValue: m, className: h, disabled: g, ..._ }) {
-	let [v, y] = t.useState(a), b = i ?? v, x = m?.(b) ?? b, S = (e) => {
-		i === void 0 && y(e), s?.(e);
-	};
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "slider",
-		className: e("grid gap-3", h),
-		children: [(d || f || p) && /* @__PURE__ */ r("div", {
-			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ r("div", {
-				className: "grid gap-1",
-				children: [d && /* @__PURE__ */ n("label", {
-					className: "text-sm font-semibold tracking-tight text-foreground",
-					children: d
-				}), f && /* @__PURE__ */ n("div", {
-					className: "text-xs leading-5 text-muted-foreground",
-					children: f
-				})]
-			}), p && /* @__PURE__ */ n("div", {
-				className: "inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm",
-				children: x
-			})]
-		}), /* @__PURE__ */ n("input", {
-			"data-slot": "slider-input",
-			type: "range",
-			value: b,
-			min: c,
-			max: l,
-			step: u,
-			disabled: g,
-			style: o(b, c, l),
-			className: "h-3 w-full cursor-pointer appearance-none rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)] outline-none transition hover:brightness-[1.02] disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-thumb]:transition [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]",
-			onChange: (e) => S(e.currentTarget.valueAsNumber),
-			..._
-		})]
-	});
-}
-function c(e, t, n) {
-	let r = a(i(e[0], t, n), t, n), o = a(i(e[1], t, n), t, n);
-	return {
-		left: `${r}%`,
-		width: `${Math.max(o - r, 0)}%`
-	};
-}
-function l({ value: i, defaultValue: a = [0, 100], onValueChange: o, min: s = 0, max: l = 100, step: u = 1, label: d, description: f, showValue: p = !1, formatValue: m, className: h, disabled: g, ..._ }) {
-	let [v, y] = t.useState(a), b = i ?? v, x = m?.(b) ?? `${b[0]} - ${b[1]}`, S = (e, t) => {
-		let n = e === 0 ? [Math.min(t, b[1]), b[1]] : [b[0], Math.max(t, b[0])];
-		i === void 0 && y(n), o?.(n);
-	};
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "range-slider",
-		className: e("grid gap-3", h),
-		children: [(d || f || p) && /* @__PURE__ */ r("div", {
-			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ r("div", {
-				className: "grid gap-1",
-				children: [d && /* @__PURE__ */ n("label", {
-					className: "text-sm font-semibold tracking-tight text-foreground",
-					children: d
-				}), f && /* @__PURE__ */ n("div", {
-					className: "text-xs leading-5 text-muted-foreground",
-					children: f
-				})]
-			}), p && /* @__PURE__ */ n("div", {
-				className: "inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm",
-				children: x
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "grid gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-4 py-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.3)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]",
-			children: [/* @__PURE__ */ r("div", {
-				className: "relative h-6",
-				children: [/* @__PURE__ */ n("div", { className: "absolute top-1/2 h-3 w-full -translate-y-1/2 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)]" }), /* @__PURE__ */ n("div", {
-					className: "absolute top-1/2 h-3 -translate-y-1/2 rounded-full bg-[color:var(--aui-brand-strong)] shadow-[0_8px_24px_rgba(16,185,129,0.18)]",
-					style: c(b, s, l)
-				})]
-			}), /* @__PURE__ */ r("div", {
-				className: "relative -mt-8 h-6",
-				children: [/* @__PURE__ */ n("input", {
-					type: "range",
-					value: b[0],
-					min: s,
-					max: l,
-					step: u,
-					disabled: g,
-					className: "pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]",
-					onChange: (e) => S(0, e.currentTarget.valueAsNumber),
-					..._
-				}), /* @__PURE__ */ n("input", {
-					type: "range",
-					value: b[1],
-					min: s,
-					max: l,
-					step: u,
-					disabled: g,
-					className: "pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]",
-					onChange: (e) => S(1, e.currentTarget.valueAsNumber),
-					..._
-				})]
-			})]
-		})]
-	});
-}
-//#endregion
-export { l as RangeSlider, s as Slider };
+export * from "../../src/components/inputs/slider.js"

package/dist/components/inputs/tag-input.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({value:e,defaultValue:s=[],onValueChange:c,placeholder:l=`Add tag...`,disabled:u=!1,readOnly:d=!1,maxTags:f,allowDuplicates:p=!1,separators:m=[`,`,`Enter`],normalizeTag:h=e=>e.trim(),className:g,..._}){let v=e!==void 0,[y,b]=i.useState(s),[x,S]=i.useState(``),C=v?e:y,w=f!==void 0&&C.length>=f,T=i.useCallback(e=>{v||b(e),c?.(e)},[v,c]),E=i.useCallback(e=>{let t=h(e);t&&(f!==void 0&&C.length>=f||!p&&C.includes(t)||(T([...C,t]),S(``)))},[p,f,h,T,C]),D=i.useCallback(e=>{T(C.filter(t=>t!==e))},[T,C]);return(0,o.jsx)(`div`,{"data-slot":`tag-input`,className:t.cn(`grid gap-2`,g),..._,children:(0,o.jsxs)(`div`,{className:t.cn(`flex min-h-12 flex-wrap items-center gap-2 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_78%,white_22%)] px-3 py-2.5 shadow-sm transition focus-within:border-[color:var(--aui-brand-strong)] focus-within:ring-4 focus-within:ring-[color:color-mix(in_srgb,var(--aui-brand-strong)_14%,transparent)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,u&&`opacity-60`,d&&`bg-muted/30`),children:[C.map(e=>(0,o.jsxs)(r.Badge,{variant:`secondary`,className:`h-8 gap-1 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-3 pr-1 text-[13px] font-medium shadow-sm`,children:[e,!d&&!u&&(0,o.jsx)(`button`,{type:`button`,className:`inline-flex size-5 items-center justify-center rounded-full text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground`,onClick:n=>{t.stopInteractivePropagation(n),D(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,o.jsx)(a.XIcon,{className:`size-3`})})]},e)),!d&&(0,o.jsx)(n.Input,{value:x,disabled:u||w,placeholder:l,className:`h-8 min-w-32 flex-1 border-0 bg-transparent px-1 text-sm shadow-none placeholder:text-[color:var(--aui-text-muted)] focus-visible:ring-0`,onChange:e=>S(e.target.value),onBlur:()=>E(x),onKeyDown:e=>{m.includes(e.key)&&(e.preventDefault(),E(x)),e.key===`Backspace`&&!x&&C.length&&D(C[C.length-1])}}),f!==void 0&&(0,o.jsxs)(`span`,{className:`ml-auto text-xs font-medium text-muted-foreground`,children:[C.length,`/`,f]})]})})}exports.TagInput=s;
+module.exports = require("../../src/components/inputs/tag-input.cjs")

package/dist/components/inputs/tag-input.js

@@ -1,69 +1 @@
-"use client";
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
-import { Input as n } from "../ui/input/index.js";
-import { Badge as r } from "../ui/badge/index.js";
-import * as i from "react";
-import { XIcon as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/inputs/tag-input.tsx
-function c({ value: c, defaultValue: l = [], onValueChange: u, placeholder: d = "Add tag...", disabled: f = !1, readOnly: p = !1, maxTags: m, allowDuplicates: h = !1, separators: g = [",", "Enter"], normalizeTag: _ = (e) => e.trim(), className: v, ...y }) {
-	let b = c !== void 0, [x, S] = i.useState(l), [C, w] = i.useState(""), T = b ? c : x, E = m !== void 0 && T.length >= m, D = i.useCallback((e) => {
-		b || S(e), u?.(e);
-	}, [b, u]), O = i.useCallback((e) => {
-		let t = _(e);
-		t && (m !== void 0 && T.length >= m || !h && T.includes(t) || (D([...T, t]), w("")));
-	}, [
-		h,
-		m,
-		_,
-		D,
-		T
-	]), k = i.useCallback((e) => {
-		D(T.filter((t) => t !== e));
-	}, [D, T]);
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "tag-input",
-		className: e("grid gap-2", v),
-		...y,
-		children: /* @__PURE__ */ s("div", {
-			className: e("flex min-h-12 flex-wrap items-center gap-2 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_78%,white_22%)] px-3 py-2.5 shadow-sm transition focus-within:border-[color:var(--aui-brand-strong)] focus-within:ring-4 focus-within:ring-[color:color-mix(in_srgb,var(--aui-brand-strong)_14%,transparent)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]", f && "opacity-60", p && "bg-muted/30"),
-			children: [
-				T.map((e) => /* @__PURE__ */ s(r, {
-					variant: "secondary",
-					className: "h-8 gap-1 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-3 pr-1 text-[13px] font-medium shadow-sm",
-					children: [e, !p && !f && /* @__PURE__ */ o("button", {
-						type: "button",
-						className: "inline-flex size-5 items-center justify-center rounded-full text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground",
-						onClick: (n) => {
-							t(n), k(e);
-						},
-						onMouseDown: t,
-						onDoubleClick: t,
-						children: /* @__PURE__ */ o(a, { className: "size-3" })
-					})]
-				}, e)),
-				!p && /* @__PURE__ */ o(n, {
-					value: C,
-					disabled: f || E,
-					placeholder: d,
-					className: "h-8 min-w-32 flex-1 border-0 bg-transparent px-1 text-sm shadow-none placeholder:text-[color:var(--aui-text-muted)] focus-visible:ring-0",
-					onChange: (e) => w(e.target.value),
-					onBlur: () => O(C),
-					onKeyDown: (e) => {
-						g.includes(e.key) && (e.preventDefault(), O(C)), e.key === "Backspace" && !C && T.length && k(T[T.length - 1]);
-					}
-				}),
-				m !== void 0 && /* @__PURE__ */ s("span", {
-					className: "ml-auto text-xs font-medium text-muted-foreground",
-					children: [
-						T.length,
-						"/",
-						m
-					]
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { c as TagInput };
+export * from "../../src/components/inputs/tag-input.js"

package/dist/components/inputs/time-picker.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("react/jsx-runtime");function i({label:e,className:n,children:i}){return(0,r.jsxs)(`label`,{className:t.cn(`grid gap-1.5 text-sm`,n),children:[e&&(0,r.jsx)(`span`,{className:`font-medium`,children:e}),i]})}function a({label:e,className:n,...a}){return(0,r.jsx)(i,{label:e,children:(0,r.jsx)(`input`,{type:`time`,className:t.cn(`h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring`,n),...a})})}function o({label:e,className:n,...a}){return(0,r.jsx)(i,{label:e,children:(0,r.jsx)(`input`,{type:`datetime-local`,className:t.cn(`h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring`,n),...a})})}function s({from:e,to:n,onFromChange:i,onToChange:o,disabled:s,className:c,...l}){return(0,r.jsxs)(`div`,{"data-slot":`time-range-picker`,className:t.cn(`grid gap-2 sm:grid-cols-2`,c),...l,children:[(0,r.jsx)(a,{value:e,disabled:s,onChange:e=>i?.(e.target.value)}),(0,r.jsx)(a,{value:n,disabled:s,onChange:e=>o?.(e.target.value)})]})}exports.DateTimePicker=o,exports.TimePicker=a,exports.TimeRangePicker=s;
+module.exports = require("../../src/components/inputs/time-picker.cjs")

package/dist/components/inputs/time-picker.js

@@ -1,51 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/inputs/time-picker.tsx
-function r({ label: r, className: i, children: a }) {
-	return /* @__PURE__ */ n("label", {
-		className: e("grid gap-1.5 text-sm", i),
-		children: [r && /* @__PURE__ */ t("span", {
-			className: "font-medium",
-			children: r
-		}), a]
-	});
-}
-function i({ label: n, className: i, ...a }) {
-	return /* @__PURE__ */ t(r, {
-		label: n,
-		children: /* @__PURE__ */ t("input", {
-			type: "time",
-			className: e("h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring", i),
-			...a
-		})
-	});
-}
-function a({ label: n, className: i, ...a }) {
-	return /* @__PURE__ */ t(r, {
-		label: n,
-		children: /* @__PURE__ */ t("input", {
-			type: "datetime-local",
-			className: e("h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring", i),
-			...a
-		})
-	});
-}
-function o({ from: r, to: a, onFromChange: o, onToChange: s, disabled: c, className: l, ...u }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "time-range-picker",
-		className: e("grid gap-2 sm:grid-cols-2", l),
-		...u,
-		children: [/* @__PURE__ */ t(i, {
-			value: r,
-			disabled: c,
-			onChange: (e) => o?.(e.target.value)
-		}), /* @__PURE__ */ t(i, {
-			value: a,
-			disabled: c,
-			onChange: (e) => s?.(e.target.value)
-		})]
-	});
-}
-//#endregion
-export { a as DateTimePicker, i as TimePicker, o as TimeRangePicker };
+export * from "../../src/components/inputs/time-picker.js"

package/dist/components/layout/app-header.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("react/jsx-runtime");function i({className:e,left:n,center:i,right:a,sticky:o=!0,heightClassName:s=`h-14`,children:c,...l}){return(0,r.jsx)(`header`,{"data-slot":`app-header`,"data-sticky":o||void 0,className:t.cn(`z-30 flex shrink-0 items-center gap-3 border-b bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80`,o&&`sticky top-0`,s,e),...l,children:c??(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:n}),i&&(0,r.jsx)(`div`,{className:`hidden min-w-0 flex-1 items-center justify-center md:flex`,children:i}),a&&(0,r.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a})]})})}exports.AppHeader=i;
+module.exports = require("../../src/components/layout/app-header.cjs")