@studiolxd/brand 38.17.0 → 40.0.0

package/dist/consent.js

@@ -8,44 +8,44 @@ import { Paragraph as i } from "./paragraph.js";
 import { SwitcherField as a } from "./switcher-field.js";
 import { Sheet as o } from "./sheet.js";
 import { Modal as s } from "./modal.js";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useEffect as d, useState as f } from "react";
+import { useEffect as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/stories/molecules/Consent/Consent.tsx
-function p({ open: e = !0, onAcceptAll: a, onRejectAll: o, onOpenPreferences: s, title: d = "Cookies", description: f = "Usamos cookies propias y de terceros para que el sitio funcione y para entender cómo se usa. Puedes aceptarlas todas, rechazarlas o elegir por categorías.", policyHref: p, policyLabel: m = "Política de cookies", policyExternal: h = !1, acceptAllLabel: g = "Aceptar todas", rejectAllLabel: _ = "Rechazar", preferencesLabel: v = "Preferencias", regionLabel: y = "Consentimiento de cookies", className: b, ...x }) {
-	return e ? /* @__PURE__ */ l("aside", {
+function p({ open: e = !0, onAcceptAll: a, onRejectAll: o, onOpenPreferences: s, title: c = "Cookies", description: l = "Usamos cookies propias y de terceros para que el sitio funcione y para entender cómo se usa. Puedes aceptarlas todas, rechazarlas o elegir por categorías.", policyHref: p, policyLabel: m = "Política de cookies", policyExternal: h = !1, acceptAllLabel: g = "Aceptar todas", rejectAllLabel: _ = "Rechazar", preferencesLabel: v = "Preferencias", regionLabel: y = "Consentimiento de cookies", className: b, ...x }) {
+	return e ? /* @__PURE__ */ d("aside", {
 		className: ["consent-banner", b].filter(Boolean).join(" "),
 		role: "region",
 		"aria-label": y,
 		...x,
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "consent-banner__inner",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ f("div", {
 				className: "consent-banner__text",
-				children: [/* @__PURE__ */ l(n, {
+				children: [/* @__PURE__ */ d(n, {
 					level: 2,
 					size: 3,
 					className: "consent-banner__title",
-					children: d
-				}), /* @__PURE__ */ u(i, {
+					children: c
+				}), /* @__PURE__ */ f(i, {
 					className: "consent-banner__description",
-					children: [f, p !== void 0 && /* @__PURE__ */ u(c, { children: [" ", /* @__PURE__ */ l(r, {
+					children: [l, p !== void 0 && /* @__PURE__ */ f(u, { children: [" ", /* @__PURE__ */ d(r, {
 						href: p,
 						external: h,
 						children: m
 					})] })]
 				})]
-			}), /* @__PURE__ */ u("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: "consent-banner__actions",
 				children: [
-					/* @__PURE__ */ l(t, {
+					/* @__PURE__ */ d(t, {
 						onClick: a,
 						children: g
 					}),
-					/* @__PURE__ */ l(t, {
+					/* @__PURE__ */ d(t, {
 						onClick: o,
 						children: _
 					}),
-					s && /* @__PURE__ */ l(t, {
+					s && /* @__PURE__ */ d(t, {
 						variant: "outline",
 						onClick: s,
 						children: v
@@ -61,8 +61,8 @@ function m(e, t) {
 	return n;
 }
 function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onSave: h, surface: g = "modal", side: _ = "right", title: v = "Preferencias de cookies", closeLabel: y = "Cerrar", alwaysOnLabel: b = "Siempre activa", container: x, className: S }) {
-	let C = p !== void 0, [w, T] = f(() => m(i, r));
-	d(() => {
+	let C = p !== void 0, [w, T] = l(() => m(i, r));
+	c(() => {
 		t && !C && T(m(i, r));
 	}, [t, C]);
 	let E = C ? m(i, r) : w, D = (e) => {
@@ -72,14 +72,14 @@ function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onS
 			...E,
 			[e]: t
 		});
-	}, k = /* @__PURE__ */ l("div", {
+	}, k = /* @__PURE__ */ d("div", {
 		className: ["consent-preferences", S].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ l("ul", {
+		children: /* @__PURE__ */ d("ul", {
 			className: "consent-preferences__list",
-			children: r.map((t) => /* @__PURE__ */ l("li", {
+			children: r.map((t) => /* @__PURE__ */ d("li", {
 				className: "consent-preferences__category",
-				children: /* @__PURE__ */ l(a, {
-					label: t.required ? /* @__PURE__ */ u(c, { children: [t.name, /* @__PURE__ */ l(e, { children: `, ${b}` })] }) : t.name,
+				children: /* @__PURE__ */ d(a, {
+					label: t.required ? /* @__PURE__ */ f(u, { children: [t.name, /* @__PURE__ */ d(e, { children: `, ${b}` })] }) : t.name,
 					helperText: t.description,
 					checked: t.required ? !0 : E[t.id] === !0,
 					disabled: t.required,
@@ -88,14 +88,14 @@ function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onS
 			}, t.id))
 		})
 	});
-	return g === "modal" ? /* @__PURE__ */ l(s, {
+	return g === "modal" ? /* @__PURE__ */ d(s, {
 		open: t,
 		onClose: () => n(!1),
 		title: typeof v == "string" ? v : void 0,
 		closeLabel: y,
 		container: x,
 		children: k
-	}) : /* @__PURE__ */ l(o, {
+	}) : /* @__PURE__ */ d(o, {
 		open: t,
 		onOpenChange: n,
 		side: _,

package/dist/container.js

@@ -1,8 +1,8 @@
 import './container.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/Container/Container.tsx
-var n = t(function({ width: t = "xl", space: n = "none", flush: r = !1, surface: i, as: a = "div", className: o, innerClassName: s, children: c, ...l }, u) {
+var n = e(function({ width: e = "xl", space: n = "none", flush: r = !1, surface: i, as: a = "div", className: o, innerClassName: s, children: c, ...l }, u) {
 	let d = [
 		"container",
 		n !== "none" && `container--space-${n}`,
@@ -11,14 +11,14 @@ var n = t(function({ width: t = "xl", space: n = "none", flush: r = !1, surface:
 		o
 	].filter(Boolean).join(" "), f = [
 		"container__inner",
-		t !== "full" && `container__inner--${t}`,
+		e !== "full" && `container__inner--${e}`,
 		s
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e(a, {
+	return /* @__PURE__ */ t(a, {
 		ref: u,
 		className: d,
 		...l,
-		children: /* @__PURE__ */ e("div", {
+		children: /* @__PURE__ */ t("div", {
 			className: f,
 			children: c
 		})

package/dist/conversation-list.js

@@ -6,54 +6,54 @@ import { Skeleton as n } from "./skeleton.js";
 import { Tooltip as r } from "./tooltip.js";
 import { Alert as i } from "./alert.js";
 import { EmptyState as a } from "./empty-state.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as c, useState as l } from "react";
+import { forwardRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/molecules/ConversationList/ConversationList.tsx
 function u(e) {
 	return e.scrollWidth > e.clientWidth + 1;
 }
-var d = c(function({ conversations: c, activeId: d, onNew: f, onSelect: p, onDelete: m, newLabel: h = "Nueva conversación", navLabel: g = "Conversaciones", deleteLabel: _ = (e) => `Eliminar conversación "${e}"`, isLoading: v = !1, loadingCount: y = 4, error: b, emptyMessage: x = "Todavía no hay conversaciones", errorTitle: S = "No se pudieron cargar las conversaciones", className: C, ...w }, T) {
-	let [E, D] = l(null), O = b === void 0 ? v ? "loading" : c.length === 0 ? "empty" : "list" : "error";
-	return /* @__PURE__ */ s("div", {
+var d = o(function({ conversations: o, activeId: d, onNew: f, onSelect: p, onDelete: m, newLabel: h = "Nueva conversación", navLabel: g = "Conversaciones", deleteLabel: _ = (e) => `Eliminar conversación "${e}"`, isLoading: v = !1, loadingCount: y = 4, error: b, emptyMessage: x = "Todavía no hay conversaciones", errorTitle: S = "No se pudieron cargar las conversaciones", className: C, ...w }, T) {
+	let [E, D] = s(null), O = b === void 0 ? v ? "loading" : o.length === 0 ? "empty" : "list" : "error";
+	return /* @__PURE__ */ l("div", {
 		ref: T,
 		className: `conversation-list${C ? ` ${C}` : ""}`,
 		...w,
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ c("div", {
 			className: "conversation-list__header",
-			children: /* @__PURE__ */ o(t, {
+			children: /* @__PURE__ */ c(t, {
 				variant: "outline",
 				block: !0,
 				onClick: f,
 				children: h
 			})
-		}), /* @__PURE__ */ s("nav", {
+		}), /* @__PURE__ */ l("nav", {
 			"aria-label": g,
 			className: "conversation-list__nav",
 			"aria-busy": v || void 0,
 			children: [
-				O === "error" && /* @__PURE__ */ o(i, {
+				O === "error" && /* @__PURE__ */ c(i, {
 					variant: "error",
 					title: S,
 					description: b,
 					className: "conversation-list__state"
 				}),
-				O === "loading" && /* @__PURE__ */ o("div", {
+				O === "loading" && /* @__PURE__ */ c("div", {
 					className: "conversation-list__loading",
-					children: Array.from({ length: y }, (e, t) => /* @__PURE__ */ o(n, {}, t))
+					children: Array.from({ length: y }, (e, t) => /* @__PURE__ */ c(n, {}, t))
 				}),
-				O === "empty" && /* @__PURE__ */ o(a, {
+				O === "empty" && /* @__PURE__ */ c(a, {
 					size: "sm",
 					title: x,
 					className: "conversation-list__state"
 				}),
-				O === "list" && /* @__PURE__ */ o("ul", {
+				O === "list" && /* @__PURE__ */ c("ul", {
 					className: "conversation-list__items",
 					role: "list",
-					children: c.map((n) => {
+					children: o.map((n) => {
 						let i = n.id === d;
-						return /* @__PURE__ */ s("li", {
+						return /* @__PURE__ */ l("li", {
 							className: "conversation-list__item",
-							children: [/* @__PURE__ */ o(r, {
+							children: [/* @__PURE__ */ c(r, {
 								label: n.label,
 								describe: !1,
 								open: E === n.id,
@@ -68,14 +68,14 @@ var d = c(function({ conversations: c, activeId: d, onNew: f, onSelect: p, onDel
 									u(e.currentTarget) && D(n.id);
 								},
 								onBlur: () => D(null),
-								children: /* @__PURE__ */ o("button", {
+								children: /* @__PURE__ */ c("button", {
 									type: "button",
 									className: `conversation-list__label${i ? " conversation-list__label--active" : ""}`,
 									"aria-current": i ? "page" : void 0,
 									onClick: () => p(n.id),
 									children: n.label
 								})
-							}), /* @__PURE__ */ o(t, {
+							}), /* @__PURE__ */ c(t, {
 								variant: "ghost",
 								size: "sm",
 								iconOnly: !0,
@@ -84,7 +84,7 @@ var d = c(function({ conversations: c, activeId: d, onNew: f, onSelect: p, onDel
 								onClick: (e) => {
 									e.stopPropagation(), m(n.id);
 								},
-								children: /* @__PURE__ */ o(e, {
+								children: /* @__PURE__ */ c(e, {
 									name: "close",
 									size: "sm"
 								})

package/dist/conversation-thread.js

@@ -2,37 +2,37 @@
 import './conversation-thread.css';
 import { UserMessage as e } from "./user-message.js";
 import { AssistantMessage as t } from "./assistant-message.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i, useEffect as a, useRef as o } from "react";
+import { forwardRef as n, useEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/organisms/ConversationThread/ConversationThread.tsx
 function s() {
 	return typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 }
-var c = i(function({ messages: i = [], children: c, streamingLabel: l, ariaLabel: u = "Conversación", locale: d, timestampFormat: f, className: p, ...m }, h) {
-	let g = o(null);
-	return a(() => {
+var c = n(function({ messages: n = [], children: c, streamingLabel: l, ariaLabel: u = "Conversación", locale: d, timestampFormat: f, className: p, ...m }, h) {
+	let g = i(null);
+	return r(() => {
 		g.current?.scrollIntoView({ behavior: s() });
-	}, [i, c]), /* @__PURE__ */ r("div", {
+	}, [n, c]), /* @__PURE__ */ o("div", {
 		ref: h,
 		className: `conversation-thread${p ? ` ${p}` : ""}`,
 		role: "log",
 		"aria-label": u,
 		"data-content": c == null ? "messages" : "children",
 		...m,
-		children: [c ?? i.map((r) => r.role === "user" ? /* @__PURE__ */ n(e, {
-			timestamp: r.timestamp,
+		children: [c ?? n.map((n) => n.role === "user" ? /* @__PURE__ */ a(e, {
+			timestamp: n.timestamp,
 			locale: d,
 			timestampFormat: f,
-			children: r.content
-		}, r.id) : /* @__PURE__ */ n(t, {
-			model: r.model,
-			timestamp: r.timestamp,
+			children: n.content
+		}, n.id) : /* @__PURE__ */ a(t, {
+			model: n.model,
+			timestamp: n.timestamp,
 			locale: d,
 			timestampFormat: f,
-			isStreaming: r.isStreaming,
+			isStreaming: n.isStreaming,
 			streamingLabel: l,
-			children: r.content
-		}, r.id)), /* @__PURE__ */ n("div", {
+			children: n.content
+		}, n.id)), /* @__PURE__ */ a("div", {
 			ref: g,
 			"aria-hidden": "true"
 		})]

package/dist/copy-button.js

@@ -4,15 +4,15 @@ import { Icon as e } from "./icon.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
 import { Button as n } from "./button.js";
 import { n as r, t as i } from "./_shared/copy-to-clipboard.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
+import { forwardRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/CopyButton/CopyButton.tsx
-var l = c(function({ value: c, children: l, label: u = "Copiar", copiedLabel: d = "Copiado", errorLabel: f = "No se pudo copiar", variant: p = "ghost", size: m, feedbackDuration: h = i, onCopy: g, onCopyError: _, className: v, ...y }, b) {
+var l = a(function({ value: a, children: l, label: u = "Copiar", copiedLabel: d = "Copiado", errorLabel: f = "No se pudo copiar", variant: p = "ghost", size: m, feedbackDuration: h = i, onCopy: g, onCopyError: _, className: v, ...y }, b) {
 	let { status: x, copy: S } = r(h), C = async () => {
-		let e = await S(c);
+		let e = await S(a);
 		e.ok ? g?.(e.text) : _?.(e.error);
 	}, w = x === "copied" ? d : x === "error" ? f : "", T = l == null ? null : x === "copied" ? d : x === "error" ? f : l;
-	return /* @__PURE__ */ s(a, { children: [l == null ? /* @__PURE__ */ o(n, {
+	return /* @__PURE__ */ c(o, { children: [l == null ? /* @__PURE__ */ s(n, {
 		...y,
 		ref: b,
 		variant: p,
@@ -21,22 +21,22 @@ var l = c(function({ value: c, children: l, label: u = "Copiar", copiedLabel: d
 		"aria-label": u,
 		onClick: C,
 		className: ["copy-button", v].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ o(e, {
+		children: /* @__PURE__ */ s(e, {
 			name: x === "copied" ? "check" : "copy",
 			size: "sm"
 		})
-	}) : /* @__PURE__ */ s(n, {
+	}) : /* @__PURE__ */ c(n, {
 		...y,
 		ref: b,
 		variant: p,
 		...m ? { size: m } : {},
 		onClick: C,
 		className: ["copy-button", v].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ o(e, {
+		children: [/* @__PURE__ */ s(e, {
 			name: x === "copied" ? "check" : "copy",
 			size: "sm"
 		}), T]
-	}), /* @__PURE__ */ o(t, {
+	}), /* @__PURE__ */ s(t, {
 		role: "status",
 		children: w
 	})] });

package/dist/copyable-value.js

@@ -4,8 +4,8 @@ import { Icon as e } from "./icon.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
 import { Button as n } from "./button.js";
 import { n as r } from "./_shared/copy-to-clipboard.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s, isValidElement as c } from "react";
+import { forwardRef as i, isValidElement as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/atoms/CopyableValue/CopyableValue.tsx
 var l = 6, u = 12, d = new Set([
 	"/",
@@ -41,26 +41,26 @@ function p(e) {
 		}
 		return t;
 	}
-	return c(e) ? p(e.props.children) : null;
+	return a(e) ? p(e.props.children) : null;
 }
-var m = 24, h = s(function({ children: s, copyText: c, copyLabel: l = "Copiar", copiedLabel: u = "Copiado", className: d }, h) {
-	let { status: g, copy: _ } = r(), v = g === "copied", y = ["copyable-value", d].filter(Boolean).join(" "), b = typeof s == "string", x = b ? f(s) : null, S = b ? null : p(s), C = b ? s : S ?? "", w = !b && S !== null && !/\s/.test(S) && S.length <= m, T = /* @__PURE__ */ a(n, {
+var m = 24, h = i(function({ children: i, copyText: a, copyLabel: l = "Copiar", copiedLabel: u = "Copiado", className: d }, h) {
+	let { status: g, copy: _ } = r(), v = g === "copied", y = ["copyable-value", d].filter(Boolean).join(" "), b = typeof i == "string", x = b ? f(i) : null, S = b ? null : p(i), C = b ? i : S ?? "", w = !b && S !== null && !/\s/.test(S) && S.length <= m, T = /* @__PURE__ */ s(n, {
 		iconOnly: !0,
 		variant: "ghost",
 		size: "sm",
 		"aria-label": l,
-		onClick: () => _(() => c ?? C),
+		onClick: () => _(() => a ?? C),
 		className: "copyable-value__copy",
-		children: /* @__PURE__ */ a(e, {
+		children: /* @__PURE__ */ s(e, {
 			name: v ? "check" : "copy",
 			size: "sm"
 		})
 	}), E;
 	if (b) {
 		let { head: e, tail: t } = x;
-		E = /* @__PURE__ */ o("span", {
+		E = /* @__PURE__ */ c("span", {
 			className: "copyable-value__value",
-			children: [e, /* @__PURE__ */ o("span", {
+			children: [e, /* @__PURE__ */ c("span", {
 				className: "copyable-value__tail",
 				children: [
 					t,
@@ -69,28 +69,28 @@ var m = 24, h = s(function({ children: s, copyText: c, copyLabel: l = "Copiar",
 				]
 			})]
 		});
-	} else E = w ? /* @__PURE__ */ o("span", {
+	} else E = w ? /* @__PURE__ */ c("span", {
 		className: "copyable-value__tail",
 		children: [
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ s("span", {
 				className: "copyable-value__value",
-				children: s
+				children: i
 			}),
 			"⁠",
 			T
 		]
-	}) : /* @__PURE__ */ o(i, { children: [
-		/* @__PURE__ */ a("span", {
+	}) : /* @__PURE__ */ c(o, { children: [
+		/* @__PURE__ */ s("span", {
 			className: "copyable-value__value",
-			children: s
+			children: i
 		}),
 		"⁠",
 		T
 	] });
-	return /* @__PURE__ */ o("span", {
+	return /* @__PURE__ */ c("span", {
 		ref: h,
 		className: y,
-		children: [E, /* @__PURE__ */ a(t, {
+		children: [E, /* @__PURE__ */ s(t, {
 			role: "status",
 			children: v ? u : ""
 		})]

package/dist/data-table.js

@@ -6,9 +6,9 @@ import { Pagination as n } from "./pagination.js";
 import { Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c } from "./table.js";
 import { InputField as l } from "./input-field.js";
 import { EmptyState as u } from "./empty-state.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import * as p from "react";
-import { useId as m, useState as h } from "react";
+import * as d from "react";
+import { useId as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region node_modules/.pnpm/@tanstack+table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.mjs
 function g(e, t) {
 	return typeof e == "function" ? e(t) : e;
@@ -1526,7 +1526,7 @@ function ze() {
 //#endregion
 //#region node_modules/.pnpm/@tanstack+react-table@8.21.3_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-table/build/lib/index.mjs
 function Be(e, t) {
-	return e ? Ve(e) ? /* @__PURE__ */ p.createElement(e, t) : e : null;
+	return e ? Ve(e) ? /* @__PURE__ */ d.createElement(e, t) : e : null;
 }
 function Ve(e) {
 	return He(e) || typeof e == "function" || Ue(e);
@@ -1546,7 +1546,7 @@ function We(e) {
 		onStateChange: () => {},
 		renderFallbackValue: null,
 		...e
-	}, [n] = p.useState(() => ({ current: je(t) })), [r, i] = p.useState(() => n.current.initialState);
+	}, [n] = d.useState(() => ({ current: je(t) })), [r, i] = d.useState(() => n.current.initialState);
 	return n.current.setOptions((t) => ({
 		...t,
 		...e,
@@ -1565,11 +1565,11 @@ function Ge(e, t) {
 	let n = t.columnDef.meta?.align;
 	return n && n !== "start" ? `data-table__${e}--${n}` : "";
 }
-function Ke({ columns: p, data: g, ariaLabel: _, ariaLabelledBy: v, searchColumnId: y, search: b, searchPlaceholder: x, searchClearLabel: S, toolbar: C, footerActions: ee, pageSize: w = 10, emptyMessage: T = "Sin resultados", isLoading: te, pagination: E, headerLabels: D, paginationLabels: O, className: k }) {
+function Ke({ columns: d, data: g, ariaLabel: _, ariaLabelledBy: v, searchColumnId: y, search: b, searchPlaceholder: x, searchClearLabel: S, toolbar: C, footerActions: ee, pageSize: w = 10, emptyMessage: T = "Sin resultados", isLoading: te, pagination: E, headerLabels: D, paginationLabels: O, className: k }) {
 	"use no memo";
-	let [A, j] = h([]), [M, N] = h([]), P = We({
+	let [A, j] = p([]), [M, N] = p([]), P = We({
 		data: g,
-		columns: p,
+		columns: d,
 		state: {
 			sorting: A,
 			columnFilters: M
@@ -1583,13 +1583,13 @@ function Ke({ columns: p, data: g, ariaLabel: _, ariaLabelledBy: v, searchColumn
 			getPaginationRowModel: Re(),
 			initialState: { pagination: { pageSize: w } }
 		}
-	}), ne = E?.pageSize ?? w, F = x ?? "Buscar", I = `${m()}-search`;
-	return /* @__PURE__ */ f("div", {
+	}), ne = E?.pageSize ?? w, F = x ?? "Buscar", I = `${f()}-search`;
+	return /* @__PURE__ */ h("div", {
 		className: ["data-table", k].filter(Boolean).join(" "),
 		children: [
-			(y || b || C) && /* @__PURE__ */ f("div", {
+			(y || b || C) && /* @__PURE__ */ h("div", {
 				className: "data-table__toolbar",
-				children: [b ? /* @__PURE__ */ d(l, {
+				children: [b ? /* @__PURE__ */ m(l, {
 					className: "data-table__search",
 					id: I,
 					kind: "search",
@@ -1599,7 +1599,7 @@ function Ke({ columns: p, data: g, ariaLabel: _, ariaLabelledBy: v, searchColumn
 					...S ? { clearLabel: S } : {},
 					value: b.value,
 					onChange: (e) => b.onChange(e.target.value)
-				}) : y && /* @__PURE__ */ d(l, {
+				}) : y && /* @__PURE__ */ m(l, {
 					className: "data-table__search",
 					id: I,
 					kind: "search",
@@ -1609,40 +1609,40 @@ function Ke({ columns: p, data: g, ariaLabel: _, ariaLabelledBy: v, searchColumn
 					...S ? { clearLabel: S } : {},
 					value: P.getColumn(y)?.getFilterValue() ?? "",
 					onChange: (e) => P.getColumn(y)?.setFilterValue(e.target.value)
-				}), C && /* @__PURE__ */ d("div", {
+				}), C && /* @__PURE__ */ m("div", {
 					className: "data-table__toolbar-actions",
 					children: C
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "data-table__scroll",
-				children: /* @__PURE__ */ f(r, {
+				children: /* @__PURE__ */ h(r, {
 					"aria-label": _,
 					"aria-labelledby": v,
 					"aria-busy": te || void 0,
-					children: [/* @__PURE__ */ d(o, { children: P.getHeaderGroups().map((t) => /* @__PURE__ */ d(c, { children: t.headers.map((t) => {
+					children: [/* @__PURE__ */ m(o, { children: P.getHeaderGroups().map((t) => /* @__PURE__ */ m(c, { children: t.headers.map((t) => {
 						let n = t.column.getIsSorted(), r = t.column.getCanSort(), i = Ge("header-cell", t.column), a = t.column.columnDef.meta?.headerHidden === !0, o = t.isPlaceholder ? null : Be(t.column.columnDef.header, t.getContext());
-						return /* @__PURE__ */ d(s, {
+						return /* @__PURE__ */ m(s, {
 							className: ["data-table__header-cell", i].filter(Boolean).join(" "),
 							sortable: r,
 							sorted: n === "asc" || n === "desc" ? n : !1,
 							onSort: r ? () => t.column.toggleSorting() : void 0,
 							sticky: t.column.columnDef.meta?.sticky,
 							...D,
-							children: a ? /* @__PURE__ */ d(e, { children: o }) : o
+							children: a ? /* @__PURE__ */ m(e, { children: o }) : o
 						}, t.id);
-					}) }, t.id)) }), /* @__PURE__ */ d(i, { children: te ? Array.from({ length: ne }).map((e, n) => /* @__PURE__ */ d(c, {
+					}) }, t.id)) }), /* @__PURE__ */ m(i, { children: te ? Array.from({ length: ne }).map((e, n) => /* @__PURE__ */ m(c, {
 						"aria-hidden": "true",
-						children: p.map((e, n) => /* @__PURE__ */ d(a, { children: /* @__PURE__ */ d(t, {}) }, n))
-					}, n)) : P.getRowModel().rows.length === 0 ? /* @__PURE__ */ d(c, { children: /* @__PURE__ */ d(a, {
-						colSpan: p.length,
-						children: /* @__PURE__ */ d(u, {
+						children: d.map((e, n) => /* @__PURE__ */ m(a, { children: /* @__PURE__ */ m(t, {}) }, n))
+					}, n)) : P.getRowModel().rows.length === 0 ? /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(a, {
+						colSpan: d.length,
+						children: /* @__PURE__ */ m(u, {
 							size: "sm",
 							title: T
 						})
-					}) }) : P.getRowModel().rows.map((e) => /* @__PURE__ */ d(c, {
+					}) }) : P.getRowModel().rows.map((e) => /* @__PURE__ */ m(c, {
 						selected: e.getIsSelected(),
-						children: e.getVisibleCells().map((e) => /* @__PURE__ */ d(a, {
+						children: e.getVisibleCells().map((e) => /* @__PURE__ */ m(a, {
 							className: ["data-table__cell", Ge("cell", e.column)].filter(Boolean).join(" "),
 							sticky: e.column.columnDef.meta?.sticky,
 							children: Be(e.column.columnDef.cell, e.getContext())
@@ -1650,9 +1650,9 @@ function Ke({ columns: p, data: g, ariaLabel: _, ariaLabelledBy: v, searchColumn
 					}, e.id)) })]
 				})
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "data-table__footer",
-				children: E ? /* @__PURE__ */ d(n, {
+				children: E ? /* @__PURE__ */ m(n, {
 					total: E.total,
 					page: E.page,
 					pageSize: E.pageSize,
@@ -1661,7 +1661,7 @@ function Ke({ columns: p, data: g, ariaLabel: _, ariaLabelledBy: v, searchColumn
 					showTotal: !0,
 					afterPageSize: ee,
 					...O
-				}) : /* @__PURE__ */ d(n, {
+				}) : /* @__PURE__ */ m(n, {
 					total: P.getFilteredRowModel().rows.length,
 					page: P.getState().pagination.pageIndex + 1,
 					pageSize: P.getState().pagination.pageSize,

package/dist/date-picker-field.js

@@ -5,21 +5,21 @@ 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/datepicker.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/DatePickerField/DatePickerField.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 = r(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 = r(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: ["date-picker-field", h].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ a(n, {
+			/* @__PURE__ */ s(n, {
 				htmlFor: x,
 				hidden: v,
 				size: y,
 				children: l
 			}),
-			/* @__PURE__ */ a(i, {
+			/* @__PURE__ */ s(i, {
 				calendarLabel: l,
 				...g,
 				ref: _,
@@ -28,11 +28,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: "date-picker-field__helper",
 				children: f