@rinzai/zen 0.5.0 → 0.6.0

package/dist/utils/merge.js

@@ -0,0 +1,305 @@
+"use client";
+//#region packages/utils/merge.ts
+function e(e) {
+	let r = t.get(e);
+	if (r !== void 0) return r;
+	let i = e.split(/\s+/).filter(Boolean), a = /* @__PURE__ */ new Set(), o = [];
+	for (let e = i.length - 1; e >= 0; e--) {
+		let t = i[e], r = n(t);
+		if (!r) {
+			o.push(t);
+			continue;
+		}
+		let s = r.scope;
+		if (!a.has(s + r.group)) {
+			a.add(s + r.group);
+			for (let e of _[r.group] ?? []) a.add(s + e);
+			o.push(t);
+		}
+	}
+	let s = o.reverse().join(" ");
+	return t.size >= 1e3 && t.clear(), t.set(e, s), s;
+}
+var t = /* @__PURE__ */ new Map();
+function n(e) {
+	let t = r(e), n = t.pop(), i = !1;
+	n.startsWith("!") ? [i, n] = [!0, n.slice(1)] : n.endsWith("!") && ([i, n] = [!0, n.slice(0, -1)]), n.startsWith("-") && (n = n.slice(1));
+	let a = g(n);
+	return a ? {
+		group: a,
+		scope: t.sort().join(":") + (i ? "!" : "") + "|"
+	} : null;
+}
+function r(e) {
+	let t = [], n = 0, r = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		a === "[" || a === "(" ? n++ : a === "]" || a === ")" ? n-- : a === ":" && n === 0 && (t.push(e.slice(r, i)), r = i + 1);
+	}
+	return t.push(e.slice(r)), t;
+}
+var i = /^\d+(\.\d+)?$/, a = /^(\d?xs|sm|md|lg|\d?xl|base|none|full)$/, o = /^[[(](length:|size:|percentage:|number:)?(-?[\d.]+[a-z%]*|calc\(|min\(|max\(|clamp\(|var\(--[\w-]*(size|width|radius|spacing|length)[\w-]*\))/, s = (e) => e.replace(/\/[^/[\]()]*$/, ""), c = (e) => e === "" || i.test(e) || o.test(e), l = [
+	"x",
+	"y",
+	"t",
+	"r",
+	"b",
+	"l",
+	"s",
+	"e"
+], u = [
+	"t",
+	"r",
+	"b",
+	"l",
+	"s",
+	"e",
+	"tl",
+	"tr",
+	"br",
+	"bl",
+	"ss",
+	"se",
+	"es",
+	"ee"
+], d = {}, f = (e, t) => t.split(" ").forEach((t) => d[t] = e);
+f("display", "block inline-block inline flex inline-flex grid inline-grid contents hidden flow-root list-item table inline-table table-row table-cell table-caption table-column table-row-group table-header-group table-footer-group"), f("position", "static fixed absolute relative sticky"), f("visibility", "visible invisible collapse"), f("isolation", "isolate isolation-auto"), f("text-overflow", "truncate text-ellipsis text-clip"), f("text-transform", "uppercase lowercase capitalize normal-case"), f("font-style", "italic not-italic"), f("text-decoration-line", "underline overline line-through no-underline"), f("font-smoothing", "antialiased subpixel-antialiased"), f("sr", "sr-only not-sr-only"), f("flex-direction", "flex-row flex-row-reverse flex-col flex-col-reverse"), f("flex-wrap", "flex-wrap flex-wrap-reverse flex-nowrap"), f("border-style", "border-solid border-dashed border-dotted border-double border-hidden border-none"), f("border-collapse", "border-collapse border-separate"), f("table-layout", "table-auto table-fixed"), f("box-sizing", "box-border box-content"), f("grow", "grow"), f("shrink", "shrink"), f("transition", "transition"), f("shadow", "shadow"), f("ring-w", "ring"), f("ring-inset", "ring-inset"), f("outline-w", "outline"), f("border-w", "border"), f("rounded", "rounded");
+for (let e of l) f(`border-w-${e}`, `border-${e}`);
+for (let e of u) f(`rounded-${e}`, `rounded-${e}`);
+var p = {
+	inset: "inset",
+	"inset-x": "inset-x",
+	"inset-y": "inset-y",
+	top: "top",
+	right: "right",
+	bottom: "bottom",
+	left: "left",
+	start: "start",
+	end: "end",
+	z: "z",
+	order: "order",
+	basis: "basis",
+	grow: "grow",
+	shrink: "shrink",
+	flex: "flex",
+	"grid-cols": "grid-cols",
+	"grid-rows": "grid-rows",
+	"grid-flow": "grid-flow",
+	"auto-cols": "auto-cols",
+	"auto-rows": "auto-rows",
+	col: "col",
+	"col-span": "col-span",
+	"col-start": "col-start",
+	"col-end": "col-end",
+	row: "row",
+	"row-span": "row-span",
+	"row-start": "row-start",
+	"row-end": "row-end",
+	gap: "gap",
+	"gap-x": "gap-x",
+	"gap-y": "gap-y",
+	"space-x": "space-x",
+	"space-y": "space-y",
+	w: "w",
+	"min-w": "min-w",
+	"max-w": "max-w",
+	h: "h",
+	"min-h": "min-h",
+	"max-h": "max-h",
+	size: "size",
+	justify: "justify-content",
+	"justify-items": "justify-items",
+	"justify-self": "justify-self",
+	items: "align-items",
+	self: "align-self",
+	content: (e) => e === "none" || e.startsWith("[") || e.startsWith("(") ? "content" : "align-content",
+	"place-content": "place-content",
+	"place-items": "place-items",
+	"place-self": "place-self",
+	overflow: "overflow",
+	"overflow-x": "overflow-x",
+	"overflow-y": "overflow-y",
+	"border-spacing": "border-spacing",
+	"border-spacing-x": "border-spacing-x",
+	"border-spacing-y": "border-spacing-y",
+	bg: (e) => {
+		let t = s(e);
+		return [
+			"fixed",
+			"local",
+			"scroll"
+		].includes(t) ? "bg-attachment" : /^(clip|origin)-/.test(t) ? "bg-" + t.split("-")[0] : /^(repeat|no-repeat)/.test(t) ? "bg-repeat" : [
+			"auto",
+			"cover",
+			"contain"
+		].includes(t) ? "bg-size" : /^(top|bottom|left|right|center)/.test(t) ? "bg-position" : t === "none" || /^(linear|radial|conic|gradient)-/.test(t) || /^\[(url|image:|(repeating-)?(linear|radial|conic)-gradient)/.test(t) ? "bg-image" : "bg-color";
+	},
+	text: (e) => {
+		let t = s(e);
+		return [
+			"left",
+			"center",
+			"right",
+			"justify",
+			"start",
+			"end"
+		].includes(t) ? "text-align" : [
+			"wrap",
+			"nowrap",
+			"balance",
+			"pretty"
+		].includes(t) ? "text-wrap" : a.test(t) || o.test(t) ? "font-size" : "text-color";
+	},
+	font: (e) => /^(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)$/.test(e) || /^[[(](number:|\d)/.test(e) ? "font-weight" : "font-family",
+	leading: "leading",
+	tracking: "tracking",
+	whitespace: "whitespace",
+	break: (e) => [
+		"normal",
+		"words",
+		"all",
+		"keep"
+	].includes(e) ? "word-break" : null,
+	"line-clamp": "line-clamp",
+	align: "vertical-align",
+	opacity: "opacity",
+	shadow: (e) => e === "" || a.test(s(e)) || e === "inner" || /^\[(?!color:)/.test(e) ? "shadow" : "shadow-color",
+	ring: (e) => c(e) ? "ring-w" : "ring-color",
+	"ring-offset": (e) => c(e) ? "ring-offset-w" : "ring-offset-color",
+	outline: (e) => [
+		"none",
+		"hidden",
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	].includes(e) ? "outline-style" : c(e) ? "outline-w" : "outline-color",
+	"outline-offset": "outline-offset",
+	cursor: "cursor",
+	"pointer-events": "pointer-events",
+	select: "user-select",
+	resize: "resize",
+	transition: "transition",
+	duration: "duration",
+	ease: "ease",
+	delay: "delay",
+	animate: "animate",
+	scale: "scale",
+	"scale-x": "scale-x",
+	"scale-y": "scale-y",
+	rotate: "rotate",
+	translate: "translate",
+	"translate-x": "translate-x",
+	"translate-y": "translate-y",
+	origin: "transform-origin",
+	fill: "fill",
+	stroke: (e) => i.test(e) ? "stroke-w" : "stroke-color",
+	aspect: "aspect",
+	object: (e) => [
+		"contain",
+		"cover",
+		"fill",
+		"none",
+		"scale-down"
+	].includes(e) ? "object-fit" : "object-position",
+	blur: "blur",
+	"backdrop-blur": "backdrop-blur",
+	"mix-blend": "mix-blend",
+	appearance: "appearance",
+	"will-change": "will-change",
+	"underline-offset": "underline-offset",
+	accent: "accent-color",
+	caret: "caret-color",
+	float: "float",
+	clear: "clear",
+	columns: "columns",
+	rounded: "rounded",
+	border: (e) => c(e) ? "border-w" : "border-color"
+};
+for (let e of ["p", "m"]) {
+	p[e] = e;
+	for (let t of l) p[e + t] = e + t;
+}
+for (let e of l) p[`border-${e}`] = (t) => c(t) ? `border-w-${e}` : `border-color-${e}`;
+for (let e of u) p[`rounded-${e}`] = `rounded-${e}`;
+var m = /* @__PURE__ */ new Set(["text-glow", "text-aurora"]), h = Object.keys(p).sort((e, t) => t.length - e.length);
+function g(e) {
+	if (m.has(e)) return null;
+	if (d[e]) return d[e];
+	if (e.startsWith("[")) {
+		let t = e.indexOf(":");
+		return t > 1 ? "prop:" + e.slice(1, t) : null;
+	}
+	for (let t of h) {
+		if (!e.startsWith(t + "-")) continue;
+		let n = p[t];
+		return typeof n == "string" ? n : n(e.slice(t.length + 1));
+	}
+	return null;
+}
+var _ = {
+	p: l.map((e) => "p" + e),
+	m: l.map((e) => "m" + e),
+	px: [
+		"pl",
+		"pr",
+		"ps",
+		"pe"
+	],
+	py: ["pt", "pb"],
+	mx: [
+		"ml",
+		"mr",
+		"ms",
+		"me"
+	],
+	my: ["mt", "mb"],
+	inset: [
+		"inset-x",
+		"inset-y",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"start",
+		"end"
+	],
+	"inset-x": ["left", "right"],
+	"inset-y": ["top", "bottom"],
+	size: ["w", "h"],
+	gap: ["gap-x", "gap-y"],
+	overflow: ["overflow-x", "overflow-y"],
+	"border-spacing": ["border-spacing-x", "border-spacing-y"],
+	"border-w": l.map((e) => "border-w-" + e),
+	"border-w-x": [
+		"border-w-l",
+		"border-w-r",
+		"border-w-s",
+		"border-w-e"
+	],
+	"border-w-y": ["border-w-t", "border-w-b"],
+	"border-color": l.map((e) => "border-color-" + e),
+	"border-color-x": [
+		"border-color-l",
+		"border-color-r",
+		"border-color-s",
+		"border-color-e"
+	],
+	"border-color-y": ["border-color-t", "border-color-b"],
+	rounded: u.map((e) => "rounded-" + e),
+	"rounded-t": ["rounded-tl", "rounded-tr"],
+	"rounded-r": ["rounded-tr", "rounded-br"],
+	"rounded-b": ["rounded-br", "rounded-bl"],
+	"rounded-l": ["rounded-tl", "rounded-bl"],
+	"rounded-s": ["rounded-ss", "rounded-es"],
+	"rounded-e": ["rounded-se", "rounded-ee"],
+	translate: ["translate-x", "translate-y"],
+	scale: ["scale-x", "scale-y"],
+	flex: [
+		"grow",
+		"shrink",
+		"basis"
+	]
+};
+//#endregion
+export { e as mergeClasses };

package/dist/utils/money.js

@@ -0,0 +1,73 @@
+"use client";
+//#region packages/utils/money.ts
+function e(e) {
+	return new Intl.NumberFormat("en", {
+		style: "currency",
+		currency: e
+	}).resolvedOptions().maximumFractionDigits ?? 2;
+}
+function t(t, n, r, { showDecimals: i = !0 } = {}) {
+	let a = e(n);
+	return new Intl.NumberFormat(r, {
+		style: "currency",
+		currency: n,
+		minimumFractionDigits: i ? a : 0,
+		maximumFractionDigits: i ? a : 0
+	}).format(t / 10 ** a);
+}
+function n(t, n, r) {
+	let i = e(n), a = t % 10 ** i != 0;
+	return new Intl.NumberFormat(r, {
+		minimumFractionDigits: a ? i : 0,
+		maximumFractionDigits: i
+	}).format(t / 10 ** i);
+}
+function r(e, t) {
+	return new Intl.NumberFormat(t, {
+		style: "currency",
+		currency: e
+	}).formatToParts(0).find((e) => e.type === "currency")?.value ?? e;
+}
+var i = class extends Error {
+	constructor(e) {
+		super(`Not an amount: ${e}`), this.name = "MoneyParseError";
+	}
+};
+function a(t, n) {
+	let r = e(n), a = t.trim().replace(/[\s,_]/g, "").replace(/^([+-]?)[^\d.+-]+/, "$1"), o = /^([+-]?)(\d*)(?:\.(\d*))?$/.exec(a);
+	if (!o || o[2] === "" && (o[3] ?? "") === "") throw new i(t);
+	let [, s, c, l = ""] = o;
+	if (l.length > r) throw new i(t);
+	let u = Number((c || "0") + l.padEnd(r, "0"));
+	if (!Number.isSafeInteger(u)) throw new i(t);
+	return s === "-" ? -u : u;
+}
+var o = {
+	k: 3,
+	thousand: 3,
+	l: 5,
+	lac: 5,
+	lakh: 5,
+	lakhs: 5,
+	cr: 7,
+	crore: 7,
+	crores: 7,
+	m: 6,
+	mn: 6,
+	million: 6
+};
+function s(t, n) {
+	let r = /^\s*(.*?)\s*([a-z]+)\s*$/i.exec(t), s = o[r ? r[2].toLowerCase() : ""];
+	if (!r || s === void 0) return a(t, n);
+	let c = e(n), l = /^([+-]?)[^\d.+-]*([\d,\s_]*)(?:\.(\d*))?$/.exec(r[1]);
+	if (!l) throw new i(t);
+	let u = l[2].replace(/[,\s_]/g, ""), d = l[3] ?? "";
+	if (u === "" && d === "") throw new i(t);
+	let f = s + c;
+	if (d.length > f) throw new i(t);
+	let p = Number((u || "0") + d.padEnd(f, "0"));
+	if (!Number.isSafeInteger(p)) throw new i(t);
+	return l[1] === "-" ? -p : p;
+}
+//#endregion
+export { i as MoneyParseError, r as currencySymbol, n as formatAmount, t as formatMoney, e as minorDigits, a as parseMoney, s as parseMoneyInput };

package/dist/utils/month.js

@@ -0,0 +1,46 @@
+"use client";
+//#region packages/utils/month.ts
+var e = /^(\d{4})-(0[1-9]|1[0-2])$/;
+function t(t) {
+	return typeof t == "string" && e.test(t);
+}
+function n(t) {
+	let n = e.exec(t);
+	if (!n) throw Error(`Invalid month: ${t}`);
+	return Number(n[1]) * 12 + Number(n[2]) - 1;
+}
+function r(e) {
+	let t = Math.floor(e / 12);
+	return `${String(t).padStart(4, "0")}-${String(e % 12 + 1).padStart(2, "0")}`;
+}
+function i(e, t) {
+	return r(n(e) + t);
+}
+function a(e, t) {
+	let i = [];
+	for (let a = n(e); a <= n(t); a++) i.push(r(a));
+	return i;
+}
+function o(e, t) {
+	return n(t) - n(e);
+}
+function s(e = /* @__PURE__ */ new Date()) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
+}
+function c(e, t, n = "short") {
+	let [r, i] = e.split("-").map(Number);
+	return new Intl.DateTimeFormat(t, {
+		month: n,
+		year: "numeric",
+		timeZone: "UTC"
+	}).format(Date.UTC(r, i - 1, 1));
+}
+function l(e) {
+	let t = new Intl.DateTimeFormat(e, {
+		month: "short",
+		timeZone: "UTC"
+	});
+	return Array.from({ length: 12 }, (e, n) => t.format(Date.UTC(2e3, n, 1)));
+}
+//#endregion
+export { i as addMonths, s as currentMonth, c as formatMonth, r as fromMonthIndex, t as isMonth, n as monthIndex, l as monthNames, a as monthRange, o as monthsBetween };

package/dist/utils/slot.d.ts

@@ -1,10 +1,14 @@
 import { ComponentProps, ReactElement, ReactNode } from 'react';
+type Props = Record<string, unknown>;
 /**
- * Renders its single child element with `props` merged in (classes combined),
- * for `asChild` props: a component's styles and attributes go onto the caller's
- * own element, such as a router's Link.
+ * Renders its single child element with `props` merged in, for `asChild`
+ * props: a component's styles and attributes go onto the caller's own element,
+ * such as a router's Link. Classes are combined, styles merged (the child's
+ * win), event handlers both run (the child's first), and refs both receive the
+ * element; other props from the component win.
  */
-export declare function Slot({ children, className, ...props }: ComponentProps<'a'> & {
+export declare function Slot({ children, ...props }: ComponentProps<'a'> & {
     children?: ReactNode;
-}): ReactElement<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, string | import('react').JSXElementConstructor<any>> | null;
+}): ReactElement<Props, string | import('react').JSXElementConstructor<any>> | null;
+export {};
 //# sourceMappingURL=slot.d.ts.map

package/dist/utils/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../packages/utils/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAkB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9F;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2LAIrG"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../packages/utils/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAkB,YAAY,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAInG,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErC;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,mFAoB1F"}

package/dist/utils/slot.js

@@ -0,0 +1,25 @@
+"use client";
+import { cx as e } from "./cx.js";
+import { cloneElement as t, isValidElement as n } from "react";
+//#region packages/utils/slot.tsx
+function r({ children: r, ...a }) {
+	if (!n(r)) return null;
+	let o = r, s = a, c = o.props, l = { ...s };
+	for (let e of Object.keys(s)) {
+		let t = s[e], n = c[e];
+		/^on[A-Z]/.test(e) && typeof t == "function" && typeof n == "function" && (l[e] = (...e) => {
+			n(...e), t(...e);
+		});
+	}
+	return l.className = e(s.className, c.className), (s.style || c.style) && (l.style = {
+		...s.style,
+		...c.style
+	}), s.ref && c.ref && (l.ref = i(s.ref, c.ref)), t(o, l);
+}
+function i(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
+	};
+}
+//#endregion
+export { r as Slot };

package/dist/utils/status-icons.js

@@ -0,0 +1,48 @@
+"use client";
+import { cx as e } from "./cx.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region packages/utils/status-icons.tsx
+function r({ className: n }) {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e("size-3.5", n),
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ t("path", { d: "m3.5 8.5 3 3 6-7" })
+	});
+}
+function i({ className: r }) {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e("size-3.5", r),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ t("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ t("path", { d: "M8 6.5v3M8 11.6v.1" })]
+	});
+}
+function a({ className: r }) {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		className: e("size-3.5", r),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.3"
+		}), /* @__PURE__ */ t("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
+	});
+}
+//#endregion
+export { i as AlertIcon, r as CheckIcon, a as InfoIcon };

package/dist/utils/styles.d.ts

@@ -1,17 +1,17 @@
-/** Shared field look: faint glass, hairline border, violet glow on focus. */
+/** Shared field look: faint glass, hairline border lit by the pointer, violet glow on focus. */
 export declare const FIELD: string;
 /** Glow a trigger carries while its popup is open. */
-export declare const TRIGGER_OPEN = "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]";
+export declare const TRIGGER_OPEN = "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]";
 /** Trigger for popup fields (dropdown): a field that glows while open. */
 export declare const TRIGGER: string;
 /** Popup panel (popover, dropdown list): glass with a soft glow. */
 export declare const POPUP = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden";
-/** Sora's nav pills (NavPills, TabList variant="pills"): a glass track… */
-export declare const PILL_TRACK = "relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1";
+/** Pills (and TabList variant="pills"): a glass track… */
+export declare const PILL_TRACK = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1";
 /** …a glowing pill that slides to the active item… */
 export declare const PILL_INDICATOR = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]";
-/** …and items that sit above it. */
-export declare const PILL_ITEM = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40";
+/** …and items that sit above it, lit when current (a link) or selected (a tab). */
+export declare const PILL: string;
 /**
  * For a wrapper whose child input takes focus (InputGroup): FIELD, lit by
  * focus-within. Written out in full rather than derived from FIELD, because

package/dist/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../packages/utils/styles.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,eAAO,MAAM,KAAK,QAKmC,CAAC;AAEtD,sDAAsD;AACtD,eAAO,MAAM,YAAY,mGAC2E,CAAC;AAErG,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAAgF,CAAC;AAErG,oEAAoE;AACpE,eAAO,MAAM,KAAK,kIACiH,CAAC;AAEpI,2EAA2E;AAC3E,eAAO,MAAM,UAAU,gGAAgG,CAAC;AAExH,sDAAsD;AACtD,eAAO,MAAM,cAAc,iOACuM,CAAC;AAEnO,oCAAoC;AACpC,eAAO,MAAM,SAAS,iLAC4J,CAAC;AAEnL;;;;GAIG;AACH,eAAO,MAAM,YAAY,QAK4B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../packages/utils/styles.ts"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,eAAO,MAAM,KAAK,QAKmC,CAAC;AAEtD,sDAAsD;AACtD,eAAO,MAAM,YAAY,qIAC6G,CAAC;AAEvI,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAAgF,CAAC;AAErG,oEAAoE;AACpE,eAAO,MAAM,KAAK,kIACiH,CAAC;AAEpI,0DAA0D;AAC1D,eAAO,MAAM,UAAU,0GACoF,CAAC;AAE5G,sDAAsD;AACtD,eAAO,MAAM,cAAc,iOACuM,CAAC;AAEnO,mFAAmF;AACnF,eAAO,MAAM,IAAI,QAEkG,CAAC;AAEpH;;;;GAIG;AACH,eAAO,MAAM,YAAY,QAK4B,CAAC"}

package/dist/utils/styles.js

@@ -0,0 +1,6 @@
+"use client";
+import { cx as e } from "./cx.js";
+//#region packages/utils/styles.ts
+var t = "glow-border h-10 rounded-lg border [--glow-border-color:oklch(var(--tint)/0.1)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--tint)/0.2)] focus-visible:border-glow/60 focus-visible:[--glow-border-color:transparent] focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", n = "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r = e(t, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), i = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", a = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", o = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", s = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40 text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-selected:text-foreground", c = "glow-border flex w-full items-center gap-1.5 h-10 rounded-lg border [--glow-border-color:oklch(var(--tint)/0.1)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--tint)/0.2)] focus-within:border-glow/60 focus-within:[--glow-border-color:transparent] focus-within:bg-tint/[0.05] focus-within:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
+//#endregion
+export { t as FIELD, c as FIELD_WITHIN, s as PILL, o as PILL_INDICATOR, a as PILL_TRACK, i as POPUP, r as TRIGGER, n as TRIGGER_OPEN };