@studiolxd/brand 38.12.4

package/dist/date-picker-field.css

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

package/dist/date-picker-field.js

@@ -0,0 +1,44 @@
+'use client';
+import './date-picker-field.css';
+import { n as e } from "./_shared/form-size.js";
+import { ErrorText as t } from "./error-text.js";
+import { Label as n } from "./label.js";
+import { n as r } from "./_shared/field-labels.js";
+import { t as i } from "./_shared/datepicker.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/DatePickerField/DatePickerField.tsx
+var l = s(function({ id: s, label: l, labelHidden: u, errorMessage: d, helperText: f, error: p = !1, size: m, className: h, ...g }, _) {
+	let v = r(u), y = e(m), b = c(), x = s ?? b, S = d ? `${x}-error` : void 0, C = f ? `${x}-helper` : void 0, w = [S, C].filter(Boolean).join(" ") || void 0, T = p || !!d;
+	return /* @__PURE__ */ o("div", {
+		className: ["date-picker-field", h].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ a(n, {
+				htmlFor: x,
+				hidden: v,
+				size: y,
+				children: l
+			}),
+			/* @__PURE__ */ a(i, {
+				calendarLabel: l,
+				...g,
+				ref: _,
+				id: x,
+				size: y,
+				error: T,
+				"aria-describedby": w
+			}),
+			d && /* @__PURE__ */ a(t, {
+				id: S,
+				children: d
+			}),
+			f && /* @__PURE__ */ a("span", {
+				id: C,
+				className: "date-picker-field__helper",
+				children: f
+			})
+		]
+	});
+});
+//#endregion
+export { l as DatePickerField };

package/dist/date-picker.js

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

package/dist/date-time-field.css

@@ -0,0 +1 @@
+.date-time-field{gap:var(--date-time-field-gap);flex-direction:column;display:flex}.date-time-field__controls{align-items:flex-start;gap:var(--date-time-field-controls-gap);display:flex}.date-time-field__date{flex:1}.date-time-field__helper{font-family:var(--date-time-field-helper-font-family);font-size:var(--date-time-field-helper-font-size);font-weight:var(--date-time-field-helper-font-weight);line-height:var(--date-time-field-helper-line-height);color:var(--date-time-field-helper-color)}

package/dist/date-time-field.js

@@ -0,0 +1,104 @@
+'use client';
+import './date-time-field.css';
+import { n as e } from "./_shared/form-size.js";
+import { ErrorText as t } from "./error-text.js";
+import { Label as n } from "./label.js";
+import { TimeSelect as r } from "./time-select.js";
+import { n as i } from "./_shared/field-labels.js";
+import { t as a } from "./_shared/datepicker.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as c, useCallback as l, useId as u } from "react";
+//#region src/stories/molecules/DateTimeField/DateTimeField.tsx
+function d(e, t) {
+	let n = new Date(e);
+	return n.setHours(t.h, t.m, 0, 0), n;
+}
+function f(e) {
+	return e ? {
+		h: e.getHours(),
+		m: e.getMinutes()
+	} : null;
+}
+var p = c(function({ id: c, label: p, labelHidden: m, value: h, placeholder: g, timeStep: _, minDate: v, maxDate: y, disabledDates: b, name: x, size: S, disabled: C, readOnly: w, error: T = !1, errorMessage: E, helperText: D, locale: O = "es-ES", className: k, calendarLabel: A, openCalendarLabel: j, invalidMessage: M, maskLetters: N, previousMonthLabel: P, nextMonthLabel: F, previousYearsLabel: I, nextYearsLabel: L, yearGridLabel: R, gridLabel: z, hoursLabel: B, minutesLabel: V, onChange: H, onBlur: U }, W) {
+	let G = i(m), K = e(S), q = u(), J = c ?? q, Y = `${J}-date`, X = E ? `${J}-error` : void 0, Z = D ? `${J}-helper` : void 0, Q = [X, Z].filter(Boolean).join(" ") || void 0, $ = T || !!E, ee = l((e) => {
+		if (!e) {
+			H?.(null);
+			return;
+		}
+		let t = f(h) ?? {
+			h: 0,
+			m: 0
+		};
+		H?.(d(e, t));
+	}, [h, H]), te = l((e) => {
+		h && H?.(d(h, e));
+	}, [h, H]);
+	return /* @__PURE__ */ s("div", {
+		className: ["date-time-field", k].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ o(n, {
+				id: `${J}-label`,
+				htmlFor: Y,
+				hidden: G,
+				size: K,
+				children: p
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "date-time-field__controls",
+				role: "group",
+				"aria-labelledby": `${J}-label`,
+				"aria-describedby": Q,
+				children: [/* @__PURE__ */ o(a, {
+					ref: W,
+					className: "date-time-field__date",
+					id: Y,
+					name: x,
+					value: h ?? null,
+					onChange: ee,
+					onBlur: U,
+					placeholder: g,
+					minDate: v,
+					maxDate: y,
+					disabledDates: b,
+					size: K,
+					disabled: C,
+					readOnly: w,
+					error: $,
+					locale: O,
+					calendarLabel: A ?? p,
+					openCalendarLabel: j,
+					invalidMessage: M,
+					maskLetters: N,
+					previousMonthLabel: P,
+					nextMonthLabel: F,
+					previousYearsLabel: I,
+					nextYearsLabel: L,
+					yearGridLabel: R,
+					gridLabel: z
+				}), /* @__PURE__ */ o(r, {
+					value: f(h),
+					onChange: te,
+					onBlur: U,
+					step: _,
+					size: K,
+					disabled: C,
+					readOnly: w,
+					error: $,
+					hoursLabel: B,
+					minutesLabel: V
+				})]
+			}),
+			E && /* @__PURE__ */ o(t, {
+				id: X,
+				children: E
+			}),
+			D && /* @__PURE__ */ o("span", {
+				id: Z,
+				className: "date-time-field__helper",
+				children: D
+			})
+		]
+	});
+});
+//#endregion
+export { p as DateTimeField };

package/dist/datepicker.css

@@ -0,0 +1 @@
+.date-picker{gap:var(--date-picker-message-gap);flex-direction:column;display:flex}.date-picker__control{inline-size:var(--date-picker-inline-size);align-items:center;display:flex}.date-picker__input{min-inline-size:0;flex:auto;padding-inline-end:var(--date-picker-button-slot-size)}.date-picker__button{inline-size:var(--date-picker-button-slot-size);block-size:var(--date-picker-button-slot-size);cursor:var(--date-picker-button-cursor);color:var(--date-picker-button-color);transition:color var(--date-picker-transition-duration) var(--date-picker-transition-easing);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-start:calc(-1 * var(--date-picker-button-slot-size));padding-block:0;padding-inline:0;display:flex}.date-picker__button:hover{color:var(--date-picker-button-hover-color)}.date-picker__button:focus-visible{outline:var(--date-picker-button-focus-ring-width) solid var(--date-picker-button-focus-ring-color);outline-offset:calc(-1 * var(--date-picker-border-width))}.date-picker__button:disabled{color:var(--date-picker-button-disabled-color);cursor:var(--date-picker-disabled-cursor)}.date-picker__glyph{inline-size:var(--date-picker-button-icon-size);block-size:var(--date-picker-button-icon-size)}.date-picker.date-picker--sm{--date-picker-button-slot-size:var(--date-picker-button-sm-slot-size);--date-picker-button-icon-size:var(--date-picker-button-sm-icon-size)}.date-picker.date-picker--lg{--date-picker-button-slot-size:var(--date-picker-button-lg-slot-size);--date-picker-button-icon-size:var(--date-picker-button-lg-icon-size)}.date-picker__message{font-family:var(--date-picker-message-font-family);font-size:var(--date-picker-message-font-size);font-weight:var(--date-picker-message-font-weight);line-height:var(--date-picker-message-line-height);color:var(--date-picker-message-color)}.date-picker__popover{padding-block:0;padding-inline:0}

package/dist/description-list.css

@@ -0,0 +1 @@
+.description-list{border-width:var(--description-list-border-width);border-style:var(--description-list-border-style);border-color:var(--description-list-border-color);grid-template-columns:1fr;margin:0;display:grid}@media (width>=768px){.description-list{grid-template-columns:max-content 1fr}}.description-list>dt,.description-list>dd,.description-list>.description-list__term,.description-list>.description-list__details{padding-block:var(--description-list-cell-padding-block);padding-inline:var(--description-list-cell-padding-inline);margin:0}.description-list>dd,.description-list>.description-list__details{border-block-end-width:var(--description-list-border-width);border-block-end-style:var(--description-list-border-style);border-block-end-color:var(--description-list-border-color)}.description-list>dd:last-of-type,.description-list>.description-list__details:last-of-type{border-block-end:none}.description-list>dt,.description-list>.description-list__term{font-family:var(--description-list-term-font-family);font-size:var(--description-list-term-font-size);font-weight:var(--description-list-term-font-weight);line-height:var(--description-list-term-line-height);letter-spacing:var(--description-list-term-letter-spacing);color:var(--description-list-term-color);align-items:center;display:flex}@media (width>=768px){.description-list>dt,.description-list>.description-list__term{border-block-end-width:var(--description-list-border-width);border-block-end-style:var(--description-list-border-style);border-block-end-color:var(--description-list-border-color);border-inline-end-width:var(--description-list-border-width);border-inline-end-style:var(--description-list-border-style);border-inline-end-color:var(--description-list-border-color)}.description-list>dt:last-of-type,.description-list>.description-list__term:last-of-type{border-block-end:none}}.description-list>dd,.description-list>.description-list__details{font-family:var(--description-list-value-font-family);font-size:var(--description-list-value-font-size);font-weight:var(--description-list-value-font-weight);line-height:var(--description-list-value-line-height);color:var(--description-list-value-color)}

package/dist/description-list.js

@@ -0,0 +1,45 @@
+'use client';
+import './description-list.css';
+import { CopyableValue as e } from "./copyable-value.js";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+//#region src/stories/atoms/DescriptionList/DescriptionList.tsx
+var r = n(function({ className: e, children: n, ...r }, i) {
+	return /* @__PURE__ */ t("dl", {
+		ref: i,
+		className: ["description-list", e].filter(Boolean).join(" "),
+		...r,
+		children: n
+	});
+}), i = n(function({ as: e = "dt", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ t(e, {
+		ref: a,
+		className: ["description-list__term", n].filter(Boolean).join(" "),
+		...i,
+		children: r
+	});
+}), a = n(function({ as: n = "dd", className: r, children: i, copyable: a = !1, copyText: o, copyLabel: s = "Copiar", copiedLabel: c = "Copiado", ...l }, u) {
+	let d = [
+		"description-list__details",
+		a ? "description-list__details--copyable" : "",
+		r
+	].filter(Boolean).join(" ");
+	return a ? /* @__PURE__ */ t(n, {
+		ref: u,
+		className: d,
+		...l,
+		children: /* @__PURE__ */ t(e, {
+			copyText: o,
+			copyLabel: s,
+			copiedLabel: c,
+			children: i
+		})
+	}) : /* @__PURE__ */ t(n, {
+		ref: u,
+		className: d,
+		...l,
+		children: i
+	});
+});
+//#endregion
+export { a as DescriptionDetails, r as DescriptionList, i as DescriptionTerm };

package/dist/dialogsurface.css

@@ -0,0 +1 @@
+@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:var(--dialog-overlay-opacity)}}@keyframes dialog-overlay-out{0%{opacity:var(--dialog-overlay-opacity)}to{opacity:0}}.dialog-overlay{z-index:var(--dialog-overlay-z-index);background-color:var(--dialog-overlay-bg);opacity:var(--dialog-overlay-opacity);position:fixed;inset:0}.dialog-overlay[data-open]{animation:dialog-overlay-in var(--dialog-transition-duration) var(--dialog-transition-easing) forwards}.dialog-overlay[data-closed]{animation:dialog-overlay-out var(--dialog-transition-duration) var(--dialog-transition-easing) forwards}.dialog-header{gap:var(--dialog-header-gap);display:flex}.dialog-header--inline{justify-content:space-between;align-items:flex-start;margin-block-end:var(--dialog-header-gap)}.dialog-header--inline.dialog-header--no-title{justify-content:flex-end}.dialog-header--stacked{flex-direction:column;padding-inline-end:var(--dialog-header-close-room)}.dialog-footer{gap:var(--dialog-footer-gap);flex-direction:column-reverse;display:flex}.dialog-footer>*{inline-size:100%}@media (width>=768px){.dialog-footer{flex-direction:row;justify-content:flex-end}.dialog-footer>*{inline-size:auto}}

package/dist/docs-search.css

@@ -0,0 +1 @@
+.docs-search{gap:var(--docs-search-gap);flex-direction:column;display:flex}.docs-search__results{gap:var(--docs-search-results-gap);max-block-size:var(--docs-search-results-max-block-size);outline:none;flex-direction:column;display:flex;overflow-y:auto}.docs-search__results:empty{display:none}.docs-search__result{gap:var(--docs-search-result-gap);padding-block:var(--docs-search-result-padding-block);padding-inline:var(--docs-search-result-padding-inline);border-radius:var(--docs-search-result-border-radius);color:var(--docs-search-result-color);box-shadow:none;cursor:pointer;flex-direction:column;display:flex}.docs-search__result[data-highlighted]{background-color:var(--docs-search-result-highlighted-bg);color:var(--docs-search-result-highlighted-color)}.docs-search__result[data-highlighted] .docs-search__result-product,.docs-search__result[data-highlighted] .docs-search__result-excerpt{color:inherit}.docs-search__result[data-highlighted] .docs-search__result-excerpt mark{background-color:var(--docs-search-result-highlighted-color);color:var(--docs-search-result-highlighted-bg)}.docs-search__result-product{font-size:var(--docs-search-result-product-font-size);color:var(--docs-search-result-product-color)}.docs-search__result-title{font-size:var(--docs-search-result-title-font-size);font-weight:var(--docs-search-result-title-font-weight)}.docs-search__result-excerpt{font-size:var(--docs-search-result-excerpt-font-size);line-height:var(--docs-search-result-excerpt-line-height);color:var(--docs-search-result-excerpt-color)}.docs-search__result-excerpt mark{background-color:var(--docs-search-result-mark-bg);color:var(--docs-search-result-mark-color)}.docs-search__status{align-items:center;gap:var(--docs-search-status-gap);padding-block:var(--docs-search-status-padding-block);padding-inline:var(--docs-search-status-padding-inline);font-size:var(--docs-search-status-font-size);color:var(--docs-search-status-color);margin-block:0;margin-inline:0;display:flex}

package/dist/docs-search.js

@@ -0,0 +1,78 @@
+'use client';
+import './docs-search.css';
+import { Spinner as e } from "./spinner.js";
+import { InputField as t } from "./input-field.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+import { Autocomplete as a } from "@base-ui/react/autocomplete";
+//#region src/stories/molecules/DocsSearch/DocsSearch.tsx
+function o(e) {
+	return /* @__PURE__ */ r("a", { ...e });
+}
+function s({ id: s = "docs-search", query: c, onQueryChange: l, results: u, loading: d = !1, label: f = "Buscar en la documentación", labelHidden: p, placeholder: m = "Buscar…", clearable: h = !0, clearLabel: g = "Borrar", resultsLabel: _ = "Resultados", emptyLabel: v = "Sin resultados.", loadingLabel: y = "Buscando…", size: b, renderLink: x = o, onSelect: S, className: C }) {
+	let w = c.trim() !== "" && u.length === 0 ? d ? y : v : null;
+	return /* @__PURE__ */ r(a.Root, {
+		inline: !0,
+		open: !0,
+		items: u,
+		filter: null,
+		value: c,
+		onValueChange: l,
+		children: /* @__PURE__ */ i("div", {
+			className: ["docs-search", C].filter(Boolean).join(" "),
+			children: [
+				/* @__PURE__ */ r(a.Input, {
+					id: s,
+					render: /* @__PURE__ */ r(t, {
+						id: s,
+						label: f,
+						labelHidden: p,
+						kind: "search",
+						clearable: h,
+						clearLabel: g,
+						placeholder: m,
+						...b ? { size: b } : {}
+					})
+				}),
+				/* @__PURE__ */ r(a.List, {
+					className: "docs-search__results",
+					"aria-label": _,
+					children: (e) => /* @__PURE__ */ r(a.Item, {
+						value: e,
+						className: "docs-search__result",
+						onClick: () => S?.(e),
+						render: (t) => x({
+							...t,
+							href: e.href,
+							className: t.className ?? "docs-search__result",
+							children: /* @__PURE__ */ i(n, { children: [
+								e.product && /* @__PURE__ */ r("span", {
+									className: "docs-search__result-product",
+									children: e.product
+								}),
+								/* @__PURE__ */ r("span", {
+									className: "docs-search__result-title",
+									children: e.title
+								}),
+								e.excerpt && /* @__PURE__ */ r("span", {
+									className: "docs-search__result-excerpt",
+									children: e.excerpt
+								})
+							] })
+						})
+					}, e.href)
+				}),
+				w && /* @__PURE__ */ i("p", {
+					className: "docs-search__status",
+					role: "status",
+					children: [d && /* @__PURE__ */ r(e, {
+						size: "sm",
+						"aria-hidden": !0
+					}), w]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { s as DocsSearch };

package/dist/dots-button.css

@@ -0,0 +1 @@
+.dots-button--vertical .icon{transform:rotate(90deg)}

package/dist/dots-button.js

@@ -0,0 +1,29 @@
+'use client';
+import './dots-button.css';
+import { Icon as e } from "./icon.js";
+import { Button as t } from "./button.js";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+//#region src/stories/atoms/DotsButton/DotsButton.tsx
+var i = r(function({ size: r = "md", orientation: i = "horizontal", "aria-label": a = "Más opciones", className: o, ...s }, c) {
+	let l = [
+		"dots-button",
+		i === "vertical" ? "dots-button--vertical" : "",
+		o
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n(t, {
+		ref: c,
+		variant: "ghost",
+		iconOnly: !0,
+		size: r,
+		"aria-label": a,
+		className: l,
+		...s,
+		children: /* @__PURE__ */ n(e, {
+			name: "dots",
+			size: r === "lg" ? "md" : "sm"
+		})
+	});
+});
+//#endregion
+export { i as DotsButton };

package/dist/dropdown-field.css

@@ -0,0 +1 @@
+.dropdown-field{gap:var(--dropdown-field-gap);flex-direction:column;display:flex}.dropdown-field--inline{flex-flow:wrap;align-items:center}.dropdown-field--inline .error-text,.dropdown-field--inline .dropdown-field__helper{flex-basis:100%}.dropdown-field:not(.dropdown-field--inline) .dropdown-field__control{inline-size:100%}.dropdown-field__control{justify-content:space-between;align-items:center;gap:var(--dropdown-field-content-gap);block-size:var(--dropdown-field-height);padding-block:0;padding-inline:var(--dropdown-field-padding-inline);font-family:var(--dropdown-field-font-family);font-size:var(--dropdown-field-font-size);font-weight:var(--dropdown-field-font-weight);color:var(--dropdown-field-color);background-color:var(--dropdown-field-bg);border:var(--dropdown-field-border-width) solid var(--dropdown-field-border-color);border-radius:var(--dropdown-field-border-radius);cursor:pointer;display:inline-flex}.dropdown-field__control[aria-invalid=true]{border-color:var(--dropdown-field-error-border-color)}.dropdown-field__control:disabled{cursor:var(--dropdown-field-disabled-cursor);opacity:var(--dropdown-field-disabled-opacity)}.dropdown-field__control:focus,.dropdown-field__control[data-popup-open]{outline:none}.dropdown-field__control:focus-visible{outline:var(--dropdown-field-focus-ring-width) solid var(--dropdown-field-focus-ring-color);outline-offset:calc(-1 * (var(--dropdown-field-focus-ring-width) + var(--dropdown-field-border-width)))}.dropdown-field--sm .dropdown-field__control{block-size:var(--dropdown-field-sm-height);font-size:var(--dropdown-field-sm-font-size);padding-inline:var(--dropdown-field-sm-padding-inline)}.dropdown-field--lg .dropdown-field__control{block-size:var(--dropdown-field-lg-height);font-size:var(--dropdown-field-lg-font-size);padding-inline:var(--dropdown-field-lg-padding-inline)}.dropdown-field__value{align-items:center;gap:var(--dropdown-field-content-gap);display:inline-flex}.dropdown-field__value .icon{width:var(--dropdown-field-value-icon-size);height:var(--dropdown-field-value-icon-size);flex-shrink:0}.dropdown-field--sm .dropdown-field__value .icon{width:var(--dropdown-field-sm-value-icon-size);height:var(--dropdown-field-sm-value-icon-size)}.dropdown-field--lg .dropdown-field__value .icon{width:var(--dropdown-field-lg-value-icon-size);height:var(--dropdown-field-lg-value-icon-size)}.dropdown-field__icon{transition:transform var(--dropdown-field-icon-transition) var(--dropdown-field-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}.dropdown-field__control[data-popup-open] .dropdown-field__icon{transform:rotate(-90deg)}.dropdown-field__helper{font-family:var(--dropdown-field-helper-font-family);font-size:var(--dropdown-field-helper-font-size);font-weight:var(--dropdown-field-helper-font-weight);line-height:var(--dropdown-field-helper-line-height);color:var(--dropdown-field-helper-color)}

package/dist/dropdown-field.js

@@ -0,0 +1,73 @@
+'use client';
+import './dropdown-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 { Label as r } from "./label.js";
+import { n as i } from "./_shared/field-labels.js";
+import { Menu as a } from "./menu.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as c, useId as l } from "react";
+//#region src/stories/molecules/DropdownField/DropdownField.tsx
+var u = c(function({ id: c, label: u, labelHidden: d, "aria-label": f, items: p, value: m, onValueChange: h, children: g, inline: _ = !1, size: v, align: y = "start", disabled: b = !1, name: x, error: S = !1, errorMessage: C, helperText: w, onBlur: T, className: E }, D) {
+	let O = i(d), k = t(v), A = l(), j = c ?? A, M = C ? `${j}-error` : void 0, N = w ? `${j}-helper` : void 0, P = [M, N].filter(Boolean).join(" ") || void 0, F = S || !!C;
+	return /* @__PURE__ */ s("div", {
+		className: [
+			"dropdown-field",
+			_ ? "dropdown-field--inline" : "",
+			k === "md" ? "" : `dropdown-field--${k}`,
+			E
+		].filter(Boolean).join(" "),
+		children: [
+			u && /* @__PURE__ */ o(r, {
+				htmlFor: j,
+				hidden: O,
+				size: k,
+				children: u
+			}),
+			/* @__PURE__ */ o(a, {
+				align: y,
+				size: k,
+				value: m,
+				onValueChange: h,
+				items: p,
+				trigger: /* @__PURE__ */ s("button", {
+					ref: D,
+					type: "button",
+					id: j,
+					className: "dropdown-field__control",
+					"aria-label": u ? void 0 : f,
+					"aria-describedby": P,
+					"aria-invalid": F || void 0,
+					disabled: b,
+					onBlur: T,
+					children: [/* @__PURE__ */ o("span", {
+						className: "dropdown-field__value",
+						children: g
+					}), /* @__PURE__ */ o(e, {
+						name: "chevron",
+						size: "sm",
+						className: "dropdown-field__icon",
+						"aria-hidden": "true"
+					})]
+				})
+			}),
+			x && /* @__PURE__ */ o("input", {
+				type: "hidden",
+				name: x,
+				value: m ?? ""
+			}),
+			C && /* @__PURE__ */ o(n, {
+				id: M,
+				children: C
+			}),
+			w && /* @__PURE__ */ o("span", {
+				id: N,
+				className: "dropdown-field__helper",
+				children: w
+			})
+		]
+	});
+});
+//#endregion
+export { u as DropdownField };