@studiolxd/brand 38.12.4

package/dist/figure.js

@@ -0,0 +1,40 @@
+import './figure.css';
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { useRender as r } from "@base-ui/react/use-render";
+//#region src/stories/atoms/Figure/Figure.tsx
+var i = {
+	"1:1": "figure__media--ratio-1-1",
+	"4:3": "figure__media--ratio-4-3",
+	"3:2": "figure__media--ratio-3-2",
+	"16:9": "figure__media--ratio-16-9",
+	"21:9": "figure__media--ratio-21-9"
+}, a = n(function({ src: n, alt: a = "", caption: o, ratio: s = "auto", fit: c = "cover", render: l, className: u, children: d, ...f }, p) {
+	let m = ["figure", u ?? ""].filter(Boolean).join(" "), h = [
+		"figure__media",
+		s === "auto" ? "" : i[s],
+		s !== "auto" && c === "contain" ? "figure__media--contain" : ""
+	].filter(Boolean).join(" "), g = r({
+		render: l,
+		enabled: l !== void 0,
+		props: { className: "figure__img" }
+	});
+	return /* @__PURE__ */ t("figure", {
+		ref: p,
+		className: m,
+		...f,
+		children: [/* @__PURE__ */ e("div", {
+			className: h,
+			children: g ?? (n === void 0 ? d : /* @__PURE__ */ e("img", {
+				className: "figure__img",
+				src: n,
+				alt: a
+			}))
+		}), o !== void 0 && /* @__PURE__ */ e("figcaption", {
+			className: "figure__caption",
+			children: o
+		})]
+	});
+});
+//#endregion
+export { a as Figure };

package/dist/file-upload-field.css

@@ -0,0 +1 @@
+.file-upload-field{gap:var(--file-upload-field-gap);flex-direction:column;display:flex}.file-upload-field__helper{font-family:var(--file-upload-field-helper-font-family);font-size:var(--file-upload-field-helper-font-size);font-weight:var(--file-upload-field-helper-font-weight);line-height:var(--file-upload-field-helper-line-height);color:var(--file-upload-field-helper-color)}

package/dist/file-upload-field.js

@@ -0,0 +1,43 @@
+'use client';
+import './file-upload-field.css';
+import { n as e } from "./_shared/form-size.js";
+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";
+//#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", {
+		className: ["file-upload-field", h].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ a(n, {
+				htmlFor: x,
+				hidden: v,
+				size: y,
+				children: l
+			}),
+			/* @__PURE__ */ a(r, {
+				ref: _,
+				...g,
+				id: x,
+				size: y,
+				error: T,
+				"aria-describedby": w
+			}),
+			d && /* @__PURE__ */ a(t, {
+				id: S,
+				children: d
+			}),
+			f && /* @__PURE__ */ a("span", {
+				id: C,
+				className: "file-upload-field__helper",
+				children: f
+			})
+		]
+	});
+});
+//#endregion
+export { l as FileUploadField };

package/dist/file-upload.css

@@ -0,0 +1 @@
+.file-upload{width:100%}.file-upload__dropzone{--_drop-color:var(--file-upload-border-color);--_drop-bg:var(--file-upload-bg);--_dash:var(--file-upload-border-dash-length);--_gap:var(--file-upload-border-dash-gap)}.file-upload.file-upload--sm{--file-upload-padding-block:var(--file-upload-sm-padding-block);--file-upload-padding-inline:var(--file-upload-sm-padding-inline);--file-upload-text-font-size:var(--file-upload-sm-text-font-size);--file-upload-subtext-font-size:var(--file-upload-sm-subtext-font-size);--file-upload-thumb-size:var(--file-upload-sm-thumb-size);--file-upload-item-name-font-size:var(--file-upload-sm-item-name-font-size)}.file-upload.file-upload--lg{--file-upload-padding-block:var(--file-upload-lg-padding-block);--file-upload-padding-inline:var(--file-upload-lg-padding-inline);--file-upload-text-font-size:var(--file-upload-lg-text-font-size);--file-upload-subtext-font-size:var(--file-upload-lg-subtext-font-size);--file-upload-thumb-size:var(--file-upload-lg-thumb-size);--file-upload-item-name-font-size:var(--file-upload-lg-item-name-font-size)}.file-upload__dropzone{justify-content:center;align-items:center;gap:var(--file-upload-gap);width:100%;padding-block:var(--file-upload-padding-block);padding-inline:var(--file-upload-padding-inline);background-image:repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap)));background-size:100% var(--file-upload-border-width), 100% var(--file-upload-border-width), var(--file-upload-border-width) 100%, var(--file-upload-border-width) 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-color:var(--_drop-bg);color:var(--file-upload-text-color);cursor:pointer;transition:background-image var(--file-upload-transition-duration) var(--file-upload-transition-easing), background-color var(--file-upload-transition-duration) var(--file-upload-transition-easing);text-align:center;box-sizing:border-box;outline:none;flex-direction:column;display:flex}.file-upload:has(input[type=file]:focus-visible) .file-upload__dropzone{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset)}.file-upload.file-upload--dragging .file-upload__dropzone{--_drop-color:var(--file-upload-drag-border-color);--_drop-bg:var(--file-upload-drag-bg)}.file-upload.file-upload--error .file-upload__dropzone{--_drop-color:var(--file-upload-error-border-color);--_drop-bg:var(--file-upload-error-bg)}.file-upload.file-upload--disabled .file-upload__dropzone{opacity:var(--file-upload-disabled-opacity);cursor:var(--file-upload-disabled-cursor);pointer-events:none}.file-upload__icon{color:var(--file-upload-icon-color);flex-shrink:0;margin-block-end:var(--file-upload-gap)}.file-upload__text{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-text-font-size);font-weight:var(--file-upload-text-font-weight);color:var(--file-upload-text-color)}.file-upload__text--secondary{color:var(--file-upload-subtext-color);font-weight:var(--file-upload-subtext-font-weight)}.file-upload__subtext{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-subtext-font-size);color:var(--file-upload-subtext-color);margin-block-start:var(--file-upload-gap)}.file-upload__list{gap:var(--file-upload-list-gap);flex-direction:column;margin:0;margin-block-start:var(--file-upload-list-margin-block-start);padding:0;list-style:none;display:flex}.file-upload__item{align-items:center;gap:var(--file-upload-item-gap);padding-block:var(--file-upload-item-padding-block);padding-inline:var(--file-upload-item-padding-inline);border-width:var(--file-upload-item-border-width);border-style:solid;border-color:var(--file-upload-item-border-color);border-radius:var(--file-upload-item-border-radius);background-color:var(--file-upload-item-bg);display:flex}.file-upload__item.file-upload__item--error{border-color:var(--file-upload-item-error-border-color);background-color:var(--file-upload-item-error-bg)}.file-upload__item-thumb{width:var(--file-upload-thumb-size);height:var(--file-upload-thumb-size);border-radius:var(--file-upload-thumb-border-radius);background-color:var(--file-upload-thumb-bg);color:var(--file-upload-thumb-icon-color);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.file-upload__item-thumb img{object-fit:cover;width:100%;height:100%}.file-upload__item-info{gap:var(--file-upload-item-info-gap);flex-direction:column;flex:1;min-width:0;display:flex}.file-upload__item-name{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-name-font-size);font-weight:var(--file-upload-item-name-font-weight);color:var(--file-upload-item-name-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-upload__item-size{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-size-font-size);color:var(--file-upload-item-size-color)}.file-upload__item-error-msg{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-error-font-size);color:var(--file-upload-item-error-color)}.file-upload__item-remove{cursor:pointer;color:var(--file-upload-remove-color);transition:color var(--file-upload-transition-duration) var(--file-upload-transition-easing);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.file-upload__item-remove:hover{color:var(--file-upload-remove-color-hover)}.file-upload__item-remove:focus-visible{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset);border-radius:var(--file-upload-remove-border-radius)}.file-upload__progress{margin-block-start:var(--file-upload-progress-margin-block-start)}

package/dist/file-upload.js

@@ -0,0 +1,199 @@
+'use client';
+import './file-upload.css';
+import { Icon as e } from "./icon.js";
+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";
+//#region src/stories/atoms/FileUpload/FileUpload.tsx
+var p = /* @__PURE__ */ new WeakMap();
+function te(e) {
+	if (!e.type.startsWith("image/")) return;
+	let t = p.get(e);
+	return t || (t = URL.createObjectURL(e), p.set(e, t)), t;
+}
+function m(e) {
+	let t = p.get(e);
+	t && (URL.revokeObjectURL(t), p.delete(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(() => {
+		Y.forEach((e) => K.current.add(e));
+	}, [Y]), u(() => {
+		let e = K.current;
+		return () => {
+			e.forEach(m);
+		};
+	}, []);
+	let X = l((e) => {
+		if (S) return;
+		let t = Array.from(e), n = z ? v ?? [] : B, r = new Map(H), a = [...n];
+		for (let e of t) {
+			if (_ !== void 0 && a.filter((e) => !r.has(e)).length >= _) break;
+			let t = i(e, p, g, N, P);
+			t && r.set(e, t), a.push(e);
+		}
+		U(r), z || V(a), b?.(a.filter((e) => !r.has(e)));
+	}, [
+		S,
+		p,
+		g,
+		_,
+		z,
+		v,
+		B,
+		H,
+		b,
+		N,
+		P
+	]), de = l((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 = "");
+	}, [
+		z,
+		v,
+		B,
+		H,
+		b
+	]), fe = (e) => {
+		e.target.files && X(e.target.files);
+	}, pe = (e) => {
+		e.preventDefault(), S || G(!0);
+	}, me = (e) => {
+		e.preventDefault(), G(!1);
+	}, he = (e) => {
+		e.preventDefault(), G(!1), !S && e.dataTransfer.files && X(e.dataTransfer.files);
+	}, Z = () => {
+		S || q.current?.click();
+	}, ge = [
+		"file-upload",
+		L === "md" ? "" : `file-upload--${L}`,
+		W ? "file-upload--dragging" : "",
+		C ? "file-upload--error" : "",
+		S ? "file-upload--disabled" : "",
+		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", {
+		className: ge,
+		children: [
+			/* @__PURE__ */ o(t, { children: /* @__PURE__ */ o("input", {
+				ref: (e) => {
+					q.current = e, h(I, e);
+				},
+				type: "file",
+				id: J,
+				name: T,
+				multiple: c,
+				accept: p,
+				disabled: S,
+				required: ne,
+				"aria-label": D ?? k,
+				"aria-describedby": _e,
+				"aria-invalid": C || void 0,
+				onChange: fe,
+				onBlur: re
+			}) }),
+			/* @__PURE__ */ s("div", {
+				className: "file-upload__dropzone",
+				onClick: Z,
+				onDragOver: pe,
+				onDragLeave: me,
+				onDrop: he,
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ o(e, {
+						name: "upload",
+						size: R,
+						className: "file-upload__icon"
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "file-upload__text",
+						children: W ? ae : A
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "file-upload__text file-upload__text--secondary",
+						children: j
+					}),
+					$.length > 0 && /* @__PURE__ */ o("span", {
+						className: "file-upload__subtext",
+						children: $.join(" · ")
+					})
+				]
+			}),
+			/* @__PURE__ */ o(t, {
+				id: Q,
+				children: [
+					A,
+					j,
+					...$
+				].join(". ")
+			}),
+			Y.length > 0 && /* @__PURE__ */ o("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", {
+						className: `file-upload__item${r ? " file-upload__item--error" : ""}`,
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: "file-upload__item-thumb",
+								"aria-hidden": "true",
+								children: i ? /* @__PURE__ */ o("img", {
+									src: i,
+									alt: ""
+								}) : /* @__PURE__ */ o(e, {
+									name: "file-text",
+									size: "sm"
+								})
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "file-upload__item-info",
+								children: [
+									/* @__PURE__ */ o("span", {
+										className: "file-upload__item-name",
+										children: t.name
+									}),
+									/* @__PURE__ */ o("span", {
+										className: "file-upload__item-size",
+										children: a(t.size)
+									}),
+									r && /* @__PURE__ */ o("span", {
+										className: "file-upload__item-error-msg",
+										role: "alert",
+										children: r
+									})
+								]
+							}),
+							/* @__PURE__ */ o("button", {
+								className: "file-upload__item-remove",
+								type: "button",
+								onClick: () => de(t),
+								"aria-label": M(t.name),
+								children: /* @__PURE__ */ o(e, {
+									name: "close",
+									size: "sm"
+								})
+							})
+						]
+					}, `${t.name}-${t.size}-${n}`);
+				})
+			}),
+			x !== void 0 && /* @__PURE__ */ o(r, {
+				value: x,
+				label: le,
+				size: "sm",
+				className: "file-upload__progress"
+			})
+		]
+	});
+});
+//#endregion
+export { g as FileUpload };

package/dist/filter-bar.css

@@ -0,0 +1 @@
+.filter-bar{gap:var(--filter-bar-gap);flex-direction:column;display:flex}.filter-bar__search{inline-size:100%}.filter-bar__row{align-items:flex-end;column-gap:var(--filter-bar-column-gap);row-gap:var(--filter-bar-row-gap);flex-wrap:wrap;display:flex}.filter-bar__filters{flex:1 1 var(--filter-bar-column-min-inline-size);grid-template-columns:repeat(auto-fit, minmax(min(var(--filter-bar-column-min-inline-size), 100%), 1fr));column-gap:var(--filter-bar-column-gap);row-gap:var(--filter-bar-row-gap);min-inline-size:0;display:grid}.filter-bar__filter{min-inline-size:0}.filter-bar__actions{align-items:center;gap:var(--filter-bar-actions-gap);flex-wrap:wrap;flex:none;margin-inline-start:auto;display:flex}

package/dist/filter-bar.js

@@ -0,0 +1,31 @@
+import './filter-bar.css';
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Children as n } from "react";
+//#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", {
+		className: ["filter-bar", s].filter(Boolean).join(" "),
+		role: "search",
+		"aria-label": o,
+		...c,
+		children: [r && /* @__PURE__ */ e("div", {
+			className: "filter-bar__search",
+			children: r
+		}), (l.length > 0 || a) && /* @__PURE__ */ t("div", {
+			className: "filter-bar__row",
+			children: [l.length > 0 && /* @__PURE__ */ e("div", {
+				className: "filter-bar__filters",
+				children: l.map((t, n) => /* @__PURE__ */ e("div", {
+					className: "filter-bar__filter",
+					children: t
+				}, n))
+			}), a && /* @__PURE__ */ e("div", {
+				className: "filter-bar__actions",
+				children: a
+			})]
+		})]
+	});
+}
+//#endregion
+export { r as FilterBar };

package/dist/floating-dock.css

@@ -0,0 +1 @@
+.floating-dock{z-index:var(--floating-dock-z-index);gap:var(--floating-dock-gap);flex-direction:column;display:flex;position:fixed}.floating-dock[data-position^=bottom]{--floating-dock-enter-direction:1;flex-direction:column-reverse;inset-block-end:calc(var(--floating-dock-offset-block) + env(safe-area-inset-bottom))}.floating-dock[data-position^=top]{--floating-dock-enter-direction:-1;flex-direction:column;inset-block-start:calc(var(--floating-dock-offset-block) + env(safe-area-inset-top))}.floating-dock[data-position$=end]{align-items:flex-end;inset-inline-end:calc(var(--floating-dock-offset-inline) + env(safe-area-inset-right))}.floating-dock[data-position$=start]{align-items:flex-start;inset-inline-start:calc(var(--floating-dock-offset-inline) + env(safe-area-inset-left))}.floating-dock__trigger{inline-size:var(--floating-dock-trigger-size);block-size:var(--floating-dock-trigger-size);position:relative}.floating-dock__trigger .icon{--icon-size:var(--floating-dock-trigger-icon-size)}.floating-dock__badge{--number-badge-danger-bg:var(--floating-dock-badge-fill);--number-badge-danger-color:var(--floating-dock-badge-color);position:absolute;inset-block-start:var(--floating-dock-badge-offset);inset-inline-end:var(--floating-dock-badge-offset);translate:50% -50%}.floating-dock__panel{box-sizing:border-box;gap:var(--floating-dock-panel-gap);inline-size:var(--floating-dock-panel-inline-size);max-inline-size:calc(100vw - 2 * var(--floating-dock-offset-inline));block-size:var(--floating-dock-panel-block-size);max-block-size:calc(100dvh - 2 * var(--floating-dock-offset-block) - var(--floating-dock-trigger-size) - var(--floating-dock-gap));min-block-size:0;padding-block:var(--floating-dock-panel-padding-block);padding-inline:var(--floating-dock-panel-padding-inline);background-color:var(--floating-dock-panel-bg);border-width:var(--floating-dock-panel-border-width);border-style:solid;border-color:var(--floating-dock-panel-border-color);border-radius:var(--floating-dock-panel-border-radius);box-shadow:var(--floating-dock-panel-shadow);transition-property:opacity,translate;transition-duration:var(--floating-dock-transition-duration);transition-timing-function:var(--floating-dock-transition-easing);outline:none;flex-direction:column;display:flex;position:relative}.floating-dock__panel[data-starting-style],.floating-dock__panel[data-ending-style]{opacity:0;translate:0 calc(var(--floating-dock-enter-direction) * var(--floating-dock-panel-enter-offset))}.floating-dock__panel:focus-visible{outline:var(--floating-dock-focus-ring-width) solid var(--floating-dock-focus-ring-color);outline-offset:var(--floating-dock-focus-ring-offset)}.floating-dock__header{gap:var(--floating-dock-header-gap);flex-direction:column;padding-inline-end:var(--floating-dock-close-size);display:flex}.floating-dock__title{color:var(--floating-dock-title-color);font-size:var(--floating-dock-title-font-size);font-weight:var(--floating-dock-title-font-weight);margin:0}.floating-dock__description{font-size:var(--floating-dock-description-font-size);color:var(--floating-dock-description-color);margin:0}.floating-dock__close.close-button{--close-button-size:var(--floating-dock-close-size);--close-button-icon-size:var(--floating-dock-close-icon-size);--close-button-color:var(--floating-dock-close-color);--close-button-focus-ring-width:var(--floating-dock-close-focus-ring-width);--close-button-focus-ring-offset:var(--floating-dock-close-focus-ring-offset);--close-button-focus-ring-color:var(--floating-dock-close-focus-ring-color);position:absolute;inset-block-start:var(--floating-dock-panel-padding-block);inset-inline-end:var(--floating-dock-panel-padding-inline)}.floating-dock__body{flex:1;min-block-size:0;overflow-y:auto}

package/dist/floating-dock.js

@@ -0,0 +1,79 @@
+'use client';
+import './floating-dock.css';
+import { Icon as e } from "./icon.js";
+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 { 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", {
+		ref: O,
+		className: ["floating-dock", T].filter(Boolean).join(" "),
+		"data-position": h,
+		...E,
+		children: /* @__PURE__ */ o(c.Root, {
+			open: g,
+			defaultOpen: _,
+			modal: !1,
+			disablePointerDismissal: !w,
+			onOpenChange: (e) => v?.(e),
+			children: [
+				/* @__PURE__ */ a(c.Trigger, { render: /* @__PURE__ */ o(n, {
+					variant: "primary",
+					size: "lg",
+					iconOnly: !0,
+					"aria-label": l,
+					className: "floating-dock__trigger",
+					children: [m ?? /* @__PURE__ */ a(e, {
+						name: "message",
+						size: "md"
+					}), b > 0 && /* @__PURE__ */ a(i, {
+						count: b,
+						max: x,
+						variant: "danger",
+						"aria-hidden": "true",
+						className: "floating-dock__badge"
+					})]
+				}) }),
+				C && b > 0 && /* @__PURE__ */ a(t, {
+					"aria-live": "polite",
+					children: S(b)
+				}),
+				D && /* @__PURE__ */ a(c.Portal, {
+					container: D,
+					className: "floating-dock__portal",
+					children: /* @__PURE__ */ o(c.Popup, {
+						className: "floating-dock__panel",
+						children: [
+							/* @__PURE__ */ o("header", {
+								className: "floating-dock__header",
+								children: [d ? /* @__PURE__ */ a(c.Title, { render: /* @__PURE__ */ a(t, { children: u }) }) : /* @__PURE__ */ a(c.Title, {
+									className: "floating-dock__title",
+									children: u
+								}), f != null && /* @__PURE__ */ a(c.Description, {
+									className: "floating-dock__description",
+									children: f
+								})]
+							}),
+							/* @__PURE__ */ a(c.Close, {
+								className: "floating-dock__close",
+								render: /* @__PURE__ */ a(r, { label: y })
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "floating-dock__body",
+								children: p
+							})
+						]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { l as FloatingDock };

package/dist/fonts.css

@@ -0,0 +1,113 @@
+/* =========================================================
+   FUENTES — @studiolxd/brand/fonts
+   =========================================================
+   Los ficheros viven en dist/assets/fonts/ (src/assets/fonts/ en el
+   repo). Subconjuntos latin + latin-ext, tal cual los sirve la API
+   CSS2 de Google Fonts. Licencia OFL junto a cada familia
+   (dist/assets/fonts/<familia>/LICENSE.txt).
+
+   Los nombres de familia coinciden exactamente con
+   src/tokens/global/typography.css (--font-family-sans/-mono/-serif):
+   "Google Sans Flex", "Google Sans Code", "Libre Bodoni". No incluir
+   este fichero en brand.css: el consumidor lo importa una vez, en el
+   layout raíz.
+   ========================================================= */
+
+/* -------------------- Google Sans Flex (sans) --------------------
+   Variable: peso 1–1000, tamaño óptico 6–144 (opsz se ajusta solo,
+   vía font-optical-sizing: auto, por defecto en los navegadores —
+   no hace falta font-variation-settings a mano). */
+
+@font-face {
+  font-family: 'Google Sans Flex';
+  font-style: normal;
+  font-weight: 1 1000;
+  font-display: swap;
+  src: url('./assets/fonts/google-sans-flex/google-sans-flex-normal-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Google Sans Flex';
+  font-style: normal;
+  font-weight: 1 1000;
+  font-display: swap;
+  src: url('./assets/fonts/google-sans-flex/google-sans-flex-normal-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* -------------------- Google Sans Code (mono) -------------------- */
+
+@font-face {
+  font-family: 'Google Sans Code';
+  font-style: italic;
+  font-weight: 300 800;
+  font-display: swap;
+  src: url('./assets/fonts/google-sans-code/google-sans-code-italic-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Google Sans Code';
+  font-style: italic;
+  font-weight: 300 800;
+  font-display: swap;
+  src: url('./assets/fonts/google-sans-code/google-sans-code-italic-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Google Sans Code';
+  font-style: normal;
+  font-weight: 300 800;
+  font-display: swap;
+  src: url('./assets/fonts/google-sans-code/google-sans-code-normal-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Google Sans Code';
+  font-style: normal;
+  font-weight: 300 800;
+  font-display: swap;
+  src: url('./assets/fonts/google-sans-code/google-sans-code-normal-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* -------------------- Libre Bodoni (serif) -------------------- */
+
+@font-face {
+  font-family: 'Libre Bodoni';
+  font-style: italic;
+  font-weight: 400 700;
+  font-display: swap;
+  src: url('./assets/fonts/libre-bodoni/libre-bodoni-italic-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Libre Bodoni';
+  font-style: italic;
+  font-weight: 400 700;
+  font-display: swap;
+  src: url('./assets/fonts/libre-bodoni/libre-bodoni-italic-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Libre Bodoni';
+  font-style: normal;
+  font-weight: 400 700;
+  font-display: swap;
+  src: url('./assets/fonts/libre-bodoni/libre-bodoni-normal-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Libre Bodoni';
+  font-style: normal;
+  font-weight: 400 700;
+  font-display: swap;
+  src: url('./assets/fonts/libre-bodoni/libre-bodoni-normal-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/dist/form-field.css

@@ -0,0 +1 @@
+.form-field>*+*{margin-block-start:var(--form-field-gap)}.form-field__description{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);margin:0}.form-field__message,.form-error,form p[role=alert]{font-family:var(--form-error-font-family);font-size:var(--form-error-font-size);font-weight:var(--form-error-font-weight);line-height:var(--form-error-line-height);color:var(--form-error-color);margin:0}

package/dist/form-field.js

@@ -0,0 +1,110 @@
+'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 { 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, {
+		value: e,
+		children: /* @__PURE__ */ t(d, {
+			...r,
+			children: n
+		})
+	});
+}
+var h = n({}), g = ({ ...e }) => /* @__PURE__ */ t(h.Provider, {
+	value: { name: e.name },
+	children: /* @__PURE__ */ t(u, { ...e })
+}), _ = n({});
+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;
+	return {
+		id: o,
+		name: e.name,
+		formItemId: `${o}-form-item`,
+		formDescriptionId: `${o}-form-item-description`,
+		formMessageId: `${o}-form-item-message`,
+		described: s,
+		register: c,
+		...a
+	};
+}
+function y({ className: e, ...n }) {
+	let i = o(), [a, l] = c({
+		description: !1,
+		message: !1
+	}), u = r((e, t) => {
+		l((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, []), d = s(() => ({
+		id: i,
+		described: a,
+		register: u
+	}), [
+		i,
+		a,
+		u
+	]);
+	return /* @__PURE__ */ t(_.Provider, {
+		value: d,
+		children: /* @__PURE__ */ t("div", {
+			className: ["form-field", e].filter(Boolean).join(" "),
+			...n
+		})
+	});
+}
+function b({ ...n }) {
+	let { error: r, formItemId: i } = v();
+	return /* @__PURE__ */ t(e, {
+		"data-error": !!r,
+		htmlFor: i,
+		...n
+	});
+}
+function x({ children: e, ...t }) {
+	let { error: n, formItemId: r, formDescriptionId: i, formMessageId: a, described: o } = v(), s = [...[o.description ? i : null, o.message ? a : null], t["aria-describedby"]].filter((e) => typeof e == "string" && e.length > 0).join(" ");
+	return l({
+		render: e,
+		props: {
+			id: r,
+			"aria-invalid": !!n,
+			...t,
+			"aria-describedby": s || void 0
+		}
+	});
+}
+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,
+		className: ["form-field__description", e].filter(Boolean).join(" "),
+		...n
+	});
+}
+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,
+		role: "alert",
+		className: ["form-field__message", e].filter(Boolean).join(" "),
+		...r,
+		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", {
+		role: "alert",
+		className: ["form-error", e].filter(Boolean).join(" "),
+		...n,
+		children: s
+	}) : null;
+}
+//#endregion
+export { x as FormControl, S as FormDescription, g as FormField, y as FormItem, b as FormLabel, C as FormMessage, m as FormProvider, w as FormRootMessage, v as useFormField };

package/dist/form.css

@@ -0,0 +1 @@
+.form{flex-direction:column;display:flex}.form__fields{gap:var(--form-gap);flex-direction:column;display:flex}.form__captcha{margin-block-start:var(--form-captcha-margin-block-start)}.form__errors{gap:var(--form-errors-gap);flex-direction:column;margin:0;margin-block-start:var(--form-gap);padding:0;list-style:none;display:flex}.form__actions{gap:var(--form-actions-gap);flex-direction:column;margin-block-start:var(--form-actions-margin-block-start);display:flex}.form__actions:first-child{margin-block-start:0}.form__actions>*{inline-size:100%}@media (width>=768px){.form__actions:not(.form__actions--block){flex-direction:row;justify-content:flex-end}.form__actions:not(.form__actions--block)>*{inline-size:auto}}.form__actions--block{flex-direction:column-reverse}.form--block-actions .form__alternatives>.button{inline-size:100%}.form__links{gap:var(--form-links-gap);flex-wrap:wrap;margin-block-start:var(--form-links-margin-block-start);display:flex}.form__links>.paragraph{margin:0}.form__alternatives{gap:var(--form-alternatives-gap);flex-direction:column;margin-block-start:var(--form-alternatives-margin-block-start);display:flex}.form__alternatives-label{margin:0}.form__success{font-family:var(--form-success-font-family);font-size:var(--form-success-font-size);font-weight:var(--form-success-font-weight);line-height:var(--form-success-line-height);color:var(--form-success-color);margin:0}