@studiolxd/brand 50.0.0 → 51.0.0

package/dist/org-switcher.js

@@ -1,6 +1,6 @@
 '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";
@@ -9,39 +9,42 @@ 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 = i, className: b }) {
-	let x = e("orgSwitcher"), S = n(void 0), C = h.filter((e) => e.id !== m.id), w = o(), T = p ?? w.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 && !T ? "org-switcher__trigger--block" : "",
-				T ? "org-switcher__trigger--compact" : "",
-				b
+				p && !E ? "org-switcher__trigger--block" : "",
+				E ? "org-switcher__trigger--compact" : "",
+				x
 			].filter(Boolean).join(" "),
-			"aria-label": d ?? x("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"
 				}),
-				!T && /* @__PURE__ */ c("span", {
+				!E && /* @__PURE__ */ c("span", {
 					className: "org-switcher__name",
-					children: m.name
+					children: h.name
 				}),
-				!T && /* @__PURE__ */ c(t, {
+				!E && /* @__PURE__ */ c(t, {
 					name: "chevron",
 					size: "sm",
 					className: "org-switcher__chevron"
 				})
 			]
 		}), /* @__PURE__ */ c(u.Portal, {
-			container: S,
+			container: C,
 			children: /* @__PURE__ */ c(u.Positioner, {
 				className: "org-switcher__positioner",
 				sideOffset: 4,
@@ -54,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 })]
 						}),
-						C.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,
@@ -72,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" }), a({
-							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
 						})] })
 					]
 				})
@@ -85,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}

package/dist/pagination.js

@@ -1,181 +1,4 @@
 'use client';
 import './pagination.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Icon as t } from "./icon.js";
-import { Select as n } from "./select.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/stories/molecules/Pagination/Pagination.tsx
-function a(e) {
-	return [
-		{
-			label: "10",
-			value: "10"
-		},
-		{
-			label: "20",
-			value: "20"
-		},
-		{
-			label: "50",
-			value: "50"
-		},
-		{
-			label: "100",
-			value: "100"
-		},
-		{
-			label: e,
-			value: "all"
-		}
-	];
-}
-function o(e, t) {
-	return t <= 3 ? Array.from({ length: t }, (e, t) => t + 1) : e <= 3 ? [
-		1,
-		2,
-		3,
-		"..."
-	] : e >= t - 2 ? [
-		"...",
-		t - 2,
-		t - 1,
-		t
-	] : [
-		"...",
-		e - 1,
-		e,
-		e + 1,
-		"..."
-	];
-}
-function s({ mode: s = "pages", total: c, pageCount: l, page: u = 1, pageSize: d = 10, hrefs: f, previousHref: p, nextHref: m, onPrevious: h, onNext: g, onPageChange: _, hrefBuilder: v, linkComponent: y, onPageSizeChange: b, pageSizeOptions: x, afterPageSize: S, showTotal: C = !1, size: w = "md", ariaLabel: T, pageLabel: E, previousLabel: D, nextLabel: O, pagesGroupLabel: k, pageSizeLabel: A, totalLabel: j, className: M }) {
-	let N = e("pagination"), P = v ?? (f ? (e) => f[e] : void 0), F = y ?? "a";
-	if (s === "cursor") {
-		let e = w === "lg" ? "md" : "sm", n = (n) => {
-			let i = n === "prev" ? p : m, a = n === "prev" ? h : g, o = !i && !a, s = n === "prev" ? N("previous", D) : N("next", O), c = /* @__PURE__ */ r(t, {
-				name: "chevron",
-				size: e,
-				className: n === "prev" ? "pagination__chevron--prev" : void 0
-			});
-			return i ? /* @__PURE__ */ r(F, {
-				href: i,
-				className: "pagination__btn pagination__btn--nav",
-				"aria-label": s,
-				children: c
-			}) : /* @__PURE__ */ r("button", {
-				type: "button",
-				className: "pagination__btn pagination__btn--nav",
-				disabled: o,
-				"aria-label": s,
-				onClick: a,
-				children: c
-			});
-		};
-		return /* @__PURE__ */ r("nav", {
-			className: [
-				"pagination",
-				`pagination--${w}`,
-				M
-			].filter(Boolean).join(" "),
-			"aria-label": N("label", T),
-			children: /* @__PURE__ */ i("div", {
-				className: "pagination__controls",
-				role: "group",
-				"aria-label": N("pagesGroup", k),
-				children: [n("prev"), n("next")]
-			})
-		});
-	}
-	if (c === 0 || l === 0 || c === void 0 && (l ?? 1) <= 1 && !S) return null;
-	let I = c ?? 0, L = l ?? (d === "all" ? 1 : Math.ceil(I / d)), R = L > 1 ? o(u, L) : [];
-	function z(e, t) {
-		if (e === "...") return /* @__PURE__ */ r("span", {
-			className: "pagination__ellipsis",
-			"aria-hidden": "true",
-			children: "…"
-		}, `ellipsis-${t}`);
-		let n = e === u, i = ["pagination__btn", n ? "pagination__btn--current" : ""].filter(Boolean).join(" ");
-		return P && !n ? /* @__PURE__ */ r(F, {
-			href: P(e),
-			className: i,
-			"aria-label": N("goToPage", E)(e),
-			onClick: _ ? (t) => {
-				t.preventDefault(), _(e);
-			} : void 0,
-			children: e
-		}, e) : /* @__PURE__ */ r("button", {
-			type: "button",
-			className: i,
-			"aria-current": n ? "page" : void 0,
-			"aria-label": N("goToPage", E)(e),
-			onClick: n ? void 0 : () => _?.(e),
-			children: e
-		}, e);
-	}
-	function B(e, n, i) {
-		let a = n === "prev" ? N("previous", D) : N("next", O), o = /* @__PURE__ */ r(t, {
-			name: "chevron",
-			size: w === "lg" ? "md" : "sm",
-			className: n === "prev" ? "pagination__chevron--prev" : void 0
-		});
-		return P && !i ? /* @__PURE__ */ r(F, {
-			href: P(e),
-			className: "pagination__btn pagination__btn--nav",
-			"aria-label": a,
-			onClick: _ ? (t) => {
-				t.preventDefault(), _(e);
-			} : void 0,
-			children: o
-		}) : /* @__PURE__ */ r("button", {
-			type: "button",
-			className: "pagination__btn pagination__btn--nav",
-			disabled: i,
-			"aria-label": a,
-			onClick: () => _?.(e),
-			children: o
-		});
-	}
-	let V = C || !!b || !!S;
-	return /* @__PURE__ */ i("nav", {
-		className: [
-			"pagination",
-			`pagination--${w}`,
-			M
-		].filter(Boolean).join(" "),
-		"aria-label": N("label", T),
-		children: [V && /* @__PURE__ */ i("div", {
-			className: "pagination__meta",
-			children: [
-				C && /* @__PURE__ */ r("span", {
-					className: "pagination__summary",
-					children: N("total", j)(I)
-				}),
-				b && /* @__PURE__ */ r("div", {
-					className: "pagination__size-selector",
-					children: /* @__PURE__ */ r(n, {
-						options: x ?? a(N("allOption")),
-						value: d === "all" ? "all" : String(d),
-						onValueChange: b,
-						"aria-label": N("perPage", A),
-						size: w
-					})
-				}),
-				S && /* @__PURE__ */ r("div", {
-					className: "pagination__after-page-size",
-					children: S
-				})
-			]
-		}), L > 1 && /* @__PURE__ */ i("div", {
-			className: "pagination__controls",
-			role: "group",
-			"aria-label": N("pagesGroup", k),
-			children: [
-				B(u - 1, "prev", u <= 1),
-				R.map((e, t) => z(e, t)),
-				B(u + 1, "next", u >= L)
-			]
-		})]
-	});
-}
-//#endregion
-export { s as Pagination };
+import { t as e } from "./_shared/pagination.js";
+export { e as Pagination };

package/dist/paragraph.css

@@ -1 +1 @@
-.paragraph.paragraph--small{font-size:var(--text-paragraph-small-font-size);line-height:var(--text-paragraph-small-line-height)}.paragraph.paragraph--large{font-size:var(--text-paragraph-large-font-size);line-height:var(--text-paragraph-large-line-height)}
+.paragraph.paragraph--sm{font-size:var(--text-paragraph-small-font-size);line-height:var(--text-paragraph-small-line-height)}.paragraph.paragraph--lg{font-size:var(--text-paragraph-large-font-size);line-height:var(--text-paragraph-large-line-height)}

package/dist/paragraph.js

@@ -1,18 +1,24 @@
 import './paragraph.css';
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
+import { n as e } from "./_shared/env.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/atoms/Paragraph/Paragraph.tsx
-var n = e(function({ size: e = "default", className: n, children: r, ...i }, a) {
-	return /* @__PURE__ */ t("p", {
-		ref: a,
+var r = {
+	small: "sm",
+	default: "md",
+	large: "lg"
+}, i = t(function({ size: t = "md", className: i, children: a, ...o }, s) {
+	let c = t;
+	return t in r && (c = r[t], e("Paragraph", `size="${t}"`, `\`size="${c}"\``)), /* @__PURE__ */ n("p", {
+		ref: s,
 		className: [
 			"paragraph",
-			e === "default" ? "" : `paragraph--${e}`,
-			n
+			c === "md" ? "" : `paragraph--${c}`,
+			i
 		].filter(Boolean).join(" "),
-		...i,
-		children: r
+		...o,
+		children: a
 	});
 });
 //#endregion
-export { n as Paragraph };
+export { i as Paragraph };

package/dist/password-field.css

@@ -1 +1 @@
-.password-field{gap:var(--password-field-gap);flex-direction:column;display:flex}.password-field__wrapper{display:block;position:relative}.password-field__wrapper--sm{--password-field-toggle-size:var(--password-field-sm-toggle-size);--password-field-toggle-icon-size:var(--password-field-sm-toggle-icon-size)}.password-field__wrapper--lg{--password-field-toggle-size:var(--password-field-lg-toggle-size);--password-field-toggle-icon-size:var(--password-field-lg-toggle-icon-size)}.password-field__wrapper .input{padding-inline-end:var(--password-field-input-padding-inline-end)}.password-field__toggle{inline-size:var(--password-field-toggle-size);block-size:var(--password-field-toggle-size);cursor:pointer;color:var(--password-field-toggle-color);transition:color var(--input-transition-duration) var(--input-transition-easing);background:0 0;border:none;justify-content:center;align-items:center;padding-block:0;padding-inline:0;display:flex;position:absolute;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.password-field__toggle:hover:not(:disabled){color:var(--password-field-toggle-color-hover)}.password-field__toggle:focus-visible{outline:var(--password-field-toggle-focus-ring-width) solid var(--password-field-toggle-focus-ring-color);outline-offset:calc(-1 * var(--password-field-toggle-focus-ring-offset))}.password-field__toggle:disabled{cursor:not-allowed;pointer-events:none}.password-field__icon{inline-size:var(--password-field-toggle-icon-size);block-size:var(--password-field-toggle-icon-size)}.password-field__helper{font-family:var(--input-field-helper-font-family);font-size:var(--input-field-helper-font-size);font-weight:var(--input-field-helper-font-weight);line-height:var(--input-field-helper-line-height);color:var(--input-field-helper-color)}.password-field__action{margin-block-start:var(--password-field-action-margin-block-start)}
+.password-field{gap:var(--password-field-gap);flex-direction:column;display:flex}.password-field__wrapper{display:block;position:relative}.password-field__wrapper--sm{--password-field-toggle-size:var(--password-field-sm-toggle-size);--password-field-toggle-icon-size:var(--password-field-sm-toggle-icon-size)}.password-field__wrapper--lg{--password-field-toggle-size:var(--password-field-lg-toggle-size);--password-field-toggle-icon-size:var(--password-field-lg-toggle-icon-size)}.password-field__wrapper .input{padding-inline-end:var(--password-field-input-padding-inline-end)}.password-field__toggle{inline-size:var(--password-field-toggle-size);block-size:var(--password-field-toggle-size);cursor:pointer;color:var(--password-field-toggle-color);transition:color var(--input-transition-duration) var(--input-transition-easing);background:0 0;border:none;justify-content:center;align-items:center;padding-block:0;padding-inline:0;display:flex;position:absolute;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.password-field__toggle:hover:not(:disabled){color:var(--password-field-toggle-hover-color)}.password-field__toggle:focus-visible{outline:var(--password-field-toggle-focus-ring-width) solid var(--password-field-toggle-focus-ring-color);outline-offset:calc(-1 * var(--password-field-toggle-focus-ring-offset))}.password-field__toggle:disabled{cursor:not-allowed;pointer-events:none}.password-field__icon{inline-size:var(--password-field-toggle-icon-size);block-size:var(--password-field-toggle-icon-size)}.password-field__helper{font-family:var(--input-field-helper-font-family);font-size:var(--input-field-helper-font-size);font-weight:var(--input-field-helper-font-weight);line-height:var(--input-field-helper-line-height);color:var(--input-field-helper-color)}.password-field__action{margin-block-start:var(--password-field-action-margin-block-start)}