@knpkv/rly 0.1.0

package/dist/primitives-nKxQGSsE.js

@@ -0,0 +1,543 @@
+import { r as e, t } from "./PortalProvider-BpgZwSpw.js";
+import { i as n, n as r, r as i, t as a } from "./component-BJeeRuSu.js";
+import { Select as o, Tabs as s } from "radix-ui";
+import { createElement as c, useId as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = {
+	root: "rly_Divider-module__root",
+	horizontal: "rly_Divider-module__horizontal",
+	vertical: "rly_Divider-module__vertical",
+	subtle: "rly_Divider-module__subtle",
+	strong: "rly_Divider-module__strong"
+}, p = (e) => r(f, e), m = i({
+	orientation: {
+		horizontal: {
+			className: p("horizontal"),
+			purpose: "Separate stacked content",
+			tokens: ["space-0"]
+		},
+		vertical: {
+			className: p("vertical"),
+			purpose: "Separate adjacent content",
+			tokens: ["space-0"]
+		}
+	},
+	strength: {
+		subtle: {
+			className: p("subtle"),
+			purpose: "Quiet structural boundary",
+			tokens: ["color-border-1"]
+		},
+		strong: {
+			className: p("strong"),
+			purpose: "Explicit structural boundary",
+			tokens: ["color-border-2"]
+		}
+	}
+}), h = i({
+	orientation: "horizontal",
+	strength: "subtle"
+}), g = ({ className: e, decorative: t = !0, label: r, orientation: i = "horizontal", strength: o = "subtle", ...s }) => {
+	if (!t && r === void 0) throw Error("Semantic Divider label must contain visible text");
+	let c = t || r === void 0 ? void 0 : n(r, "Semantic Divider label");
+	return /* @__PURE__ */ u("div", {
+		...s,
+		"aria-hidden": t ? "true" : void 0,
+		"aria-label": c,
+		"aria-orientation": t ? void 0 : i,
+		className: a(p("root"), m.orientation[i].className, m.strength[o].className, e),
+		role: t ? "presentation" : "separator"
+	});
+}, _ = /* @__PURE__ */ new WeakSet(), v = (e) => (_.add(e), e), y = (e) => _.has(e), b = {
+	root: "rly_Field-module__root",
+	label: "rly_Field-module__label",
+	required: "rly_Field-module__required",
+	description: "rly_Field-module__description",
+	error: "rly_Field-module__error",
+	controlSlot: "rly_Field-module__controlSlot",
+	control: "rly_Field-module__control",
+	compact: "rly_Field-module__compact",
+	defaultSize: "rly_Field-module__defaultSize"
+}, x = (e) => r(b, e), S = [
+	"aria-describedby",
+	"aria-errormessage",
+	"aria-invalid",
+	"aria-labelledby",
+	"aria-required",
+	"id",
+	"required"
+], C = /* @__PURE__ */ new Set([
+	"button",
+	"input",
+	"select",
+	"textarea"
+]), w = i({ size: {
+	compact: {
+		className: x("compact"),
+		purpose: "Dense form rows",
+		tokens: ["space-40", "type-meta"]
+	},
+	default: {
+		className: x("defaultSize"),
+		purpose: "Standard form controls",
+		tokens: ["space-48", "type-label"]
+	}
+} }), T = i({ size: "default" }), E = ({ children: e, className: t, controlId: r, description: i, error: o, label: s, required: c = !1, size: f = T.size, ...p }) => {
+	let m = l(), h = r ?? `rly-field-${m}`, g = `${h}-label`, _ = i === void 0 ? void 0 : `${h}-description`, v = o === void 0 ? void 0 : `${h}-error`, b = {
+		"aria-describedby": [_, v].filter((e) => e !== void 0).join(" ") || void 0,
+		"aria-errormessage": v,
+		"aria-invalid": o !== void 0 || void 0,
+		"aria-labelledby": g,
+		"aria-required": c ? !0 : void 0,
+		className: x("control"),
+		id: h
+	}, E = c ? {
+		...b,
+		required: !0
+	} : b, D = e(E), O = D.type;
+	if (!(typeof O == "string" ? C.has(O) : (typeof O == "function" || typeof O == "object") && O !== null && y(O))) throw Error("Field children must render one concrete or rly-owned control");
+	for (let e of S) if (D.props[e] !== E[e]) throw Error(`Field control must apply ${e}`);
+	if (!D.props.className.split(" ").includes(E.className)) throw Error("Field control must apply className");
+	return /* @__PURE__ */ d("div", {
+		...p,
+		className: a(x("root"), w.size[f].className, t),
+		"data-error": o === void 0 ? void 0 : "true",
+		children: [
+			/* @__PURE__ */ d("label", {
+				className: x("label"),
+				htmlFor: h,
+				id: g,
+				children: [n(s, "Field label"), c ? /* @__PURE__ */ u("span", {
+					className: x("required"),
+					children: "Required"
+				}) : null]
+			}),
+			i === void 0 ? null : /* @__PURE__ */ u("p", {
+				className: x("description"),
+				id: _,
+				children: n(i, "Field description")
+			}),
+			/* @__PURE__ */ u("div", {
+				className: x("controlSlot"),
+				children: D
+			}),
+			o === void 0 ? null : /* @__PURE__ */ u("p", {
+				className: x("error"),
+				id: v,
+				role: "alert",
+				children: n(o, "Field error")
+			})
+		]
+	});
+}, D = {
+	root: "rly_IconButton-module__root",
+	primary: "rly_IconButton-module__primary",
+	secondary: "rly_IconButton-module__secondary",
+	quiet: "rly_IconButton-module__quiet",
+	compact: "rly_IconButton-module__compact",
+	defaultSize: "rly_IconButton-module__defaultSize",
+	principal: "rly_IconButton-module__principal"
+}, O = (e) => r(D, e), k = i({
+	variant: {
+		primary: {
+			className: O("primary"),
+			purpose: "Principal icon action",
+			tokens: ["color-action-background", "color-action-foreground"]
+		},
+		secondary: {
+			className: O("secondary"),
+			purpose: "Default icon action",
+			tokens: ["color-surface-1", "color-border-2"]
+		},
+		quiet: {
+			className: O("quiet"),
+			purpose: "Low-emphasis icon action",
+			tokens: ["color-text-1", "color-surface-2"]
+		}
+	},
+	size: {
+		compact: {
+			className: O("compact"),
+			purpose: "Minimum accessible icon target",
+			tokens: ["space-40", "space-4"]
+		},
+		default: {
+			className: O("defaultSize"),
+			purpose: "Standard icon target",
+			tokens: ["space-48"]
+		},
+		principal: {
+			className: O("principal"),
+			purpose: "Prominent icon target",
+			tokens: ["space-48", "space-8"]
+		}
+	}
+}), A = i({
+	variant: "secondary",
+	size: "default"
+}), j = ({ className: t, disabled: r, icon: i, label: o, loading: s = !1, size: c = "default", type: l, variant: d = "secondary", ...f }) => /* @__PURE__ */ u("button", {
+	...f,
+	"aria-busy": s ? "true" : void 0,
+	"aria-label": n(o, "IconButton label"),
+	className: a(O("root"), k.variant[d].className, k.size[c].className, t),
+	"data-loading": s ? "true" : void 0,
+	disabled: r || s,
+	type: l ?? "button",
+	children: /* @__PURE__ */ u(e, {
+		decorative: !0,
+		name: s ? "loader" : i,
+		size: c === "compact" ? "small" : "default"
+	})
+}), M = {
+	trigger: "rly_Select-module__trigger",
+	compact: "rly_Select-module__compact",
+	defaultSize: "rly_Select-module__defaultSize",
+	triggerIcon: "rly_Select-module__triggerIcon",
+	content: "rly_Select-module__content",
+	viewport: "rly_Select-module__viewport",
+	item: "rly_Select-module__item",
+	itemIndicator: "rly_Select-module__itemIndicator",
+	scrollButton: "rly_Select-module__scrollButton"
+}, N = (e) => r(M, e), P = i({ size: {
+	compact: {
+		className: N("compact"),
+		purpose: "Dense form rows",
+		tokens: ["space-40", "type-meta"]
+	},
+	default: {
+		className: N("defaultSize"),
+		purpose: "Standard selection control",
+		tokens: ["space-48", "type-body"]
+	}
+} }), F = i({ size: "default" }), I = (e, t) => {
+	if (!t && !e.some((e) => !e.disabled)) throw Error("Select options must contain at least one enabled option");
+	let r = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		n(t.label, "Select option label");
+		let e = n(t.value, "Select option value");
+		if (r.has(e)) throw Error(`Duplicate Select option value: ${e}`);
+		r.add(e);
+	}
+}, L = /* @__PURE__ */ v((r) => {
+	let i = "value" in r, { "aria-describedby": s, "aria-errormessage": l, "aria-invalid": f, "aria-label": p, "aria-labelledby": m, "aria-required": h, autoComplete: g, className: _, defaultOpen: v, defaultValue: y, disabled: b = !1, form: x, id: S, name: C, onBlur: w, onFocus: T, onKeyDown: E, onOpenChange: D, onValueChange: O, open: k, options: A, placeholder: j = "Select an option", ref: M, required: L = !1, size: R = F.size, tabIndex: z, value: B } = r;
+	I(A, b), n(p ?? m, p === void 0 ? "Select aria-labelledby" : "Select aria-label");
+	let V = n(j, "Select placeholder"), H = B ?? y;
+	if (H !== void 0 && !A.some((e) => e.value === H)) throw Error(`Select value does not match an option: ${H}`);
+	return /* @__PURE__ */ d(o.Root, {
+		...g === void 0 ? {} : { autoComplete: g },
+		...v === void 0 ? {} : { defaultOpen: v },
+		...y === void 0 ? {} : { defaultValue: y },
+		disabled: b,
+		...x === void 0 ? {} : { form: x },
+		...C === void 0 ? {} : { name: C },
+		...D === void 0 ? {} : { onOpenChange: D },
+		...O === void 0 ? {} : { onValueChange: O },
+		...k === void 0 ? {} : { open: k },
+		required: L,
+		...i ? { value: B ?? "" } : {},
+		children: [/* @__PURE__ */ d(o.Trigger, {
+			"aria-describedby": s,
+			"aria-errormessage": l,
+			"aria-invalid": f,
+			"aria-label": p,
+			"aria-labelledby": m,
+			"aria-required": h ?? (L ? !0 : void 0),
+			className: a(N("trigger"), P.size[R].className, _),
+			id: S,
+			onBlur: w,
+			onFocus: T,
+			onKeyDown: E,
+			ref: M,
+			tabIndex: z,
+			children: [/* @__PURE__ */ u(o.Value, { placeholder: V }), /* @__PURE__ */ u(o.Icon, {
+				asChild: !0,
+				children: /* @__PURE__ */ u("span", {
+					"aria-hidden": "true",
+					className: N("triggerIcon"),
+					children: /* @__PURE__ */ u(e, {
+						decorative: !0,
+						name: "chevron-down",
+						size: "small"
+					})
+				})
+			})]
+		}), /* @__PURE__ */ u(t, { children: (t) => /* @__PURE__ */ u(o.Portal, {
+			container: t,
+			children: /* @__PURE__ */ d(o.Content, {
+				align: "start",
+				className: a(N("content"), P.size[R].className),
+				position: "popper",
+				sideOffset: 6,
+				children: [
+					/* @__PURE__ */ u(o.ScrollUpButton, {
+						"aria-hidden": "true",
+						className: N("scrollButton"),
+						children: /* @__PURE__ */ u(e, {
+							decorative: !0,
+							name: "chevron-up",
+							size: "small"
+						})
+					}),
+					/* @__PURE__ */ u(o.Viewport, {
+						className: N("viewport"),
+						children: A.map((t) => /* @__PURE__ */ c(o.Item, {
+							className: N("item"),
+							...t.disabled === void 0 ? {} : { disabled: t.disabled },
+							key: t.value,
+							textValue: t.label,
+							value: t.value
+						}, /* @__PURE__ */ u(o.ItemText, { children: t.label }), /* @__PURE__ */ u(o.ItemIndicator, {
+							className: N("itemIndicator"),
+							children: /* @__PURE__ */ u(e, {
+								decorative: !0,
+								name: "check",
+								size: "small"
+							})
+						})))
+					}),
+					/* @__PURE__ */ u(o.ScrollDownButton, {
+						"aria-hidden": "true",
+						className: N("scrollButton"),
+						children: /* @__PURE__ */ u(e, {
+							decorative: !0,
+							name: "chevron-down",
+							size: "small"
+						})
+					})
+				]
+			})
+		}) })]
+	});
+}), R = {
+	root: "rly_Surface-module__root",
+	tonePrimary: "rly_Surface-module__tonePrimary",
+	toneSecondary: "rly_Surface-module__toneSecondary",
+	toneTertiary: "rly_Surface-module__toneTertiary",
+	shapeCard: "rly_Surface-module__shapeCard",
+	shapeGrouped: "rly_Surface-module__shapeGrouped",
+	paddingNone: "rly_Surface-module__paddingNone",
+	paddingCompact: "rly_Surface-module__paddingCompact",
+	paddingDefault: "rly_Surface-module__paddingDefault",
+	paddingSpacious: "rly_Surface-module__paddingSpacious"
+}, z = (e) => r(R, e), B = i({
+	tone: {
+		primary: {
+			className: z("tonePrimary"),
+			purpose: "Primary bordered surface",
+			tokens: ["color-surface-1", "color-border-1"]
+		},
+		secondary: {
+			className: z("toneSecondary"),
+			purpose: "Quiet secondary surface",
+			tokens: ["color-surface-2"]
+		},
+		tertiary: {
+			className: z("toneTertiary"),
+			purpose: "Inset tertiary surface",
+			tokens: ["color-surface-3"]
+		}
+	},
+	shape: {
+		card: {
+			className: z("shapeCard"),
+			purpose: "Standard card geometry",
+			tokens: ["radius-control"]
+		},
+		grouped: {
+			className: z("shapeGrouped"),
+			purpose: "Grouped content geometry",
+			tokens: ["radius-group"]
+		}
+	},
+	padding: {
+		none: {
+			className: z("paddingNone"),
+			purpose: "Caller-owned internal layout",
+			tokens: ["space-0"]
+		},
+		compact: {
+			className: z("paddingCompact"),
+			purpose: "Dense supporting content",
+			tokens: ["space-16"]
+		},
+		default: {
+			className: z("paddingDefault"),
+			purpose: "Standard content",
+			tokens: ["space-24"]
+		},
+		spacious: {
+			className: z("paddingSpacious"),
+			purpose: "Prominent grouped content",
+			tokens: ["space-32"]
+		}
+	}
+}), V = i({
+	tone: "primary",
+	shape: "card",
+	padding: "default"
+}), H = ({ as: e, children: t, className: n, padding: r = "default", ref: i, shape: o = "card", tone: s = "primary", ...l }) => c(e ?? "div", {
+	...l,
+	className: a(z("root"), B.tone[s].className, B.shape[o].className, B.padding[r].className, n),
+	ref: i
+}, t), U = {
+	root: "rly_Tabs-module__root",
+	list: "rly_Tabs-module__list",
+	trigger: "rly_Tabs-module__trigger",
+	defaultSize: "rly_Tabs-module__defaultSize",
+	large: "rly_Tabs-module__large",
+	panel: "rly_Tabs-module__panel"
+}, W = (e) => r(U, e), G = i({ size: {
+	default: {
+		className: W("defaultSize"),
+		purpose: "Standard section navigation",
+		tokens: [
+			"type-label",
+			"space-40",
+			"space-4"
+		]
+	},
+	large: {
+		className: W("large"),
+		purpose: "Prominent page-level navigation",
+		tokens: ["type-body", "space-48"]
+	}
+} }), K = i({ size: "default" }), q = (e) => {
+	if (e.length === 0) throw Error("Tabs items must contain at least one enabled tab");
+	let t = /* @__PURE__ */ new Set(), r;
+	for (let i of e) {
+		let e = n(i.value, "Tab value");
+		if (n(i.label, `Tab label for ${e}`), t.has(e)) throw Error(`Tabs item values must be unique: ${e}`);
+		t.add(e), !i.disabled && r === void 0 && (r = i);
+	}
+	if (r === void 0) throw Error("Tabs items must contain at least one enabled tab");
+	return r;
+}, J = ({ "aria-label": e, className: t, defaultValue: r, direction: i, items: o, onValueChange: c, size: l = "default", value: f, ...p }) => {
+	let m = n(e, "Tabs aria-label"), h = q(o), g = f ?? r ?? h.value, _ = o.find((e) => e.value === g);
+	if (_ === void 0 || _.disabled) throw Error(`Tabs selected value must identify an enabled tab: ${g}`);
+	let v = f === void 0 ? c === void 0 ? { defaultValue: g } : {
+		defaultValue: g,
+		onValueChange: c
+	} : {
+		onValueChange: c,
+		value: f
+	}, y = i === void 0 ? {} : { dir: i };
+	return /* @__PURE__ */ d(s.Root, {
+		...p,
+		...v,
+		...y,
+		activationMode: "automatic",
+		className: a(W("root"), G.size[l].className, t),
+		orientation: "horizontal",
+		children: [/* @__PURE__ */ u(s.List, {
+			"aria-label": m,
+			className: W("list"),
+			loop: !0,
+			children: o.map((e) => /* @__PURE__ */ u(s.Trigger, {
+				className: W("trigger"),
+				disabled: e.disabled,
+				value: e.value,
+				children: e.label
+			}, e.value))
+		}), o.map((e) => /* @__PURE__ */ u(s.Content, {
+			className: W("panel"),
+			value: e.value,
+			children: e.content
+		}, e.value))]
+	});
+}, Y = {
+	root: "rly_Text-module__root",
+	verdict: "rly_Text-module__verdict",
+	pageTitle: "rly_Text-module__pageTitle",
+	sectionTitle: "rly_Text-module__sectionTitle",
+	cardTitle: "rly_Text-module__cardTitle",
+	bodyLarge: "rly_Text-module__bodyLarge",
+	body: "rly_Text-module__body",
+	label: "rly_Text-module__label",
+	meta: "rly_Text-module__meta",
+	code: "rly_Text-module__code",
+	tonePrimary: "rly_Text-module__tonePrimary",
+	toneSecondary: "rly_Text-module__toneSecondary",
+	toneTertiary: "rly_Text-module__toneTertiary",
+	toneInherit: "rly_Text-module__toneInherit"
+}, X = (e) => r(Y, e), Z = i({
+	variant: {
+		verdict: {
+			className: X("verdict"),
+			purpose: "One restrained verdict thesis",
+			tokens: ["type-verdict"]
+		},
+		"page-title": {
+			className: X("pageTitle"),
+			purpose: "Primary page title",
+			tokens: ["type-page-title"]
+		},
+		"section-title": {
+			className: X("sectionTitle"),
+			purpose: "Section heading",
+			tokens: ["type-section-title"]
+		},
+		"card-title": {
+			className: X("cardTitle"),
+			purpose: "Card or panel heading",
+			tokens: ["type-card-title"]
+		},
+		"body-large": {
+			className: X("bodyLarge"),
+			purpose: "Leading explanatory copy",
+			tokens: ["type-body-large"]
+		},
+		body: {
+			className: X("body"),
+			purpose: "Default interface copy",
+			tokens: ["type-body"]
+		},
+		label: {
+			className: X("label"),
+			purpose: "Control and metadata labels",
+			tokens: ["type-label"]
+		},
+		meta: {
+			className: X("meta"),
+			purpose: "Supporting metadata",
+			tokens: ["type-meta"]
+		},
+		code: {
+			className: X("code"),
+			purpose: "Code and tabular data",
+			tokens: ["type-code"]
+		}
+	},
+	tone: {
+		primary: {
+			className: X("tonePrimary"),
+			purpose: "Primary readable text",
+			tokens: ["color-text-1"]
+		},
+		secondary: {
+			className: X("toneSecondary"),
+			purpose: "Supporting text",
+			tokens: ["color-text-2"]
+		},
+		tertiary: {
+			className: X("toneTertiary"),
+			purpose: "Restricted tertiary text",
+			tokens: ["color-text-3"]
+		},
+		inherit: {
+			className: X("toneInherit"),
+			purpose: "Inherit semantic context",
+			tokens: []
+		}
+	}
+}), Q = i({
+	variant: "body",
+	tone: "primary"
+}), $ = (e) => e === "code" ? "code" : e === "verdict" ? "p" : e === "label" || e === "meta" ? "span" : "p", ee = ({ as: e, children: t, className: n, ref: r, tone: i = Q.tone, variant: o = Q.variant, ...s }) => c(e ?? $(o), {
+	...s,
+	className: a(X("root"), Z.variant[o].className, Z.tone[i].className, n),
+	ref: r
+}, t);
+//#endregion
+export { T as _, G as a, h as b, B as c, P as d, L as f, E as g, k as h, K as i, H as l, A as m, Z as n, J as o, j as p, ee as r, V as s, Q as t, F as u, w as v, m as x, g as y };
+
+//# sourceMappingURL=primitives-nKxQGSsE.js.map