tembro 3.0.0 → 3.1.5

package/dist/src/components/inputs/color-picker.js

@@ -0,0 +1,124 @@
+"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/color-picker.tsx
+var i = /^#?([0-9a-f]{6})([0-9a-f]{2})?$/i;
+function a(e, t = "#000000") {
+	let n = e.trim().match(i);
+	return n ? `#${n[1].toLowerCase()}${n[2]?.toLowerCase() ?? ""}` : t;
+}
+function o(e) {
+	return a(e).slice(0, 7);
+}
+function s(e) {
+	let t = a(e);
+	return t.length === 9 ? Math.round(Number.parseInt(t.slice(7, 9), 16) / 255 * 100) : 100;
+}
+function c(e, t, n) {
+	let r = o(e);
+	return n ? `${r}${Math.round(Math.min(100, Math.max(0, t)) / 100 * 255).toString(16).padStart(2, "0")}` : r;
+}
+function l({ value: a, defaultValue: l = "#2563eb", onValueChange: u, swatches: d = [
+	"#0f172a",
+	"#2563eb",
+	"#059669",
+	"#d97706",
+	"#dc2626",
+	"#7c3aed"
+], showAlpha: f = !1, disabled: p = !1, label: m, labels: h, className: g, ..._ }) {
+	let [v, y] = t.useState(() => c(l, s(l), f)), b = c(a ?? v, s(a ?? v), f), [x, S] = t.useState(b);
+	t.useEffect(() => S(b), [b]);
+	let C = (e) => {
+		let t = c(e, s(e), f);
+		a === void 0 && y(t), u?.(t);
+	}, w = () => {
+		if (!i.test(x.trim())) {
+			S(b);
+			return;
+		}
+		C(x);
+	};
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "color-picker",
+		className: e("grid gap-3", g),
+		..._,
+		children: [
+			m ? /* @__PURE__ */ n("div", {
+				className: "text-sm font-medium text-foreground",
+				children: m
+			}) : null,
+			/* @__PURE__ */ r("div", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [/* @__PURE__ */ r("label", {
+					className: "relative size-10 shrink-0 overflow-hidden rounded-md border bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring",
+					children: [/* @__PURE__ */ n("span", {
+						className: "sr-only",
+						children: h?.color ?? "Choose color"
+					}), /* @__PURE__ */ n("input", {
+						type: "color",
+						"aria-label": h?.color ?? "Choose color",
+						value: o(b),
+						disabled: p,
+						className: "absolute -inset-2 size-14 cursor-pointer border-0 bg-transparent p-0 disabled:cursor-not-allowed",
+						onChange: (e) => C(c(e.target.value, s(b), f))
+					})]
+				}), /* @__PURE__ */ n("input", {
+					"aria-label": h?.hex ?? "Hex color",
+					value: x,
+					disabled: p,
+					spellCheck: !1,
+					className: "h-10 min-w-0 flex-1 rounded-md border bg-background px-3 font-mono text-sm uppercase outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+					onChange: (e) => S(e.target.value),
+					onBlur: w,
+					onKeyDown: (e) => {
+						e.key === "Enter" && (e.preventDefault(), w()), e.key === "Escape" && S(b);
+					}
+				})]
+			}),
+			f ? /* @__PURE__ */ r("label", {
+				className: "grid grid-cols-[1fr_auto] items-center gap-3 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ n("span", {
+						className: "sr-only",
+						children: h?.alpha ?? "Opacity"
+					}),
+					/* @__PURE__ */ n("input", {
+						type: "range",
+						min: "0",
+						max: "100",
+						value: s(b),
+						disabled: p,
+						"aria-label": h?.alpha ?? "Opacity",
+						className: "w-full accent-foreground disabled:cursor-not-allowed",
+						onChange: (e) => C(c(b, Number(e.target.value), !0))
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "w-10 text-right tabular-nums",
+						children: [s(b), "%"]
+					})
+				]
+			}) : null,
+			d.length > 0 ? /* @__PURE__ */ n("div", {
+				role: "list",
+				"aria-label": "Color swatches",
+				className: "flex flex-wrap gap-2",
+				children: d.map((e) => {
+					let t = c(e, s(b), f), r = o(t) === o(b);
+					return /* @__PURE__ */ n("button", {
+						type: "button",
+						role: "listitem",
+						"aria-label": `Use ${e}`,
+						"aria-pressed": r,
+						disabled: p,
+						className: "size-7 rounded-md border border-black/10 shadow-sm outline-none ring-offset-2 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+						style: { backgroundColor: o(t) },
+						onClick: () => C(t)
+					}, e);
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { l as ColorPicker, s as getAlphaPercent, a as normalizeHexColor, c as withAlpha };

package/dist/src/components/inputs/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`async-select`,`AsyncSelect`,`inputs`,`Remote select member for server search, hydration and large datasets.`),e.component(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),e.component(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),e.component(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),e.component(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),e.component(`color-input`,`ColorInput`,`inputs`,`Theme and accent color field with native color selection.`),e.component(`inline-editable`,`InlineEditable`,`inputs`,`Inline text editing for compact dashboards and settings tables.`),e.component(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`)]);exports.inputsShowcaseDemoRegistry=t;

package/dist/src/components/inputs/demo.js

@@ -0,0 +1,14 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/inputs/demo.tsx
+var n = t([
+	e("async-select", "AsyncSelect", "inputs", "Remote select member for server search, hydration and large datasets."),
+	e("slider", "Slider", "inputs", "Single value range control for density, threshold, and score tuning."),
+	e("range-slider", "RangeSlider", "inputs", "Two-handle slider for min/max filtering."),
+	e("rating", "Rating", "inputs", "Compact score input for feedback and review flows."),
+	e("otp-input", "OtpInput", "inputs", "One-time code entry with fixed-length slots."),
+	e("color-input", "ColorInput", "inputs", "Theme and accent color field with native color selection."),
+	e("inline-editable", "InlineEditable", "inputs", "Inline text editing for compact dashboards and settings tables."),
+	e("tag-input", "TagInput", "inputs", "Tokenized text input for labels, skills, and quick filters.")
+]);
+//#endregion
+export { n as inputsShowcaseDemoRegistry };

package/dist/src/components/inputs/index.cjs

@@ -0,0 +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"),c=require("./color-picker.cjs"),l=require("./signature-pad.cjs");exports.AsyncMultiSelect=e.AsyncMultiSelect,exports.AsyncSelect=e.AsyncSelect,exports.ColorPicker=c.ColorPicker,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.SignaturePad=l.SignaturePad,exports.Slider=r.Slider,exports.TagInput=i.TagInput,exports.TimePicker=s.TimePicker,exports.TimeRangePicker=s.TimeRangePicker,exports.drawSignature=l.drawSignature,exports.getAlphaPercent=c.getAlphaPercent,exports.normalizeHexColor=c.normalizeHexColor,exports.withAlpha=c.withAlpha;

package/dist/src/components/inputs/index.js

@@ -0,0 +1,11 @@
+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";
+import { ColorPicker as f, getAlphaPercent as p, normalizeHexColor as m, withAlpha as h } from "./color-picker.js";
+import { SignaturePad as g, drawSignature as _ } from "./signature-pad.js";
+export { e as AsyncMultiSelect, t as AsyncSelect, f as ColorPicker, l as DateTimePicker, s as InlineEditable, c as JsonInput, n as OtpInput, i as RangeSlider, r as Rating, g as SignaturePad, a as Slider, o as TagInput, u as TimePicker, d as TimeRangePicker, _ as drawSignature, p as getAlphaPercent, m as normalizeHexColor, h as withAlpha };

package/dist/src/components/inputs/inline-editable.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"),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;

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

@@ -0,0 +1,53 @@
+"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 };

package/dist/src/components/inputs/json-input.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");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,defaultValue:a=``,onValueChange:o,invalidText:s=`Invalid JSON`,className:c,onChange:l,...u}){let[d,f]=n.useState(a),p=e??d,m=i(p).valid;function h(t){let n=t.target.value,r=i(n);e===void 0&&f(n),o?.(n,r.parsed,r.valid),l?.(t)}return(0,r.jsxs)(`div`,{"data-slot":`json-input`,className:`grid gap-1.5`,children:[(0,r.jsx)(`textarea`,{value:p,spellCheck:!1,"aria-invalid":m?void 0:!0,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`,!m&&`border-destructive`,c),onChange:h,...u}),!m&&(0,r.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:s})]})}exports.JsonInput=a;

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

@@ -0,0 +1,47 @@
+"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, defaultValue: o = "", onValueChange: s, invalidText: c = "Invalid JSON", className: l, onChange: u, ...d }) {
+	let [f, p] = t.useState(o), m = a ?? f, h = i(m).valid;
+	function g(e) {
+		let t = e.target.value, n = i(t);
+		a === void 0 && p(t), s?.(t, n.parsed, n.valid), u?.(e);
+	}
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "json-input",
+		className: "grid gap-1.5",
+		children: [/* @__PURE__ */ n("textarea", {
+			value: m,
+			spellCheck: !1,
+			"aria-invalid": h ? void 0 : !0,
+			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", !h && "border-destructive", l),
+			onChange: g,
+			...d
+		}), !h && /* @__PURE__ */ n("p", {
+			role: "alert",
+			className: "text-sm text-destructive",
+			children: c
+		})]
+	});
+}
+//#endregion
+export { a as JsonInput };

package/dist/src/components/inputs/otp-input.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");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;

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

@@ -0,0 +1,51 @@
+"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 };

package/dist/src/components/inputs/public.cjs

@@ -0,0 +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"),c=require("./color-picker.cjs"),l=require("./signature-pad.cjs");exports.AsyncMultiSelect=e.AsyncMultiSelect,exports.AsyncSelect=e.AsyncSelect,exports.ColorPicker=c.ColorPicker,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.SignaturePad=l.SignaturePad,exports.Slider=r.Slider,exports.TagInput=i.TagInput,exports.TimePicker=s.TimePicker,exports.TimeRangePicker=s.TimeRangePicker,exports.drawSignature=l.drawSignature,exports.getAlphaPercent=c.getAlphaPercent,exports.normalizeHexColor=c.normalizeHexColor,exports.withAlpha=c.withAlpha;

package/dist/src/components/inputs/public.js

@@ -0,0 +1,11 @@
+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";
+import { ColorPicker as f, getAlphaPercent as p, normalizeHexColor as m, withAlpha as h } from "./color-picker.js";
+import { SignaturePad as g, drawSignature as _ } from "./signature-pad.js";
+export { e as AsyncMultiSelect, t as AsyncSelect, f as ColorPicker, l as DateTimePicker, s as InlineEditable, c as JsonInput, n as OtpInput, i as RangeSlider, r as Rating, g as SignaturePad, a as Slider, o as TagInput, u as TimePicker, d as TimeRangePicker, _ as drawSignature, p as getAlphaPercent, m as normalizeHexColor, h as withAlpha };

package/dist/src/components/inputs/rating.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("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;

package/dist/src/components/inputs/rating.js

@@ -0,0 +1,46 @@
+"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 };

package/dist/src/components/inputs/signature-pad.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("lucide-react"),i=require("react/jsx-runtime");function a(e,t,n){let r=e.getContext(`2d`);if(r){r.clearRect(0,0,e.width,e.height),r.fillStyle=n.backgroundColor,r.fillRect(0,0,e.width,e.height),r.strokeStyle=n.color,r.fillStyle=n.color,r.lineCap=`round`,r.lineJoin=`round`;for(let i of t)if(i.length!==0){if(i.length===1){let t=i[0];r.beginPath(),r.arc(t.x*e.width,t.y*e.height,n.lineWidth/2,0,Math.PI*2),r.fill();continue}r.beginPath(),i.forEach((t,n)=>{let i=t.x*e.width,a=t.y*e.height;n===0?r.moveTo(i,a):r.lineTo(i,a)}),r.lineWidth=n.lineWidth,r.stroke()}}}var o=n.forwardRef(function({value:e,defaultValue:o=[],onValueChange:s,onStrokeEnd:c,width:l=640,height:u=240,lineWidth:d=2.5,color:f=`#111827`,backgroundColor:p=`#ffffff`,disabled:m=!1,labels:h,className:g,..._},v){let y=n.useRef(null),b=n.useRef(null),[x,S]=n.useState(o),C=e??x,w=n.useCallback(t=>{e===void 0&&S(t),s?.(t)},[s,e]),T=n.useCallback(()=>w([]),[w]),E=n.useCallback(()=>w(C.slice(0,-1)),[C,w]);n.useImperativeHandle(v,()=>({clear:T,undo:E,toDataURL:(e=`image/png`,t)=>y.current?.toDataURL(e,t)??``}),[T,E]),n.useEffect(()=>{let e=y.current;e&&a(e,C,{color:f,lineWidth:d,backgroundColor:p})},[p,f,u,d,C,l]);let D=e=>{let t=e.currentTarget.getBoundingClientRect();return{x:Math.min(1,Math.max(0,(e.clientX-t.left)/Math.max(t.width,1))),y:Math.min(1,Math.max(0,(e.clientY-t.top)/Math.max(t.height,1))),pressure:e.pressure||.5}};return(0,i.jsxs)(`div`,{"data-slot":`signature-pad`,className:t.cn(`grid gap-2`,g),..._,children:[(0,i.jsx)(`canvas`,{ref:y,width:l,height:u,role:`img`,"aria-label":h?.canvas??`Signature pad`,"data-disabled":m||void 0,className:`w-full touch-none rounded-md border bg-white shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,style:{aspectRatio:`${l} / ${u}`},tabIndex:m?-1:0,onPointerDown:e=>{if(m)return;let t=[D(e)];b.current={base:C,stroke:t},e.currentTarget.setPointerCapture(e.pointerId),w([...C,t])},onPointerMove:e=>{let t=b.current;if(!t||m||!e.currentTarget.hasPointerCapture(e.pointerId))return;let n=[...t.stroke,D(e)];b.current={...t,stroke:n},w([...t.base,n])},onPointerUp:e=>{let t=b.current;t&&(b.current=null,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),c?.(t.stroke))},onPointerCancel:()=>{b.current=null}}),(0,i.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,i.jsxs)(`button`,{type:`button`,disabled:m||C.length===0,className:`inline-flex h-9 items-center gap-2 rounded-md border bg-background px-3 text-sm font-medium outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50`,onClick:E,children:[(0,i.jsx)(r.RotateCcwIcon,{className:`size-4`,"aria-hidden":`true`}),h?.undo??`Undo`]}),(0,i.jsxs)(`button`,{type:`button`,disabled:m||C.length===0,className:`inline-flex h-9 items-center gap-2 rounded-md border bg-background px-3 text-sm font-medium outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50`,onClick:T,children:[(0,i.jsx)(r.Trash2Icon,{className:`size-4`,"aria-hidden":`true`}),h?.clear??`Clear`]})]})]})});exports.SignaturePad=o,exports.drawSignature=a;

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

@@ -0,0 +1,118 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { RotateCcwIcon as n, Trash2Icon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/inputs/signature-pad.tsx
+function o(e, t, n) {
+	let r = e.getContext("2d");
+	if (r) {
+		r.clearRect(0, 0, e.width, e.height), r.fillStyle = n.backgroundColor, r.fillRect(0, 0, e.width, e.height), r.strokeStyle = n.color, r.fillStyle = n.color, r.lineCap = "round", r.lineJoin = "round";
+		for (let i of t) if (i.length !== 0) {
+			if (i.length === 1) {
+				let t = i[0];
+				r.beginPath(), r.arc(t.x * e.width, t.y * e.height, n.lineWidth / 2, 0, Math.PI * 2), r.fill();
+				continue;
+			}
+			r.beginPath(), i.forEach((t, n) => {
+				let i = t.x * e.width, a = t.y * e.height;
+				n === 0 ? r.moveTo(i, a) : r.lineTo(i, a);
+			}), r.lineWidth = n.lineWidth, r.stroke();
+		}
+	}
+}
+var s = t.forwardRef(function({ value: s, defaultValue: c = [], onValueChange: l, onStrokeEnd: u, width: d = 640, height: f = 240, lineWidth: p = 2.5, color: m = "#111827", backgroundColor: h = "#ffffff", disabled: g = !1, labels: _, className: v, ...y }, b) {
+	let x = t.useRef(null), S = t.useRef(null), [C, w] = t.useState(c), T = s ?? C, E = t.useCallback((e) => {
+		s === void 0 && w(e), l?.(e);
+	}, [l, s]), D = t.useCallback(() => E([]), [E]), O = t.useCallback(() => E(T.slice(0, -1)), [T, E]);
+	t.useImperativeHandle(b, () => ({
+		clear: D,
+		undo: O,
+		toDataURL: (e = "image/png", t) => x.current?.toDataURL(e, t) ?? ""
+	}), [D, O]), t.useEffect(() => {
+		let e = x.current;
+		e && o(e, T, {
+			color: m,
+			lineWidth: p,
+			backgroundColor: h
+		});
+	}, [
+		h,
+		m,
+		f,
+		p,
+		T,
+		d
+	]);
+	let k = (e) => {
+		let t = e.currentTarget.getBoundingClientRect();
+		return {
+			x: Math.min(1, Math.max(0, (e.clientX - t.left) / Math.max(t.width, 1))),
+			y: Math.min(1, Math.max(0, (e.clientY - t.top) / Math.max(t.height, 1))),
+			pressure: e.pressure || .5
+		};
+	};
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "signature-pad",
+		className: e("grid gap-2", v),
+		...y,
+		children: [/* @__PURE__ */ i("canvas", {
+			ref: x,
+			width: d,
+			height: f,
+			role: "img",
+			"aria-label": _?.canvas ?? "Signature pad",
+			"data-disabled": g || void 0,
+			className: "w-full touch-none rounded-md border bg-white shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60",
+			style: { aspectRatio: `${d} / ${f}` },
+			tabIndex: g ? -1 : 0,
+			onPointerDown: (e) => {
+				if (g) return;
+				let t = [k(e)];
+				S.current = {
+					base: T,
+					stroke: t
+				}, e.currentTarget.setPointerCapture(e.pointerId), E([...T, t]);
+			},
+			onPointerMove: (e) => {
+				let t = S.current;
+				if (!t || g || !e.currentTarget.hasPointerCapture(e.pointerId)) return;
+				let n = [...t.stroke, k(e)];
+				S.current = {
+					...t,
+					stroke: n
+				}, E([...t.base, n]);
+			},
+			onPointerUp: (e) => {
+				let t = S.current;
+				t && (S.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), u?.(t.stroke));
+			},
+			onPointerCancel: () => {
+				S.current = null;
+			}
+		}), /* @__PURE__ */ a("div", {
+			className: "flex justify-end gap-2",
+			children: [/* @__PURE__ */ a("button", {
+				type: "button",
+				disabled: g || T.length === 0,
+				className: "inline-flex h-9 items-center gap-2 rounded-md border bg-background px-3 text-sm font-medium outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+				onClick: O,
+				children: [/* @__PURE__ */ i(n, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), _?.undo ?? "Undo"]
+			}), /* @__PURE__ */ a("button", {
+				type: "button",
+				disabled: g || T.length === 0,
+				className: "inline-flex h-9 items-center gap-2 rounded-md border bg-background px-3 text-sm font-medium outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+				onClick: D,
+				children: [/* @__PURE__ */ i(r, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), _?.clear ?? "Clear"]
+			})]
+		})]
+	});
+});
+//#endregion
+export { s as SignaturePad, o as drawSignature };

package/dist/src/components/inputs/slider.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");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;