@knpkv/rly 0.4.1 → 0.5.0

package/dist/primitives-CW89TsFB.js

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