@studiolxd/brand 49.28.0 → 51.0.0

package/dist/org-chart.js

@@ -1,20 +1,31 @@
 'use client';
 import './org-chart.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { Button as n } from "./button.js";
 import { t as r } from "./_shared/css-properties.js";
 import { forwardRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/stories/organisms/OrgChart/OrgChart.tsx
-var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, collapsed: u, defaultCollapsed: d, onCollapsedChange: f, zoom: p, defaultZoom: m = 1, onZoomChange: h, minZoom: g = .5, maxZoom: _ = 1.5, zoomStep: v = .1, showZoom: y = !0, toolbar: b, showPeople: x = !0, label: S, managersLabel: C, membersLabel: w, className: T, ...E }, D) {
-	let O = e("orgChart"), [k, A] = a(d ?? []), j = u ?? k, [M, N] = a(m), P = l(p ?? M, g, _), F = r({ "--org-chart-zoom": String(P) }), I = (e) => {
-		let t = j.includes(e) ? j.filter((t) => t !== e) : [...j, e];
-		u === void 0 && A(t), f?.(t);
-	}, L = (e) => {
-		let t = l(Number(e.toFixed(4)), g, _);
-		p === void 0 && N(t), h?.(t);
-	}, R = (e, t, n) => /* @__PURE__ */ c("div", {
+//#region src/stories/messages/es/orgChart.ts
+var l = {
+	label: "Organigrama",
+	managers: "Responsables",
+	members: "Equipo",
+	noManagers: "Sin responsable",
+	noMembers: "Sin equipo",
+	collapse: (e) => `Plegar ${e}`,
+	expand: (e) => `Desplegar ${e}`,
+	zoomIn: "Acercar",
+	zoomOut: "Alejar",
+	zoomReset: "Tamaño natural"
+}, u = (e, t, n) => Math.min(n, Math.max(t, e)), d = i(function({ nodes: i, collapsed: d, defaultCollapsed: f, onCollapsedChange: p, zoom: m, defaultZoom: h = 1, onZoomChange: g, minZoom: _ = .5, maxZoom: v = 1.5, zoomStep: y = .1, showZoom: b = !0, toolbar: x, showPeople: S = !0, label: C, managersLabel: w, membersLabel: T, className: E, ...D }, O) {
+	let k = e("orgChart", l), [A, j] = a(f ?? []), M = d ?? A, [N, P] = a(h), F = u(m ?? N, _, v), I = r({ "--org-chart-zoom": String(F) }), L = (e) => {
+		let t = M.includes(e) ? M.filter((t) => t !== e) : [...M, e];
+		d === void 0 && j(t), p?.(t);
+	}, R = (e) => {
+		let t = u(Number(e.toFixed(4)), _, v);
+		m === void 0 && P(t), g?.(t);
+	}, z = (e, t, n) => /* @__PURE__ */ c("div", {
 		className: "org-chart__group",
 		children: [/* @__PURE__ */ s("span", {
 			className: "org-chart__group-label",
@@ -32,10 +43,10 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 			className: "org-chart__empty",
 			children: n
 		})]
-	}), z = (e, r) => /* @__PURE__ */ s("ul", {
+	}), B = (e, r) => /* @__PURE__ */ s("ul", {
 		className: ["org-chart__level", r ? "org-chart__level--root" : "org-chart__level--children"].join(" "),
 		children: e.map((e) => {
-			let r = e.children ?? [], i = j.includes(e.id), a = r.length > 0 && !i;
+			let r = e.children ?? [], i = M.includes(e.id), a = r.length > 0 && !i;
 			return /* @__PURE__ */ c("li", {
 				className: "org-chart__node",
 				children: [/* @__PURE__ */ c("div", {
@@ -50,34 +61,34 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
-							"aria-label": i ? O("expand")(e.name) : O("collapse")(e.name),
+							"aria-label": i ? k("expand")(e.name) : k("collapse")(e.name),
 							"aria-expanded": !i,
-							onClick: () => I(e.id),
+							onClick: () => L(e.id),
 							children: /* @__PURE__ */ s(t, {
 								name: i ? "chevron-right" : "chevron-down",
 								size: "sm"
 							})
 						}) : null]
-					}), x ? /* @__PURE__ */ c("div", { children: [R(e.managers, O("managers", C), O("noManagers")), R(e.members, O("members", w), O("noMembers"))] }) : null]
-				}), a ? z(r, !1) : null]
+					}), S ? /* @__PURE__ */ c("div", { children: [z(e.managers, k("managers", w), k("noManagers")), z(e.members, k("members", T), k("noMembers"))] }) : null]
+				}), a ? B(r, !1) : null]
 			}, e.id);
 		})
 	});
 	return /* @__PURE__ */ c("div", {
-		ref: D,
-		className: ["org-chart", T].filter(Boolean).join(" "),
-		...E,
-		children: [y || b ? /* @__PURE__ */ c("div", {
+		ref: O,
+		className: ["org-chart", E].filter(Boolean).join(" "),
+		...D,
+		children: [b || x ? /* @__PURE__ */ c("div", {
 			className: "org-chart__toolbar",
-			children: [y ? /* @__PURE__ */ c(o, { children: [
+			children: [b ? /* @__PURE__ */ c(o, { children: [
 				/* @__PURE__ */ s(n, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": O("zoomOut"),
-					disabled: P <= g,
-					onClick: () => L(P - v),
+					"aria-label": k("zoomOut"),
+					disabled: F <= _,
+					onClick: () => R(F - y),
 					children: /* @__PURE__ */ s(t, {
 						name: "zoom-out",
 						size: "sm"
@@ -88,9 +99,9 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 					variant: "outline",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": O("zoomIn"),
-					disabled: P >= _,
-					onClick: () => L(P + v),
+					"aria-label": k("zoomIn"),
+					disabled: F >= v,
+					onClick: () => R(F + y),
 					children: /* @__PURE__ */ s(t, {
 						name: "zoom-in",
 						size: "sm"
@@ -100,23 +111,23 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 					type: "button",
 					variant: "text",
 					size: "sm",
-					disabled: P === 1,
-					onClick: () => L(1),
-					children: O("zoomReset")
+					disabled: F === 1,
+					onClick: () => R(1),
+					children: k("zoomReset")
 				})
-			] }) : null, b]
+			] }) : null, x]
 		}) : null, /* @__PURE__ */ s("div", {
 			className: "org-chart__viewport",
 			tabIndex: 0,
 			role: "group",
-			"aria-label": O("label", S),
+			"aria-label": k("label", C),
 			children: /* @__PURE__ */ s("div", {
 				className: "org-chart__canvas",
-				ref: F,
-				children: z(i, !0)
+				ref: I,
+				children: B(i, !0)
 			})
 		})]
 	});
 });
 //#endregion
-export { u as OrgChart };
+export { d as OrgChart };

package/dist/org-switcher.css

@@ -1 +1 @@
-.org-switcher__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--org-switcher-trigger-gap);width:auto;max-inline-size:100%;padding-block:var(--org-switcher-trigger-padding-block);padding-inline:var(--org-switcher-trigger-padding-inline);border-radius:var(--org-switcher-trigger-border-radius);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);display:flex}.org-switcher__trigger.org-switcher__trigger--block{width:100%}.org-switcher__trigger.org-switcher__trigger--compact{justify-content:center;padding-inline:0}.org-switcher__trigger:focus-visible{outline:var(--org-switcher-focus-ring-width) solid var(--org-switcher-focus-ring-color);outline-offset:var(--org-switcher-focus-ring-offset)}.org-switcher__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--org-switcher-name-font-size);font-weight:var(--org-switcher-name-font-weight);color:var(--org-switcher-name-color);flex:1;overflow:hidden}.org-switcher__chevron{transition:transform var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);flex-shrink:0;transform:rotate(90deg)}.org-switcher__trigger[data-popup-open] .org-switcher__chevron{transform:rotate(-90deg)}@keyframes org-switcher-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes org-switcher-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.org-switcher__content{box-sizing:border-box;background-color:var(--org-switcher-content-bg);border-width:var(--org-switcher-content-border-width);border-style:solid;border-color:var(--org-switcher-content-border-color);border-radius:var(--org-switcher-content-border-radius);box-shadow:var(--org-switcher-content-shadow);padding-block:var(--org-switcher-content-padding-block);padding-inline:var(--org-switcher-content-padding-inline);min-width:var(--org-switcher-content-min-width);transform-origin:var(--transform-origin);max-height:var(--org-switcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.org-switcher__content[data-open]{animation:org-switcher-open var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__content[data-closed]{animation:org-switcher-close var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__item{align-items:center;gap:var(--org-switcher-trigger-gap);padding-block:var(--org-switcher-item-padding-block);padding-inline:var(--org-switcher-item-padding-inline);border-radius:var(--org-switcher-item-border-radius);font-size:var(--org-switcher-item-font-size);font-weight:var(--org-switcher-item-font-weight);color:var(--org-switcher-item-color);box-shadow:none;cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing), color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);outline:none;text-decoration:none;display:flex}.org-switcher__item:focus-visible{outline:none}.org-switcher__item[data-highlighted]{background-color:var(--org-switcher-item-highlighted-bg);color:var(--org-switcher-item-highlighted-color)}.org-switcher__item--active,.org-switcher__item--active[data-highlighted]{font-weight:var(--org-switcher-name-font-weight)}.org-switcher__separator{height:var(--org-switcher-separator-height);background-color:var(--org-switcher-separator-color);margin-block:var(--org-switcher-separator-margin-block);border:none}.org-switcher__item.org-switcher__item--destructive{color:var(--org-switcher-item-destructive-color)}.org-switcher__item.org-switcher__item--destructive[data-highlighted]{background-color:var(--org-switcher-item-destructive-highlighted-bg);color:var(--org-switcher-item-destructive-highlighted-color)}.org-switcher__positioner{z-index:var(--org-switcher-content-z-index)}
+.org-switcher__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--org-switcher-trigger-gap);inline-size:auto;max-inline-size:100%;padding-block:var(--org-switcher-trigger-padding-block);padding-inline:var(--org-switcher-trigger-padding-inline);border-radius:var(--org-switcher-trigger-border-radius);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);display:flex}.org-switcher__trigger.org-switcher__trigger--block{inline-size:100%}.org-switcher__trigger.org-switcher__trigger--compact{justify-content:center;padding-inline:0}.org-switcher__trigger:focus-visible{outline:var(--org-switcher-focus-ring-width) solid var(--org-switcher-focus-ring-color);outline-offset:var(--org-switcher-focus-ring-offset)}.org-switcher__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--org-switcher-name-font-size);font-weight:var(--org-switcher-name-font-weight);color:var(--org-switcher-name-color);flex:1;overflow:hidden}.org-switcher__chevron{transition:transform var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);flex-shrink:0;transform:rotate(90deg)}.org-switcher__trigger[data-popup-open] .org-switcher__chevron{transform:rotate(-90deg)}@keyframes org-switcher-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes org-switcher-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.org-switcher__content{box-sizing:border-box;background-color:var(--org-switcher-content-bg);border-width:var(--org-switcher-content-border-width);border-style:solid;border-color:var(--org-switcher-content-border-color);border-radius:var(--org-switcher-content-border-radius);box-shadow:var(--org-switcher-content-shadow);padding-block:var(--org-switcher-content-padding-block);padding-inline:var(--org-switcher-content-padding-inline);min-inline-size:var(--org-switcher-content-min-width);transform-origin:var(--transform-origin);max-block-size:var(--org-switcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.org-switcher__content[data-open]{animation:org-switcher-open var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__content[data-closed]{animation:org-switcher-close var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__item{align-items:center;gap:var(--org-switcher-trigger-gap);padding-block:var(--org-switcher-item-padding-block);padding-inline:var(--org-switcher-item-padding-inline);border-radius:var(--org-switcher-item-border-radius);font-size:var(--org-switcher-item-font-size);font-weight:var(--org-switcher-item-font-weight);color:var(--org-switcher-item-color);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing), color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);outline:none;text-decoration:none;display:flex}.org-switcher__item:focus-visible{outline:none}.org-switcher__item[data-highlighted]{background-color:var(--org-switcher-item-highlighted-bg);color:var(--org-switcher-item-highlighted-color)}.org-switcher__item--active,.org-switcher__item--active[data-highlighted]{font-weight:var(--org-switcher-name-font-weight)}.org-switcher__separator{block-size:var(--org-switcher-separator-height);background-color:var(--org-switcher-separator-color);margin-block:var(--org-switcher-separator-margin-block);border:none}.org-switcher__item.org-switcher__item--destructive{color:var(--org-switcher-item-destructive-color)}.org-switcher__item.org-switcher__item--destructive[data-highlighted]{background-color:var(--org-switcher-item-destructive-highlighted-bg);color:var(--org-switcher-item-destructive-highlighted-color)}.org-switcher__positioner{z-index:var(--org-switcher-content-z-index)}

package/dist/org-switcher.js

@@ -1,45 +1,50 @@
 'use client';
 import './org-switcher.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { n } from "./_shared/portal-container.js";
 import { Avatar as r } from "./avatar.js";
-import { n as i, t as a } from "./_shared/dropdownitems.js";
+import { t as i } from "./_shared/default-render-link.js";
+import { t as a } from "./_shared/dropdownitems.js";
 import { n as o } from "./_shared/sidebarcontext.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Menu as u } from "@base-ui/react/menu";
+//#region src/stories/messages/es/orgSwitcher.ts
+var d = { trigger: (e) => `Organización: ${e}` };
+//#endregion
 //#region src/stories/molecules/OrgSwitcher/OrgSwitcher.tsx
-function d({ label: d, block: f = !1, compact: p, current: m, organizations: h, onOrgChange: g, defaultOpen: _, items: v, renderLink: y = a }) {
-	let b = e("orgSwitcher"), x = n(void 0), S = h.filter((e) => e.id !== m.id), C = o(), w = p ?? C.rail;
+function f({ label: f, block: p = !1, compact: m, current: h, organizations: g, onOrgChange: _, defaultOpen: v, items: y, renderLink: b = i, className: x }) {
+	let S = e("orgSwitcher", d), C = n(void 0), w = g.filter((e) => e.id !== h.id), T = o(), E = m ?? T.rail;
 	return /* @__PURE__ */ l(u.Root, {
-		defaultOpen: _,
+		defaultOpen: v,
 		children: [/* @__PURE__ */ l(u.Trigger, {
 			className: [
 				"org-switcher__trigger",
-				f && !w ? "org-switcher__trigger--block" : "",
-				w ? "org-switcher__trigger--compact" : ""
+				p && !E ? "org-switcher__trigger--block" : "",
+				E ? "org-switcher__trigger--compact" : "",
+				x
 			].filter(Boolean).join(" "),
-			"aria-label": d ?? b("trigger")(m.name),
+			"aria-label": f ?? S("trigger")(h.name),
 			children: [
 				/* @__PURE__ */ c(r, {
-					src: m.logoUrl,
-					name: m.name,
+					src: h.logoUrl,
+					name: h.name,
 					alt: "",
 					size: "sm",
 					shape: "square"
 				}),
-				!w && /* @__PURE__ */ c("span", {
+				!E && /* @__PURE__ */ c("span", {
 					className: "org-switcher__name",
-					children: m.name
+					children: h.name
 				}),
-				!w && /* @__PURE__ */ c(t, {
+				!E && /* @__PURE__ */ c(t, {
 					name: "chevron",
 					size: "sm",
 					className: "org-switcher__chevron"
 				})
 			]
 		}), /* @__PURE__ */ c(u.Portal, {
-			container: x,
+			container: C,
 			children: /* @__PURE__ */ c(u.Positioner, {
 				className: "org-switcher__positioner",
 				sideOffset: 4,
@@ -52,16 +57,16 @@ function d({ label: d, block: f = !1, compact: p, current: m, organizations: h,
 							checked: !0,
 							onCheckedChange: () => void 0,
 							children: [/* @__PURE__ */ c(r, {
-								src: m.logoUrl,
-								name: m.name,
+								src: h.logoUrl,
+								name: h.name,
 								alt: "",
 								size: "sm",
 								shape: "square"
-							}), /* @__PURE__ */ c("span", { children: m.name })]
+							}), /* @__PURE__ */ c("span", { children: h.name })]
 						}),
-						S.map((e) => /* @__PURE__ */ l(u.Item, {
+						w.map((e) => /* @__PURE__ */ l(u.Item, {
 							className: "org-switcher__item",
-							onClick: () => g(e.id),
+							onClick: () => _(e.id),
 							children: [/* @__PURE__ */ c(r, {
 								src: e.logoUrl,
 								name: e.name,
@@ -70,11 +75,11 @@ function d({ label: d, block: f = !1, compact: p, current: m, organizations: h,
 								shape: "square"
 							}), /* @__PURE__ */ c("span", { children: e.name })]
 						}, e.id)),
-						v && v.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(u.Separator, { className: "org-switcher__separator" }), i({
-							items: v,
+						y && y.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(u.Separator, { className: "org-switcher__separator" }), a({
+							items: y,
 							itemClass: (e) => ["org-switcher__item", e ? "org-switcher__item--destructive" : ""].filter(Boolean).join(" "),
 							separatorClass: "org-switcher__separator",
-							renderLink: y
+							renderLink: b
 						})] })
 					]
 				})
@@ -83,4 +88,4 @@ function d({ label: d, block: f = !1, compact: p, current: m, organizations: h,
 	});
 }
 //#endregion
-export { d as OrgSwitcher };
+export { f as OrgSwitcher };

package/dist/otp-field.js

@@ -1,54 +1,51 @@
 'use client';
 import './otp-field.css';
 import { n as e } from "./_shared/form-size.js";
-import { ErrorText as t } from "./error-text.js";
-import { OtpInput as n } from "./otp-input.js";
-import { Label as r } from "./label.js";
-import { n as i } from "./_shared/field-labels.js";
-import { forwardRef as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t } from "./_shared/otpinput.js";
+import { n } from "./_shared/field-optional.js";
+import { n as r } from "./_shared/field-labels.js";
+import { a as i, n as a } from "./_shared/fieldshell.js";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/stories/molecules/OtpField/OtpField.tsx
-var l = a(function({ id: a, label: l, labelHidden: u, length: d, value: f, defaultValue: p, name: m, disabled: h, readOnly: g, error: _ = !1, errorMessage: v, helperText: y, size: b, className: x, digitLabel: S, onChange: C, onComplete: w, onBlur: T }, E) {
-	let D = i(u), O = e(b), k = o(), A = a ?? k, j = v ? `${A}-error` : void 0, M = y ? `${A}-helper` : void 0, N = [j, M].filter(Boolean).join(" ") || void 0, P = _ || !!v;
-	return /* @__PURE__ */ c("div", {
-		className: ["otp-field", x].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ s(r, {
-				id: `${A}-label`,
-				htmlFor: `${A}-0`,
-				hidden: D,
-				size: O,
-				children: l
-			}),
-			/* @__PURE__ */ s(n, {
-				ref: E,
-				id: A,
-				name: m,
-				length: d,
-				value: f,
-				defaultValue: p,
-				disabled: h,
-				readOnly: g,
-				error: P,
-				size: O,
-				digitLabel: S,
-				"aria-labelledby": `${A}-label`,
-				"aria-describedby": N,
-				onChange: C,
-				onComplete: w,
-				onBlur: T
-			}),
-			v && /* @__PURE__ */ s(t, {
-				id: j,
-				children: v
-			}),
-			y && /* @__PURE__ */ s("span", {
-				id: M,
-				className: "otp-field__helper",
-				children: y
-			})
-		]
+var c = o(function({ id: o, label: c, optional: l, optionalLabel: u, labelHidden: d, length: f, value: p, defaultValue: m, name: h, disabled: g, readOnly: _, required: v, error: y = !1, errorMessage: b, helperText: x, size: S, className: C, digitLabel: w, onChange: T, onComplete: E, onBlur: D }, O) {
+	let k = r(d), A = e(S), j = n(l, v), M = i({
+		id: o,
+		error: y,
+		errorMessage: b,
+		helperText: x
+	}), { id: N } = M;
+	return /* @__PURE__ */ s(a, {
+		field: M,
+		block: "otp-field",
+		className: C,
+		label: c,
+		optional: j,
+		optionalLabel: u,
+		labelHidden: k,
+		size: A,
+		labelIdentified: !0,
+		labelFor: `${N}-0`,
+		children: /* @__PURE__ */ s(t, {
+			ref: O,
+			id: N,
+			name: h,
+			length: f,
+			value: p,
+			defaultValue: m,
+			disabled: g,
+			readOnly: _,
+			required: v,
+			error: M.hasError,
+			size: A,
+			digitLabel: w,
+			"aria-labelledby": M.labelId,
+			"aria-describedby": M.describedBy,
+			onChange: T,
+			onComplete: E,
+			onBlur: D
+		})
 	});
 });
 //#endregion
-export { l as OtpField };
+export { c as OtpField };

package/dist/otp-input.js

@@ -1,116 +1,3 @@
 'use client';
-import './otp-input.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Input as t } from "./input.js";
-import { forwardRef as n, useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/stories/atoms/OtpInput/OtpInput.tsx
-var l = n(function({ length: n, value: l, defaultValue: u, onChange: d, onComplete: f, disabled: p, readOnly: m, error: h = !1, size: g = "md", describedBy: _, "aria-describedby": v, "aria-label": y, "aria-labelledby": b, groupLabel: x, id: S, name: C, onBlur: w, className: T, digitLabel: E }, D) {
-	let O = e("otpInput"), k = l !== void 0, [A, j] = o(() => {
-		let e = u ?? "";
-		return Array.from({ length: n }, (t, n) => e[n] ?? "");
-	}), M = a(null), N = k ? Array.from({ length: n }, (e, t) => l[t] ?? "") : A;
-	i(() => {
-		if (k) return;
-		let e = M.current?.closest("form");
-		if (!e) return;
-		let t = () => {
-			let e = u ?? "";
-			j(Array.from({ length: n }, (t, n) => e[n] ?? ""));
-		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [
-		k,
-		u,
-		n
-	]);
-	let P = r((e) => {
-		let t = M.current?.querySelectorAll("input");
-		t?.[e] && t[e].focus();
-	}, []), F = r((e) => {
-		k || j(e);
-		let t = e.join("");
-		d?.(t), e.length === n && e.every((e) => e !== "") && f?.(t);
-	}, [
-		k,
-		n,
-		d,
-		f
-	]), I = r((e) => (t) => {
-		let r = t.target.value.replace(/\D/g, "").slice(-1);
-		if (!r) return;
-		let i = [...N];
-		i[e] = r, F(i), e < n - 1 && P(e + 1);
-	}, [
-		N,
-		n,
-		P,
-		F
-	]), L = r((e) => (t) => {
-		if (t.key === "Backspace") {
-			t.preventDefault();
-			let n = [...N];
-			n[e] === "" ? e > 0 && (n[e - 1] = "", F(n), P(e - 1)) : (n[e] = "", F(n));
-		} else t.key === "ArrowLeft" ? (t.preventDefault(), e > 0 && P(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), e < n - 1 && P(e + 1));
-	}, [
-		N,
-		n,
-		P,
-		F
-	]), R = r((e) => (t) => {
-		t.preventDefault();
-		let r = t.clipboardData.getData("text").replace(/\D/g, "");
-		if (!r) return;
-		let i = [...N], a = e;
-		for (let t = 0; t < r.length && e + t < n; t++) i[e + t] = r[t], a = e + t;
-		F(i), P(Math.min(a + 1, n - 1));
-	}, [
-		N,
-		n,
-		P,
-		F
-	]);
-	return /* @__PURE__ */ c("div", {
-		ref: M,
-		role: "group",
-		"aria-label": b ? void 0 : y ?? O("group", x),
-		"aria-labelledby": b,
-		"aria-describedby": _ ?? v,
-		"aria-invalid": h || void 0,
-		className: [
-			"otp-input",
-			g === "md" ? "" : `otp-input--${g}`,
-			h ? "otp-input--error" : "",
-			p ? "otp-input--disabled" : "",
-			T ?? ""
-		].filter(Boolean).join(" "),
-		children: [Array.from({ length: n }, (e, r) => /* @__PURE__ */ s(t, {
-			className: "otp-input__cell",
-			ref: r === 0 ? D : void 0,
-			id: S ? `${S}-${r}` : void 0,
-			name: C ? `${C}-${r}` : void 0,
-			type: "text",
-			size: g,
-			error: h,
-			disabled: p,
-			readOnly: m,
-			"aria-describedby": r === 0 ? _ ?? v : void 0,
-			inputMode: "numeric",
-			pattern: "\\d*",
-			maxLength: 1,
-			autoComplete: r === 0 ? "one-time-code" : "off",
-			"aria-label": O("digit", E)(r + 1, n),
-			value: N[r],
-			onChange: I(r),
-			onKeyDown: L(r),
-			onPaste: R(r),
-			onBlur: w
-		}, r)), C && /* @__PURE__ */ s("input", {
-			type: "hidden",
-			name: C,
-			value: N.join("")
-		})]
-	});
-});
-//#endregion
-export { l as OtpInput };
+import { t as e } from "./_shared/otpinput.js";
+export { e as OtpInput };

package/dist/otpinput.css

@@ -0,0 +1 @@
+.otp-input{gap:var(--otp-input-gap);display:flex}.otp-input__cell{inline-size:var(--otp-input-cell-width);text-align:center;padding-inline:0}

package/dist/page-intro.js

@@ -26,7 +26,7 @@ function a({ eyebrow: a, title: o, description: s, actions: c, level: l = 1, siz
 				})]
 			}) : m,
 			s && /* @__PURE__ */ r(t, {
-				size: "large",
+				size: "lg",
 				children: s
 			}),
 			p

package/dist/pagination.css

@@ -1 +1 @@
-.pagination{align-items:center;gap:var(--pagination-gap);padding-block:var(--pagination-padding-block);padding-inline:var(--pagination-padding-inline);font-family:var(--pagination-font-family);font-size:var(--pagination-font-size);font-weight:var(--pagination-font-weight);line-height:var(--pagination-line-height);flex-wrap:wrap;display:flex}.pagination__summary{color:var(--pagination-summary-color)}.pagination__meta{align-items:center;gap:var(--pagination-gap);flex-wrap:wrap;display:flex}.pagination__after-page-size{align-items:center;gap:var(--pagination-gap);flex-wrap:wrap;flex:0 0 100%;display:flex}@media (width>=768px){.pagination__after-page-size{flex:0 auto}}.pagination__size-selector{align-items:center;gap:var(--pagination-controls-gap);display:flex}.pagination__controls{align-items:center;gap:var(--pagination-controls-gap);margin-inline-start:auto;display:flex}.pagination__btn{box-sizing:border-box;block-size:var(--pagination-btn-height);min-inline-size:var(--pagination-btn-height);padding-block:0;padding-inline:var(--pagination-btn-padding-inline);font-size:var(--pagination-btn-font-size);border-radius:var(--pagination-btn-radius);border-width:var(--pagination-btn-border-width);border-style:var(--pagination-btn-border-style);border-color:var(--pagination-btn-border-color);background-color:var(--pagination-btn-bg);color:var(--pagination-btn-color);cursor:pointer;box-shadow:none;transition-property:background-color,border-color,color;transition-duration:var(--pagination-transition-duration);transition-timing-function:var(--pagination-transition-easing);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination__btn:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--pagination-btn-hover-bg);border-color:var(--pagination-btn-hover-border-color);color:var(--pagination-btn-hover-color)}.pagination__btn:focus-visible{outline:var(--pagination-focus-ring-width) solid var(--pagination-focus-ring-color);outline-offset:var(--pagination-focus-ring-offset)}.pagination__btn.pagination__btn--current{background-color:var(--pagination-btn-current-bg);border-color:var(--pagination-btn-current-border-color);color:var(--pagination-btn-current-color);font-weight:var(--pagination-btn-current-font-weight);cursor:default;pointer-events:none}.pagination__chevron--prev{transform:rotate(180deg)}.pagination__btn:disabled,.pagination__btn[aria-disabled=true]{background-color:var(--pagination-btn-disabled-bg);border-color:var(--pagination-btn-disabled-border-color);color:var(--pagination-btn-disabled-color);cursor:var(--pagination-btn-disabled-cursor);pointer-events:none}.pagination__ellipsis{block-size:var(--pagination-btn-height);padding-inline:var(--pagination-btn-padding-inline);font-size:var(--pagination-btn-font-size);color:var(--pagination-ellipsis-color);justify-content:center;align-items:center;display:inline-flex}.pagination.pagination--sm{font-size:var(--pagination-sm-font-size)}.pagination.pagination--sm .pagination__btn,.pagination.pagination--sm .pagination__ellipsis{block-size:var(--pagination-sm-btn-height);padding-inline:var(--pagination-sm-btn-padding-inline);font-size:var(--pagination-sm-btn-font-size)}.pagination.pagination--sm .pagination__btn{min-inline-size:var(--pagination-sm-btn-height)}.pagination.pagination--md{font-size:var(--pagination-font-size)}.pagination.pagination--lg{font-size:var(--pagination-lg-font-size)}.pagination.pagination--lg .pagination__btn,.pagination.pagination--lg .pagination__ellipsis{block-size:var(--pagination-lg-btn-height);padding-inline:var(--pagination-lg-btn-padding-inline);font-size:var(--pagination-lg-btn-font-size)}.pagination.pagination--lg .pagination__btn{min-inline-size:var(--pagination-lg-btn-height)}.pagination .pagination__btn.pagination__btn--nav,.pagination.pagination--sm .pagination__btn.pagination__btn--nav,.pagination.pagination--lg .pagination__btn.pagination__btn--nav{padding-inline:0}
+.pagination{align-items:center;gap:var(--pagination-gap);padding-block:var(--pagination-padding-block);padding-inline:var(--pagination-padding-inline);font-family:var(--pagination-font-family);font-size:var(--pagination-font-size);font-weight:var(--pagination-font-weight);line-height:var(--pagination-line-height);flex-wrap:wrap;display:flex}.pagination__summary{color:var(--pagination-summary-color)}.pagination__meta{align-items:center;gap:var(--pagination-gap);flex-wrap:wrap;display:flex}.pagination__after-page-size{align-items:center;gap:var(--pagination-gap);flex-wrap:wrap;flex:0 0 100%;display:flex}@media (width>=768px){.pagination__after-page-size{flex:0 auto}}.pagination__size-selector{align-items:center;gap:var(--pagination-controls-gap);display:flex}.pagination__controls{align-items:center;gap:var(--pagination-controls-gap);margin-inline-start:auto;display:flex}.pagination__btn{box-sizing:border-box;block-size:var(--pagination-btn-height);min-inline-size:var(--pagination-btn-height);padding-block:0;padding-inline:var(--pagination-btn-padding-inline);font-size:var(--pagination-btn-font-size);line-height:var(--pagination-btn-line-height);border-radius:var(--pagination-btn-radius);border-width:var(--pagination-btn-border-width);border-style:var(--pagination-btn-border-style);border-color:var(--pagination-btn-border-color);background-color:var(--pagination-btn-bg);color:var(--pagination-btn-color);cursor:pointer;transition-property:background-color,border-color,color;transition-duration:var(--pagination-transition-duration);transition-timing-function:var(--pagination-transition-easing);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination__btn:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--pagination-btn-hover-bg);border-color:var(--pagination-btn-hover-border-color);color:var(--pagination-btn-hover-color)}.pagination__btn:focus-visible{outline:var(--pagination-focus-ring-width) solid var(--pagination-focus-ring-color);outline-offset:var(--pagination-focus-ring-offset)}.pagination__btn.pagination__btn--current{background-color:var(--pagination-btn-current-bg);border-color:var(--pagination-btn-current-border-color);color:var(--pagination-btn-current-color);font-weight:var(--pagination-btn-current-font-weight);cursor:default;pointer-events:none}.pagination__chevron--prev{transform:rotate(180deg)}.pagination__btn:disabled,.pagination__btn[aria-disabled=true]{background-color:var(--pagination-btn-disabled-bg);border-color:var(--pagination-btn-disabled-border-color);color:var(--pagination-btn-disabled-color);cursor:var(--pagination-btn-disabled-cursor);pointer-events:none}.pagination__ellipsis{block-size:var(--pagination-btn-height);padding-inline:var(--pagination-btn-padding-inline);font-size:var(--pagination-btn-font-size);color:var(--pagination-ellipsis-color);justify-content:center;align-items:center;display:inline-flex}.pagination.pagination--sm{font-size:var(--pagination-sm-font-size)}.pagination.pagination--sm .pagination__btn,.pagination.pagination--sm .pagination__ellipsis{block-size:var(--pagination-sm-btn-height);padding-inline:var(--pagination-sm-btn-padding-inline);font-size:var(--pagination-sm-btn-font-size)}.pagination.pagination--sm .pagination__btn{min-inline-size:var(--pagination-sm-btn-height)}.pagination.pagination--md{font-size:var(--pagination-font-size)}.pagination.pagination--lg{font-size:var(--pagination-lg-font-size)}.pagination.pagination--lg .pagination__btn,.pagination.pagination--lg .pagination__ellipsis{block-size:var(--pagination-lg-btn-height);padding-inline:var(--pagination-lg-btn-padding-inline);font-size:var(--pagination-lg-btn-font-size)}.pagination.pagination--lg .pagination__btn{min-inline-size:var(--pagination-lg-btn-height)}.pagination .pagination__btn.pagination__btn--nav,.pagination.pagination--sm .pagination__btn.pagination__btn--nav,.pagination.pagination--lg .pagination__btn.pagination__btn--nav{padding-inline:0}