@studiolxd/brand 49.28.0 → 51.0.0

package/dist/heatmap.js

@@ -1,6 +1,6 @@
 'use client';
 import './heatmap.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
 import { forwardRef as n, useMemo as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -15,28 +15,72 @@ function s(e, t) {
 	let n = Math.max(2, Math.min(6, Math.round(t)));
 	return Math.round((Math.max(1, Math.min(n, Math.round(e))) - 1) * 5 / (n - 1)) + 1;
 }
+function c(e, t) {
+	if (e == null || !Number.isFinite(e)) return null;
+	let n = e - t.midpoint;
+	if (n === 0) return "neutral";
+	let r = t.radius > 0 ? Math.min(1, Math.abs(n) / t.radius) : 1, i = Math.min(3, Math.floor(r * 3.5 + .5));
+	return i === 0 ? "neutral" : `${n < 0 == ((t.direction ?? "warm-below") === "warm-below") ? "warm" : "cool"}-${i}`;
+}
+function l(e = "warm-below") {
+	let t = e === "warm-below" ? "warm" : "cool", n = e === "warm-below" ? "cool" : "warm";
+	return [
+		`${t}-3`,
+		`${t}-2`,
+		`${t}-1`,
+		"neutral",
+		`${n}-1`,
+		`${n}-2`,
+		`${n}-3`
+	];
+}
+function u(e, t, n, r) {
+	let i = [n, r].filter((e) => e !== void 0 && Number.isFinite(e));
+	return (i.length > 0 ? i : t.filter((e) => e !== null && Number.isFinite(e))).reduce((t, n) => Math.max(t, Math.abs(n - e)), 0);
+}
 //#endregion
-//#region src/stories/molecules/Heatmap/Heatmap.tsx
-var c = (e, t) => `${e}\u0000${t}`, l = n(function({ rows: n, columns: l, cells: u, min: d = 0, max: f, steps: p = 5, rowHeader: m, showValues: h = !0, formatValue: g, locale: _ = "es-ES", showLegend: v = !0, minLabel: y, maxLabel: b, label: x, emptyLabel: S, scaleLabel: C, className: w, ...T }, E) {
-	let D = e("heatmap"), O = r(() => {
+//#region src/stories/messages/es/heatmap.ts
+var d = {
+	label: "Matriz",
+	empty: "sin dato",
+	scale: "Escala de color",
+	midpoint: (e) => `Centro: ${e}`
+}, f = (e, t) => `${e}\u0000${t}`, p = n(function({ rows: n, columns: p, cells: m, scale: h = "sequential", min: g, max: _, steps: v = 5, midpoint: y = 0, divergingDirection: b = "warm-below", rowHeader: x, showValues: S = !0, formatValue: C, locale: w = "es-ES", showLegend: T = !0, minLabel: E, maxLabel: D, midpointLabel: O, label: k, emptyLabel: A, scaleLabel: j, className: M, ...N }, P) {
+	let F = e("heatmap", d), I = h === "diverging", L = g ?? 0, R = r(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of u) e.set(c(t.rowId, t.columnKey), t.value);
+		for (let t of m) e.set(f(t.rowId, t.columnKey), t.value);
 		return e;
-	}, [u]), k = r(() => {
-		if (f !== void 0) return f;
-		let e = u.map((e) => e.value).filter((e) => e !== null && Number.isFinite(e));
-		return e.length > 0 ? Math.max(...e) : d + 1;
+	}, [m]), z = r(() => {
+		if (_ !== void 0) return _;
+		let e = m.map((e) => e.value).filter((e) => e !== null && Number.isFinite(e));
+		return e.length > 0 ? Math.max(...e) : L + 1;
 	}, [
-		u,
-		f,
-		d
-	]), A = Math.max(2, Math.min(6, Math.round(p))), j = {
-		min: d,
-		max: k,
-		steps: A
-	}, M = r(() => new Intl.NumberFormat(_, { maximumFractionDigits: 1 }), [_]), N = g ?? ((e) => M.format(e)), P = r(() => {
+		m,
+		_,
+		L
+	]), B = Math.max(2, Math.min(6, Math.round(v))), V = {
+		min: L,
+		max: z,
+		steps: B
+	}, H = r(() => u(y, m.map((e) => e.value), g, _), [
+		m,
+		y,
+		g,
+		_
+	]), U = {
+		midpoint: y,
+		radius: H,
+		direction: b
+	}, W = (e) => {
+		if (I) {
+			let t = c(e, U);
+			return t === null ? "heatmap__cell--empty" : `heatmap__cell--diverging-${t}`;
+		}
+		let t = o(e, V);
+		return t === null ? "heatmap__cell--empty" : `heatmap__cell--step-${s(t, B)}`;
+	}, G = r(() => new Intl.NumberFormat(w, { maximumFractionDigits: 1 }), [w]), K = C ?? ((e) => G.format(e)), q = r(() => {
 		let e = [];
-		for (let t of l) {
+		for (let t of p) {
 			let n = e[e.length - 1];
 			n && n.group === t.group ? n.span += 1 : e.push({
 				group: t.group,
@@ -44,11 +88,11 @@ var c = (e, t) => `${e}\u0000${t}`, l = n(function({ rows: n, columns: l, cells:
 			});
 		}
 		return e;
-	}, [l]), F = l.some((e) => e.group !== void 0);
+	}, [p]), J = p.some((e) => e.group !== void 0);
 	return /* @__PURE__ */ a("div", {
-		ref: E,
-		className: ["heatmap", w].filter(Boolean).join(" "),
-		...T,
+		ref: P,
+		className: ["heatmap", M].filter(Boolean).join(" "),
+		...N,
 		children: [/* @__PURE__ */ i("div", {
 			className: "heatmap__wrap",
 			children: /* @__PURE__ */ a("table", {
@@ -56,9 +100,9 @@ var c = (e, t) => `${e}\u0000${t}`, l = n(function({ rows: n, columns: l, cells:
 				children: [
 					/* @__PURE__ */ i("caption", {
 						className: "visually-hidden",
-						children: D("label", x)
+						children: F("label", k)
 					}),
-					/* @__PURE__ */ a("thead", { children: [F ? /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("td", { className: "heatmap__corner" }), P.map((e, t) => /* @__PURE__ */ i("th", {
+					/* @__PURE__ */ a("thead", { children: [J ? /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("td", { className: "heatmap__corner" }), q.map((e, t) => /* @__PURE__ */ i("th", {
 						className: "heatmap__group",
 						scope: "colgroup",
 						colSpan: e.span,
@@ -66,8 +110,8 @@ var c = (e, t) => `${e}\u0000${t}`, l = n(function({ rows: n, columns: l, cells:
 					}, `${e.group ?? ""}-${t}`))] }) : null, /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
 						className: "heatmap__corner",
 						scope: "col",
-						children: m
-					}), l.map((e) => /* @__PURE__ */ i("th", {
+						children: x
+					}), p.map((e) => /* @__PURE__ */ i("th", {
 						className: "heatmap__column-header",
 						scope: "col",
 						children: e.label
@@ -76,29 +120,45 @@ var c = (e, t) => `${e}\u0000${t}`, l = n(function({ rows: n, columns: l, cells:
 						className: "heatmap__row-header",
 						scope: "row",
 						children: e.label
-					}), l.map((n) => {
-						let r = O.get(c(e.id, n.key)) ?? null, a = o(r, j), l = ["heatmap__cell", a === null ? "heatmap__cell--empty" : `heatmap__cell--step-${s(a, A)}`].join(" "), u = r === null ? D("empty", S) : N(r);
+					}), p.map((n) => {
+						let r = R.get(f(e.id, n.key)) ?? null, a = `heatmap__cell ${W(r)}`, o = r === null ? F("empty", A) : K(r);
 						return /* @__PURE__ */ i("td", {
-							className: l,
-							children: h && r !== null ? u : /* @__PURE__ */ i(t, { children: u })
+							className: a,
+							children: S && r !== null ? o : /* @__PURE__ */ i(t, { children: o })
 						}, n.key);
 					})] }, e.id)) })
 				]
 			})
-		}), v ? /* @__PURE__ */ a("p", {
+		}), T && I ? /* @__PURE__ */ a("p", {
+			className: "heatmap__legend",
+			children: [
+				/* @__PURE__ */ i("span", { children: E ?? K(y - H) }),
+				/* @__PURE__ */ i("span", {
+					className: "heatmap__ramp",
+					role: "img",
+					"aria-label": F("scale", j),
+					children: l(b).map((e) => /* @__PURE__ */ i("span", { className: `heatmap__swatch heatmap__swatch--diverging-${e}` }, e))
+				}),
+				/* @__PURE__ */ i("span", { children: D ?? K(y + H) }),
+				/* @__PURE__ */ i("span", {
+					className: "heatmap__midpoint",
+					children: O ?? F("midpoint")(K(y))
+				})
+			]
+		}) : T ? /* @__PURE__ */ a("p", {
 			className: "heatmap__legend",
 			children: [
-				/* @__PURE__ */ i("span", { children: y ?? N(d) }),
+				/* @__PURE__ */ i("span", { children: E ?? K(L) }),
 				/* @__PURE__ */ i("span", {
 					className: "heatmap__ramp",
 					role: "img",
-					"aria-label": D("scale", C),
-					children: Array.from({ length: A }, (e, t) => /* @__PURE__ */ i("span", { className: `heatmap__swatch heatmap__swatch--step-${s(t + 1, A)}` }, t))
+					"aria-label": F("scale", j),
+					children: Array.from({ length: B }, (e, t) => /* @__PURE__ */ i("span", { className: `heatmap__swatch heatmap__swatch--step-${s(t + 1, B)}` }, t))
 				}),
-				/* @__PURE__ */ i("span", { children: b ?? N(k) })
+				/* @__PURE__ */ i("span", { children: D ?? K(z) })
 			]
 		}) : null]
 	});
 });
 //#endregion
-export { l as Heatmap };
+export { p as Heatmap };

package/dist/hero.js

@@ -22,7 +22,7 @@ function s({ title: s, description: c, actions: l, width: u = "xl", className: d
 					children: s
 				}),
 				c && /* @__PURE__ */ a(i, {
-					size: "large",
+					size: "lg",
 					className: "hero__description",
 					children: c
 				}),

package/dist/highlight.js

@@ -17,7 +17,7 @@ function c({ title: c, description: l, actions: u, media: d, mediaPosition: f =
 				children: c
 			}),
 			l && /* @__PURE__ */ o(i, {
-				size: "large",
+				size: "lg",
 				className: "highlight__description",
 				children: l
 			}),

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-field.js

@@ -1,101 +1,3 @@
 'use client';
-import './input-field.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Icon as t } from "./icon.js";
-import { n } from "./_shared/form-size.js";
-import { ErrorText as r } from "./error-text.js";
-import { Input as i } from "./input.js";
-import { Label as a } from "./label.js";
-import { n as o } from "./_shared/field-labels.js";
-import { forwardRef as s, useImperativeHandle as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/stories/molecules/InputField/InputField.tsx
-var p = s(function({ id: s, label: p, labelHidden: m, name: h, type: g, kind: _ = "text", clearable: v = !1, clearLabel: y, onClear: b, placeholder: x, value: S, defaultValue: C, disabled: w, readOnly: T, size: E, error: D = !1, errorMessage: O, helperText: k, onChange: A, onBlur: j, onFocus: M, className: N, ...P }, F) {
-	let I = e("inputField"), L = o(m), R = n(E), z = O ? `${s}-error` : void 0, B = k ? `${s}-helper` : void 0, V = [
-		z,
-		B,
-		P["aria-describedby"]
-	].filter(Boolean).join(" ") || void 0, H = D || !!O, U = _ === "search", W = l(null);
-	c(F, () => W.current);
-	let [G, K] = u(() => (C ?? "") !== ""), q = U && v && (S === void 0 ? G : S !== "") && !w && !T;
-	function J(e) {
-		S === void 0 && K(e.target.value !== ""), A?.(e);
-	}
-	function Y() {
-		let e = W.current;
-		e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), K(!1), e.focus(), b?.());
-	}
-	let X = /* @__PURE__ */ d(i, {
-		ref: W,
-		...U ? {
-			type: "text",
-			autoComplete: "off",
-			enterKeyHint: "search"
-		} : { type: g },
-		...P,
-		id: s,
-		name: h,
-		placeholder: x ?? (L ? p : void 0),
-		value: S,
-		defaultValue: C,
-		disabled: w,
-		readOnly: T,
-		size: R,
-		error: H,
-		"aria-describedby": V,
-		onChange: J,
-		onBlur: j,
-		onFocus: M
-	});
-	return /* @__PURE__ */ f("div", {
-		className: ["input-field", N].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ d(a, {
-				htmlFor: s,
-				hidden: L,
-				size: R,
-				children: p
-			}),
-			U ? /* @__PURE__ */ f("div", {
-				className: [
-					"input-field__search",
-					R === "md" ? "" : `input-field__search--${R}`,
-					v ? "input-field__search--clearable" : ""
-				].filter(Boolean).join(" "),
-				children: [
-					/* @__PURE__ */ d("span", {
-						className: "input-field__search-icon",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ d(t, {
-							name: "search",
-							className: "input-field__search-glyph"
-						})
-					}),
-					X,
-					q && /* @__PURE__ */ d("button", {
-						type: "button",
-						className: "input-field__clear",
-						"aria-label": I("clear", y),
-						"aria-controls": s,
-						onClick: Y,
-						children: /* @__PURE__ */ d(t, {
-							name: "close",
-							className: "input-field__search-glyph"
-						})
-					})
-				]
-			}) : X,
-			O && /* @__PURE__ */ d(r, {
-				id: z,
-				children: O
-			}),
-			k && /* @__PURE__ */ d("span", {
-				id: B,
-				className: "input-field__helper",
-				children: k
-			})
-		]
-	});
-});
-//#endregion
-export { p as InputField };
+import { t as e } from "./_shared/inputfield.js";
+export { e as InputField };

package/dist/input-phone-field.js

@@ -1,55 +1,50 @@
 'use client';
 import './input-phone-field.css';
 import { n as e } from "./_shared/form-size.js";
-import { ErrorText as t } from "./error-text.js";
-import { InputPhone as n } from "./input-phone.js";
-import { Label as r } from "./label.js";
-import { n as i } from "./_shared/field-labels.js";
-import { forwardRef as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t } from "./_shared/inputphone.js";
+import { n } from "./_shared/field-optional.js";
+import { n as r } from "./_shared/field-labels.js";
+import { a as i, n as a } from "./_shared/fieldshell.js";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/stories/molecules/InputPhoneField/InputPhoneField.tsx
-var l = a(function({ id: a, label: l, labelHidden: u, value: d, defaultCountry: f, placeholder: p, disabled: m, readOnly: h, required: g, name: _, autoComplete: v, error: y = !1, errorMessage: b, helperText: x, size: S, className: C, countryLabel: w, internationalLabel: T, onChange: E, onBlur: D, onFocus: O }, k) {
-	let A = i(u), j = e(S), M = o(), N = a ?? M, P = b ? `${N}-error` : void 0, F = x ? `${N}-helper` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = y || !!b;
-	return /* @__PURE__ */ c("div", {
-		className: ["input-phone-field", C].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ s(r, {
-				htmlFor: N,
-				hidden: A,
-				size: j,
-				children: l
-			}),
-			/* @__PURE__ */ s(n, {
-				ref: k,
-				id: N,
-				name: _,
-				value: d,
-				defaultCountry: f,
-				placeholder: p,
-				disabled: m,
-				readOnly: h,
-				required: g,
-				autoComplete: v,
-				countryLabel: w,
-				internationalLabel: T,
-				error: L,
-				size: j,
-				"aria-describedby": I,
-				onChange: E,
-				onBlur: D,
-				onFocus: O
-			}),
-			b && /* @__PURE__ */ s(t, {
-				id: P,
-				children: b
-			}),
-			x && /* @__PURE__ */ s("span", {
-				id: F,
-				className: "input-phone-field__helper",
-				children: x
-			})
-		]
+var c = o(function({ id: o, label: c, optional: l, optionalLabel: u, labelHidden: d, value: f, defaultCountry: p, placeholder: m, disabled: h, readOnly: g, required: _, name: v, autoComplete: y, error: b = !1, errorMessage: x, helperText: S, size: C, className: w, countryLabel: T, internationalLabel: E, onChange: D, onBlur: O, onFocus: k }, A) {
+	let j = r(d), M = e(C), N = n(l, _), P = i({
+		id: o,
+		error: b,
+		errorMessage: x,
+		helperText: S
+	}), { id: F } = P;
+	return /* @__PURE__ */ s(a, {
+		field: P,
+		block: "input-phone-field",
+		className: w,
+		label: c,
+		optional: N,
+		optionalLabel: u,
+		labelHidden: j,
+		size: M,
+		children: /* @__PURE__ */ s(t, {
+			ref: A,
+			id: F,
+			name: v,
+			value: f,
+			defaultCountry: p,
+			placeholder: m,
+			disabled: h,
+			readOnly: g,
+			required: _,
+			autoComplete: y,
+			countryLabel: T,
+			internationalLabel: E,
+			error: P.hasError,
+			size: M,
+			"aria-describedby": P.describedBy,
+			onChange: D,
+			onBlur: O,
+			onFocus: k
+		})
 	});
 });
 //#endregion
-export { l as InputPhoneField };
+export { c as InputPhoneField };

package/dist/input-phone.js

@@ -1,90 +1,3 @@
 'use client';
-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";
-//#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 }) {
-	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, {
-		value: v(r),
-		onValueChange: (e) => i(y(e)),
-		disabled: u,
-		children: [/* @__PURE__ */ o(s.Trigger, {
-			className: "input-phone__country",
-			"aria-label": h("country", f),
-			children: [/* @__PURE__ */ a(s.Value, { children: r ? `+${l(r)}` : p }), /* @__PURE__ */ a(t, {
-				name: "chevron",
-				className: "input-phone__country-icon",
-				size: b
-			})]
-		}), /* @__PURE__ */ a(s.Portal, {
-			container: g,
-			children: /* @__PURE__ */ a(s.Positioner, {
-				className: "input-phone__country-positioner",
-				side: "bottom",
-				align: "start",
-				alignItemWithTrigger: !1,
-				children: /* @__PURE__ */ a(s.Popup, {
-					className: x,
-					children: c.map(({ value: e, label: t }) => /* @__PURE__ */ a(s.Item, {
-						value: v(e),
-						className: "input-phone__country-item",
-						children: /* @__PURE__ */ a(s.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, {
-		className: [
-			"input-phone",
-			s ? "input-phone--error" : "",
-			l === "md" ? "" : `input-phone--${l}`
-		].filter(Boolean).join(" "),
-		value: e,
-		defaultCountry: t,
-		placeholder: n,
-		disabled: o,
-		readOnly: y,
-		required: v,
-		autoComplete: _,
-		id: d,
-		name: p,
-		inputComponent: i(() => r(function(e, t) {
-			return /* @__PURE__ */ a("input", {
-				...e,
-				ref: (e) => {
-					f(t, e), f(E, e);
-				},
-				className: "input-phone__number"
-			});
-		}), [E]),
-		countrySelectComponent: u,
-		countrySelectProps: {
-			size: l,
-			countryLabel: C,
-			internationalLabel: w,
-			container: T
-		},
-		onChange: (e) => b?.(e),
-		onBlur: x,
-		onFocus: S,
-		numberInputProps: {
-			"aria-describedby": h ?? m,
-			"aria-label": g,
-			"aria-invalid": s || void 0
-		}
-	});
-});
-function f(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
-//#endregion
-export { d as InputPhone };
+import { t as e } from "./_shared/inputphone.js";
+export { e 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/input.js

@@ -1,22 +1,23 @@
 'use client';
 import './input.css';
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
+import { n as e } from "./_shared/env.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/atoms/Input/Input.tsx
-var n = e(function({ size: e = "md", error: n = !1, className: r, describedBy: i, ariaLabel: a, ...o }, s) {
-	return /* @__PURE__ */ t("input", {
-		ref: s,
+var r = t(function({ size: t = "md", error: r = !1, className: i, describedBy: a, ariaLabel: o, ...s }, c) {
+	return o !== void 0 && e("Input", "ariaLabel", "`aria-label`"), /* @__PURE__ */ n("input", {
+		ref: c,
 		className: [
 			"input",
-			e === "md" ? "" : `input--${e}`,
-			n ? "input--error" : "",
-			r ?? ""
+			t === "md" ? "" : `input--${t}`,
+			r ? "input--error" : "",
+			i ?? ""
 		].filter(Boolean).join(" "),
-		"aria-invalid": n || void 0,
-		"aria-describedby": i,
-		"aria-label": a,
-		...o
+		"aria-invalid": r || void 0,
+		"aria-describedby": a,
+		"aria-label": o,
+		...s
 	});
 });
 //#endregion
-export { n as Input };
+export { r as Input };

package/dist/inputphone.css

@@ -0,0 +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{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);line-height:var(--input-line-height);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);line-height:var(--input-line-height);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/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)}.label__optional{color:var(--label-optional-color)}

package/dist/language-switcher.css

@@ -1 +1 @@
-.language-switcher__list{gap:var(--language-switcher-list-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.language-switcher__option{font:inherit;font-size:var(--language-switcher-list-font-size);color:inherit;padding:0;box-shadow:none;cursor:pointer;background:0 0;border:0;padding-block-end:0;text-decoration:none}.language-switcher__option:hover{box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;padding-block-end:var(--link-underline-offset)}.language-switcher__option.language-switcher__option--current{font-weight:var(--language-switcher-list-current-font-weight);box-shadow:none;cursor:default;padding-block-end:0;text-decoration:none}.language-switcher__option:focus-visible{outline:var(--language-switcher-focus-ring-width) solid var(--language-switcher-focus-ring-color);outline-offset:var(--language-switcher-focus-ring-offset)}
+.language-switcher__list{gap:var(--language-switcher-list-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.language-switcher__option{font:inherit;font-size:var(--language-switcher-list-font-size);color:inherit;padding:0;cursor:pointer;background:0 0;border:0;padding-block-end:0;text-decoration:none}.language-switcher__option:hover{-webkit-text-decoration-line:var(--link-decoration-line);text-decoration-line:var(--link-decoration-line);text-decoration-thickness:var(--link-underline-width);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:under;text-underline-offset:calc(var(--link-underline-offset) - var(--link-underline-width));padding-block-end:var(--link-underline-offset)}.language-switcher__option.language-switcher__option--current{font-weight:var(--language-switcher-list-current-font-weight);cursor:default;padding-block-end:0;text-decoration:none}.language-switcher__option:focus-visible{outline:var(--language-switcher-focus-ring-width) solid var(--language-switcher-focus-ring-color);outline-offset:var(--language-switcher-focus-ring-offset)}