@studiolxd/brand 38.17.0 → 40.0.0

package/dist/file-upload-field.js

@@ -5,21 +5,21 @@ import { ErrorText as t } from "./error-text.js";
 import { Label as n } from "./label.js";
 import { FileUpload as r } from "./file-upload.js";
 import { n as i } from "./_shared/field-labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s, useId as c } from "react";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/FileUploadField/FileUploadField.tsx
-var l = s(function({ id: s, label: l, labelHidden: u, errorMessage: d, helperText: f, error: p = !1, size: m, className: h, ...g }, _) {
-	let v = i(u), y = e(m), b = c(), x = s ?? b, S = d ? `${x}-error` : void 0, C = f ? `${x}-helper` : void 0, w = [S, C].filter(Boolean).join(" ") || void 0, T = p || !!d;
-	return /* @__PURE__ */ o("div", {
+var l = a(function({ id: a, label: l, labelHidden: u, errorMessage: d, helperText: f, error: p = !1, size: m, className: h, ...g }, _) {
+	let v = i(u), y = e(m), b = o(), x = a ?? b, S = d ? `${x}-error` : void 0, C = f ? `${x}-helper` : void 0, w = [S, C].filter(Boolean).join(" ") || void 0, T = p || !!d;
+	return /* @__PURE__ */ c("div", {
 		className: ["file-upload-field", h].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ a(n, {
+			/* @__PURE__ */ s(n, {
 				htmlFor: x,
 				hidden: v,
 				size: y,
 				children: l
 			}),
-			/* @__PURE__ */ a(r, {
+			/* @__PURE__ */ s(r, {
 				ref: _,
 				...g,
 				id: x,
@@ -27,11 +27,11 @@ var l = s(function({ id: s, label: l, labelHidden: u, errorMessage: d, helperTex
 				error: T,
 				"aria-describedby": w
 			}),
-			d && /* @__PURE__ */ a(t, {
+			d && /* @__PURE__ */ s(t, {
 				id: S,
 				children: d
 			}),
-			f && /* @__PURE__ */ a("span", {
+			f && /* @__PURE__ */ s("span", {
 				id: C,
 				className: "file-upload-field__helper",
 				children: f

package/dist/file-upload.js

@@ -5,8 +5,8 @@ import { VisuallyHidden as t } from "./visually-hidden.js";
 import { n } from "./_shared/form-size.js";
 import { t as r } from "./_shared/progressbar.js";
 import { n as i, t as a } from "./_shared/validate.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as c, useCallback as l, useEffect as u, useId as ee, useRef as d, useState as f } from "react";
+import { forwardRef as o, useCallback as s, useEffect as c, useId as ee, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/stories/atoms/FileUpload/FileUpload.tsx
 var p = /* @__PURE__ */ new WeakMap();
 function te(e) {
@@ -21,17 +21,17 @@ function m(e) {
 function h(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-var g = c(function({ multiple: c = !1, accept: p, maxSize: g, maxFiles: _, value: v, defaultValue: y = [], onChange: b, progress: x, disabled: S = !1, error: C = !1, id: w, name: T, describedBy: E, ariaLabel: D, "aria-describedby": O, "aria-label": k, required: ne, onBlur: re, className: ie, dropzoneLabel: A = "Arrastra archivos aquí", dropzoneActiveLabel: ae = "Suelta los archivos aquí", dropzoneHintLabel: j = "o haz clic para seleccionar", maxSizeHint: oe = (e) => `máx. ${e}`, maxFilesHint: se = (e) => `hasta ${e} archivos`, filesLabel: ce = "Archivos seleccionados", progressLabel: le = "Progreso de subida", removeFileLabel: M = (e) => `Eliminar ${e}`, tooLargeError: N = (e) => `Archivo demasiado grande (máx. ${e})`, invalidTypeError: P = "Tipo de archivo no permitido", size: F }, I) {
-	let L = n(F), R = L === "sm" ? "sm" : L === "lg" ? "lg" : "md", z = v !== void 0, [B, V] = f(y), [H, U] = f(/* @__PURE__ */ new Map()), [W, G] = f(!1), K = d(/* @__PURE__ */ new Set()), q = d(null), ue = ee(), J = w ?? `file-upload-${ue}`, Y = z ? v : B;
-	u(() => {
+var g = o(function({ multiple: o = !1, accept: p, maxSize: g, maxFiles: _, value: v, defaultValue: y = [], onChange: b, progress: x, disabled: S = !1, error: C = !1, id: w, name: T, describedBy: E, ariaLabel: D, "aria-describedby": O, "aria-label": k, required: ne, onBlur: re, className: ie, dropzoneLabel: A = "Arrastra archivos aquí", dropzoneActiveLabel: ae = "Suelta los archivos aquí", dropzoneHintLabel: j = "o haz clic para seleccionar", maxSizeHint: oe = (e) => `máx. ${e}`, maxFilesHint: se = (e) => `hasta ${e} archivos`, filesLabel: ce = "Archivos seleccionados", progressLabel: le = "Progreso de subida", removeFileLabel: M = (e) => `Eliminar ${e}`, tooLargeError: N = (e) => `Archivo demasiado grande (máx. ${e})`, invalidTypeError: P = "Tipo de archivo no permitido", size: F }, I) {
+	let L = n(F), R = L === "sm" ? "sm" : L === "lg" ? "lg" : "md", z = v !== void 0, [B, V] = u(y), [H, U] = u(/* @__PURE__ */ new Map()), [W, G] = u(!1), K = l(/* @__PURE__ */ new Set()), q = l(null), ue = ee(), J = w ?? `file-upload-${ue}`, Y = z ? v : B;
+	c(() => {
 		Y.forEach((e) => K.current.add(e));
-	}, [Y]), u(() => {
+	}, [Y]), c(() => {
 		let e = K.current;
 		return () => {
 			e.forEach(m);
 		};
 	}, []);
-	let X = l((e) => {
+	let X = s((e) => {
 		if (S) return;
 		let t = Array.from(e), n = z ? v ?? [] : B, r = new Map(H), a = [...n];
 		for (let e of t) {
@@ -52,7 +52,7 @@ var g = c(function({ multiple: c = !1, accept: p, maxSize: g, maxFiles: _, value
 		b,
 		N,
 		P
-	]), de = l((e) => {
+	]), de = s((e) => {
 		let t = (z ? v ?? [] : B).filter((t) => t !== e), n = new Map(H);
 		n.delete(e), m(e), U(n), z || V(t), b?.(t.filter((e) => !n.has(e))), q.current && (q.current.value = "");
 	}, [
@@ -80,17 +80,17 @@ var g = c(function({ multiple: c = !1, accept: p, maxSize: g, maxFiles: _, value
 		Y.length > 0 ? "file-upload--has-files" : "",
 		ie ?? ""
 	].filter(Boolean).join(" "), Q = `${J}-hint`, _e = [E ?? O, Q].filter(Boolean).join(" "), $ = [];
-	return p && $.push(p), g && $.push(oe(a(g))), c && _ && $.push(se(_)), /* @__PURE__ */ s("div", {
+	return p && $.push(p), g && $.push(oe(a(g))), o && _ && $.push(se(_)), /* @__PURE__ */ f("div", {
 		className: ge,
 		children: [
-			/* @__PURE__ */ o(t, { children: /* @__PURE__ */ o("input", {
+			/* @__PURE__ */ d(t, { children: /* @__PURE__ */ d("input", {
 				ref: (e) => {
 					q.current = e, h(I, e);
 				},
 				type: "file",
 				id: J,
 				name: T,
-				multiple: c,
+				multiple: o,
 				accept: p,
 				disabled: S,
 				required: ne,
@@ -100,7 +100,7 @@ var g = c(function({ multiple: c = !1, accept: p, maxSize: g, maxFiles: _, value
 				onChange: fe,
 				onBlur: re
 			}) }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ f("div", {
 				className: "file-upload__dropzone",
 				onClick: Z,
 				onDragOver: pe,
@@ -108,26 +108,26 @@ var g = c(function({ multiple: c = !1, accept: p, maxSize: g, maxFiles: _, value
 				onDrop: he,
 				"aria-hidden": "true",
 				children: [
-					/* @__PURE__ */ o(e, {
+					/* @__PURE__ */ d(e, {
 						name: "upload",
 						size: R,
 						className: "file-upload__icon"
 					}),
-					/* @__PURE__ */ o("span", {
+					/* @__PURE__ */ d("span", {
 						className: "file-upload__text",
 						children: W ? ae : A
 					}),
-					/* @__PURE__ */ o("span", {
+					/* @__PURE__ */ d("span", {
 						className: "file-upload__text file-upload__text--secondary",
 						children: j
 					}),
-					$.length > 0 && /* @__PURE__ */ o("span", {
+					$.length > 0 && /* @__PURE__ */ d("span", {
 						className: "file-upload__subtext",
 						children: $.join(" · ")
 					})
 				]
 			}),
-			/* @__PURE__ */ o(t, {
+			/* @__PURE__ */ d(t, {
 				id: Q,
 				children: [
 					A,
@@ -135,49 +135,49 @@ var g = c(function({ multiple: c = !1, accept: p, maxSize: g, maxFiles: _, value
 					...$
 				].join(". ")
 			}),
-			Y.length > 0 && /* @__PURE__ */ o("ul", {
+			Y.length > 0 && /* @__PURE__ */ d("ul", {
 				className: "file-upload__list",
 				"aria-label": ce,
 				children: Y.map((t, n) => {
 					let r = H.get(t), i = te(t);
-					return /* @__PURE__ */ s("li", {
+					return /* @__PURE__ */ f("li", {
 						className: `file-upload__item${r ? " file-upload__item--error" : ""}`,
 						children: [
-							/* @__PURE__ */ o("div", {
+							/* @__PURE__ */ d("div", {
 								className: "file-upload__item-thumb",
 								"aria-hidden": "true",
-								children: i ? /* @__PURE__ */ o("img", {
+								children: i ? /* @__PURE__ */ d("img", {
 									src: i,
 									alt: ""
-								}) : /* @__PURE__ */ o(e, {
+								}) : /* @__PURE__ */ d(e, {
 									name: "file-text",
 									size: "sm"
 								})
 							}),
-							/* @__PURE__ */ s("div", {
+							/* @__PURE__ */ f("div", {
 								className: "file-upload__item-info",
 								children: [
-									/* @__PURE__ */ o("span", {
+									/* @__PURE__ */ d("span", {
 										className: "file-upload__item-name",
 										children: t.name
 									}),
-									/* @__PURE__ */ o("span", {
+									/* @__PURE__ */ d("span", {
 										className: "file-upload__item-size",
 										children: a(t.size)
 									}),
-									r && /* @__PURE__ */ o("span", {
+									r && /* @__PURE__ */ d("span", {
 										className: "file-upload__item-error-msg",
 										role: "alert",
 										children: r
 									})
 								]
 							}),
-							/* @__PURE__ */ o("button", {
+							/* @__PURE__ */ d("button", {
 								className: "file-upload__item-remove",
 								type: "button",
 								onClick: () => de(t),
 								"aria-label": M(t.name),
-								children: /* @__PURE__ */ o(e, {
+								children: /* @__PURE__ */ d(e, {
 									name: "close",
 									size: "sm"
 								})
@@ -186,7 +186,7 @@ var g = c(function({ multiple: c = !1, accept: p, maxSize: g, maxFiles: _, value
 					}, `${t.name}-${t.size}-${n}`);
 				})
 			}),
-			x !== void 0 && /* @__PURE__ */ o(r, {
+			x !== void 0 && /* @__PURE__ */ d(r, {
 				value: x,
 				label: le,
 				size: "sm",

package/dist/filter-bar.js

@@ -1,26 +1,26 @@
 import './filter-bar.css';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Children as n } from "react";
+import { Children as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/stories/molecules/FilterBar/FilterBar.tsx
 function r({ search: r, children: i, actions: a, ariaLabel: o = "Filtros", className: s, ...c }) {
-	let l = n.toArray(i);
-	return /* @__PURE__ */ t("div", {
+	let l = e.toArray(i);
+	return /* @__PURE__ */ n("div", {
 		className: ["filter-bar", s].filter(Boolean).join(" "),
 		role: "search",
 		"aria-label": o,
 		...c,
-		children: [r && /* @__PURE__ */ e("div", {
+		children: [r && /* @__PURE__ */ t("div", {
 			className: "filter-bar__search",
 			children: r
-		}), (l.length > 0 || a) && /* @__PURE__ */ t("div", {
+		}), (l.length > 0 || a) && /* @__PURE__ */ n("div", {
 			className: "filter-bar__row",
-			children: [l.length > 0 && /* @__PURE__ */ e("div", {
+			children: [l.length > 0 && /* @__PURE__ */ t("div", {
 				className: "filter-bar__filters",
-				children: l.map((t, n) => /* @__PURE__ */ e("div", {
+				children: l.map((e, n) => /* @__PURE__ */ t("div", {
 					className: "filter-bar__filter",
-					children: t
+					children: e
 				}, n))
-			}), a && /* @__PURE__ */ e("div", {
+			}), a && /* @__PURE__ */ t("div", {
 				className: "filter-bar__actions",
 				children: a
 			})]

package/dist/floating-dock.js

@@ -5,34 +5,34 @@ import { VisuallyHidden as t } from "./visually-hidden.js";
 import { Button as n } from "./button.js";
 import { CloseButton as r } from "./close-button.js";
 import { NumberBadge as i } from "./number-badge.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useState as s } from "react";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Dialog as c } from "@base-ui/react/dialog";
 //#region src/stories/sections/FloatingDock/FloatingDock.tsx
 function l({ label: l, title: u, titleHidden: d = !1, description: f, children: p, icon: m, position: h = "bottom-end", open: g, defaultOpen: _, onOpenChange: v, closeLabel: y = "Cerrar", badge: b = 0, badgeMax: x = 99, badgeLabel: S = (e) => `${e} mensajes nuevos`, badgeLive: C = !0, dismissOnOutsidePress: w = !1, className: T, ...E }) {
-	let [D, O] = s(null);
-	return /* @__PURE__ */ a("div", {
+	let [D, O] = a(null);
+	return /* @__PURE__ */ o("div", {
 		ref: O,
 		className: ["floating-dock", T].filter(Boolean).join(" "),
 		"data-position": h,
 		...E,
-		children: /* @__PURE__ */ o(c.Root, {
+		children: /* @__PURE__ */ s(c.Root, {
 			open: g,
 			defaultOpen: _,
 			modal: !1,
 			disablePointerDismissal: !w,
 			onOpenChange: (e) => v?.(e),
 			children: [
-				/* @__PURE__ */ a(c.Trigger, { render: /* @__PURE__ */ o(n, {
+				/* @__PURE__ */ o(c.Trigger, { render: /* @__PURE__ */ s(n, {
 					variant: "primary",
 					size: "lg",
 					iconOnly: !0,
 					"aria-label": l,
 					className: "floating-dock__trigger",
-					children: [m ?? /* @__PURE__ */ a(e, {
+					children: [m ?? /* @__PURE__ */ o(e, {
 						name: "message",
 						size: "md"
-					}), b > 0 && /* @__PURE__ */ a(i, {
+					}), b > 0 && /* @__PURE__ */ o(i, {
 						count: b,
 						max: x,
 						variant: "danger",
@@ -40,31 +40,31 @@ function l({ label: l, title: u, titleHidden: d = !1, description: f, children:
 						className: "floating-dock__badge"
 					})]
 				}) }),
-				C && b > 0 && /* @__PURE__ */ a(t, {
+				C && b > 0 && /* @__PURE__ */ o(t, {
 					"aria-live": "polite",
 					children: S(b)
 				}),
-				D && /* @__PURE__ */ a(c.Portal, {
+				D && /* @__PURE__ */ o(c.Portal, {
 					container: D,
 					className: "floating-dock__portal",
-					children: /* @__PURE__ */ o(c.Popup, {
+					children: /* @__PURE__ */ s(c.Popup, {
 						className: "floating-dock__panel",
 						children: [
-							/* @__PURE__ */ o("header", {
+							/* @__PURE__ */ s("header", {
 								className: "floating-dock__header",
-								children: [d ? /* @__PURE__ */ a(c.Title, { render: /* @__PURE__ */ a(t, { children: u }) }) : /* @__PURE__ */ a(c.Title, {
+								children: [d ? /* @__PURE__ */ o(c.Title, { render: /* @__PURE__ */ o(t, { children: u }) }) : /* @__PURE__ */ o(c.Title, {
 									className: "floating-dock__title",
 									children: u
-								}), f != null && /* @__PURE__ */ a(c.Description, {
+								}), f != null && /* @__PURE__ */ o(c.Description, {
 									className: "floating-dock__description",
 									children: f
 								})]
 							}),
-							/* @__PURE__ */ a(c.Close, {
+							/* @__PURE__ */ o(c.Close, {
 								className: "floating-dock__close",
-								render: /* @__PURE__ */ a(r, { label: y })
+								render: /* @__PURE__ */ o(r, { label: y })
 							}),
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ o("div", {
 								className: "floating-dock__body",
 								children: p
 							})

package/dist/form-field.js

@@ -1,27 +1,27 @@
 'use client';
 import './form-field.css';
 import { Label as e } from "./label.js";
-import { jsx as t } from "react/jsx-runtime";
-import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useState as c } from "react";
+import { createContext as t, useCallback as n, useContext as r, useEffect as i, useId as a, useMemo as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
 import { useRender as l } from "@base-ui/react/use-render";
 import { Controller as u, FormProvider as d, useFormContext as f } from "react-hook-form";
 //#region src/stories/molecules/FormField/FormField.tsx
-var p = n(void 0);
-function m({ translate: e, children: n, ...r }) {
-	return /* @__PURE__ */ t(p.Provider, {
+var p = t(void 0);
+function m({ translate: e, children: t, ...n }) {
+	return /* @__PURE__ */ c(p.Provider, {
 		value: e,
-		children: /* @__PURE__ */ t(d, {
-			...r,
-			children: n
+		children: /* @__PURE__ */ c(d, {
+			...n,
+			children: t
 		})
 	});
 }
-var h = n({}), g = ({ ...e }) => /* @__PURE__ */ t(h.Provider, {
+var h = t({}), g = ({ ...e }) => /* @__PURE__ */ c(h.Provider, {
 	value: { name: e.name },
-	children: /* @__PURE__ */ t(u, { ...e })
-}), _ = n({});
+	children: /* @__PURE__ */ c(u, { ...e })
+}), _ = t({});
 function v() {
-	let e = i(h), t = i(_), { getFieldState: n, formState: r } = f(), a = n(e.name, r), { id: o, described: s, register: c } = t;
+	let e = r(h), t = r(_), { getFieldState: n, formState: i } = f(), a = n(e.name, i), { id: o, described: s, register: c } = t;
 	return {
 		id: o,
 		name: e.name,
@@ -33,38 +33,38 @@ function v() {
 		...a
 	};
 }
-function y({ className: e, ...n }) {
-	let i = o(), [a, l] = c({
+function y({ className: e, ...t }) {
+	let r = a(), [i, l] = s({
 		description: !1,
 		message: !1
-	}), u = r((e, t) => {
+	}), u = n((e, t) => {
 		l((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, []), d = s(() => ({
-		id: i,
-		described: a,
+	}, []), d = o(() => ({
+		id: r,
+		described: i,
 		register: u
 	}), [
+		r,
 		i,
-		a,
 		u
 	]);
-	return /* @__PURE__ */ t(_.Provider, {
+	return /* @__PURE__ */ c(_.Provider, {
 		value: d,
-		children: /* @__PURE__ */ t("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: ["form-field", e].filter(Boolean).join(" "),
-			...n
+			...t
 		})
 	});
 }
-function b({ ...n }) {
-	let { error: r, formItemId: i } = v();
-	return /* @__PURE__ */ t(e, {
-		"data-error": !!r,
-		htmlFor: i,
-		...n
+function b({ ...t }) {
+	let { error: n, formItemId: r } = v();
+	return /* @__PURE__ */ c(e, {
+		"data-error": !!n,
+		htmlFor: r,
+		...t
 	});
 }
 function x({ children: e, ...t }) {
@@ -79,31 +79,31 @@ function x({ children: e, ...t }) {
 		}
 	});
 }
-function S({ className: e, ...n }) {
-	let { formDescriptionId: r, register: i } = v();
-	return a(() => (i("description", !0), () => i("description", !1)), [i]), /* @__PURE__ */ t("p", {
-		id: r,
+function S({ className: e, ...t }) {
+	let { formDescriptionId: n, register: r } = v();
+	return i(() => (r("description", !0), () => r("description", !1)), [r]), /* @__PURE__ */ c("p", {
+		id: n,
 		className: ["form-field__description", e].filter(Boolean).join(" "),
-		...n
+		...t
 	});
 }
-function C({ className: e, children: n, ...r }) {
-	let { error: o, formMessageId: s, register: c } = v(), l = i(p), u = o ? String(o?.message ?? "") : "", d = o ? l && u ? l(u) : u : n, f = !!d;
-	return a(() => (c("message", f), () => c("message", !1)), [c, f]), d ? /* @__PURE__ */ t("p", {
-		id: s,
+function C({ className: e, children: t, ...n }) {
+	let { error: a, formMessageId: o, register: s } = v(), l = r(p), u = a ? String(a?.message ?? "") : "", d = a ? l && u ? l(u) : u : t, f = !!d;
+	return i(() => (s("message", f), () => s("message", !1)), [s, f]), d ? /* @__PURE__ */ c("p", {
+		id: o,
 		role: "alert",
 		className: ["form-field__message", e].filter(Boolean).join(" "),
-		...r,
+		...n,
 		children: d
 	}) : null;
 }
-function w({ className: e, ...n }) {
-	let { formState: r } = f(), a = i(p), o = r.errors.root?.message, s = o && a ? a(String(o)) : o;
-	return s ? /* @__PURE__ */ t("p", {
+function w({ className: e, ...t }) {
+	let { formState: n } = f(), i = r(p), a = n.errors.root?.message, o = a && i ? i(String(a)) : a;
+	return o ? /* @__PURE__ */ c("p", {
 		role: "alert",
 		className: ["form-error", e].filter(Boolean).join(" "),
-		...n,
-		children: s
+		...t,
+		children: o
 	}) : null;
 }
 //#endregion

package/dist/form.js

@@ -2,55 +2,55 @@
 import './form.css';
 import { t as e } from "./_shared/form-size.js";
 import { ErrorText as t } from "./error-text.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/Form/Form.tsx
-var a = i(function({ errors: i, actions: a, links: o, alternatives: s, alternativesLabel: c, captcha: l, size: u, blockActions: d = !1, success: f, className: p, children: m, ...h }, g) {
+var a = n(function({ errors: n, actions: a, links: o, alternatives: s, alternativesLabel: c, captcha: l, size: u, blockActions: d = !1, success: f, className: p, children: m, ...h }, g) {
 	let _ = [
 		"form",
 		u && u !== "md" ? `form--${u}` : "",
 		d ? "form--block-actions" : "",
 		p
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n(e.Provider, {
+	return /* @__PURE__ */ r(e.Provider, {
 		value: u,
-		children: /* @__PURE__ */ r("form", {
+		children: /* @__PURE__ */ i("form", {
 			ref: g,
 			className: _,
 			noValidate: !0,
 			...h,
 			children: [
-				f && /* @__PURE__ */ n("p", {
+				f && /* @__PURE__ */ r("p", {
 					className: "form__success",
 					role: "status",
 					children: f
 				}),
-				!f && m && /* @__PURE__ */ n("div", {
+				!f && m && /* @__PURE__ */ r("div", {
 					className: "form__fields",
 					children: m
 				}),
-				!f && l && /* @__PURE__ */ n("div", {
+				!f && l && /* @__PURE__ */ r("div", {
 					className: "form__captcha",
 					children: l
 				}),
-				!f && i && i.length > 0 && /* @__PURE__ */ n("ul", {
+				!f && n && n.length > 0 && /* @__PURE__ */ r("ul", {
 					className: "form__errors",
-					children: i.map((e) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(t, {
+					children: n.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(t, {
 						as: "span",
 						children: e
 					}) }, e))
 				}),
-				!f && a && /* @__PURE__ */ n("div", {
+				!f && a && /* @__PURE__ */ r("div", {
 					className: ["form__actions", d ? "form__actions--block" : ""].filter(Boolean).join(" "),
 					children: a
 				}),
-				o && /* @__PURE__ */ n("div", {
+				o && /* @__PURE__ */ r("div", {
 					className: "form__links",
 					children: o
 				}),
-				!f && s && /* @__PURE__ */ r("div", {
+				!f && s && /* @__PURE__ */ i("div", {
 					className: "form__alternatives",
-					children: [c && /* @__PURE__ */ n("p", {
+					children: [c && /* @__PURE__ */ r("p", {
 						className: "form__alternatives-label",
 						children: c
 					}), s]

package/dist/heading.js

@@ -1,13 +1,13 @@
 import './heading.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Heading/Heading.tsx
-var n = t(function({ level: t = 2, size: n, className: r, children: i, ...a }, o) {
-	return /* @__PURE__ */ e(`h${t}`, {
+var n = e(function({ level: e = 2, size: n, className: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ t(`h${e}`, {
 		ref: o,
 		className: [
 			"heading",
-			`heading--${t}`,
+			`heading--${e}`,
 			n && `heading--size-${n}`,
 			r
 		].filter(Boolean).join(" "),