@studiolxd/brand 38.12.4

package/dist/image-crop-dialog.js

@@ -0,0 +1,3 @@
+'use client';
+import { t as e } from "./_shared/imagecropdialog.js";
+export { e as ImageCropDialog };

package/dist/imagecropdialog.css

@@ -0,0 +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)}

package/dist/inline.css

@@ -0,0 +1 @@
+.inline{align-items:center;gap:var(--inline-gap-md);flex-wrap:wrap;display:flex}.inline.inline--gap-sm{gap:var(--inline-gap-sm)}.inline.inline--gap-lg{gap:var(--inline-gap-lg)}.inline>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}.inline.inline--align-start{align-items:flex-start}.inline.inline--align-end{align-items:flex-end}.inline.inline--justify-center{justify-content:center}.inline.inline--justify-end{justify-content:flex-end}.inline.inline--justify-between{justify-content:space-between}

package/dist/inline.js

@@ -0,0 +1,18 @@
+import './inline.css';
+import { jsx as e } from "react/jsx-runtime";
+//#region src/stories/atoms/Inline/Inline.tsx
+function t({ gap: t = "md", align: n = "center", justify: r = "start", children: i, className: a, ...o }) {
+	return /* @__PURE__ */ e("div", {
+		className: [
+			"inline",
+			t === "md" ? "" : `inline--gap-${t}`,
+			n === "center" ? "" : `inline--align-${n}`,
+			r === "start" ? "" : `inline--justify-${r}`,
+			a
+		].filter(Boolean).join(" "),
+		...o,
+		children: i
+	});
+}
+//#endregion
+export { t as Inline };

package/dist/input-field.css

@@ -0,0 +1 @@
+.input-field{gap:var(--input-field-gap);flex-direction:column;display:flex}.input-field__search{display:block;position:relative}.input-field__search--sm{--input-field-search-slot-size:var(--input-field-search-sm-slot-size);--input-field-search-icon-size:var(--input-field-search-sm-icon-size);--input-field-search-input-padding-inline-start:var(--input-field-search-sm-slot-size);--input-field-search-input-padding-inline-end:var(--input-field-search-sm-slot-size)}.input-field__search--lg{--input-field-search-slot-size:var(--input-field-search-lg-slot-size);--input-field-search-icon-size:var(--input-field-search-lg-icon-size);--input-field-search-input-padding-inline-start:var(--input-field-search-lg-slot-size);--input-field-search-input-padding-inline-end:var(--input-field-search-lg-slot-size)}.input-field__search .input{padding-inline-start:var(--input-field-search-input-padding-inline-start)}.input-field__search--clearable .input{padding-inline-end:var(--input-field-search-input-padding-inline-end)}.input-field__search-icon,.input-field__clear{inline-size:var(--input-field-search-slot-size);block-size:var(--input-field-search-slot-size);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.input-field__search-icon{color:var(--input-field-search-icon-color);pointer-events:none;inset-inline-start:0}.input-field__clear{cursor:pointer;color:var(--input-field-search-clear-color);transition:color var(--input-transition-duration) var(--input-transition-easing);background:0 0;border:none;padding-block:0;padding-inline:0;inset-inline-end:0}.input-field__clear:hover{color:var(--input-field-search-clear-hover-color)}.input-field__clear:focus-visible{outline:var(--input-field-search-clear-focus-ring-width) solid var(--input-field-search-clear-focus-ring-color);outline-offset:calc(-1 * var(--input-field-search-clear-focus-ring-offset))}.input-field__search-glyph{inline-size:var(--input-field-search-icon-size);block-size:var(--input-field-search-icon-size)}.input-field__helper{font-family:var(--input-field-helper-font-family);font-size:var(--input-field-helper-font-size);font-weight:var(--input-field-helper-font-weight);line-height:var(--input-field-helper-line-height);color:var(--input-field-helper-color)}

package/dist/input-field.js

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

package/dist/input-phone-field.css

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

package/dist/input-phone-field.js

@@ -0,0 +1,55 @@
+'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 { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as s, useId as c } from "react";
+//#region src/stories/molecules/InputPhoneField/InputPhoneField.tsx
+var l = s(function({ id: s, 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 = c(), N = s ?? 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__ */ o("div", {
+		className: ["input-phone-field", C].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ a(r, {
+				htmlFor: N,
+				hidden: A,
+				size: j,
+				children: l
+			}),
+			/* @__PURE__ */ a(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__ */ a(t, {
+				id: P,
+				children: b
+			}),
+			x && /* @__PURE__ */ a("span", {
+				id: F,
+				className: "input-phone-field__helper",
+				children: x
+			})
+		]
+	});
+});
+//#endregion
+export { l as InputPhoneField };

package/dist/input-phone.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{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.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

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

package/dist/input.css

@@ -0,0 +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)}

package/dist/input.js

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

package/dist/kbd.css

@@ -0,0 +1 @@
+.kbd{box-sizing:border-box;min-inline-size:var(--kbd-min-size);border-style:solid;border-width:var(--kbd-border-width);border-color:var(--kbd-border-color);border-radius:var(--kbd-border-radius);background-color:var(--kbd-bg);color:var(--kbd-color);font-family:var(--kbd-font-family);font-size:var(--kbd-font-size);font-weight:var(--kbd-font-weight);line-height:var(--kbd-line-height);padding-block:var(--kbd-padding-block);padding-inline:var(--kbd-padding-inline);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.kbd.kbd--sm{min-inline-size:var(--kbd-sm-min-size);font-size:var(--kbd-sm-font-size);padding-block:var(--kbd-sm-padding-block);padding-inline:var(--kbd-sm-padding-inline)}.kbd.kbd--lg{min-inline-size:var(--kbd-lg-min-size);font-size:var(--kbd-lg-font-size);padding-block:var(--kbd-lg-padding-block);padding-inline:var(--kbd-lg-padding-inline)}

package/dist/kbd.js

@@ -0,0 +1,18 @@
+import './kbd.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+//#region src/stories/atoms/Kbd/Kbd.tsx
+var n = t(function({ size: t = "md", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ e("kbd", {
+		ref: a,
+		className: [
+			"kbd",
+			t === "md" ? "" : `kbd--${t}`,
+			n ?? ""
+		].filter(Boolean).join(" "),
+		...i,
+		children: r
+	});
+});
+//#endregion
+export { n as Kbd };

package/dist/label.css

@@ -0,0 +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)}

package/dist/label.js

@@ -0,0 +1,19 @@
+import './label.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+//#region src/stories/atoms/Label/Label.tsx
+var n = t(function({ children: t, hidden: n = !1, size: r = "md", className: i, ...a }, o) {
+	return /* @__PURE__ */ e("label", {
+		ref: o,
+		className: [
+			"label",
+			n ? "visually-hidden" : "",
+			r === "md" ? "" : `label--${r}`,
+			i ?? ""
+		].filter(Boolean).join(" "),
+		...a,
+		children: t
+	});
+});
+//#endregion
+export { n as Label };

package/dist/language-switcher.css

@@ -0,0 +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)}

package/dist/language-switcher.js

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

package/dist/legal-footer.css

@@ -0,0 +1 @@
+.legal-footer{padding-block:var(--legal-footer-padding-block)}.legal-footer__inner{gap:var(--legal-footer-gap);flex-direction:column;display:flex}.legal-footer__links{gap:var(--legal-footer-links-gap-stacked);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.legal-footer__links{gap:var(--legal-footer-links-gap);flex-flow:wrap}}

package/dist/legal-footer.js

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

package/dist/link.css

@@ -0,0 +1 @@
+:where(button.link){appearance:none;font:inherit;text-align:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}a:where(:not(.button)),:where(.link){color:var(--link-color);box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;cursor:var(--link-cursor);padding-block-end:var(--link-underline-offset);text-decoration:none}a:where(:not(.button)):hover,:where(.link):hover{color:var(--link-hover-color);box-shadow:inset 0 calc(-1 * var(--link-hover-underline-width)) 0 0 currentColor}a:focus-visible,:where(.link):focus-visible{outline:var(--link-focus-ring-width) solid var(--link-focus-ring-color);outline-offset:var(--link-focus-ring-offset)}.link--with-icon{align-items:center;gap:var(--link-icon-gap);display:inline-flex}.link__icon{flex-shrink:0}.link--ink{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.link--ink:hover{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.link--accent-1{color:var(--link-accent-1-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-underline-width)) 0 0 currentColor}.link--accent-1:hover{color:var(--link-accent-1-hover-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-hover-underline-width)) 0 0 currentColor}

package/dist/link.js

@@ -0,0 +1,45 @@
+'use client';
+import './link.css';
+import { Icon as e } from "./icon.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { useRender as a } from "@base-ui/react/use-render";
+//#region src/stories/atoms/Link/Link.tsx
+var o = i(function({ href: i, children: o, external: s = !1, tone: c = "accent", icon: l, iconPosition: u = "start", render: d, className: f, ...p }, m) {
+	let h = [
+		"link",
+		c === "ink" ? "link--ink" : c === "accent-1" ? "link--accent-1" : "",
+		l ? "link--with-icon" : "",
+		f
+	].filter(Boolean).join(" "), g = l ? /* @__PURE__ */ n(e, {
+		name: l,
+		size: "sm",
+		className: "link__icon"
+	}) : null, _ = /* @__PURE__ */ r(t, { children: [
+		u === "start" && g,
+		o,
+		u === "end" && g
+	] });
+	return a({
+		render: d,
+		ref: m,
+		enabled: d !== void 0,
+		props: {
+			className: h,
+			...p,
+			children: _
+		}
+	}) || /* @__PURE__ */ n("a", {
+		ref: m,
+		href: i,
+		className: h,
+		...s ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
+		...p,
+		children: _
+	});
+});
+//#endregion
+export { o as Link };

package/dist/list.css

@@ -0,0 +1 @@
+.list{font-family:var(--text-list-font-family);font-size:var(--text-list-font-size);font-weight:var(--text-list-font-weight);line-height:var(--text-list-line-height);color:var(--text-list-color);letter-spacing:var(--text-list-letter-spacing);margin-block:0;margin-inline:0;padding-inline-start:var(--text-list-padding-inline-start)}.list>li+li,.list>.list__item+.list__item{margin-block-start:var(--text-list-gap)}.list.list--unordered{list-style-type:disc}.list.list--ordered{list-style-type:decimal}.list.list--plain{padding-inline-start:0;list-style-type:none}

package/dist/list.js

@@ -0,0 +1,25 @@
+import './list.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+//#region src/stories/atoms/List/List.tsx
+var n = t(function({ type: t = "unordered", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ e(t === "ordered" ? "ol" : "ul", {
+		ref: a,
+		className: [
+			"list",
+			`list--${t}`,
+			n ?? ""
+		].filter(Boolean).join(" "),
+		...i,
+		children: r
+	});
+}), r = t(function({ as: t = "li", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ e(t, {
+		ref: a,
+		className: ["list__item", n ?? ""].filter(Boolean).join(" "),
+		...i,
+		children: r
+	});
+});
+//#endregion
+export { n as List, r as ListItem };

package/dist/logo.css

@@ -0,0 +1 @@
+.logo{inline-size:auto;block-size:var(--logo-height-md);color:var(--logo-color);fill:currentColor;display:block}.logo.logo--sm{block-size:var(--logo-height-sm)}.logo.logo--md{block-size:var(--logo-height-md)}.logo.logo--lg{block-size:var(--logo-height-lg)}.logo.logo--xl{block-size:var(--logo-height-xl)}.logo.logo--xxl{block-size:var(--logo-height-xxl)}

package/dist/logo.js

@@ -0,0 +1,4 @@
+import './logo.css';
+import { n as e, r as t, t as n } from "./_shared/logoassets.js";
+import { t as r } from "./_shared/logo.js";
+export { r as Logo, n as logoPaths, e as logoSvg, t as logoViewBox };

package/dist/logomark.css

@@ -0,0 +1 @@
+.logomark{inline-size:var(--logomark-size-md);block-size:var(--logomark-size-md);color:var(--logomark-color);fill:currentColor;display:block}.logomark.logomark--sm{inline-size:var(--logomark-size-sm);block-size:var(--logomark-size-sm)}.logomark.logomark--md{inline-size:var(--logomark-size-md);block-size:var(--logomark-size-md)}.logomark.logomark--lg{inline-size:var(--logomark-size-lg);block-size:var(--logomark-size-lg)}.logomark.logomark--xl{inline-size:var(--logomark-size-xl);block-size:var(--logomark-size-xl)}

package/dist/logomark.js

@@ -0,0 +1,26 @@
+import './logomark.css';
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/stories/atoms/Logomark/logomarkAssets.ts
+var n = "547.6 -22.35 315.8 315.8", r = "508.125 -61.825 394.75 394.75", i = [
+	"M547.6,201.4V69.7h20.2v113.1h60.4v18.7H547.6z",
+	"M631.6,201.4l49.3-74.3l2.2-0.1l35.6-57.3h22.4l-45.4,69.9h-1.8l-39.7,61.8H631.6z M722.6,201.4l-40.8-62.2 l-1.4-0.1l-46.1-69.5h23.3l37.4,57.3h1.8l49.6,74.4H722.6z",
+	"M751.6,201.4V69.7h45.1c20.2,0,36.3,6,48.5,18c12.1,12,18.2,27.9,18.2,47.8c0,19.8-6.1,35.8-18.4,47.8 c-12.2,12.1-28.4,18.1-48.3,18.1H751.6z M771.9,183.3h24.4c14.2,0,25.4-4.3,33.8-12.8c8.4-8.5,12.6-20.1,12.6-34.6v-0.1 c0-14.7-4.1-26.3-12.4-34.9c-8.2-8.6-19.6-12.9-34-12.9h-24.4V183.3z"
+], a = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"547.6 -22.35 315.8 315.8\" fill=\"currentColor\" role=\"img\" aria-label=\"Studio LXD\">\n  <title>Studio LXD</title>\n  <path d=\"M547.6,201.4V69.7h20.2v113.1h60.4v18.7H547.6z\" />\n  <path d=\"M631.6,201.4l49.3-74.3l2.2-0.1l35.6-57.3h22.4l-45.4,69.9h-1.8l-39.7,61.8H631.6z M722.6,201.4l-40.8-62.2 l-1.4-0.1l-46.1-69.5h23.3l37.4,57.3h1.8l49.6,74.4H722.6z\" />\n  <path d=\"M751.6,201.4V69.7h45.1c20.2,0,36.3,6,48.5,18c12.1,12,18.2,27.9,18.2,47.8c0,19.8-6.1,35.8-18.4,47.8 c-12.2,12.1-28.4,18.1-48.3,18.1H751.6z M771.9,183.3h24.4c14.2,0,25.4-4.3,33.8-12.8c8.4-8.5,12.6-20.1,12.6-34.6v-0.1 c0-14.7-4.1-26.3-12.4-34.9c-8.2-8.6-19.6-12.9-34-12.9h-24.4V183.3z\" />\n</svg>", o = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"508.125 -61.825 394.75 394.75\" fill=\"currentColor\" role=\"img\" aria-label=\"Studio LXD\">\n  <title>Studio LXD</title>\n  <!-- Área de seguridad del 10 % por lado: el isotipo ocupa el 80 % central y entra completo en una máscara circular. -->\n  <path d=\"M547.6,201.4V69.7h20.2v113.1h60.4v18.7H547.6z\" />\n  <path d=\"M631.6,201.4l49.3-74.3l2.2-0.1l35.6-57.3h22.4l-45.4,69.9h-1.8l-39.7,61.8H631.6z M722.6,201.4l-40.8-62.2 l-1.4-0.1l-46.1-69.5h23.3l37.4,57.3h1.8l49.6,74.4H722.6z\" />\n  <path d=\"M751.6,201.4V69.7h45.1c20.2,0,36.3,6,48.5,18c12.1,12,18.2,27.9,18.2,47.8c0,19.8-6.1,35.8-18.4,47.8 c-12.2,12.1-28.4,18.1-48.3,18.1H751.6z M771.9,183.3h24.4c14.2,0,25.4-4.3,33.8-12.8c8.4-8.5,12.6-20.1,12.6-34.6v-0.1 c0-14.7-4.1-26.3-12.4-34.9c-8.2-8.6-19.6-12.9-34-12.9h-24.4V183.3z\" />\n</svg>";
+//#endregion
+//#region src/stories/atoms/Logomark/Logomark.tsx
+function s({ size: r = "md", title: a, className: o }) {
+	return /* @__PURE__ */ t("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: n,
+		className: [
+			"logomark",
+			`logomark--${r}`,
+			o
+		].filter(Boolean).join(" "),
+		role: a ? "img" : void 0,
+		"aria-hidden": a ? void 0 : !0,
+		children: [a ? /* @__PURE__ */ e("title", { children: a }) : null, i.map((t) => /* @__PURE__ */ e("path", { d: t }, t))]
+	});
+}
+//#endregion
+export { s as Logomark, i as logomarkPaths, o as logomarkSafeSvg, r as logomarkSafeViewBox, a as logomarkSvg, n as logomarkViewBox };

package/dist/menu-button.css

@@ -0,0 +1 @@
+.menu-button{inline-size:var(--menu-button-size-md);block-size:var(--menu-button-size-md);color:var(--menu-button-color);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-button.menu-button--sm{inline-size:var(--menu-button-size-sm);block-size:var(--menu-button-size-sm)}.menu-button.menu-button--lg{inline-size:var(--menu-button-size-lg);block-size:var(--menu-button-size-lg)}.menu-button:focus-visible{outline:var(--menu-button-focus-ring-width) solid var(--menu-button-focus-ring-color);outline-offset:var(--menu-button-focus-ring-offset)}.menu-button__icon .icon__line{transform-box:fill-box;transform-origin:50%;transition:transform var(--menu-button-transition-duration) var(--menu-button-transition-easing), opacity var(--menu-button-transition-duration) var(--menu-button-transition-easing)}.menu-button[aria-expanded=true] .icon__line:first-child{transform:translateY(var(--menu-button-line-shift)) rotate(45deg)}.menu-button[aria-expanded=true] .icon__line:nth-child(2){opacity:0;transform:scaleX(0)}.menu-button[aria-expanded=true] .icon__line:nth-child(3){transform:translateY(calc(-1 * var(--menu-button-line-shift))) rotate(-45deg)}