@studiolxd/brand 49.28.0 → 50.0.0

package/dist/form-field.js

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

package/dist/imagecropdialog.css

@@ -1 +1 @@
-@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.image-crop-dialog{gap:var(--image-crop-dialog-gap);flex-direction:column;display:flex}.image-crop-dialog__area{min-block-size:var(--image-crop-dialog-area-min-height);background-color:var(--image-crop-dialog-area-bg);border-radius:var(--image-crop-dialog-area-border-radius);place-items:center;display:grid;overflow:hidden}.image-crop-dialog__area>*{grid-area:1/1}.image-crop-dialog__error{max-inline-size:100%}.image-crop-dialog__area .ReactCrop{max-height:var(--image-crop-dialog-area-max-height)}.image-crop-dialog__area img{max-height:var(--image-crop-dialog-area-max-height);max-width:100%;display:block}.image-crop-dialog__actions.modal__footer{gap:var(--image-crop-dialog-actions-gap)}
+@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.image-crop-dialog{gap:var(--image-crop-dialog-gap);flex-direction:column;display:flex}.image-crop-dialog__area{min-block-size:var(--image-crop-dialog-area-min-height);background-color:var(--image-crop-dialog-area-bg);border-radius:var(--image-crop-dialog-area-border-radius);place-items:center;display:grid;overflow:hidden}.image-crop-dialog__area>*{grid-area:1/1}.image-crop-dialog__error{max-inline-size:100%}.image-crop-dialog__area .ReactCrop{max-block-size:var(--image-crop-dialog-area-max-height)}.image-crop-dialog__area img{max-block-size:var(--image-crop-dialog-area-max-height);max-inline-size:100%;display:block}.image-crop-dialog__actions.modal__footer{gap:var(--image-crop-dialog-actions-gap)}

package/dist/input-phone.css

@@ -1 +1 @@
-.input-phone__country{all:unset;box-sizing:border-box}.input-phone__country:hover,.input-phone__country:active{color:var(--input-color);border-color:inherit;background-color:#0000}.input-phone{width:var(--input-width);block-size:var(--input-height);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing);align-items:stretch;display:flex}.input-phone:has(:focus-visible){border-color:var(--input-focus-border-color);box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg)}.input-phone__country{justify-content:space-between;align-items:center;gap:var(--input-phone-country-gap);width:var(--input-phone-country-width);padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);border:none;border-inline-end-width:var(--input-phone-country-border-width);border-inline-end-style:var(--input-phone-country-border-style);border-inline-end-color:var(--input-phone-country-border-color);cursor:pointer;box-sizing:border-box;background:0 0;flex-shrink:0;display:inline-flex}.input-phone__country:focus,.input-phone__country[data-popup-open]{outline:none}.input-phone__country-icon{width:var(--input-phone-country-icon-size);transition:transform var(--input-transition-duration) var(--input-phone-country-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}.input-phone__country[data-popup-open] .input-phone__country-icon{transform:rotate(-90deg)}.input-phone__country-positioner{z-index:var(--input-phone-content-z-index)}.input-phone__country-content{background-color:var(--input-bg);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);min-width:var(--anchor-width);max-height:var(--input-phone-content-max-height);overscroll-behavior:contain;overflow-y:auto}.input-phone__country-item{padding-block:var(--input-phone-country-item-padding-block);padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);cursor:pointer;align-items:center;display:flex}.input-phone__country-item[data-highlighted]{background-color:var(--input-phone-country-item-highlighted-bg);color:var(--input-phone-country-item-highlighted-color)}.input-phone .PhoneInputCountry{flex-shrink:0;align-items:stretch;display:flex}.input-phone .input-phone__number{min-width:0;padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1}.input-phone__number::placeholder{color:var(--input-placeholder-color)}.input-phone.input-phone--error{border-color:var(--input-error-border-color)}.input-phone.input-phone--error:has(:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color)}.input-phone.input-phone--error .input-phone__number::placeholder{color:var(--input-error-placeholder-color)}.input-phone:has(.input-phone__number:disabled){background-color:var(--input-disabled-bg);border-color:var(--input-disabled-border-color);pointer-events:none}.input-phone.input-phone--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size);--input-phone-country-width:var(--input-phone-sm-country-width);--input-phone-country-icon-size:var(--input-phone-sm-country-icon-size)}.input-phone.input-phone--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size);--input-phone-country-width:var(--input-phone-lg-country-width)}.input-phone__country-content--sm .input-phone__country-item{font-size:var(--input-sm-font-size)}.input-phone__country-content--lg .input-phone__country-item{font-size:var(--input-lg-font-size)}
+.input-phone__country{all:unset;box-sizing:border-box}.input-phone__country:hover,.input-phone__country:active{color:var(--input-color);border-color:inherit;background-color:#0000}.input-phone{inline-size:var(--input-width);block-size:var(--input-height);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing);align-items:stretch;display:flex}.input-phone:has(:focus-visible){border-color:var(--input-focus-border-color);box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg)}.input-phone__country{justify-content:space-between;align-items:center;gap:var(--input-phone-country-gap);inline-size:var(--input-phone-country-width);padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);border:none;border-inline-end-width:var(--input-phone-country-border-width);border-inline-end-style:var(--input-phone-country-border-style);border-inline-end-color:var(--input-phone-country-border-color);cursor:pointer;box-sizing:border-box;background:0 0;flex-shrink:0;display:inline-flex}.input-phone__country:focus,.input-phone__country[data-popup-open]{outline:none}.input-phone__country-icon{width:var(--input-phone-country-icon-size);transition:transform var(--input-transition-duration) var(--input-phone-country-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}.input-phone__country[data-popup-open] .input-phone__country-icon{transform:rotate(-90deg)}.input-phone__country-positioner{z-index:var(--input-phone-content-z-index)}.input-phone__country-content{background-color:var(--input-bg);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);min-inline-size:var(--anchor-width);max-block-size:var(--input-phone-content-max-height);overscroll-behavior:contain;overflow-y:auto}.input-phone__country-item{padding-block:var(--input-phone-country-item-padding-block);padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);cursor:pointer;align-items:center;display:flex}.input-phone__country-item[data-highlighted]{background-color:var(--input-phone-country-item-highlighted-bg);color:var(--input-phone-country-item-highlighted-color)}.input-phone .PhoneInputCountry{flex-shrink:0;align-items:stretch;display:flex}.input-phone .input-phone__number{min-inline-size:0;padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1}.input-phone__number::placeholder{color:var(--input-placeholder-color)}.input-phone.input-phone--error{border-color:var(--input-error-border-color)}.input-phone.input-phone--error:has(:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color)}.input-phone.input-phone--error .input-phone__number::placeholder{color:var(--input-error-placeholder-color)}.input-phone:has(.input-phone__number:disabled){background-color:var(--input-disabled-bg);border-color:var(--input-disabled-border-color);pointer-events:none}.input-phone.input-phone--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size);--input-phone-country-width:var(--input-phone-sm-country-width);--input-phone-country-icon-size:var(--input-phone-sm-country-icon-size)}.input-phone.input-phone--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size);--input-phone-country-width:var(--input-phone-lg-country-width)}.input-phone__country-content--sm .input-phone__country-item{font-size:var(--input-sm-font-size)}.input-phone__country-content--lg .input-phone__country-item{font-size:var(--input-lg-font-size)}

package/dist/input-phone.js

@@ -3,72 +3,74 @@ import './input-phone.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { n } from "./_shared/portal-container.js";
-import { forwardRef as r, useMemo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Select as s } from "@base-ui/react/select";
-import c, { getCountryCallingCode as l } from "react-phone-number-input";
+import { t as r } from "./_shared/assign-ref.js";
+import { forwardRef as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Select as c } from "@base-ui/react/select";
+import l, { getCountryCallingCode as u } from "react-phone-number-input";
 //#region src/stories/atoms/InputPhone/InputPhone.tsx
-function u({ value: r, onChange: i, options: c, disabled: u, size: d = "md", countryLabel: f, internationalLabel: p = "🌐", container: m }) {
+function d({ value: r, onChange: i, options: a, disabled: l, size: d = "md", countryLabel: f, internationalLabel: p = "🌐", container: m }) {
 	let h = e("inputPhone"), g = n(m), _ = "__intl__", v = (e) => e ?? _, y = (e) => e === _ ? void 0 : e, b = d === "lg" ? "md" : "sm", x = ["input-phone__country-content", d === "md" ? "" : `input-phone__country-content--${d}`].filter(Boolean).join(" ");
-	return /* @__PURE__ */ o(s.Root, {
+	return /* @__PURE__ */ s(c.Root, {
 		value: v(r),
 		onValueChange: (e) => i(y(e)),
-		disabled: u,
-		children: [/* @__PURE__ */ o(s.Trigger, {
+		disabled: l,
+		children: [/* @__PURE__ */ s(c.Trigger, {
 			className: "input-phone__country",
 			"aria-label": h("country", f),
-			children: [/* @__PURE__ */ a(s.Value, { children: r ? `+${l(r)}` : p }), /* @__PURE__ */ a(t, {
+			children: [/* @__PURE__ */ o(c.Value, { children: r ? `+${u(r)}` : p }), /* @__PURE__ */ o(t, {
 				name: "chevron",
 				className: "input-phone__country-icon",
 				size: b
 			})]
-		}), /* @__PURE__ */ a(s.Portal, {
+		}), /* @__PURE__ */ o(c.Portal, {
 			container: g,
-			children: /* @__PURE__ */ a(s.Positioner, {
+			children: /* @__PURE__ */ o(c.Positioner, {
 				className: "input-phone__country-positioner",
 				side: "bottom",
 				align: "start",
 				alignItemWithTrigger: !1,
-				children: /* @__PURE__ */ a(s.Popup, {
+				children: /* @__PURE__ */ o(c.Popup, {
 					className: x,
-					children: c.map(({ value: e, label: t }) => /* @__PURE__ */ a(s.Item, {
+					children: a.map(({ value: e, label: t }) => /* @__PURE__ */ o(c.Item, {
 						value: v(e),
 						className: "input-phone__country-item",
-						children: /* @__PURE__ */ a(s.ItemText, { children: t })
+						children: /* @__PURE__ */ o(c.ItemText, { children: t })
 					}, v(e)))
 				})
 			})
 		})]
 	});
 }
-var d = r(function({ value: e, defaultCountry: t = "ES", placeholder: n, disabled: o, error: s = !1, size: l = "md", id: d, name: p, describedBy: m, "aria-describedby": h, "aria-label": g, autoComplete: _, required: v, readOnly: y, onChange: b, onBlur: x, onFocus: S, countryLabel: C, internationalLabel: w, container: T }, E) {
-	return /* @__PURE__ */ a(c, {
+var f = i(function({ value: e, defaultCountry: t = "ES", placeholder: n, disabled: s, error: c = !1, size: u = "md", id: f, name: p, describedBy: m, "aria-describedby": h, "aria-label": g, autoComplete: _, required: v, readOnly: y, onChange: b, onBlur: x, onFocus: S, countryLabel: C, internationalLabel: w, container: T, className: E }, D) {
+	return /* @__PURE__ */ o(l, {
 		className: [
 			"input-phone",
-			s ? "input-phone--error" : "",
-			l === "md" ? "" : `input-phone--${l}`
+			c ? "input-phone--error" : "",
+			u === "md" ? "" : `input-phone--${u}`,
+			E ?? ""
 		].filter(Boolean).join(" "),
 		value: e,
 		defaultCountry: t,
 		placeholder: n,
-		disabled: o,
+		disabled: s,
 		readOnly: y,
 		required: v,
 		autoComplete: _,
-		id: d,
+		id: f,
 		name: p,
-		inputComponent: i(() => r(function(e, t) {
-			return /* @__PURE__ */ a("input", {
+		inputComponent: a(() => i(function(e, t) {
+			return /* @__PURE__ */ o("input", {
 				...e,
 				ref: (e) => {
-					f(t, e), f(E, e);
+					r(t, e), r(D, e);
 				},
 				className: "input-phone__number"
 			});
-		}), [E]),
-		countrySelectComponent: u,
+		}), [D]),
+		countrySelectComponent: d,
 		countrySelectProps: {
-			size: l,
+			size: u,
 			countryLabel: C,
 			internationalLabel: w,
 			container: T
@@ -79,12 +81,9 @@ var d = r(function({ value: e, defaultCountry: t = "ES", placeholder: n, disable
 		numberInputProps: {
 			"aria-describedby": h ?? m,
 			"aria-label": g,
-			"aria-invalid": s || void 0
+			"aria-invalid": c || void 0
 		}
 	});
 });
-function f(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
 //#endregion
-export { d as InputPhone };
+export { f as InputPhone };

package/dist/input.css

@@ -1 +1 @@
-.input{width:var(--input-width);block-size:var(--input-height);padding-block:0;padding-inline:var(--input-padding-inline);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);color:var(--input-color);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);cursor:var(--input-cursor);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing)}.input::placeholder{color:var(--input-placeholder-color)}.input:focus-visible{box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg);border-color:var(--input-focus-border-color);outline:none}.input:disabled{cursor:var(--input-disabled-cursor);background-color:var(--input-disabled-bg);color:var(--input-disabled-color);border-color:var(--input-disabled-border-color);pointer-events:none}.input.input--error{background-color:var(--input-error-bg);color:var(--input-error-color);border-color:var(--input-error-border-color)}.input.input--error::placeholder{color:var(--input-error-placeholder-color)}.input.input--error:focus-visible{box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color);outline:none}.input.input--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size)}.input.input--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size)}.input:autofill{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:autofill:hover{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:autofill:focus{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}:-webkit-any(.input.input--error:-webkit-autofill,.input.input--error:autofill){-webkit-text-fill-color:var(--input-error-color);box-shadow:inset 0 0 0 1000px var(--input-error-bg)}:is(.input.input--error:autofill,.input.input--error:autofill){-webkit-text-fill-color:var(--input-error-color);box-shadow:inset 0 0 0 1000px var(--input-error-bg)}:-webkit-any(.input.input--error:-webkit-autofill:focus-visible,.input.input--error:autofill:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg), inset 0 0 0 1000px var(--input-error-bg)}:is(.input.input--error:autofill:focus-visible,.input.input--error:autofill:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg), inset 0 0 0 1000px var(--input-error-bg)}
+.input{inline-size:var(--input-width);block-size:var(--input-height);padding-block:0;padding-inline:var(--input-padding-inline);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);color:var(--input-color);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);cursor:var(--input-cursor);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing)}.input::placeholder{color:var(--input-placeholder-color)}.input:focus-visible{box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg);border-color:var(--input-focus-border-color);outline:none}.input:disabled{cursor:var(--input-disabled-cursor);background-color:var(--input-disabled-bg);color:var(--input-disabled-color);border-color:var(--input-disabled-border-color);pointer-events:none}.input.input--error{background-color:var(--input-error-bg);color:var(--input-error-color);border-color:var(--input-error-border-color)}.input.input--error::placeholder{color:var(--input-error-placeholder-color)}.input.input--error:focus-visible{box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color);outline:none}.input.input--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size)}.input.input--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size)}.input:autofill{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:autofill:hover{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:autofill:focus{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}:-webkit-any(.input.input--error:-webkit-autofill,.input.input--error:autofill){-webkit-text-fill-color:var(--input-error-color);box-shadow:inset 0 0 0 1000px var(--input-error-bg)}:is(.input.input--error:autofill,.input.input--error:autofill){-webkit-text-fill-color:var(--input-error-color);box-shadow:inset 0 0 0 1000px var(--input-error-bg)}:-webkit-any(.input.input--error:-webkit-autofill:focus-visible,.input.input--error:autofill:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg), inset 0 0 0 1000px var(--input-error-bg)}:is(.input.input--error:autofill:focus-visible,.input.input--error:autofill:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg), inset 0 0 0 1000px var(--input-error-bg)}

package/dist/label.css

@@ -1 +1 @@
-.visually-hidden{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.label{font-family:var(--label-font-family);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color);letter-spacing:var(--label-letter-spacing)}.label--sm{font-size:var(--label-sm-font-size)}.label--lg{font-size:var(--label-lg-font-size)}
+.visually-hidden{clip-path:inset(50%);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.label{font-family:var(--label-font-family);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color);letter-spacing:var(--label-letter-spacing)}.label--sm{font-size:var(--label-sm-font-size)}.label--lg{font-size:var(--label-lg-font-size)}

package/dist/language-switcher.js

@@ -1,79 +1,72 @@
 'use client';
 import './language-switcher.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
-import { DropdownField as t } from "./dropdown-field.js";
-import { jsx as n } from "react/jsx-runtime";
+import { t } from "./_shared/default-render-link.js";
+import { DropdownField as n } from "./dropdown-field.js";
+import { useId as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/stories/molecules/LanguageSwitcher/LanguageSwitcher.tsx
-function r({ href: e, lang: t, children: r, className: i, "aria-current": a }) {
-	return /* @__PURE__ */ n("a", {
-		href: e,
-		lang: t,
-		className: i,
-		"aria-current": a,
-		children: r
-	});
-}
-function i({ languages: i, value: a, onChange: o, label: s, id: c = "language-switcher", labelHidden: l, variant: u = "compact", layout: d = "inline", size: f = "md", hrefFor: p, renderLink: m = r, className: h }) {
-	let g = e("languageSwitcher")("label", s);
-	if (u === "list") return /* @__PURE__ */ n("nav", {
+function a({ languages: a, value: o, onChange: s, label: c, id: l, labelHidden: u, variant: d = "compact", layout: f = "inline", size: p = "md", hrefFor: m, renderLink: h = t, className: g }) {
+	let _ = r(), v = l ?? _, y = e("languageSwitcher")("label", c);
+	if (d === "list") return /* @__PURE__ */ i("nav", {
 		className: [
 			"language-switcher",
 			"language-switcher--list",
-			h
+			g
 		].filter(Boolean).join(" "),
-		"aria-label": g,
-		children: /* @__PURE__ */ n("ul", {
+		"aria-label": y,
+		children: /* @__PURE__ */ i("ul", {
 			className: "language-switcher__list",
-			children: i.map(({ code: e, label: t }) => {
-				let r = e === a, i = ["language-switcher__option", r ? "language-switcher__option--current" : ""].filter(Boolean).join(" ");
-				return /* @__PURE__ */ n("li", { children: r ? /* @__PURE__ */ n("span", {
+			children: a.map(({ code: e, label: t }) => {
+				let n = e === o, r = ["language-switcher__option", n ? "language-switcher__option--current" : ""].filter(Boolean).join(" ");
+				return /* @__PURE__ */ i("li", { children: n ? /* @__PURE__ */ i("span", {
 					lang: e,
-					className: i,
+					className: r,
 					"aria-current": "true",
 					children: t
-				}) : p ? m({
-					href: p(e),
+				}) : m ? h({
+					href: m(e),
 					lang: e,
-					className: i,
+					className: r,
 					children: t
-				}) : /* @__PURE__ */ n("button", {
+				}) : /* @__PURE__ */ i("button", {
 					type: "button",
 					lang: e,
-					className: i,
-					onClick: () => o?.(e),
+					className: r,
+					onClick: () => s?.(e),
 					children: t
 				}) }, e);
 			})
 		})
 	});
-	let _ = [
+	let b = [
 		"language-switcher",
 		"language-switcher--compact",
-		h
+		g
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n(t, {
-		id: c,
-		label: g,
-		labelHidden: l,
-		inline: d === "inline",
-		size: f,
+	return /* @__PURE__ */ i(n, {
+		id: v,
+		label: y,
+		labelHidden: u,
+		inline: f === "inline",
+		size: p,
 		align: "end",
-		className: _,
-		value: a,
-		onValueChange: (e) => o?.(e),
-		items: i.map(({ code: e, label: t }) => ({
+		className: b,
+		value: o,
+		onValueChange: (e) => s?.(e),
+		items: a.map(({ code: e, label: t }) => ({
 			type: "radio",
 			value: e,
-			label: /* @__PURE__ */ n("span", {
+			label: /* @__PURE__ */ i("span", {
 				lang: e,
 				children: t
 			})
 		})),
-		children: /* @__PURE__ */ n("span", {
-			lang: a,
-			children: i.find((e) => e.code === a)?.label ?? a
+		children: /* @__PURE__ */ i("span", {
+			lang: o,
+			children: a.find((e) => e.code === o)?.label ?? o
 		})
 	});
 }
 //#endregion
-export { i as LanguageSwitcher };
+export { a as LanguageSwitcher };

package/dist/legal-footer.js

@@ -3,35 +3,30 @@ import './legal-footer.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Container as t } from "./container.js";
 import { Heading as n } from "./heading.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { t as r } from "./_shared/default-render-link.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/stories/sections/LegalFooter/LegalFooter.tsx
-function a({ children: e, ...t }) {
-	return /* @__PURE__ */ r("a", {
-		...t,
-		children: e
-	});
-}
-function o({ label: o, title: s, links: c, renderLink: l = a, width: u = "xl", surface: d, className: f }) {
-	let p = e("legalFooter");
-	return /* @__PURE__ */ r("footer", {
+function o({ label: o, title: s, links: c, renderLink: l = r, width: u = "xl", surface: d, as: f = "footer", className: p }) {
+	let m = e("legalFooter");
+	return /* @__PURE__ */ i(f, {
 		className: [
 			"legal-footer",
 			d === "dark" && "surface-dark",
-			f
+			p
 		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ i(t, {
+		children: /* @__PURE__ */ a(t, {
 			width: u,
 			innerClassName: "legal-footer__inner",
-			children: [s && /* @__PURE__ */ r(n, {
+			children: [s && /* @__PURE__ */ i(n, {
 				level: 2,
 				size: 6,
 				className: "legal-footer__title",
 				children: s
-			}), /* @__PURE__ */ r("nav", {
-				"aria-label": p("label", o),
-				children: /* @__PURE__ */ r("ul", {
+			}), /* @__PURE__ */ i("nav", {
+				"aria-label": m("label", o),
+				children: /* @__PURE__ */ i("ul", {
 					className: "legal-footer__links",
-					children: c.map((e) => /* @__PURE__ */ r("li", { children: l({
+					children: c.map((e) => /* @__PURE__ */ i("li", { children: l({
 						href: e.href,
 						className: "legal-footer__link link--ink",
 						children: e.label

package/dist/loading-region.css

@@ -1 +1 @@
-.loading-region{gap:var(--loading-region-gap);flex-direction:column;display:flex}.skeleton-text,.skeleton-list,.skeleton-table{flex-direction:column;display:flex}.skeleton-text{gap:var(--loading-region-text-gap)}.skeleton-list{gap:var(--loading-region-list-gap)}.skeleton-table{gap:var(--loading-region-table-gap)}.skeleton-text .skeleton.skeleton-text__line--last{width:var(--loading-region-text-last-line-width)}.skeleton-list .skeleton.skeleton-list__row{height:var(--loading-region-list-row-height)}.skeleton-table .skeleton.skeleton-table__header{height:var(--loading-region-table-header-height)}.skeleton-table .skeleton.skeleton-table__row{height:var(--loading-region-table-row-height)}.skeleton-grid{gap:var(--loading-region-grid-gap);display:grid}.skeleton-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-grid .skeleton.skeleton-grid__item{height:var(--loading-region-grid-item-height)}
+.loading-region{gap:var(--loading-region-gap);flex-direction:column;display:flex}.skeleton-text,.skeleton-list,.skeleton-table{flex-direction:column;display:flex}.skeleton-text{gap:var(--loading-region-text-gap)}.skeleton-list{gap:var(--loading-region-list-gap)}.skeleton-table{gap:var(--loading-region-table-gap)}.skeleton-text .skeleton.skeleton-text__line--last{inline-size:var(--loading-region-text-last-line-width)}.skeleton-list .skeleton.skeleton-list__row{block-size:var(--loading-region-list-row-height)}.skeleton-table .skeleton.skeleton-table__header{block-size:var(--loading-region-table-header-height)}.skeleton-table .skeleton.skeleton-table__row{block-size:var(--loading-region-table-row-height)}.skeleton-grid{gap:var(--loading-region-grid-gap);display:grid}.skeleton-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-grid .skeleton.skeleton-grid__item{block-size:var(--loading-region-grid-item-height)}

package/dist/loading-region.js

@@ -28,30 +28,30 @@ function o({ label: n, announce: o = !0, children: s, className: c, ...l }) {
 function s(e) {
 	return Array.from({ length: Math.max(0, Math.floor(e)) }, (e, t) => t);
 }
-function c({ lines: e = 3 }) {
+function c({ lines: e = 3, className: t }) {
 	return /* @__PURE__ */ i("div", {
-		className: "skeleton-text",
+		className: ["skeleton-text", t].filter(Boolean).join(" "),
 		"aria-hidden": "true",
 		children: s(e).map((t) => /* @__PURE__ */ i(n, { className: ["skeleton-text__line", t === e - 1 && e > 1 ? "skeleton-text__line--last" : ""].filter(Boolean).join(" ") }, t))
 	});
 }
-function l({ rows: e = 4 }) {
+function l({ rows: e = 4, className: t }) {
 	return /* @__PURE__ */ i("div", {
-		className: "skeleton-list",
+		className: ["skeleton-list", t].filter(Boolean).join(" "),
 		"aria-hidden": "true",
 		children: s(e).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-list__row" }, e))
 	});
 }
-function u({ rows: e = 4 }) {
+function u({ rows: e = 4, className: t }) {
 	return /* @__PURE__ */ a("div", {
-		className: "skeleton-table",
+		className: ["skeleton-table", t].filter(Boolean).join(" "),
 		"aria-hidden": "true",
 		children: [/* @__PURE__ */ i(n, { className: "skeleton-table__header" }), s(e).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-table__row" }, e))]
 	});
 }
-function d({ columns: e = 3, rows: t = 2 }) {
+function d({ columns: e = 3, rows: t = 2, className: r }) {
 	return /* @__PURE__ */ i("div", {
-		className: "skeleton-grid",
+		className: ["skeleton-grid", r].filter(Boolean).join(" "),
 		"data-columns": e,
 		"aria-hidden": "true",
 		children: s(e * t).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-grid__item" }, e))

package/dist/menu.css

@@ -1 +1 @@
-@keyframes menu-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes menu-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.menu__content{box-sizing:border-box;background-color:var(--menu-bg);border-width:var(--menu-border-width);border-style:solid;border-color:var(--menu-border-color);border-radius:var(--menu-border-radius);box-shadow:var(--menu-shadow);padding-block:var(--menu-padding-block);transform-origin:var(--transform-origin);max-height:var(--menu-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;padding-inline:0;overflow-y:auto}.menu__content[data-open]{animation:menu-open var(--menu-transition-duration) var(--menu-transition-easing)}.menu__content[data-closed]{animation:menu-close var(--menu-transition-duration) var(--menu-transition-easing)}.menu__item{align-items:center;gap:var(--menu-item-icon-gap);padding-block:var(--menu-item-padding-block);padding-inline:var(--menu-item-padding-inline);margin-inline:var(--menu-padding-inline);border-radius:var(--menu-item-border-radius);font-family:var(--menu-item-font-family);font-size:var(--menu-item-font-size);font-weight:var(--menu-item-font-weight);line-height:var(--menu-item-line-height);color:var(--menu-item-color);cursor:var(--menu-item-cursor);box-shadow:none;transition:background-color var(--menu-transition-duration) var(--menu-transition-easing), color var(--menu-transition-duration) var(--menu-transition-easing);outline:none;text-decoration:none;display:flex}.menu__item:focus-visible{outline:none}.menu__item[data-highlighted]{background-color:var(--menu-item-highlighted-bg);color:var(--menu-item-highlighted-color)}.menu__item:is(a):hover:not([data-highlighted]),.menu__item:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-color);box-shadow:none}.menu__item.menu__item--destructive:is(a):hover:not([data-highlighted]),.menu__item.menu__item--destructive:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-destructive-color)}.menu__item[data-disabled]{opacity:var(--menu-disabled-opacity);cursor:not-allowed;pointer-events:none}.menu__item.menu__item--destructive{color:var(--menu-item-destructive-color)}.menu__item.menu__item--destructive[data-highlighted]{background-color:var(--menu-item-destructive-highlighted-bg);color:var(--menu-item-destructive-highlighted-color)}.menu__item svg{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);flex-shrink:0}.menu__label{padding-block:var(--menu-label-padding-block);padding-inline:var(--menu-label-padding-inline);font-family:var(--menu-item-font-family);font-size:var(--menu-label-font-size);font-weight:var(--menu-label-font-weight);color:var(--menu-label-color)}.menu__item[data-checked]{font-weight:var(--menu-item-selected-font-weight)}.menu__separator{height:var(--menu-separator-height);background-color:var(--menu-separator-color);margin-block:var(--menu-separator-margin-block);border:none;margin-inline:0}.menu__positioner{z-index:var(--menu-z-index)}.menu__content--sm .menu__item{font-size:var(--menu-sm-item-font-size);padding-block:var(--menu-sm-item-padding-block)}.menu__content--sm .menu__item svg{width:var(--menu-sm-item-icon-size);height:var(--menu-sm-item-icon-size)}.menu__content--lg .menu__item{font-size:var(--menu-lg-item-font-size);padding-block:var(--menu-lg-item-padding-block)}.menu__content--lg .menu__item svg{width:var(--menu-lg-item-icon-size);height:var(--menu-lg-item-icon-size)}.menu__item-icon{flex-shrink:0}.menu__item-text{flex-direction:column;flex:1;min-width:0;display:flex}.menu__item-label,.menu__item-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu__item-description{font-size:var(--menu-label-font-size);color:var(--menu-label-color)}.menu__item[data-highlighted] .menu__item-description,.menu__item.menu__item--destructive .menu__item-description{color:inherit}
+@keyframes menu-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes menu-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.menu__content{box-sizing:border-box;background-color:var(--menu-bg);border-width:var(--menu-border-width);border-style:solid;border-color:var(--menu-border-color);border-radius:var(--menu-border-radius);box-shadow:var(--menu-shadow);padding-block:var(--menu-padding-block);transform-origin:var(--transform-origin);max-block-size:var(--menu-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;padding-inline:0;overflow-y:auto}.menu__content[data-open]{animation:menu-open var(--menu-transition-duration) var(--menu-transition-easing)}.menu__content[data-closed]{animation:menu-close var(--menu-transition-duration) var(--menu-transition-easing)}.menu__item{align-items:center;gap:var(--menu-item-icon-gap);padding-block:var(--menu-item-padding-block);padding-inline:var(--menu-item-padding-inline);margin-inline:var(--menu-padding-inline);border-radius:var(--menu-item-border-radius);font-family:var(--menu-item-font-family);font-size:var(--menu-item-font-size);font-weight:var(--menu-item-font-weight);line-height:var(--menu-item-line-height);color:var(--menu-item-color);cursor:var(--menu-item-cursor);box-shadow:none;transition:background-color var(--menu-transition-duration) var(--menu-transition-easing), color var(--menu-transition-duration) var(--menu-transition-easing);outline:none;text-decoration:none;display:flex}.menu__item:focus-visible{outline:none}.menu__item[data-highlighted]{background-color:var(--menu-item-highlighted-bg);color:var(--menu-item-highlighted-color)}.menu__item:is(a):hover:not([data-highlighted]),.menu__item:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-color);box-shadow:none}.menu__item.menu__item--destructive:is(a):hover:not([data-highlighted]),.menu__item.menu__item--destructive:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-destructive-color)}.menu__item[data-disabled]{opacity:var(--menu-disabled-opacity);cursor:not-allowed;pointer-events:none}.menu__item.menu__item--destructive{color:var(--menu-item-destructive-color)}.menu__item.menu__item--destructive[data-highlighted]{background-color:var(--menu-item-destructive-highlighted-bg);color:var(--menu-item-destructive-highlighted-color)}.menu__item svg{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);flex-shrink:0}.menu__label{padding-block:var(--menu-label-padding-block);padding-inline:var(--menu-label-padding-inline);font-family:var(--menu-item-font-family);font-size:var(--menu-label-font-size);font-weight:var(--menu-label-font-weight);color:var(--menu-label-color)}.menu__item[data-checked]{font-weight:var(--menu-item-selected-font-weight)}.menu__separator{block-size:var(--menu-separator-height);background-color:var(--menu-separator-color);margin-block:var(--menu-separator-margin-block);border:none;margin-inline:0}.menu__positioner{z-index:var(--menu-z-index)}.menu__content--sm .menu__item{font-size:var(--menu-sm-item-font-size);padding-block:var(--menu-sm-item-padding-block)}.menu__content--sm .menu__item svg{width:var(--menu-sm-item-icon-size);height:var(--menu-sm-item-icon-size)}.menu__content--lg .menu__item{font-size:var(--menu-lg-item-font-size);padding-block:var(--menu-lg-item-padding-block)}.menu__content--lg .menu__item svg{width:var(--menu-lg-item-icon-size);height:var(--menu-lg-item-icon-size)}.menu__item-icon{flex-shrink:0}.menu__item-text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.menu__item-label,.menu__item-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu__item-description{font-size:var(--menu-label-font-size);color:var(--menu-label-color)}.menu__item[data-highlighted] .menu__item-description,.menu__item.menu__item--destructive .menu__item-description{color:inherit}

package/dist/menu.js

@@ -2,14 +2,15 @@
 import './menu.css';
 import { n as e } from "./_shared/portal-container.js";
 import { t } from "./_shared/css-properties.js";
-import { n, t as r } from "./_shared/dropdownitems.js";
+import { t as n } from "./_shared/default-render-link.js";
+import { t as r } from "./_shared/dropdownitems.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Menu as o } from "@base-ui/react/menu";
 //#region src/stories/molecules/Menu/Menu.tsx
 function s(e) {
 	return ["menu__item", e ? "menu__item--destructive" : ""].filter(Boolean).join(" ");
 }
-function c({ trigger: c, items: l, value: u, onValueChange: d, renderLink: f = r, open: p, defaultOpen: m, onOpenChange: h, openOnHover: g = !1, hoverDelay: _ = 150, side: v = "bottom", align: y = "start", sideOffset: b = 4, minWidth: x = "10rem", maxWidth: S, size: C = "md", container: w, className: T }) {
+function c({ trigger: c, items: l, value: u, onValueChange: d, renderLink: f = n, open: p, defaultOpen: m, onOpenChange: h, openOnHover: g = !1, hoverDelay: _ = 150, side: v = "bottom", align: y = "start", sideOffset: b = 4, minWidth: x = "10rem", maxWidth: S, size: C = "md", container: w, className: T }) {
 	let E = e(w), D = c, O = typeof D.props?.id == "string" ? D.props.id : void 0, k = t({
 		"min-width": x,
 		"max-width": S
@@ -37,7 +38,7 @@ function c({ trigger: c, items: l, value: u, onValueChange: d, renderLink: f = r
 						C === "md" ? "" : `menu__content--${C}`,
 						T
 					].filter(Boolean).join(" "),
-					children: n({
+					children: r({
 						items: l,
 						itemClass: s,
 						separatorClass: "menu__separator",