themelia-ui 1.0.0

package/dist/table-MIC6hYQ7.js

@@ -0,0 +1,132 @@
+import "./css/table.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { i as t, o as n } from "./typography-vC_wwEBm.js";
+import { ArrowDownIcon as r, ArrowUpDownIcon as i, ArrowUpIcon as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = {
+	light: "table-module__light___7tnnm",
+	dark: "table-module__dark___9lj2G",
+	container: "table-module__container___gvH8F",
+	table: "table-module__table___yPziu",
+	row: "table-module__row___57s2c",
+	header: "table-module__header___iIvRO",
+	body: "table-module__body___y1ttQ",
+	head: "table-module__head___COMX-",
+	cell: "table-module__cell___-4-l9",
+	footer: "table-module__footer___OsesL",
+	caption: "table-module__caption___ullxd",
+	alignStart: "table-module__alignStart___dVQjE",
+	alignCenter: "table-module__alignCenter___dp1XX",
+	alignEnd: "table-module__alignEnd___9RNA-",
+	wrap: "table-module__wrap___A5UJ-",
+	headSort: "table-module__headSort___f1I6y",
+	headSortIcon: "table-module__headSortIcon___mak7Q",
+	empty: "table-module__empty___cAgrv"
+}, l = {
+	start: c.alignStart,
+	center: c.alignCenter,
+	end: c.alignEnd
+};
+function u(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function d({ className: t, containerClassName: n, stickyHeader: r, ...i }) {
+	return /* @__PURE__ */ o("div", {
+		tabIndex: 0,
+		"data-sticky-header": r ? "" : void 0,
+		className: e("table--container", c.container, n),
+		children: /* @__PURE__ */ o("table", {
+			className: e("table--component", c.table, t),
+			...i
+		})
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ o("thead", {
+		className: e("table--header", c.header, t),
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ o("tbody", {
+		className: e("table--body", c.body, t),
+		...n
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ o("tfoot", {
+		className: e("table--footer", c.footer, t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ o("tr", {
+		className: e("table--row", c.row, t),
+		...n
+	});
+}
+function g({ className: n, children: d, align: f, wrap: p, sortable: m, sortDirection: h = null, onSort: g, ..._ }) {
+	let v = u(d) ? /* @__PURE__ */ o(t, {
+		className: "table--head-text",
+		children: d
+	}) : d, y = h === "ascending" ? a : h === "descending" ? r : i;
+	return /* @__PURE__ */ o("th", {
+		"aria-sort": m ? h ?? "none" : void 0,
+		className: e("table--head", c.head, f && l[f], p && c.wrap, n),
+		..._,
+		children: m ? /* @__PURE__ */ s("button", {
+			type: "button",
+			className: e("table--head-sort", c.headSort),
+			"data-hit-area": !0,
+			"data-active": h ? "" : void 0,
+			onClick: g,
+			children: [v, /* @__PURE__ */ o(y, {
+				"aria-hidden": !0,
+				className: c.headSortIcon
+			})]
+		}) : v
+	});
+}
+function _({ className: t, children: r, align: i, wrap: a, ...s }) {
+	return /* @__PURE__ */ o("td", {
+		className: e("table--cell", c.cell, i && l[i], a && c.wrap, t),
+		...s,
+		children: u(r) ? /* @__PURE__ */ o(n, {
+			tag: "span",
+			size: "inherit",
+			className: "table--cell-text",
+			children: r
+		}) : r
+	});
+}
+function v({ className: t, colSpan: r, children: i = "No results.", ...a }) {
+	return /* @__PURE__ */ o("tr", {
+		className: e("table--row", c.row),
+		children: /* @__PURE__ */ o("td", {
+			colSpan: r,
+			className: e("table--empty", c.empty, t),
+			...a,
+			children: /* @__PURE__ */ o(n, {
+				tag: "span",
+				size: "sm",
+				type: "secondary",
+				children: i
+			})
+		})
+	});
+}
+function y({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ o("caption", {
+		className: e("table--caption", c.caption, t),
+		...i,
+		children: u(r) ? /* @__PURE__ */ o(n, {
+			tag: "span",
+			size: "inherit",
+			type: "secondary",
+			className: "table--caption-text",
+			children: r
+		}) : r
+	});
+}
+//#endregion
+export { v as a, f as c, _ as i, h as l, p as n, m as o, y as r, g as s, d as t };

package/dist/tailwind.css

@@ -0,0 +1,149 @@
+/*
+ * themelia-ui → Tailwind CSS v4.
+ *
+ * GENERATED by scripts/gen-tailwind-bridge.mjs — run `npm run tokens:tailwind`.
+ * Edit the tokens, not this file. `verify:docs-freshness` fails if the two disagree.
+ *
+ * Import it AFTER Tailwind and after the kit's stylesheet:
+ *
+ *   @import "tailwindcss";
+ *   @import "themelia-ui/core.css";
+ *   @import "themelia-ui/tailwind.css";
+ *
+ * It is a theme declaration only — no utilities, no rules, nothing to ship at runtime that
+ * Tailwind does not already emit. Tailwind drops every key no utility uses.
+ *
+ * Two things it does. It makes the kit's contract addressable from Tailwind, so
+ * `bg-primary`, `text-muted-foreground`, `rounded-surface` and `p-md` mean what they mean
+ * everywhere else in the kit. And it stops Tailwind's own defaults from overwriting the token
+ * names the two projects share — both descend from shadcn, so 41 names collide and 23 of them
+ * are silently re-pointed without this file. The kit's radius ladder, six type steps and three
+ * font stacks quietly become Tailwind's, and `--text-sm` loses its type-factor fallback so
+ * scoped type scaling stops working. The 49 restated names below are the fix.
+ *
+ * `inline` is load-bearing, not a style choice. Without it every key resolves once at
+ * `:root`, and `bg-primary` inside a `.dark` subtree paints the light colour.
+ */
+@theme inline {
+	/* ── colour ────────────────────────────────────────────────────────────────────
+	 * The key is Tailwind's, the value reads the kit's. Nothing of the kit's is overridden,
+	 * so a consumer re-pointing a token at any scope — including .dark — is followed.
+	 */
+	--color-background:                 var(--background);
+	--color-foreground:                 var(--foreground);
+	--color-card:                       var(--card);
+	--color-card-foreground:            var(--card-foreground);
+	--color-popover:                    var(--popover);
+	--color-popover-foreground:         var(--popover-foreground);
+	--color-primary:                    var(--primary);
+	--color-primary-foreground:         var(--primary-foreground);
+	--color-secondary:                  var(--secondary);
+	--color-secondary-foreground:       var(--secondary-foreground);
+	--color-muted:                      var(--muted);
+	--color-muted-foreground:           var(--muted-foreground);
+	--color-accent:                     var(--accent);
+	--color-accent-foreground:          var(--accent-foreground);
+	--color-destructive:                var(--destructive);
+	--color-destructive-foreground:     var(--destructive-foreground);
+	--color-border:                     var(--border);
+	--color-input:                      var(--input);
+	--color-ring:                       var(--ring);
+	--color-chart-1:                    var(--chart-1);
+	--color-chart-2:                    var(--chart-2);
+	--color-chart-3:                    var(--chart-3);
+	--color-chart-4:                    var(--chart-4);
+	--color-chart-5:                    var(--chart-5);
+	--color-sidebar:                    var(--sidebar);
+	--color-sidebar-foreground:         var(--sidebar-foreground);
+	--color-sidebar-primary:            var(--sidebar-primary);
+	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+	--color-sidebar-accent:             var(--sidebar-accent);
+	--color-sidebar-accent-foreground:  var(--sidebar-accent-foreground);
+	--color-sidebar-border:             var(--sidebar-border);
+	--color-sidebar-ring:               var(--sidebar-ring);
+	--color-success:                    var(--success);
+	--color-success-foreground:         var(--success-foreground);
+	--color-info:                       var(--info);
+	--color-info-foreground:            var(--info-foreground);
+	--color-link:                       var(--link-color);
+	--color-primary-accent:             var(--primary-accent);
+	--color-warning:                    var(--warning);
+	--color-warning-foreground:         var(--warning-foreground);
+	--color-warning-accent:             var(--warning-accent);
+	--color-inverse-background:         var(--inverse-background);
+	--color-inverse-foreground:         var(--inverse-foreground);
+	--color-inverse-muted:              var(--inverse-muted);
+	--color-inverse-subtle:             var(--inverse-subtle);
+	--color-inverse-disabled:           var(--inverse-disabled);
+	--color-inverse-surface:            var(--inverse-surface);
+	--color-inverse-surface-strong:     var(--inverse-surface-strong);
+	--color-inverse-border:             var(--inverse-border);
+	--color-inverse-decoration:         var(--inverse-decoration);
+
+	/* ── spacing ───────────────────────────────────────────────────────────────────
+	 * Tailwind's namespace is `--spacing-*`, the kit's ladder is `--space-*`. A different name,
+	 * so `p-md` follows a scoped `--space-scale` the way the kit's own padding does.
+	 */
+	--spacing-2xs: var(--space-2xs);
+	--spacing-xs:  var(--space-xs);
+	--spacing-sm:  var(--space-sm);
+	--spacing-md:  var(--space-md);
+	--spacing-lg:  var(--space-lg);
+	--spacing-xl:  var(--space-xl);
+	--spacing-2xl: var(--space-2xl);
+
+	/* ── names the kit and Tailwind both use ───────────────────────────────────────
+	 * These restate the kit's own declared values. `--radius-lg: var(--radius-lg)` would
+	 * reference itself and resolve to nothing; restating makes the override a no-op and
+	 * takes Tailwind's default — which silently re-points 23 kit tokens — out of the way.
+	 */
+	--radius-sm:              calc(var(--radius) * 0.6);
+	--radius-md:              calc(var(--radius) * 0.8);
+	--radius-lg:              var(--radius);
+	--radius-xl:              calc(var(--radius) * 1.4);
+	--radius-2xl:             calc(var(--radius) * 1.8);
+	--radius-3xl:             calc(var(--radius) * 2.2);
+	--radius-4xl:             calc(var(--radius) * 2.6);
+	--radius-surface:         var(--radius-lg);
+	--radius-control:         var(--radius-md);
+	--radius-inner:           var(--radius-sm);
+	--radius-pill:            999px;
+	--shadow-2xs:             0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 5%, transparent);
+	--shadow-xs:              0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 5%, transparent);
+	--shadow-sm:              0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 10%, transparent), 0 1px 2px -1px color-mix(in oklab, var(--shadow-ink) 10%, transparent);
+	--shadow-md:              0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 10%, transparent), 0 2px 4px -1px color-mix(in oklab, var(--shadow-ink) 10%, transparent);
+	--shadow-lg:              0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 10%, transparent), 0 4px 6px -1px color-mix(in oklab, var(--shadow-ink) 10%, transparent);
+	--shadow-xl:              0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 10%, transparent), 0 8px 10px -1px color-mix(in oklab, var(--shadow-ink) 10%, transparent);
+	--shadow-2xl:             0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 25%, transparent);
+	--text-xxs:               calc(0.75rem * var(--text-scale, var(--scale)));
+	--text-xxs--line-height:  calc(1 / 0.75);
+	--text-xs:                calc(0.75rem * var(--text-scale, var(--scale)));
+	--text-xs--line-height:   calc(1 / 0.75);
+	--text-pxs:               calc(0.8125rem * var(--text-scale, var(--scale)));
+	--text-pxs--line-height:  calc(1.125 / 0.8125);
+	--text-sm:                calc(0.875rem * var(--text-scale, var(--scale)));
+	--text-sm--line-height:   calc(1.25 / 0.875);
+	--text-base:              calc(1rem * var(--text-scale, var(--scale)));
+	--text-base--line-height: calc(1.5 / 1);
+	--text-lg:                calc(1.125rem * var(--text-scale, var(--scale)));
+	--text-lg--line-height:   calc(1.75 / 1.125);
+	--text-xl:                calc(1.25rem * var(--text-scale, var(--scale)));
+	--text-xl--line-height:   calc(1.75 / 1.25);
+	--text-2xl:               calc(1.5rem * var(--text-scale, var(--scale)));
+	--text-2xl--line-height:  calc(2 / 1.5);
+	--font-sans:              'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
+	--font-serif:             Merriweather, ui-serif, serif;
+	--font-mono:              JetBrains Mono, ui-monospace, monospace;
+	--font-heading:           var(--font-sans);
+	--leading-none:           1;
+	--leading-tight:          1.25;
+	--leading-snug:           1.375;
+	--leading-normal:         1.5;
+	--leading-relaxed:        1.625;
+	--tracking-widest:        0.1em;
+	--ease-out:               cubic-bezier(0, 0, 0.2, 1);
+	--ease-in-out:            cubic-bezier(0.4, 0, 0.2, 1);
+	--animate-spin:           spin 1s linear infinite;
+	--animate-ping:           ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+	--animate-pulse:          pulse 2s var(--ease-in-out) infinite;
+}

package/dist/text-inputs-BMW3hP0R.js

@@ -0,0 +1,372 @@
+import "./css/text-inputs.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { ChevronDownIcon as t, CircleXIcon as n, EyeIcon as r, EyeOffIcon as i, Loader2Icon as a, SearchIcon as o } from "lucide-react";
+import * as s from "react";
+import { useCallback as c, useId as l, useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/base/text-inputs/input.strings.ts
+var m = {
+	clear: "Clear input",
+	characterCount: (e, t) => `${e} of ${t} characters`
+}, h = {
+	textarea: "text-inputs-module__textarea___MhgYQ",
+	textareaFrame: "text-inputs-module__textareaFrame___biftI",
+	affordanceTextareaEnd: "text-inputs-module__affordanceTextareaEnd___FjgYJ",
+	addon: "text-inputs-module__addon___LUGEL",
+	revealButton: "text-inputs-module__revealButton___79z35",
+	selectFrame: "text-inputs-module__selectFrame___jNit5",
+	select: "text-inputs-module__select___LaLYm",
+	selectChevron: "text-inputs-module__selectChevron___jrk7v",
+	search: "text-inputs-module__search___P-IZ3",
+	frame: "text-inputs-module__frame___-XqjI",
+	affordance: "text-inputs-module__affordance___jgOy9",
+	affordanceStart: "text-inputs-module__affordanceStart___YxnJA",
+	affordanceEnd: "text-inputs-module__affordanceEnd___DEiGC",
+	affordanceText: "text-inputs-module__affordanceText___UUvOc",
+	clear: "text-inputs-module__clear___LuxQa",
+	spinner: "text-inputs-module__spinner___qsDMl",
+	count: "text-inputs-module__count___i9gF9",
+	countOver: "text-inputs-module__countOver___GhhoT"
+};
+//#endregion
+//#region src/components/base/text-inputs/use-field-value.ts
+function g({ controlledValue: e, defaultValue: t, maxLength: n, showCharacterCount: r, providedId: i, idPrefix: a = "field" }) {
+	let o = l(), s = i ?? `${a}-${o}`, f = e !== void 0, [p, m] = d(t ?? ""), h = f ? e ?? "" : p, g = typeof n == "number" && n > 0, _ = h.length, v = c((e) => g && e.length > n, [g, n]), y = c((e) => !v(e) && (f || m(e), !0), [f, v]), b = c(() => {
+		f || m("");
+	}, [f]);
+	return u(() => ({
+		id: s,
+		value: h,
+		isControlled: f,
+		characterCount: _,
+		hasCharacterLimit: g,
+		showCount: !!r && g,
+		hasValue: h.length > 0,
+		updateValue: y,
+		clearValue: b,
+		wouldExceedLimit: v
+	}), [
+		s,
+		h,
+		f,
+		_,
+		g,
+		r,
+		y,
+		b,
+		v
+	]);
+}
+//#endregion
+//#region src/components/base/text-inputs/input.tsx
+function _(e) {
+	return e ? s.isValidElement(e) ? e : typeof e == "function" || typeof e == "object" && e && "$$typeof" in e ? /* @__PURE__ */ f(e, { "aria-hidden": !0 }) : e : null;
+}
+function v(e, t, n) {
+	return e && `${typeof t == "string" ? t : ""}${e}${typeof n == "string" ? n : ""}`;
+}
+var y = s.forwardRef(function({ className: t, type: r = "text", startIcon: i, endIcon: o, startAddon: c, endAddon: l, maxLength: u, showCharacterCount: d, clearable: y, onClear: b, loading: x = !1, invalid: S, returnValueWithAddons: C = !1, strings: w, value: T, defaultValue: E, onChange: D, id: O, ...k }, A) {
+	let j = {
+		...m,
+		...w
+	}, M = s.useRef(null), N = s.useCallback((e) => {
+		M.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
+	}, [A]), P = g({
+		controlledValue: T,
+		defaultValue: E,
+		maxLength: u,
+		showCharacterCount: d,
+		providedId: O,
+		idPrefix: "input"
+	}), F = (e) => {
+		let t = e.target.value;
+		if (!P.updateValue(t) || !D) return;
+		if (!C) {
+			D(e);
+			return;
+		}
+		let n = v(t, c, l);
+		D({
+			...e,
+			target: {
+				...e.target,
+				value: n
+			},
+			currentTarget: {
+				...e.currentTarget,
+				value: n
+			}
+		});
+	}, I = () => {
+		P.clearValue();
+		let e = M.current;
+		e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), D?.({
+			target: e,
+			currentTarget: e,
+			type: "change"
+		})), b?.(), M.current?.focus();
+	}, L = !!y && P.hasValue && !x, R = x ? "loading" : L ? "clear" : P.showCount ? "count" : o ? "icon" : l ? "addon" : null, z = P.hasCharacterLimit && P.characterCount >= u;
+	return /* @__PURE__ */ p("span", {
+		"data-slot": "input-frame",
+		className: h.frame,
+		"data-start-icon": i ? "" : void 0,
+		"data-start-addon": c ? "" : void 0,
+		"data-end-icon": R === "icon" || R === "clear" || R === "loading" ? "" : void 0,
+		"data-end-addon": R === "addon" ? "" : void 0,
+		"data-count": R === "count" ? "" : void 0,
+		children: [
+			(i || c) && /* @__PURE__ */ p("span", {
+				className: e(h.affordance, h.affordanceStart),
+				children: [_(i), !!c && /* @__PURE__ */ f("span", {
+					className: h.affordanceText,
+					children: c
+				})]
+			}),
+			/* @__PURE__ */ f("input", {
+				...k,
+				ref: N,
+				id: P.id,
+				type: r,
+				"data-slot": "input",
+				"data-field-control": "",
+				"aria-invalid": S || k["aria-invalid"] || void 0,
+				maxLength: u,
+				value: T,
+				defaultValue: E,
+				onChange: F,
+				className: e("input--component", t)
+			}),
+			R !== null && /* @__PURE__ */ p("span", {
+				className: e(h.affordance, h.affordanceEnd),
+				children: [
+					R === "loading" && /* @__PURE__ */ f(a, {
+						"aria-hidden": !0,
+						className: h.spinner
+					}),
+					R === "clear" && /* @__PURE__ */ f("button", {
+						type: "button",
+						className: h.clear,
+						"aria-label": j.clear,
+						onClick: I,
+						children: /* @__PURE__ */ f(n, { "aria-hidden": !0 })
+					}),
+					R === "count" && /* @__PURE__ */ p("span", {
+						className: e(h.count, z && h.countOver),
+						"aria-label": j.characterCount(P.characterCount, u),
+						children: [
+							P.characterCount,
+							" / ",
+							u
+						]
+					}),
+					R === "icon" && _(o),
+					R === "addon" && /* @__PURE__ */ f("span", {
+						className: h.affordanceText,
+						children: l
+					})
+				]
+			})
+		]
+	});
+}), b = s.forwardRef(function({ className: t, strings: r, maxLength: i, showCharacterCount: o, clearable: c, onClear: l, loading: u, invalid: d, minRows: _, maxRows: v, value: y, defaultValue: b, onChange: x, id: S, rows: C, style: w, ...T }, E) {
+	let D = {
+		...m,
+		...r
+	}, O = s.useRef(null), k = g({
+		controlledValue: y,
+		defaultValue: b,
+		maxLength: i,
+		showCharacterCount: o,
+		providedId: S,
+		idPrefix: "textarea"
+	}), A = s.useCallback((e) => {
+		O.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
+	}, [E]), j = () => {
+		let e = O.current;
+		e && ((Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus()), k.clearValue(), l?.();
+	}, M = c && k.value.length > 0, N = u ? "loading" : M ? "clear" : k.showCount ? "count" : null, P = k.hasCharacterLimit && k.characterCount > i;
+	return /* @__PURE__ */ p("span", {
+		className: e("textarea--component", h.textareaFrame, t),
+		"data-field-shell": "",
+		"data-invalid": d ? "" : void 0,
+		"data-trailing": N ?? void 0,
+		children: [/* @__PURE__ */ f("textarea", {
+			...T,
+			ref: A,
+			id: k.id,
+			rows: C ?? _,
+			maxLength: i,
+			"aria-invalid": d || T["aria-invalid"] || void 0,
+			"data-slot": "textarea",
+			"data-field-control": "",
+			className: h.textarea,
+			style: {
+				..._ ? { minHeight: `calc(${_}lh + var(--field-py) * 2)` } : null,
+				...v ? { maxHeight: `calc(${v}lh + var(--field-py) * 2)` } : null,
+				...w
+			},
+			value: y === void 0 ? void 0 : k.value,
+			defaultValue: y === void 0 ? b : void 0,
+			onChange: (e) => {
+				k.updateValue(e.target.value), x?.(e);
+			}
+		}), !!N && /* @__PURE__ */ p("span", {
+			className: e(h.affordance, h.affordanceTextareaEnd),
+			children: [
+				N === "loading" && /* @__PURE__ */ f(a, {
+					"aria-hidden": !0,
+					className: h.spinner
+				}),
+				N === "clear" && /* @__PURE__ */ f("button", {
+					type: "button",
+					className: h.clear,
+					"aria-label": D.clear,
+					onClick: j,
+					children: /* @__PURE__ */ f(n, { "aria-hidden": !0 })
+				}),
+				N === "count" && /* @__PURE__ */ p("span", {
+					className: e(h.count, P && h.countOver),
+					"aria-label": D.characterCount(k.characterCount, i),
+					children: [
+						k.characterCount,
+						" / ",
+						i
+					]
+				})
+			]
+		})]
+	});
+});
+//#endregion
+//#region src/components/base/text-inputs/field-shell.tsx
+function x({ start: t, end: n, className: r, children: i, id: a, "aria-invalid": o, "aria-describedby": c, "aria-required": l, ...u }) {
+	let d = typeof i == "function", m = {
+		id: a,
+		"aria-invalid": o,
+		"aria-describedby": c,
+		"aria-required": l
+	}, g = (e) => s.cloneElement(e, {
+		id: e.props.id ?? m.id,
+		"aria-invalid": e.props["aria-invalid"] ?? m["aria-invalid"],
+		"aria-describedby": e.props["aria-describedby"] ?? m["aria-describedby"],
+		"aria-required": e.props["aria-required"] ?? m["aria-required"]
+	}), _ = d ? [] : s.Children.toArray(i), v = !d && s.isValidElement(i) ? -1 : _.findIndex((e) => s.isValidElement(e)), y = d ? i(m) : s.isValidElement(i) ? g(i) : v === -1 ? i : _.map((e, t) => t === v ? g(e) : e);
+	return /* @__PURE__ */ p("div", {
+		"data-slot": "field-shell",
+		"data-field-shell": "",
+		className: e("field-shell--component", r),
+		...u,
+		children: [
+			!!t && /* @__PURE__ */ f("span", {
+				className: h.addon,
+				children: t
+			}),
+			y,
+			!!n && /* @__PURE__ */ f("span", {
+				className: h.addon,
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/base/text-inputs/password-input.strings.ts
+var S = {
+	...m,
+	reveal: "Show password",
+	hide: "Hide password"
+}, C = s.forwardRef(function({ strings: t, className: n, ...a }, o) {
+	let c = {
+		...S,
+		...t
+	}, [l, u] = s.useState(!1);
+	return /* @__PURE__ */ f(x, {
+		className: e("password-input--component", n),
+		end: /* @__PURE__ */ f("button", {
+			type: "button",
+			className: h.revealButton,
+			"data-hit-area": !0,
+			"aria-label": l ? c.hide : c.reveal,
+			"aria-pressed": l,
+			onClick: () => u((e) => !e),
+			children: f(l ? i : r, {})
+		}),
+		children: /* @__PURE__ */ f(y, {
+			ref: o,
+			type: l ? "text" : "password",
+			...a
+		})
+	});
+}), w = s.forwardRef(function({ onClear: t, className: n, strings: r, ...i }, a) {
+	return /* @__PURE__ */ f(y, {
+		ref: a,
+		type: "search",
+		className: e("search-input--component", h.search, n),
+		startIcon: /* @__PURE__ */ f(o, { "aria-hidden": !0 }),
+		clearable: !0,
+		onClear: t,
+		strings: {
+			clear: "Clear search",
+			...r
+		},
+		...i
+	});
+}), T = s.forwardRef(function({ className: n, placeholder: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ p("span", {
+		"data-slot": "native-select-frame",
+		className: h.selectFrame,
+		children: [/* @__PURE__ */ p("select", {
+			ref: o,
+			"data-slot": "native-select",
+			"data-field-control": "",
+			className: e("native-select--component", h.select, n),
+			...a,
+			children: [!!r && /* @__PURE__ */ f("option", {
+				value: "",
+				disabled: !0,
+				children: r
+			}), i]
+		}), /* @__PURE__ */ f(t, {
+			"aria-hidden": !0,
+			className: h.selectChevron
+		})]
+	});
+});
+//#endregion
+//#region src/components/base/text-inputs/slugify.ts
+function E(e, { separator: t = "-", lowercase: n = !0, trim: r = !0 } = {}) {
+	let i = t || "-", a = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = String(e ?? "").normalize("NFKD").replace(/[̀-ͯ]/g, "").replace(/&/g, " and ").replace(/['’]/g, "");
+	return n && (o = o.toLowerCase()), o = o.replace(/[^\p{Letter}\p{Number}]+/gu, i).replace(RegExp(`${a}{2,}`, "g"), i), r && (o = o.replace(RegExp(`^${a}|${a}$`, "g"), "")), o;
+}
+//#endregion
+//#region src/components/base/text-inputs/slug-field.tsx
+var D = s.forwardRef(function({ value: t, transform: n, separator: r = "-", lowercase: i = !0, trim: a = !0, prefix: o, className: c, ...l }, u) {
+	let d = s.useMemo(() => n?.(t) ?? E(t, {
+		separator: r,
+		lowercase: i,
+		trim: a
+	}), [
+		i,
+		r,
+		n,
+		a,
+		t
+	]), m = /* @__PURE__ */ f(y, {
+		ref: u,
+		...l,
+		type: "text",
+		value: d,
+		readOnly: !0,
+		className: e(!o && "slug-field--component", c)
+	});
+	return o ? /* @__PURE__ */ p("div", {
+		"data-field-shell": "",
+		className: "slug-field--component",
+		children: [/* @__PURE__ */ f("span", {
+			"data-slot": "slug-field-prefix",
+			children: o
+		}), m]
+	}) : m;
+});
+//#endregion
+export { C as a, b as c, m as d, w as i, y as l, E as n, S as o, T as r, x as s, D as t, g as u };

package/dist/text-inputs-Dp4Fczk4.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs");let t=require("lucide-react"),n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("clsx");var a={clear:`Clear input`,characterCount:(e,t)=>`${e} of ${t} characters`},o={textarea:`text-inputs-module__textarea___MhgYQ`,textareaFrame:`text-inputs-module__textareaFrame___biftI`,affordanceTextareaEnd:`text-inputs-module__affordanceTextareaEnd___FjgYJ`,addon:`text-inputs-module__addon___LUGEL`,revealButton:`text-inputs-module__revealButton___79z35`,selectFrame:`text-inputs-module__selectFrame___jNit5`,select:`text-inputs-module__select___LaLYm`,selectChevron:`text-inputs-module__selectChevron___jrk7v`,search:`text-inputs-module__search___P-IZ3`,frame:`text-inputs-module__frame___-XqjI`,affordance:`text-inputs-module__affordance___jgOy9`,affordanceStart:`text-inputs-module__affordanceStart___YxnJA`,affordanceEnd:`text-inputs-module__affordanceEnd___DEiGC`,affordanceText:`text-inputs-module__affordanceText___UUvOc`,clear:`text-inputs-module__clear___LuxQa`,spinner:`text-inputs-module__spinner___qsDMl`,count:`text-inputs-module__count___i9gF9`,countOver:`text-inputs-module__countOver___GhhoT`};function s({controlledValue:e,defaultValue:t,maxLength:r,showCharacterCount:i,providedId:a,idPrefix:o=`field`}){let s=(0,n.useId)(),c=a??`${o}-${s}`,l=e!==void 0,[u,d]=(0,n.useState)(t??``),f=l?e??``:u,p=typeof r==`number`&&r>0,m=f.length,h=(0,n.useCallback)(e=>p&&e.length>r,[p,r]),g=(0,n.useCallback)(e=>!h(e)&&(l||d(e),!0),[l,h]),_=(0,n.useCallback)(()=>{l||d(``)},[l]);return(0,n.useMemo)(()=>({id:c,value:f,isControlled:l,characterCount:m,hasCharacterLimit:p,showCount:!!i&&p,hasValue:f.length>0,updateValue:g,clearValue:_,wouldExceedLimit:h}),[c,f,l,m,p,i,g,_,h])}function c(e){return e?n.isValidElement(e)?e:typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,r.jsx)(e,{"aria-hidden":!0}):e:null}function l(e,t,n){return e&&`${typeof t==`string`?t:``}${e}${typeof n==`string`?n:``}`}var u=n.forwardRef(function({className:e,type:u=`text`,startIcon:d,endIcon:f,startAddon:p,endAddon:m,maxLength:h,showCharacterCount:g,clearable:_,onClear:v,loading:y=!1,invalid:b,returnValueWithAddons:x=!1,strings:S,value:C,defaultValue:w,onChange:T,id:E,...D},O){let k={...a,...S},A=n.useRef(null),j=n.useCallback(e=>{A.current=e,typeof O==`function`?O(e):O&&(O.current=e)},[O]),M=s({controlledValue:C,defaultValue:w,maxLength:h,showCharacterCount:g,providedId:E,idPrefix:`input`}),N=e=>{let t=e.target.value;if(!M.updateValue(t)||!T)return;if(!x){T(e);return}let n=l(t,p,m);T({...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}})},P=()=>{M.clearValue();let e=A.current;e&&((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set)?.call(e,``),T?.({target:e,currentTarget:e,type:`change`})),v?.(),A.current?.focus()},F=!!_&&M.hasValue&&!y,I=y?`loading`:F?`clear`:M.showCount?`count`:f?`icon`:m?`addon`:null,L=M.hasCharacterLimit&&M.characterCount>=h;return(0,r.jsxs)(`span`,{"data-slot":`input-frame`,className:o.frame,"data-start-icon":d?``:void 0,"data-start-addon":p?``:void 0,"data-end-icon":I===`icon`||I===`clear`||I===`loading`?``:void 0,"data-end-addon":I===`addon`?``:void 0,"data-count":I===`count`?``:void 0,children:[(d||p)&&(0,r.jsxs)(`span`,{className:(0,i.clsx)(o.affordance,o.affordanceStart),children:[c(d),!!p&&(0,r.jsx)(`span`,{className:o.affordanceText,children:p})]}),(0,r.jsx)(`input`,{...D,ref:j,id:M.id,type:u,"data-slot":`input`,"data-field-control":``,"aria-invalid":b||D[`aria-invalid`]||void 0,maxLength:h,value:C,defaultValue:w,onChange:N,className:(0,i.clsx)(`input--component`,e)}),I!==null&&(0,r.jsxs)(`span`,{className:(0,i.clsx)(o.affordance,o.affordanceEnd),children:[I===`loading`&&(0,r.jsx)(t.Loader2Icon,{"aria-hidden":!0,className:o.spinner}),I===`clear`&&(0,r.jsx)(`button`,{type:`button`,className:o.clear,"aria-label":k.clear,onClick:P,children:(0,r.jsx)(t.CircleXIcon,{"aria-hidden":!0})}),I===`count`&&(0,r.jsxs)(`span`,{className:(0,i.clsx)(o.count,L&&o.countOver),"aria-label":k.characterCount(M.characterCount,h),children:[M.characterCount,` / `,h]}),I===`icon`&&c(f),I===`addon`&&(0,r.jsx)(`span`,{className:o.affordanceText,children:m})]})]})}),d=n.forwardRef(function({className:e,strings:c,maxLength:l,showCharacterCount:u,clearable:d,onClear:f,loading:p,invalid:m,minRows:h,maxRows:g,value:_,defaultValue:v,onChange:y,id:b,rows:x,style:S,...C},w){let T={...a,...c},E=n.useRef(null),D=s({controlledValue:_,defaultValue:v,maxLength:l,showCharacterCount:u,providedId:b,idPrefix:`textarea`}),O=n.useCallback(e=>{E.current=e,typeof w==`function`?w(e):w&&(w.current=e)},[w]),k=()=>{let e=E.current;e&&((Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype,`value`)?.set)?.call(e,``),e.dispatchEvent(new Event(`input`,{bubbles:!0})),e.focus()),D.clearValue(),f?.()},A=d&&D.value.length>0,j=p?`loading`:A?`clear`:D.showCount?`count`:null,M=D.hasCharacterLimit&&D.characterCount>l;return(0,r.jsxs)(`span`,{className:(0,i.clsx)(`textarea--component`,o.textareaFrame,e),"data-field-shell":``,"data-invalid":m?``:void 0,"data-trailing":j??void 0,children:[(0,r.jsx)(`textarea`,{...C,ref:O,id:D.id,rows:x??h,maxLength:l,"aria-invalid":m||C[`aria-invalid`]||void 0,"data-slot":`textarea`,"data-field-control":``,className:o.textarea,style:{...h?{minHeight:`calc(${h}lh + var(--field-py) * 2)`}:null,...g?{maxHeight:`calc(${g}lh + var(--field-py) * 2)`}:null,...S},value:_===void 0?void 0:D.value,defaultValue:_===void 0?v:void 0,onChange:e=>{D.updateValue(e.target.value),y?.(e)}}),!!j&&(0,r.jsxs)(`span`,{className:(0,i.clsx)(o.affordance,o.affordanceTextareaEnd),children:[j===`loading`&&(0,r.jsx)(t.Loader2Icon,{"aria-hidden":!0,className:o.spinner}),j===`clear`&&(0,r.jsx)(`button`,{type:`button`,className:o.clear,"aria-label":T.clear,onClick:k,children:(0,r.jsx)(t.CircleXIcon,{"aria-hidden":!0})}),j===`count`&&(0,r.jsxs)(`span`,{className:(0,i.clsx)(o.count,M&&o.countOver),"aria-label":T.characterCount(D.characterCount,l),children:[D.characterCount,` / `,l]})]})]})});function f({start:e,end:t,className:a,children:s,id:c,"aria-invalid":l,"aria-describedby":u,"aria-required":d,...f}){let p=typeof s==`function`,m={id:c,"aria-invalid":l,"aria-describedby":u,"aria-required":d},h=e=>n.cloneElement(e,{id:e.props.id??m.id,"aria-invalid":e.props[`aria-invalid`]??m[`aria-invalid`],"aria-describedby":e.props[`aria-describedby`]??m[`aria-describedby`],"aria-required":e.props[`aria-required`]??m[`aria-required`]}),g=p?[]:n.Children.toArray(s),_=!p&&n.isValidElement(s)?-1:g.findIndex(e=>n.isValidElement(e)),v=p?s(m):n.isValidElement(s)?h(s):_===-1?s:g.map((e,t)=>t===_?h(e):e);return(0,r.jsxs)(`div`,{"data-slot":`field-shell`,"data-field-shell":``,className:(0,i.clsx)(`field-shell--component`,a),...f,children:[!!e&&(0,r.jsx)(`span`,{className:o.addon,children:e}),v,!!t&&(0,r.jsx)(`span`,{className:o.addon,children:t})]})}var p={...a,reveal:`Show password`,hide:`Hide password`},m=n.forwardRef(function({strings:e,className:a,...s},c){let l={...p,...e},[d,m]=n.useState(!1);return(0,r.jsx)(f,{className:(0,i.clsx)(`password-input--component`,a),end:(0,r.jsx)(`button`,{type:`button`,className:o.revealButton,"data-hit-area":!0,"aria-label":d?l.hide:l.reveal,"aria-pressed":d,onClick:()=>m(e=>!e),children:d?(0,r.jsx)(t.EyeOffIcon,{}):(0,r.jsx)(t.EyeIcon,{})}),children:(0,r.jsx)(u,{ref:c,type:d?`text`:`password`,...s})})}),h=n.forwardRef(function({onClear:e,className:n,strings:a,...s},c){return(0,r.jsx)(u,{ref:c,type:`search`,className:(0,i.clsx)(`search-input--component`,o.search,n),startIcon:(0,r.jsx)(t.SearchIcon,{"aria-hidden":!0}),clearable:!0,onClear:e,strings:{clear:`Clear search`,...a},...s})}),g=n.forwardRef(function({className:e,placeholder:n,children:a,...s},c){return(0,r.jsxs)(`span`,{"data-slot":`native-select-frame`,className:o.selectFrame,children:[(0,r.jsxs)(`select`,{ref:c,"data-slot":`native-select`,"data-field-control":``,className:(0,i.clsx)(`native-select--component`,o.select,e),...s,children:[!!n&&(0,r.jsx)(`option`,{value:``,disabled:!0,children:n}),a]}),(0,r.jsx)(t.ChevronDownIcon,{"aria-hidden":!0,className:o.selectChevron})]})});function _(e,{separator:t=`-`,lowercase:n=!0,trim:r=!0}={}){let i=t||`-`,a=i.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),o=String(e??``).normalize(`NFKD`).replace(/[̀-ͯ]/g,``).replace(/&/g,` and `).replace(/['’]/g,``);return n&&(o=o.toLowerCase()),o=o.replace(/[^\p{Letter}\p{Number}]+/gu,i).replace(RegExp(`${a}{2,}`,`g`),i),r&&(o=o.replace(RegExp(`^${a}|${a}$`,`g`),``)),o}var v=n.forwardRef(function({value:e,transform:t,separator:a=`-`,lowercase:o=!0,trim:s=!0,prefix:c,className:l,...d},f){let p=n.useMemo(()=>t?.(e)??_(e,{separator:a,lowercase:o,trim:s}),[o,a,t,s,e]),m=(0,r.jsx)(u,{ref:f,...d,type:`text`,value:p,readOnly:!0,className:(0,i.clsx)(!c&&`slug-field--component`,l)});return c?(0,r.jsxs)(`div`,{"data-field-shell":``,className:`slug-field--component`,children:[(0,r.jsx)(`span`,{"data-slot":`slug-field-prefix`,children:c}),m]}):m});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return s}});