@studiolxd/brand 49.28.0 → 51.0.0

package/dist/color-picker-field.js

@@ -1,46 +1,45 @@
 'use client';
 import './color-picker-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 { n as r } from "./_shared/field-labels.js";
-import { t as i } from "./_shared/colorpicker.js";
-import { forwardRef as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { n as t } from "./_shared/field-optional.js";
+import { n } from "./_shared/field-labels.js";
+import { a as r, i, n as a, r as o, t as s } from "./_shared/fieldshell.js";
+import { t as c } from "./_shared/colorpicker.js";
+import { forwardRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/stories/molecules/ColorPickerField/ColorPickerField.tsx
-var l = a(function({ id: a, label: l, labelHidden: u, errorMessage: d, helperText: f, error: p = !1, size: m, className: h, ...g }, _) {
-	let v = r(u), y = e(m), b = o(), x = a ?? b, S = `${x}-label`, C = d ? `${x}-error` : void 0, w = f ? `${x}-helper` : void 0, T = [C, w].filter(Boolean).join(" ") || void 0, E = p || !!d;
-	return /* @__PURE__ */ c("div", {
-		className: ["color-picker-field", h].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ s(n, {
-				id: S,
-				htmlFor: x,
-				hidden: v,
-				size: y,
-				children: l
-			}),
-			/* @__PURE__ */ s(i, {
-				dialogLabel: l,
-				...g,
-				ref: _,
-				id: x,
-				size: y,
-				error: E,
-				"aria-labelledby": S,
-				"aria-describedby": T
-			}),
-			d && /* @__PURE__ */ s(t, {
-				id: C,
-				children: d
-			}),
-			f && /* @__PURE__ */ s("span", {
-				id: w,
-				className: "color-picker-field__helper",
-				children: f
-			})
-		]
+var f = l(function({ id: l, label: f, optional: p, optionalLabel: m, labelHidden: h, errorMessage: g, helperText: _, error: v = !1, size: y, required: b = !1, requiredLabel: x, className: S, ...C }, w) {
+	let T = n(h), E = e(y), D = t(p, b), O = r({
+		id: l,
+		error: v,
+		errorMessage: g,
+		helperText: _
+	}), { id: k, labelId: A } = O, j = b ? i(k) : void 0;
+	return /* @__PURE__ */ d(a, {
+		field: O,
+		block: "color-picker-field",
+		className: S,
+		label: f,
+		optional: D,
+		optionalLabel: m,
+		labelHidden: T,
+		size: E,
+		labelIdentified: !0,
+		children: [/* @__PURE__ */ u(c, {
+			dialogLabel: f,
+			...C,
+			ref: w,
+			id: k,
+			size: E,
+			required: b,
+			error: O.hasError,
+			"aria-labelledby": A,
+			"aria-describedby": o(O.describedBy, j)
+		}), j && /* @__PURE__ */ u(s, {
+			id: j,
+			label: x
+		})]
 	});
 });
 //#endregion
-export { l as ColorPickerField };
+export { f as ColorPickerField };

package/dist/colorpicker.css

@@ -1 +1 @@
-.color-picker{--color-picker-trigger-current-size:var(--color-picker-trigger-size);display:inline-flex}.color-picker.color-picker--sm{--color-picker-trigger-current-size:var(--color-picker-trigger-sm-size)}.color-picker.color-picker--lg{--color-picker-trigger-current-size:var(--color-picker-trigger-lg-size)}.color-picker__trigger{box-sizing:border-box;inline-size:var(--color-picker-trigger-current-size);block-size:var(--color-picker-trigger-current-size);padding-block:var(--color-picker-trigger-padding);padding-inline:var(--color-picker-trigger-padding);background-color:var(--color-picker-trigger-bg);border-width:var(--color-picker-trigger-border-width);border-style:var(--color-picker-trigger-border-style);border-color:var(--color-picker-trigger-border-color);border-radius:var(--color-picker-trigger-border-radius);cursor:var(--color-picker-trigger-cursor);justify-content:stretch;align-items:stretch;display:inline-flex}.color-picker__trigger:focus-visible{border-color:var(--color-picker-trigger-focus-border-color);box-shadow:inset 0 0 0 calc(var(--color-picker-trigger-focus-ring-width) + var(--color-picker-trigger-focus-ring-inset-offset)) var(--color-picker-trigger-focus-ring-color), inset 0 0 0 var(--color-picker-trigger-focus-ring-inset-offset) var(--color-picker-trigger-bg);outline:none}.color-picker.color-picker--error .color-picker__trigger{border-color:var(--color-picker-trigger-error-border-color)}.color-picker.color-picker--error .color-picker__trigger:focus-visible{box-shadow:inset 0 0 0 calc(var(--color-picker-trigger-focus-ring-width) + var(--color-picker-trigger-focus-ring-inset-offset)) var(--color-picker-trigger-error-focus-ring-color), inset 0 0 0 var(--color-picker-trigger-focus-ring-inset-offset) var(--color-picker-trigger-bg)}.color-picker__trigger:disabled{background-color:var(--color-picker-trigger-disabled-bg);border-color:var(--color-picker-trigger-disabled-border-color);cursor:var(--color-picker-trigger-disabled-cursor)}.color-picker__swatch{block-size:100%;inline-size:100%}.color-picker__trigger:disabled .color-picker__swatch{opacity:var(--color-picker-trigger-disabled-opacity)}.color-picker__panel{gap:var(--color-picker-panel-gap);inline-size:var(--color-picker-panel-inline-size);flex-direction:column;display:flex}.color-picker__area{box-sizing:border-box;inline-size:100%;block-size:var(--color-picker-area-block-size);border-width:var(--color-picker-area-border-width);border-style:solid;border-color:var(--color-picker-area-border-color);background-color:var(--color-picker-area-hue);background-image:linear-gradient(to top, var(--color-picker-area-brightness-end), transparent), linear-gradient(to right, var(--color-picker-area-saturation-start), transparent);cursor:var(--color-picker-area-cursor);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.color-picker__area[data-direction=rtl]{background-image:linear-gradient(to top, var(--color-picker-area-brightness-end), transparent), linear-gradient(to left, var(--color-picker-area-saturation-start), transparent)}.color-picker__area-thumb{left:var(--color-picker-area-x);top:var(--color-picker-area-y);box-sizing:border-box;inline-size:var(--color-picker-thumb-size);block-size:var(--color-picker-thumb-size);border-width:var(--color-picker-thumb-border-width);border-style:solid;border-color:var(--color-picker-thumb-border-color);border-radius:var(--color-picker-thumb-border-radius);box-shadow:0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color), inset 0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color);position:absolute;transform:translate(-50%,-50%)}.color-picker__area-thumb:focus-visible{outline:var(--color-picker-thumb-focus-ring-width) solid var(--color-picker-thumb-focus-ring-color);outline-offset:var(--color-picker-thumb-focus-ring-offset)}.color-picker__channel{--slider-track-size:var(--color-picker-channel-track-size);--slider-track-bg:transparent;--slider-indicator-bg:transparent;--slider-thumb-size:var(--color-picker-thumb-size);--slider-thumb-bg:transparent;--slider-thumb-border-width:var(--color-picker-thumb-border-width);--slider-thumb-border-color:var(--color-picker-thumb-border-color);--slider-thumb-border-radius:var(--color-picker-thumb-border-radius);--slider-focus-ring-width:var(--color-picker-thumb-focus-ring-width);--slider-focus-ring-offset:var(--color-picker-thumb-focus-ring-offset);--slider-focus-ring-color:var(--color-picker-thumb-focus-ring-color)}.color-picker__channel .slider__track{box-sizing:border-box;border-width:var(--color-picker-area-border-width);border-style:solid;border-color:var(--color-picker-area-border-color)}.color-picker__channel .slider__thumb{box-sizing:border-box;box-shadow:0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color), inset 0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color)}.color-picker__channel--hue .slider__track{background-image:var(--color-picker-hue-gradient)}.color-picker__channel--alpha .slider__track{background-color:var(--color-swatch-checker-bg);background-image:var(--color-picker-alpha-gradient), conic-gradient(var(--color-swatch-checker-color) 25%, transparent 0 50%, var(--color-swatch-checker-color) 0 75%, transparent 0);background-size:auto, var(--color-swatch-checker-size) var(--color-swatch-checker-size)}.color-picker__presets{gap:var(--color-picker-preset-gap);flex-wrap:wrap;display:flex}.color-picker__preset{inline-size:var(--color-picker-preset-size);block-size:var(--color-picker-preset-size);cursor:var(--color-picker-preset-cursor);background:0 0;border:none;padding-block:0;padding-inline:0;display:inline-flex}.color-picker__preset-swatch{block-size:100%;inline-size:100%}.color-picker__preset[aria-pressed=true]{box-shadow:0 0 0 var(--color-picker-preset-selected-ring-offset) var(--color-picker-trigger-bg), 0 0 0 calc(var(--color-picker-preset-selected-ring-offset) + var(--color-picker-preset-selected-ring-width)) var(--color-picker-preset-selected-ring-color)}.color-picker__preset:focus-visible{outline:var(--color-picker-preset-focus-ring-width) solid var(--color-picker-preset-focus-ring-color);outline-offset:calc(var(--color-picker-preset-focus-ring-offset) + var(--color-picker-preset-selected-ring-width))}.color-picker__clear{align-self:flex-start}
+.color-picker{--color-picker-trigger-current-size:var(--color-picker-trigger-size);display:inline-flex}.color-picker.color-picker--sm{--color-picker-trigger-current-size:var(--color-picker-trigger-sm-size)}.color-picker.color-picker--lg{--color-picker-trigger-current-size:var(--color-picker-trigger-lg-size)}.color-picker__trigger{box-sizing:border-box;inline-size:var(--color-picker-trigger-current-size);block-size:var(--color-picker-trigger-current-size);padding-block:var(--color-picker-trigger-padding);padding-inline:var(--color-picker-trigger-padding);background-color:var(--color-picker-trigger-bg);border-width:var(--color-picker-trigger-border-width);border-style:var(--color-picker-trigger-border-style);border-color:var(--color-picker-trigger-border-color);border-radius:var(--color-picker-trigger-border-radius);cursor:var(--color-picker-trigger-cursor);justify-content:stretch;align-items:stretch;display:inline-flex}.color-picker__trigger:focus-visible{border-color:var(--color-picker-trigger-focus-border-color);box-shadow:inset 0 0 0 calc(var(--color-picker-trigger-focus-ring-width) + var(--color-picker-trigger-focus-ring-inset-offset)) var(--color-picker-trigger-focus-ring-color), inset 0 0 0 var(--color-picker-trigger-focus-ring-inset-offset) var(--color-picker-trigger-bg);outline:none}.color-picker.color-picker--error .color-picker__trigger{border-color:var(--color-picker-trigger-error-border-color)}.color-picker.color-picker--error .color-picker__trigger:focus-visible{box-shadow:inset 0 0 0 calc(var(--color-picker-trigger-focus-ring-width) + var(--color-picker-trigger-focus-ring-inset-offset)) var(--color-picker-trigger-error-focus-ring-color), inset 0 0 0 var(--color-picker-trigger-focus-ring-inset-offset) var(--color-picker-trigger-bg)}.color-picker__trigger:disabled{background-color:var(--color-picker-trigger-disabled-bg);border-color:var(--color-picker-trigger-disabled-border-color);cursor:var(--color-picker-trigger-disabled-cursor)}.color-picker__swatch{block-size:100%;inline-size:100%}.color-picker__trigger:disabled .color-picker__swatch{opacity:var(--color-picker-trigger-disabled-opacity)}.color-picker__panel{gap:var(--color-picker-panel-gap);inline-size:var(--color-picker-panel-width);flex-direction:column;display:flex}.color-picker__area{box-sizing:border-box;inline-size:100%;block-size:var(--color-picker-area-height);border-width:var(--color-picker-area-border-width);border-style:solid;border-color:var(--color-picker-area-border-color);background-color:var(--color-picker-area-hue);background-image:linear-gradient(to top, var(--color-picker-area-brightness-end), transparent), linear-gradient(to right, var(--color-picker-area-saturation-start), transparent);cursor:var(--color-picker-area-cursor);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.color-picker__area[data-direction=rtl]{background-image:linear-gradient(to top, var(--color-picker-area-brightness-end), transparent), linear-gradient(to left, var(--color-picker-area-saturation-start), transparent)}.color-picker__area-thumb{left:var(--color-picker-area-x);top:var(--color-picker-area-y);box-sizing:border-box;inline-size:var(--color-picker-thumb-size);block-size:var(--color-picker-thumb-size);border-width:var(--color-picker-thumb-border-width);border-style:solid;border-color:var(--color-picker-thumb-border-color);border-radius:var(--color-picker-thumb-border-radius);box-shadow:0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color), inset 0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color);position:absolute;transform:translate(-50%,-50%)}.color-picker__area-thumb:focus-visible{outline:var(--color-picker-thumb-focus-ring-width) solid var(--color-picker-thumb-focus-ring-color);outline-offset:var(--color-picker-thumb-focus-ring-offset)}.color-picker__channel{--slider-track-size:var(--color-picker-channel-track-size);--slider-track-bg:transparent;--slider-indicator-bg:transparent;--slider-thumb-size:var(--color-picker-thumb-size);--slider-thumb-bg:transparent;--slider-thumb-border-width:var(--color-picker-thumb-border-width);--slider-thumb-border-color:var(--color-picker-thumb-border-color);--slider-thumb-border-radius:var(--color-picker-thumb-border-radius);--slider-focus-ring-width:var(--color-picker-thumb-focus-ring-width);--slider-focus-ring-offset:var(--color-picker-thumb-focus-ring-offset);--slider-focus-ring-color:var(--color-picker-thumb-focus-ring-color)}.color-picker__channel .slider__track{box-sizing:border-box;border-width:var(--color-picker-area-border-width);border-style:solid;border-color:var(--color-picker-area-border-color)}.color-picker__channel .slider__thumb{box-sizing:border-box;box-shadow:0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color), inset 0 0 0 var(--color-picker-thumb-outline-width) var(--color-picker-thumb-outline-color)}.color-picker__channel--hue .slider__track{background-image:var(--color-picker-hue-gradient)}.color-picker__channel--alpha .slider__track{background-color:var(--color-swatch-checker-bg);background-image:var(--color-picker-alpha-gradient), conic-gradient(var(--color-swatch-checker-color) 25%, transparent 0 50%, var(--color-swatch-checker-color) 0 75%, transparent 0);background-size:auto, var(--color-swatch-checker-size) var(--color-swatch-checker-size)}.color-picker__presets{gap:var(--color-picker-preset-gap);flex-wrap:wrap;display:flex}.color-picker__preset{inline-size:var(--color-picker-preset-size);block-size:var(--color-picker-preset-size);cursor:var(--color-picker-preset-cursor);background:0 0;border:none;padding-block:0;padding-inline:0;display:inline-flex}.color-picker__preset-swatch{block-size:100%;inline-size:100%}.color-picker__preset[aria-pressed=true]{box-shadow:0 0 0 var(--color-picker-preset-selected-ring-offset) var(--color-picker-trigger-bg), 0 0 0 calc(var(--color-picker-preset-selected-ring-offset) + var(--color-picker-preset-selected-ring-width)) var(--color-picker-preset-selected-ring-color)}.color-picker__preset:focus-visible{outline:var(--color-picker-preset-focus-ring-width) solid var(--color-picker-preset-focus-ring-color);outline-offset:calc(var(--color-picker-preset-focus-ring-offset) + var(--color-picker-preset-selected-ring-width))}.color-picker__clear{align-self:flex-start}

package/dist/command-palette.css

@@ -1 +1 @@
-.command-palette{max-height:var(--command-palette-max-height);flex-direction:column;display:flex}.command-palette__input{box-sizing:border-box;width:100%;padding-block:var(--command-palette-input-padding-block);padding-inline:var(--command-palette-input-padding-inline);border:0;border-block-end:var(--command-palette-input-border-width) solid var(--command-palette-input-border-color);color:inherit;font-family:inherit;font-size:var(--command-palette-input-font-size);background:0 0;outline:none}.command-palette__input:focus-visible{box-shadow:inset 0 0 0 var(--command-palette-input-focus-ring-width) var(--command-palette-input-focus-ring-color);border-block-end-color:var(--command-palette-input-focus-border-color);outline:none}.command-palette__input::placeholder{color:var(--command-palette-input-placeholder-color)}.command-palette__list{padding-block:var(--command-palette-list-padding-block);padding-inline:var(--command-palette-list-padding-inline);outline:none;overflow-y:auto}.command-palette__empty{padding-block:var(--command-palette-empty-padding-block);padding-inline:var(--command-palette-empty-padding-inline);text-align:center;font-size:var(--command-palette-empty-font-size);color:var(--command-palette-empty-color)}.command-palette__empty:empty{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.command-palette__heading{padding-block:var(--command-palette-heading-padding-block);padding-inline:var(--command-palette-heading-padding-inline);font-size:var(--command-palette-heading-font-size);font-weight:var(--command-palette-heading-font-weight);color:var(--command-palette-heading-color)}.command-palette__item{align-items:center;gap:var(--command-palette-item-gap);padding-block:var(--command-palette-item-padding-block);padding-inline:var(--command-palette-item-padding-inline);border-radius:var(--command-palette-item-border-radius);font-size:var(--command-palette-item-font-size);color:var(--command-palette-item-color);cursor:pointer;outline:none;display:flex}.command-palette__item[data-highlighted]{background-color:var(--command-palette-item-highlighted-bg);color:var(--command-palette-item-highlighted-color)}.command-palette__item[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.command-palette__item-icon{flex-shrink:0;display:inline-flex}.command-palette__item-icon svg{width:var(--command-palette-item-icon-size);height:var(--command-palette-item-icon-size)}
+.command-palette{max-block-size:var(--command-palette-max-height);flex-direction:column;display:flex}.command-palette__input{box-sizing:border-box;inline-size:100%;padding-block:var(--command-palette-input-padding-block);padding-inline:var(--command-palette-input-padding-inline);border:0;border-block-end:var(--command-palette-input-border-width) solid var(--command-palette-input-border-color);color:inherit;font-family:inherit;font-size:var(--command-palette-input-font-size);line-height:var(--command-palette-input-line-height);background:0 0;outline:none}.command-palette__input:focus-visible{box-shadow:inset 0 0 0 var(--command-palette-input-focus-ring-width) var(--command-palette-input-focus-ring-color);border-block-end-color:var(--command-palette-input-focus-border-color);outline:none}.command-palette__input::placeholder{color:var(--command-palette-input-placeholder-color)}.command-palette__list{padding-block:var(--command-palette-list-padding-block);padding-inline:var(--command-palette-list-padding-inline);outline:none;overflow-y:auto}.command-palette__empty{padding-block:var(--command-palette-empty-padding-block);padding-inline:var(--command-palette-empty-padding-inline);text-align:center;font-size:var(--command-palette-empty-font-size);color:var(--command-palette-empty-color)}.command-palette__empty:empty{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.command-palette__heading{padding-block:var(--command-palette-heading-padding-block);padding-inline:var(--command-palette-heading-padding-inline);font-size:var(--command-palette-heading-font-size);font-weight:var(--command-palette-heading-font-weight);color:var(--command-palette-heading-color)}.command-palette__item{align-items:center;gap:var(--command-palette-item-gap);padding-block:var(--command-palette-item-padding-block);padding-inline:var(--command-palette-item-padding-inline);border-radius:var(--command-palette-item-border-radius);font-size:var(--command-palette-item-font-size);color:var(--command-palette-item-color);cursor:pointer;outline:none;display:flex}.command-palette__item[data-highlighted]{background-color:var(--command-palette-item-highlighted-bg);color:var(--command-palette-item-highlighted-color)}.command-palette__item[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.command-palette__item-icon{flex-shrink:0;display:inline-flex}.command-palette__item-icon svg{width:var(--command-palette-item-icon-size);height:var(--command-palette-item-icon-size)}

package/dist/command-palette.js

@@ -1,58 +1,66 @@
 'use client';
 import './command-palette.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Modal as t } from "./modal.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
+import { t } from "./_shared/modal.js";
 import { useCallback as n, useEffect as r, useRef as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Autocomplete as s } from "@base-ui/react/autocomplete";
+//#region src/stories/messages/es/commandPalette.ts
+var c = {
+	title: "Buscar un comando",
+	placeholder: "Escribe para buscar…",
+	empty: "Sin resultados.",
+	list: "Sugerencias"
+};
+//#endregion
 //#region src/stories/molecules/CommandPalette/CommandPalette.tsx
-function c({ open: c, onOpenChange: l, groups: u, title: d, placeholder: f, emptyLabel: p, listLabel: m, closeLabel: h, shortcut: g = "k", locale: _, filter: v = "internal", query: y, onQueryChange: b, className: x }) {
-	let S = e("commandPalette"), C = i(c);
+function l({ open: l, onOpenChange: u, groups: d, title: f, placeholder: p, emptyLabel: m, listLabel: h, closeLabel: g, shortcut: _ = "k", locale: v, filter: y = "internal", query: b, onQueryChange: x, className: S }) {
+	let C = e("commandPalette", c), w = i(l);
 	r(() => {
-		C.current && !c && b?.(""), C.current = c;
-	}, [c, b]), r(() => {
-		if (g === !1) return;
+		w.current && !l && x?.(""), w.current = l;
+	}, [l, x]), r(() => {
+		if (_ === !1) return;
 		let e = (e) => {
-			typeof e.key == "string" && e.key.toLowerCase() === g && (e.metaKey || e.ctrlKey) && (e.preventDefault(), l(!c));
+			typeof e.key == "string" && e.key.toLowerCase() === _ && (e.metaKey || e.ctrlKey) && (e.preventDefault(), u(!l));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		g,
-		c,
-		l
+		_,
+		l,
+		u
 	]);
-	let w = s.useFilter({
+	let T = s.useFilter({
 		sensitivity: "base",
-		locale: _
-	}), T = n((e, t) => (u.find((t) => t.items.includes(e))?.filter ?? v) === "none" ? !0 : w.contains(e.label, t) || (e.keywords ?? []).some((e) => w.contains(e, t)), [
-		w,
-		u,
-		v
+		locale: v
+	}), E = n((e, t) => (d.find((t) => t.items.includes(e))?.filter ?? y) === "none" ? !0 : T.contains(e.label, t) || (e.keywords ?? []).some((e) => T.contains(e, t)), [
+		T,
+		d,
+		y
 	]);
 	return /* @__PURE__ */ a(t, {
-		open: c,
-		onClose: () => l(!1),
-		title: S("title", d),
-		...h ? { closeLabel: h } : {},
+		open: l,
+		onOpenChange: u,
+		title: C("title", f),
+		...g ? { closeLabel: g } : {},
 		children: /* @__PURE__ */ a(s.Root, {
 			inline: !0,
 			open: !0,
-			items: u,
-			filter: T,
+			items: d,
+			filter: E,
 			autoHighlight: "always",
-			...y === void 0 ? {} : { value: y },
-			onValueChange: (e) => b?.(e),
+			...b === void 0 ? {} : { value: b },
+			onValueChange: (e) => x?.(e),
 			children: /* @__PURE__ */ o("div", {
-				className: ["command-palette", x].filter(Boolean).join(" "),
+				className: ["command-palette", S].filter(Boolean).join(" "),
 				children: [
 					/* @__PURE__ */ a(s.Input, {
 						className: "command-palette__input",
-						placeholder: S("placeholder", f),
+						placeholder: C("placeholder", p),
 						autoFocus: !0
 					}),
 					/* @__PURE__ */ a(s.List, {
 						className: "command-palette__list",
-						"aria-label": S("list", m),
+						"aria-label": C("list", h),
 						children: (e) => /* @__PURE__ */ o(s.Group, {
 							items: e.items,
 							className: "command-palette__group",
@@ -64,7 +72,7 @@ function c({ open: c, onOpenChange: l, groups: u, title: d, placeholder: f, empt
 								disabled: e.disabled,
 								className: "command-palette__item",
 								onClick: () => {
-									l(!1), e.onSelect();
+									u(!1), e.onSelect();
 								},
 								children: [e.icon && /* @__PURE__ */ a("span", {
 									className: "command-palette__item-icon",
@@ -76,7 +84,7 @@ function c({ open: c, onOpenChange: l, groups: u, title: d, placeholder: f, empt
 					}),
 					/* @__PURE__ */ a(s.Empty, {
 						className: "command-palette__empty",
-						children: S("empty", p)
+						children: C("empty", m)
 					})
 				]
 			})
@@ -84,4 +92,4 @@ function c({ open: c, onOpenChange: l, groups: u, title: d, placeholder: f, empt
 	});
 }
 //#endregion
-export { c as CommandPalette };
+export { l as CommandPalette };

package/dist/confirm-dialog.js

@@ -1,20 +1,24 @@
 'use client';
 import './confirm-dialog.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Button as t } from "./button.js";
-import { Modal as n } from "./modal.js";
-import { InputField as r } from "./input-field.js";
-import { useEffect as i, useId as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { t as n } from "./_shared/modal.js";
+import { t as r } from "./_shared/inputfield.js";
+import { useId as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/stories/messages/es/confirmDialog.ts
+var u = {
+	cancel: "Cancelar",
+	pending: "Confirmando…"
+};
+//#endregion
 //#region src/stories/molecules/ConfirmDialog/ConfirmDialog.tsx
 function d({ open: d, title: f, description: p, children: m, onConfirm: h, onCancel: g, onConfirmError: _, secondaryActionLabel: v, onSecondaryAction: y, destructive: b = !1, confirmLabel: x, cancelLabel: S, pendingLabel: C, closeLabel: w, confirmPhrase: T, confirmPhraseLabel: E, confirmPhraseMismatch: D, container: O, className: k }) {
-	let A = e("confirmDialog"), j = o(null), M = o(null), N = a(), [P, F] = s(!1), [I, L] = s(""), [R, z] = s(!1), B = T === void 0 || I.trim() === T, V = R && !B;
-	i(() => {
-		d || (F(!1), L(""), z(!1));
-	}, [d]);
-	let H = () => {
+	let A = e("confirmDialog", u), j = a(null), M = a(null), N = i(), [P, F] = o(!1), [I, L] = o(""), [R, z] = o(!1), B = T === void 0 || I.trim() === T, V = R && !B, [H, U] = o(d);
+	d !== H && (U(d), d && (F(!1), L(""), z(!1)));
+	let W = () => {
 		P || g();
-	}, U = async () => {
+	}, G = async () => {
 		if (P || !B) return;
 		let e = h();
 		if (e instanceof Promise) {
@@ -28,38 +32,41 @@ function d({ open: d, title: f, description: p, children: m, onConfirm: h, onCan
 			}
 		}
 	};
-	return /* @__PURE__ */ u(n, {
+	return /* @__PURE__ */ l(n, {
 		open: d,
-		onClose: H,
+		onOpenChange: (e) => {
+			e || W();
+		},
 		title: f,
 		...w === void 0 ? {} : { closeLabel: w },
 		container: O,
 		initialFocus: T === void 0 ? j : M,
 		...p == null ? {} : { description: p },
-		footerClassName: ["confirm-dialog__actions", k].filter(Boolean).join(" "),
-		footer: /* @__PURE__ */ u(c, { children: [
-			/* @__PURE__ */ l(t, {
+		footerClassName: "confirm-dialog__actions",
+		className: k,
+		footer: /* @__PURE__ */ l(s, { children: [
+			/* @__PURE__ */ c(t, {
 				ref: j,
 				variant: "outline",
-				onClick: H,
+				onClick: W,
 				disabled: P,
 				children: A("cancel", S)
 			}),
-			v && y && /* @__PURE__ */ l(t, {
+			v && y && /* @__PURE__ */ c(t, {
 				variant: "outline",
 				onClick: y,
 				disabled: P,
 				children: v
 			}),
-			/* @__PURE__ */ l(t, {
+			/* @__PURE__ */ c(t, {
 				variant: b ? "outline" : "primary",
 				destructive: b,
-				onClick: U,
+				onClick: G,
 				disabled: P || !B,
 				children: P ? A("pending", C) : x
 			})
 		] }),
-		children: [m, T !== void 0 && /* @__PURE__ */ l(r, {
+		children: [m, T !== void 0 && /* @__PURE__ */ c(r, {
 			ref: M,
 			id: `${N}-confirm-phrase`,
 			className: "confirm-dialog__phrase",
@@ -79,7 +86,7 @@ function d({ open: d, title: f, description: p, children: m, onConfirm: h, onCan
 				I !== "" && z(!0);
 			},
 			onKeyDown: (e) => {
-				e.key === "Enter" && (e.preventDefault(), B ? U() : I !== "" && z(!0));
+				e.key === "Enter" && (e.preventDefault(), B ? G() : I !== "" && z(!0));
 			}
 		})]
 	});

package/dist/connector-auth-shell.js

@@ -3,7 +3,7 @@ import { t as e } from "./_shared/form-size.js";
 import { Columns as t } from "./columns.js";
 import { Stack as n } from "./stack.js";
 import { PageIntro as r } from "./page-intro.js";
-import { PublicPageShell as i } from "./public-page-shell.js";
+import { t as i } from "./_shared/publicpageshell.js";
 import { forwardRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorAuthShell.tsx

package/dist/connector-consent-page.js

@@ -1,79 +1,86 @@
 'use client';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Button as t } from "./button.js";
 import { Paragraph as n } from "./paragraph.js";
 import { Form as r } from "./form.js";
 import { ConnectorAuthShell as i } from "./connector-auth-shell.js";
 import { t as a } from "./_shared/untrustedtext.js";
-import { ConnectorRequestSummary as o } from "./connector-request-summary.js";
+import { t as o } from "./_shared/connectorrequestsummary.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/stories/messages/es/connectorConsent.ts
+var u = {
+	title: "Conectar una herramienta",
+	deny: "Denegar"
+};
+//#endregion
 //#region src/stories/templates/ConnectorAuth/ConnectorConsentPage.tsx
-function u({ clientName: u, productName: d, accountEmail: f, scope: p = "read", redirectHost: m, action: h, hiddenFields: g, decisionName: _ = "decision", approveValue: v = "approve", denyValue: y = "deny", onApprove: b, onDeny: x, denyHref: S, initialFocus: C = "none", title: w, intro: T, redirectNotice: E, approveLabel: D, denyLabel: O, scopeReadLabel: k, scopeWriteLabel: A, expandLabel: j, collapseLabel: M, valueQuotes: N, summaryLabels: P, links: F, header: I, footer: L, preferences: R, preferencesLabel: z, id: B, shell: V }) {
-	let H = e("connectorConsent"), U = h !== void 0, W = p === "read" ? k : A, G = (e) => /* @__PURE__ */ c(a, {
+function d({ clientName: d, productName: f, accountEmail: p, scope: m = "read", redirectHost: h, action: g, hiddenFields: _, decisionName: v = "decision", approveValue: y = "approve", denyValue: b = "deny", onApprove: x, onDeny: S, denyHref: C, initialFocus: w = "none", title: T, intro: E, redirectNotice: D, approveLabel: O, denyLabel: k, scopeReadLabel: A, scopeWriteLabel: j, expandLabel: M, collapseLabel: N, valueQuotes: P, summaryLabels: F, links: I, header: L, footer: R, preferences: z, preferencesLabel: B, id: V, shell: H, className: U }) {
+	let W = e("connectorConsent", u), G = g !== void 0, K = m === "read" ? A : j, q = (e) => /* @__PURE__ */ c(a, {
 		value: e,
-		quotes: N
-	}), K = S === void 0 ? /* @__PURE__ */ c(t, {
+		quotes: P
+	}), J = C === void 0 ? /* @__PURE__ */ c(t, {
 		variant: "outline",
-		type: U ? "submit" : "button",
-		name: U ? _ : void 0,
-		value: U ? y : void 0,
-		onClick: x,
-		autoFocus: C === "deny",
-		children: H("deny", O)
+		type: G ? "submit" : "button",
+		name: G ? v : void 0,
+		value: G ? b : void 0,
+		onClick: S,
+		autoFocus: w === "deny",
+		children: W("deny", k)
 	}) : /* @__PURE__ */ c(t, {
 		variant: "outline",
-		href: S,
-		children: H("deny", O)
-	}), q = /* @__PURE__ */ c(t, {
-		type: U ? "submit" : "button",
-		name: U ? _ : void 0,
-		value: U ? v : void 0,
-		onClick: b,
-		children: D
+		href: C,
+		children: W("deny", k)
+	}), Y = /* @__PURE__ */ c(t, {
+		type: G ? "submit" : "button",
+		name: G ? v : void 0,
+		value: G ? y : void 0,
+		onClick: x,
+		children: O
 	});
 	return /* @__PURE__ */ c(i, {
-		title: w ?? H("title"),
-		description: T({
-			client: /* @__PURE__ */ c("strong", { children: G(u) }),
-			what: W,
-			email: /* @__PURE__ */ c("strong", { children: G(f) })
+		title: T ?? W("title"),
+		description: E({
+			client: /* @__PURE__ */ c("strong", { children: q(d) }),
+			what: K,
+			email: /* @__PURE__ */ c("strong", { children: q(p) })
 		}),
-		header: I,
-		footer: L,
-		preferences: R,
-		preferencesLabel: z,
-		id: B,
-		shell: V,
+		header: L,
+		footer: R,
+		preferences: z,
+		preferencesLabel: B,
+		id: V,
+		shell: H,
+		className: U,
 		children: /* @__PURE__ */ l(r, {
 			size: "lg",
 			blockActions: !0,
-			method: typeof h == "string" ? "post" : void 0,
-			action: h,
-			links: F,
-			actions: /* @__PURE__ */ l(s, { children: [K, q] }),
+			method: typeof g == "string" ? "post" : void 0,
+			action: g,
+			links: I,
+			actions: /* @__PURE__ */ l(s, { children: [J, Y] }),
 			children: [
-				g && Object.entries(g).map(([e, t]) => /* @__PURE__ */ c("input", {
+				_ && Object.entries(_).map(([e, t]) => /* @__PURE__ */ c("input", {
 					type: "hidden",
 					name: e,
 					value: t
 				}, e)),
 				/* @__PURE__ */ c(o, {
-					clientName: u,
-					productName: d,
-					accountEmail: f,
-					scope: p,
-					redirectHost: m,
-					scopeReadLabel: k,
-					scopeWriteLabel: A,
-					expandLabel: j,
-					collapseLabel: M,
-					valueQuotes: N,
-					...P
+					clientName: d,
+					productName: f,
+					accountEmail: p,
+					scope: m,
+					redirectHost: h,
+					scopeReadLabel: A,
+					scopeWriteLabel: j,
+					expandLabel: M,
+					collapseLabel: N,
+					valueQuotes: P,
+					...F
 				}),
-				/* @__PURE__ */ c(n, { children: E({ host: /* @__PURE__ */ c("strong", { children: G(m) }) }) })
+				/* @__PURE__ */ c(n, { children: D({ host: /* @__PURE__ */ c("strong", { children: q(h) }) }) })
 			]
 		})
 	});
 }
 //#endregion
-export { u as ConnectorConsentPage };
+export { d as ConnectorConsentPage };

package/dist/connector-external-sign-in-page.js

@@ -1,65 +1,73 @@
 'use client';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Button as t } from "./button.js";
 import { Stack as n } from "./stack.js";
 import { Paragraph as r } from "./paragraph.js";
-import { Alert as i } from "./alert.js";
+import { t as i } from "./_shared/alert.js";
 import { Form as a } from "./form.js";
-import { InputField as o } from "./input-field.js";
+import { t as o } from "./_shared/inputfield.js";
 import { ConnectorAuthShell as s } from "./connector-auth-shell.js";
 import { t as c } from "./_shared/untrustedtext.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/stories/messages/es/connectorExternalSignIn.ts
+var d = {
+	title: "Autorizar la conexión",
+	organization: "Tu organización",
+	submit: (e) => `Iniciar sesión con ${e}`
+};
+//#endregion
 //#region src/stories/templates/ConnectorAuth/ConnectorExternalSignInPage.tsx
-function d({ platformName: d, organization: f, organizationDefaultValue: p, organizationName: m = "org", action: h, onSubmit: g, hiddenFields: _, error: v, title: y, intro: b, signingInTo: x, valueQuotes: S, organizationLabel: C, submitLabel: w, extra: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M }) {
-	let N = e("connectorExternalSignIn");
+function f({ platformName: f, organization: p, organizationDefaultValue: m, organizationName: h = "org", action: g, onSubmit: _, hiddenFields: v, error: y, title: b, intro: x, signingInTo: S, valueQuotes: C, organizationLabel: w, submitLabel: T, extra: E, links: D, header: O, footer: k, preferences: A, preferencesLabel: j, id: M, shell: N, className: P }) {
+	let F = e("connectorExternalSignIn", d);
 	return /* @__PURE__ */ l(s, {
-		title: y ?? N("title"),
-		description: b({ platform: d }),
-		header: D,
-		footer: O,
-		preferences: k,
-		preferencesLabel: A,
-		id: j,
-		shell: M,
+		title: b ?? F("title"),
+		description: x({ platform: f }),
+		header: O,
+		footer: k,
+		preferences: A,
+		preferencesLabel: j,
+		id: M,
+		shell: N,
+		className: P,
 		children: /* @__PURE__ */ u(n, {
 			align: "stretch",
 			children: [
-				v !== void 0 && /* @__PURE__ */ l(i, {
+				y !== void 0 && /* @__PURE__ */ l(i, {
 					role: "alert",
-					variant: "error",
-					description: v
+					tone: "error",
+					description: y
 				}),
 				/* @__PURE__ */ u(a, {
 					size: "lg",
 					blockActions: !0,
-					method: typeof h == "string" ? "post" : void 0,
-					action: h,
-					onSubmit: g,
-					links: E,
+					method: typeof g == "string" ? "post" : void 0,
+					action: g,
+					onSubmit: _,
+					links: D,
 					actions: /* @__PURE__ */ l(t, {
 						type: "submit",
-						children: N("submit", w)(d)
+						children: F("submit", T)(f)
 					}),
-					children: [_ && Object.entries(_).map(([e, t]) => /* @__PURE__ */ l("input", {
+					children: [v && Object.entries(v).map(([e, t]) => /* @__PURE__ */ l("input", {
 						type: "hidden",
 						name: e,
 						value: t
-					}, e)), f === void 0 ? /* @__PURE__ */ l(o, {
-						id: m,
-						name: m,
-						label: N("organization", C),
-						defaultValue: p,
+					}, e)), p === void 0 ? /* @__PURE__ */ l(o, {
+						id: h,
+						name: h,
+						label: F("organization", w),
+						defaultValue: m,
 						autoComplete: "off",
 						required: !0
-					}) : /* @__PURE__ */ l(r, { children: x({ organization: /* @__PURE__ */ l("strong", { children: /* @__PURE__ */ l(c, {
-						value: f,
-						quotes: S
+					}) : /* @__PURE__ */ l(r, { children: S({ organization: /* @__PURE__ */ l("strong", { children: /* @__PURE__ */ l(c, {
+						value: p,
+						quotes: C
 					}) }) }) })]
 				}),
-				T
+				E
 			]
 		})
 	});
 }
 //#endregion
-export { d as ConnectorExternalSignInPage };
+export { f as ConnectorExternalSignInPage };