@studiolxd/brand 49.28.0 → 50.0.0

package/dist/date-time-field.js

@@ -19,8 +19,8 @@ function f(e) {
 		m: e.getMinutes()
 	} : null;
 }
-var p = o(function({ id: o, 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 = c(), J = o ?? 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 = s((e) => {
+var p = o(function({ id: o, 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, today: ee, hoursLabel: B, minutesLabel: V, onChange: H, onBlur: U }, W) {
+	let G = i(m), K = e(S), q = c(), J = o ?? 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, te = s((e) => {
 		if (!e) {
 			H?.(null);
 			return;
@@ -30,7 +30,7 @@ var p = o(function({ id: o, label: p, labelHidden: m, value: h, placeholder: g,
 			m: 0
 		};
 		H?.(d(e, t));
-	}, [h, H]), te = s((e) => {
+	}, [h, H]), ne = s((e) => {
 		h && H?.(d(h, e));
 	}, [h, H]);
 	return /* @__PURE__ */ u("div", {
@@ -54,7 +54,7 @@ var p = o(function({ id: o, label: p, labelHidden: m, value: h, placeholder: g,
 					id: Y,
 					name: x,
 					value: h ?? null,
-					onChange: ee,
+					onChange: te,
 					onBlur: U,
 					placeholder: g,
 					minDate: v,
@@ -74,10 +74,11 @@ var p = o(function({ id: o, label: p, labelHidden: m, value: h, placeholder: g,
 					previousYearsLabel: I,
 					nextYearsLabel: L,
 					yearGridLabel: R,
-					gridLabel: z
+					gridLabel: z,
+					today: ee
 				}), /* @__PURE__ */ l(r, {
 					value: f(h),
-					onChange: te,
+					onChange: ne,
 					onBlur: U,
 					step: _,
 					size: K,

package/dist/docs-search.js

@@ -2,60 +2,58 @@
 import './docs-search.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Spinner as t } from "./spinner.js";
-import { InputField as n } from "./input-field.js";
-import "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Autocomplete as o } from "@base-ui/react/autocomplete";
+import { t as n } from "./_shared/default-render-link.js";
+import { InputField as r } from "./input-field.js";
+import { useId as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Autocomplete as c } from "@base-ui/react/autocomplete";
 //#region src/stories/molecules/DocsSearch/DocsSearch.tsx
-function s(e) {
-	return /* @__PURE__ */ i("a", { ...e });
-}
-function c({ id: c = "docs-search", query: l, onQueryChange: u, results: d, loading: f = !1, label: p, labelHidden: m, placeholder: h, clearable: g = !0, clearLabel: _, resultsLabel: v, emptyLabel: y, loadingLabel: b, size: x, renderLink: S = s, onSelect: C, className: w }) {
-	let T = e("docsSearch"), E = l.trim() !== "" && d.length === 0 ? f ? T("loading", b) : T("empty", y) : null;
-	return /* @__PURE__ */ i(o.Root, {
+function l({ id: l, query: u, onQueryChange: d, results: f, loading: p = !1, label: m, labelHidden: h, placeholder: g, clearable: _ = !0, clearLabel: v, resultsLabel: y, emptyLabel: b, loadingLabel: x, size: S, renderLink: C = n, onSelect: w, className: T }) {
+	let E = e("docsSearch"), D = i(), O = l ?? D, k = u.trim() !== "" && f.length === 0 ? p ? E("loading", x) : E("empty", b) : null;
+	return /* @__PURE__ */ o(c.Root, {
 		inline: !0,
 		open: !0,
-		items: d,
+		items: f,
 		filter: null,
-		value: l,
-		onValueChange: u,
-		children: /* @__PURE__ */ a("div", {
-			className: ["docs-search", w].filter(Boolean).join(" "),
+		value: u,
+		onValueChange: d,
+		children: /* @__PURE__ */ s("div", {
+			className: ["docs-search", T].filter(Boolean).join(" "),
 			children: [
-				/* @__PURE__ */ i(o.Input, {
-					id: c,
-					render: /* @__PURE__ */ i(n, {
-						id: c,
-						label: T("label", p),
-						labelHidden: m,
+				/* @__PURE__ */ o(c.Input, {
+					id: O,
+					render: /* @__PURE__ */ o(r, {
+						id: O,
+						label: E("label", m),
+						labelHidden: h,
 						kind: "search",
-						clearable: g,
-						..._ === void 0 ? {} : { clearLabel: _ },
-						placeholder: T("placeholder", h),
-						...x ? { size: x } : {}
+						clearable: _,
+						...v === void 0 ? {} : { clearLabel: v },
+						placeholder: E("placeholder", g),
+						...S ? { size: S } : {}
 					})
 				}),
-				/* @__PURE__ */ i(o.List, {
+				/* @__PURE__ */ o(c.List, {
 					className: "docs-search__results",
-					"aria-label": T("results", v),
-					children: (e) => /* @__PURE__ */ i(o.Item, {
+					"aria-label": E("results", y),
+					children: (e) => /* @__PURE__ */ o(c.Item, {
 						value: e,
 						className: "docs-search__result",
-						onClick: () => C?.(e),
-						render: (t) => S({
+						onClick: () => w?.(e),
+						render: (t) => C({
 							...t,
 							href: e.href,
 							className: t.className ?? "docs-search__result",
-							children: /* @__PURE__ */ a(r, { children: [
-								e.product && /* @__PURE__ */ i("span", {
+							children: /* @__PURE__ */ s(a, { children: [
+								e.product && /* @__PURE__ */ o("span", {
 									className: "docs-search__result-product",
 									children: e.product
 								}),
-								/* @__PURE__ */ i("span", {
+								/* @__PURE__ */ o("span", {
 									className: "docs-search__result-title",
 									children: e.title
 								}),
-								e.excerpt && /* @__PURE__ */ i("span", {
+								e.excerpt && /* @__PURE__ */ o("span", {
 									className: "docs-search__result-excerpt",
 									children: e.excerpt
 								})
@@ -63,17 +61,17 @@ function c({ id: c = "docs-search", query: l, onQueryChange: u, results: d, load
 						})
 					}, e.href)
 				}),
-				E && /* @__PURE__ */ a("p", {
+				k && /* @__PURE__ */ s("p", {
 					className: "docs-search__status",
 					role: "status",
-					children: [f && /* @__PURE__ */ i(t, {
+					children: [p && /* @__PURE__ */ o(t, {
 						size: "sm",
 						"aria-hidden": !0
-					}), E]
+					}), k]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { c as DocsSearch };
+export { l as DocsSearch };

package/dist/email.js

@@ -223,29 +223,32 @@ function I(e) {
 			})
 		]
 	});
-	let { unsubscribeUrl: t, preferencesUrl: n, manageLabel: r = "Para dejar de recibir estos avisos,", unsubscribeLabel: o = n ? "Darse de baja" : "date de baja", manageBeforeLabel: s = " o ", managePreferencesLabel: c = "gestiona tus preferencias", manageAfterLabel: l = "." } = e, u = /* @__PURE__ */ i(h, {
+	let { unsubscribeUrl: t, preferencesUrl: n, unsubscribeLabel: r } = e, o = (e, t) => {
+		if (t === void 0) throw Error(`@studiolxd/brand/email: falta «optOut.${e}». El pie de baja no trae textos puestos: los pasa quien manda el correo, en el idioma del destinatario.`);
+		return t;
+	}, s = /* @__PURE__ */ i(h, {
 		href: t,
 		style: M.link,
-		children: o
+		children: o("unsubscribeLabel", r)
 	});
 	return n ? /* @__PURE__ */ a(v, {
 		style: M.footnote,
 		children: [
-			u,
 			s,
+			o("manageBeforeLabel", e.manageBeforeLabel),
 			/* @__PURE__ */ i(h, {
 				href: n,
 				style: M.link,
-				children: c
+				children: o("managePreferencesLabel", e.managePreferencesLabel)
 			}),
-			l
+			o("manageAfterLabel", e.manageAfterLabel)
 		]
 	}) : /* @__PURE__ */ a(v, {
 		style: M.footnote,
 		children: [
-			r,
+			o("manageLabel", e.manageLabel),
 			" ",
-			u
+			s
 		]
 	});
 }

package/dist/error-page.js

@@ -6,14 +6,14 @@ import { PageIntro as r } from "./page-intro.js";
 import { PublicPageShell as i } from "./public-page-shell.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/templates/ErrorPage/ErrorPage.tsx
-function s({ title: s, description: c, homeAction: l, retryDescription: u, retryAction: d, header: f, footer: p, id: m = "main-content", shell: h = !0 }) {
+function s({ title: s, description: c, homeAction: l, retryDescription: u, retryAction: d, header: f, footer: p, id: m = "main-content", shell: h = !0, className: g }) {
 	return /* @__PURE__ */ a(i, {
 		header: f,
 		footer: p,
 		id: m,
 		shell: h,
 		children: /* @__PURE__ */ o(e, {
-			className: "error-page__content",
+			className: ["error-page__content", g].filter(Boolean).join(" "),
 			children: [/* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(r, {
 				title: s,
 				description: c

package/dist/fieldset.css

@@ -1 +1 @@
-.fieldset{border:none;min-inline-size:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fieldset__legend{margin-block:0;width:100%;margin-block-end:var(--fieldset-legend-space-after);margin-inline:0;padding-inline:0;display:block}.fieldset__legend.fieldset__legend--1{font-family:var(--text-h1-font-family);font-size:var(--text-h1-font-size);font-weight:var(--text-h1-font-weight);line-height:var(--text-h1-line-height);color:var(--text-h1-color);letter-spacing:var(--text-h1-letter-spacing)}.fieldset__legend.fieldset__legend--2{font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);font-weight:var(--text-h2-font-weight);line-height:var(--text-h2-line-height);color:var(--text-h2-color);letter-spacing:var(--text-h2-letter-spacing)}.fieldset__legend.fieldset__legend--3{font-family:var(--text-h3-font-family);font-size:var(--text-h3-font-size);font-weight:var(--text-h3-font-weight);line-height:var(--text-h3-line-height);color:var(--text-h3-color);letter-spacing:var(--text-h3-letter-spacing)}.fieldset__legend.fieldset__legend--4{font-family:var(--text-h4-font-family);font-size:var(--text-h4-font-size);font-weight:var(--text-h4-font-weight);line-height:var(--text-h4-line-height);color:var(--text-h4-color);letter-spacing:var(--text-h4-letter-spacing)}.fieldset__legend.fieldset__legend--5{font-family:var(--text-h5-font-family);font-size:var(--text-h5-font-size);font-weight:var(--text-h5-font-weight);line-height:var(--text-h5-line-height);color:var(--text-h5-color);letter-spacing:var(--text-h5-letter-spacing)}.fieldset__legend.fieldset__legend--6{font-family:var(--text-h6-font-family);font-size:var(--text-h6-font-size);font-weight:var(--text-h6-font-weight);line-height:var(--text-h6-line-height);color:var(--text-h6-color);letter-spacing:var(--text-h6-letter-spacing)}.fieldset__legend.fieldset__legend--size-1{font-size:var(--text-size-1)}.fieldset__legend.fieldset__legend--size-2{font-size:var(--text-size-2)}.fieldset__legend.fieldset__legend--size-3{font-size:var(--text-size-3)}.fieldset__legend.fieldset__legend--size-4{font-size:var(--text-size-4)}.fieldset__legend.fieldset__legend--size-5{font-size:var(--text-size-5)}.fieldset__legend.fieldset__legend--size-6{font-size:var(--text-size-6)}.fieldset__legend.fieldset__legend--size-7{font-size:var(--text-size-7)}.fieldset__legend.fieldset__legend--size-8{font-size:var(--text-size-8)}.fieldset__legend.fieldset__legend--size-9{font-size:var(--text-size-9)}.fieldset__legend.fieldset__legend--size-10{font-size:var(--text-size-10)}.fieldset__legend.fieldset__legend--thin{font-weight:var(--font-weight-thin)}.fieldset__legend.fieldset__legend--extralight{font-weight:var(--font-weight-extralight)}.fieldset__legend.fieldset__legend--light{font-weight:var(--font-weight-light)}.fieldset__legend.fieldset__legend--regular{font-weight:var(--font-weight-regular)}.fieldset__legend.fieldset__legend--medium{font-weight:var(--font-weight-medium)}.fieldset__legend.fieldset__legend--semibold{font-weight:var(--font-weight-semibold)}.fieldset__legend.fieldset__legend--bold{font-weight:var(--font-weight-bold)}.fieldset__legend.fieldset__legend--extrabold{font-weight:var(--font-weight-extrabold)}.fieldset__legend.fieldset__legend--black{font-weight:var(--font-weight-black)}
+.fieldset{border:none;min-inline-size:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fieldset__legend{margin-block:0;inline-size:100%;margin-block-end:var(--fieldset-legend-space-after);margin-inline:0;padding-inline:0;display:block}.fieldset__legend.fieldset__legend--1{font-family:var(--text-h1-font-family);font-size:var(--text-h1-font-size);font-weight:var(--text-h1-font-weight);line-height:var(--text-h1-line-height);color:var(--text-h1-color);letter-spacing:var(--text-h1-letter-spacing)}.fieldset__legend.fieldset__legend--2{font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);font-weight:var(--text-h2-font-weight);line-height:var(--text-h2-line-height);color:var(--text-h2-color);letter-spacing:var(--text-h2-letter-spacing)}.fieldset__legend.fieldset__legend--3{font-family:var(--text-h3-font-family);font-size:var(--text-h3-font-size);font-weight:var(--text-h3-font-weight);line-height:var(--text-h3-line-height);color:var(--text-h3-color);letter-spacing:var(--text-h3-letter-spacing)}.fieldset__legend.fieldset__legend--4{font-family:var(--text-h4-font-family);font-size:var(--text-h4-font-size);font-weight:var(--text-h4-font-weight);line-height:var(--text-h4-line-height);color:var(--text-h4-color);letter-spacing:var(--text-h4-letter-spacing)}.fieldset__legend.fieldset__legend--5{font-family:var(--text-h5-font-family);font-size:var(--text-h5-font-size);font-weight:var(--text-h5-font-weight);line-height:var(--text-h5-line-height);color:var(--text-h5-color);letter-spacing:var(--text-h5-letter-spacing)}.fieldset__legend.fieldset__legend--6{font-family:var(--text-h6-font-family);font-size:var(--text-h6-font-size);font-weight:var(--text-h6-font-weight);line-height:var(--text-h6-line-height);color:var(--text-h6-color);letter-spacing:var(--text-h6-letter-spacing)}.fieldset__legend.fieldset__legend--size-1{font-size:var(--text-size-1)}.fieldset__legend.fieldset__legend--size-2{font-size:var(--text-size-2)}.fieldset__legend.fieldset__legend--size-3{font-size:var(--text-size-3)}.fieldset__legend.fieldset__legend--size-4{font-size:var(--text-size-4)}.fieldset__legend.fieldset__legend--size-5{font-size:var(--text-size-5)}.fieldset__legend.fieldset__legend--size-6{font-size:var(--text-size-6)}.fieldset__legend.fieldset__legend--size-7{font-size:var(--text-size-7)}.fieldset__legend.fieldset__legend--size-8{font-size:var(--text-size-8)}.fieldset__legend.fieldset__legend--size-9{font-size:var(--text-size-9)}.fieldset__legend.fieldset__legend--size-10{font-size:var(--text-size-10)}.fieldset__legend.fieldset__legend--thin{font-weight:var(--font-weight-thin)}.fieldset__legend.fieldset__legend--extralight{font-weight:var(--font-weight-extralight)}.fieldset__legend.fieldset__legend--light{font-weight:var(--font-weight-light)}.fieldset__legend.fieldset__legend--regular{font-weight:var(--font-weight-regular)}.fieldset__legend.fieldset__legend--medium{font-weight:var(--font-weight-medium)}.fieldset__legend.fieldset__legend--semibold{font-weight:var(--font-weight-semibold)}.fieldset__legend.fieldset__legend--bold{font-weight:var(--font-weight-bold)}.fieldset__legend.fieldset__legend--extrabold{font-weight:var(--font-weight-extrabold)}.fieldset__legend.fieldset__legend--black{font-weight:var(--font-weight-black)}

package/dist/figure.js

@@ -1,3 +1,4 @@
+'use client';
 import './figure.css';
 import { forwardRef as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/file-upload.css

@@ -1 +1 @@
-.file-upload{width:100%}.file-upload__dropzone{--_drop-color:var(--file-upload-border-color);--_drop-bg:var(--file-upload-bg);--_dash:var(--file-upload-border-dash-length);--_gap:var(--file-upload-border-dash-gap)}.file-upload.file-upload--sm{--file-upload-padding-block:var(--file-upload-sm-padding-block);--file-upload-padding-inline:var(--file-upload-sm-padding-inline);--file-upload-text-font-size:var(--file-upload-sm-text-font-size);--file-upload-subtext-font-size:var(--file-upload-sm-subtext-font-size);--file-upload-thumb-size:var(--file-upload-sm-thumb-size);--file-upload-item-name-font-size:var(--file-upload-sm-item-name-font-size)}.file-upload.file-upload--lg{--file-upload-padding-block:var(--file-upload-lg-padding-block);--file-upload-padding-inline:var(--file-upload-lg-padding-inline);--file-upload-text-font-size:var(--file-upload-lg-text-font-size);--file-upload-subtext-font-size:var(--file-upload-lg-subtext-font-size);--file-upload-thumb-size:var(--file-upload-lg-thumb-size);--file-upload-item-name-font-size:var(--file-upload-lg-item-name-font-size)}.file-upload__dropzone{justify-content:center;align-items:center;gap:var(--file-upload-gap);width:100%;padding-block:var(--file-upload-padding-block);padding-inline:var(--file-upload-padding-inline);background-image:repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap)));background-size:100% var(--file-upload-border-width), 100% var(--file-upload-border-width), var(--file-upload-border-width) 100%, var(--file-upload-border-width) 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-color:var(--_drop-bg);color:var(--file-upload-text-color);cursor:pointer;transition:background-image var(--file-upload-transition-duration) var(--file-upload-transition-easing), background-color var(--file-upload-transition-duration) var(--file-upload-transition-easing);text-align:center;box-sizing:border-box;outline:none;flex-direction:column;display:flex}.file-upload:has(input[type=file]:focus-visible) .file-upload__dropzone{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset)}.file-upload.file-upload--dragging .file-upload__dropzone{--_drop-color:var(--file-upload-drag-border-color);--_drop-bg:var(--file-upload-drag-bg)}.file-upload.file-upload--error .file-upload__dropzone{--_drop-color:var(--file-upload-error-border-color);--_drop-bg:var(--file-upload-error-bg)}.file-upload.file-upload--disabled .file-upload__dropzone{opacity:var(--file-upload-disabled-opacity);cursor:var(--file-upload-disabled-cursor);pointer-events:none}.file-upload.file-upload--uploading .file-upload__dropzone{cursor:progress;pointer-events:none}.file-upload.file-upload--uploading span.file-upload__icon{display:flex}.file-upload.file-upload--uploading .file-upload__item-remove{pointer-events:none}.file-upload__icon{color:var(--file-upload-icon-color);flex-shrink:0;margin-block-end:var(--file-upload-gap)}.file-upload__text{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-text-font-size);font-weight:var(--file-upload-text-font-weight);color:var(--file-upload-text-color)}.file-upload__text--secondary{color:var(--file-upload-subtext-color);font-weight:var(--file-upload-subtext-font-weight)}.file-upload__subtext{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-subtext-font-size);color:var(--file-upload-subtext-color);margin-block-start:var(--file-upload-gap)}.file-upload__list{gap:var(--file-upload-list-gap);flex-direction:column;margin:0;margin-block-start:var(--file-upload-list-margin-block-start);padding:0;list-style:none;display:flex}.file-upload__item{align-items:center;gap:var(--file-upload-item-gap);padding-block:var(--file-upload-item-padding-block);padding-inline:var(--file-upload-item-padding-inline);border-width:var(--file-upload-item-border-width);border-style:solid;border-color:var(--file-upload-item-border-color);border-radius:var(--file-upload-item-border-radius);background-color:var(--file-upload-item-bg);display:flex}.file-upload__item.file-upload__item--error{border-color:var(--file-upload-item-error-border-color);background-color:var(--file-upload-item-error-bg)}.file-upload__item-thumb{width:var(--file-upload-thumb-size);height:var(--file-upload-thumb-size);border-radius:var(--file-upload-thumb-border-radius);background-color:var(--file-upload-thumb-bg);color:var(--file-upload-thumb-icon-color);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.file-upload__item-thumb img{object-fit:cover;width:100%;height:100%}.file-upload__item-info{gap:var(--file-upload-item-info-gap);flex-direction:column;flex:1;min-width:0;display:flex}.file-upload__item-name{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-name-font-size);font-weight:var(--file-upload-item-name-font-weight);color:var(--file-upload-item-name-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-upload__item-size{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-size-font-size);color:var(--file-upload-item-size-color)}.file-upload__item-error-msg{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-error-font-size);color:var(--file-upload-item-error-color)}.file-upload__item-remove{cursor:pointer;color:var(--file-upload-remove-color);transition:color var(--file-upload-transition-duration) var(--file-upload-transition-easing);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.file-upload__item-remove:hover{color:var(--file-upload-remove-color-hover)}.file-upload__item-remove:focus-visible{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset);border-radius:var(--file-upload-remove-border-radius)}.file-upload__progress{margin-block-start:var(--file-upload-progress-margin-block-start)}
+.file-upload{inline-size:100%}.file-upload__dropzone{--_drop-color:var(--file-upload-border-color);--_drop-bg:var(--file-upload-bg);--_dash:var(--file-upload-border-dash-length);--_gap:var(--file-upload-border-dash-gap)}.file-upload.file-upload--sm{--file-upload-padding-block:var(--file-upload-sm-padding-block);--file-upload-padding-inline:var(--file-upload-sm-padding-inline);--file-upload-text-font-size:var(--file-upload-sm-text-font-size);--file-upload-subtext-font-size:var(--file-upload-sm-subtext-font-size);--file-upload-thumb-size:var(--file-upload-sm-thumb-size);--file-upload-item-name-font-size:var(--file-upload-sm-item-name-font-size)}.file-upload.file-upload--lg{--file-upload-padding-block:var(--file-upload-lg-padding-block);--file-upload-padding-inline:var(--file-upload-lg-padding-inline);--file-upload-text-font-size:var(--file-upload-lg-text-font-size);--file-upload-subtext-font-size:var(--file-upload-lg-subtext-font-size);--file-upload-thumb-size:var(--file-upload-lg-thumb-size);--file-upload-item-name-font-size:var(--file-upload-lg-item-name-font-size)}.file-upload__dropzone{justify-content:center;align-items:center;gap:var(--file-upload-gap);inline-size:100%;padding-block:var(--file-upload-padding-block);padding-inline:var(--file-upload-padding-inline);background-image:repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap)));background-size:100% var(--file-upload-border-width), 100% var(--file-upload-border-width), var(--file-upload-border-width) 100%, var(--file-upload-border-width) 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-color:var(--_drop-bg);color:var(--file-upload-text-color);cursor:pointer;transition:background-image var(--file-upload-transition-duration) var(--file-upload-transition-easing), background-color var(--file-upload-transition-duration) var(--file-upload-transition-easing);text-align:center;box-sizing:border-box;outline:none;flex-direction:column;display:flex}.file-upload:has(input[type=file]:focus-visible) .file-upload__dropzone{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset)}.file-upload.file-upload--dragging .file-upload__dropzone{--_drop-color:var(--file-upload-drag-border-color);--_drop-bg:var(--file-upload-drag-bg)}.file-upload.file-upload--error .file-upload__dropzone{--_drop-color:var(--file-upload-error-border-color);--_drop-bg:var(--file-upload-error-bg)}.file-upload.file-upload--disabled .file-upload__dropzone{opacity:var(--file-upload-disabled-opacity);cursor:var(--file-upload-disabled-cursor);pointer-events:none}.file-upload.file-upload--uploading .file-upload__dropzone{cursor:progress;pointer-events:none}.file-upload.file-upload--uploading span.file-upload__icon{display:flex}.file-upload.file-upload--uploading .file-upload__item-remove{pointer-events:none}.file-upload__icon{color:var(--file-upload-icon-color);flex-shrink:0;margin-block-end:var(--file-upload-gap)}.file-upload__text{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-text-font-size);font-weight:var(--file-upload-text-font-weight);color:var(--file-upload-text-color)}.file-upload__text--secondary{color:var(--file-upload-subtext-color);font-weight:var(--file-upload-subtext-font-weight)}.file-upload__subtext{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-subtext-font-size);color:var(--file-upload-subtext-color);margin-block-start:var(--file-upload-gap)}.file-upload__list{gap:var(--file-upload-list-gap);flex-direction:column;margin:0;margin-block-start:var(--file-upload-list-margin-block-start);padding:0;list-style:none;display:flex}.file-upload__item{align-items:center;gap:var(--file-upload-item-gap);padding-block:var(--file-upload-item-padding-block);padding-inline:var(--file-upload-item-padding-inline);border-width:var(--file-upload-item-border-width);border-style:solid;border-color:var(--file-upload-item-border-color);border-radius:var(--file-upload-item-border-radius);background-color:var(--file-upload-item-bg);display:flex}.file-upload__item.file-upload__item--error{border-color:var(--file-upload-item-error-border-color);background-color:var(--file-upload-item-error-bg)}.file-upload__item-thumb{inline-size:var(--file-upload-thumb-size);block-size:var(--file-upload-thumb-size);border-radius:var(--file-upload-thumb-border-radius);background-color:var(--file-upload-thumb-bg);color:var(--file-upload-thumb-icon-color);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.file-upload__item-thumb img{object-fit:cover;block-size:100%;inline-size:100%}.file-upload__item-info{gap:var(--file-upload-item-info-gap);flex-direction:column;flex:1;min-inline-size:0;display:flex}.file-upload__item-name{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-name-font-size);font-weight:var(--file-upload-item-name-font-weight);color:var(--file-upload-item-name-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-upload__item-size{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-size-font-size);color:var(--file-upload-item-size-color)}.file-upload__item-error-msg{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-error-font-size);color:var(--file-upload-item-error-color)}.file-upload__item-remove{cursor:pointer;color:var(--file-upload-remove-color);transition:color var(--file-upload-transition-duration) var(--file-upload-transition-easing);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.file-upload__item-remove:hover{color:var(--file-upload-remove-color-hover)}.file-upload__item-remove:focus-visible{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset);border-radius:var(--file-upload-remove-border-radius)}.file-upload__progress{margin-block-start:var(--file-upload-progress-margin-block-start)}

package/dist/file-upload.js

@@ -5,47 +5,45 @@ import { Icon as t } from "./icon.js";
 import { VisuallyHidden as n } from "./visually-hidden.js";
 import { Spinner as r } from "./spinner.js";
 import { n as i } from "./_shared/form-size.js";
-import { t as ee } from "./_shared/progressbar.js";
-import { i as te, n as a, t as ne } from "./_shared/validate.js";
-import { forwardRef as o, useCallback as s, useEffect as c, useId as re, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { t as ee } from "./_shared/assign-ref.js";
+import { t as te } from "./_shared/progressbar.js";
+import { i as ne, n as a, t as o } from "./_shared/validate.js";
+import { forwardRef as s, useCallback as c, useEffect as l, useId as re, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/stories/atoms/FileUpload/FileUpload.tsx
-var m = /* @__PURE__ */ new WeakMap();
-function h(e) {
+var h = /* @__PURE__ */ new WeakMap();
+function ie(e) {
 	if (!e.type.startsWith("image/")) return;
-	let t = m.get(e);
-	return t || (t = URL.createObjectURL(e), m.set(e, t)), t;
+	let t = h.get(e);
+	return t || (t = URL.createObjectURL(e), h.set(e, t)), t;
 }
 function g(e) {
-	let t = m.get(e);
-	t && (URL.revokeObjectURL(t), m.delete(e));
+	let t = h.get(e);
+	t && (URL.revokeObjectURL(t), h.delete(e));
 }
-function ie(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
-var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value: y, defaultValue: b = [], onChange: x, progress: S, uploading: C = !1, uploadingLabel: ae, uploadingLabelVisible: oe = !1, disabled: w = !1, error: T = !1, id: se, name: ce, describedBy: le, ariaLabel: ue, "aria-describedby": de, "aria-label": fe, required: pe, onBlur: me, className: he, locale: E = ne, dropzoneLabel: ge, dropzoneActiveLabel: _e, dropzoneHintLabel: ve, maxSizeHint: ye, maxFilesHint: be, filesLabel: xe, progressLabel: D, removeFileLabel: O, tooLargeError: k, invalidTypeError: A, size: j }, M) {
-	let N = e("fileUpload"), P = i(j), F = P === "sm" ? "sm" : P === "lg" ? "lg" : "md", I = y !== void 0, [L, R] = u(b), [z, B] = u(/* @__PURE__ */ new Map()), [V, H] = u(!1), U = l(/* @__PURE__ */ new Set()), W = l(null), Se = re(), G = se ?? `file-upload-${Se}`, K = I ? y : L;
-	c(() => {
+var _ = s(function({ multiple: s = !1, accept: h, maxSize: _, maxFiles: v, value: y, defaultValue: b = [], onChange: x, progress: S, uploading: C = !1, uploadingLabel: ae, uploadingLabelVisible: oe = !1, disabled: w = !1, error: T = !1, id: se, name: ce, describedBy: le, ariaLabel: ue, "aria-describedby": de, "aria-label": fe, required: pe, onBlur: me, className: he, locale: E = o, dropzoneLabel: ge, dropzoneActiveLabel: _e, dropzoneHintLabel: ve, maxSizeHint: ye, maxFilesHint: be, filesLabel: xe, progressLabel: D, removeFileLabel: O, tooLargeError: k, invalidTypeError: A, size: j }, M) {
+	let N = e("fileUpload"), P = i(j), F = P === "sm" ? "sm" : P === "lg" ? "lg" : "md", I = y !== void 0, [L, R] = d(b), [z, B] = d(/* @__PURE__ */ new Map()), [V, H] = d(!1), U = u(/* @__PURE__ */ new Set()), W = u(null), Se = re(), G = se ?? `file-upload-${Se}`, K = I ? y : L;
+	l(() => {
 		K.forEach((e) => U.current.add(e));
-	}, [K]), c(() => {
+	}, [K]), l(() => {
 		let e = U.current;
 		return () => {
 			e.forEach(g);
 		};
 	}, []);
-	let q = s((e) => {
+	let q = c((e) => {
 		if (w || C) return;
 		let t = Array.from(e), n = I ? y ?? [] : L, r = new Map(z), i = [...n];
 		for (let e of t) {
 			if (v !== void 0 && i.filter((e) => !r.has(e)).length >= v) break;
-			let t = te(e, m, _, N("tooLarge", k), N("invalidType", A), E);
+			let t = ne(e, h, _, N("tooLarge", k), N("invalidType", A), E);
 			t && r.set(e, t), i.push(e);
 		}
 		B(r), I || R(i), x?.(i.filter((e) => !r.has(e)));
 	}, [
 		w,
 		C,
-		m,
+		h,
 		_,
 		v,
 		I,
@@ -57,7 +55,7 @@ var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value
 		k,
 		A,
 		E
-	]), Ce = s((e) => {
+	]), Ce = c((e) => {
 		if (C) return;
 		let t = (I ? y ?? [] : L).filter((t) => t !== e), n = new Map(z);
 		n.delete(e), g(e), B(n), I || R(t), x?.(t.filter((e) => !n.has(e))), W.current && (W.current.value = "");
@@ -88,18 +86,18 @@ var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value
 		K.length > 0 ? "file-upload--has-files" : "",
 		he ?? ""
 	].filter(Boolean).join(" "), Y = `${G}-hint`, ke = [le ?? de, Y].filter(Boolean).join(" "), X = N("dropzone", ge), Z = N("dropzoneHint", ve), Q = C ? N("uploading", ae) : "", Ae = C && oe, $ = [];
-	return m && $.push(m), _ && $.push(N("maxSize", ye)(a(_, E))), o && v && $.push(N("maxFiles", be)(v)), /* @__PURE__ */ p("div", {
+	return h && $.push(h), _ && $.push(N("maxSize", ye)(a(_, E))), s && v && $.push(N("maxFiles", be)(v)), /* @__PURE__ */ m("div", {
 		className: J,
 		children: [
-			/* @__PURE__ */ f(n, { children: /* @__PURE__ */ f("input", {
+			/* @__PURE__ */ p(n, { children: /* @__PURE__ */ p("input", {
 				ref: (e) => {
-					W.current = e, ie(M, e);
+					W.current = e, ee(M, e);
 				},
 				type: "file",
 				id: G,
 				name: ce,
-				multiple: o,
-				accept: m,
+				multiple: s,
+				accept: h,
 				disabled: w,
 				required: pe,
 				"aria-label": ue ?? fe,
@@ -111,43 +109,43 @@ var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value
 				onChange: we,
 				onBlur: me
 			}) }),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "file-upload__dropzone",
 				onClick: Oe,
 				onDragOver: Te,
 				onDragLeave: Ee,
 				onDrop: De,
 				"aria-hidden": "true",
-				children: C ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
+				children: C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
 					className: "file-upload__icon",
-					children: /* @__PURE__ */ f(r, {
+					children: /* @__PURE__ */ p(r, {
 						size: F,
 						"aria-hidden": !0
 					})
-				}), Ae && /* @__PURE__ */ f("span", {
+				}), Ae && /* @__PURE__ */ p("span", {
 					className: "file-upload__text",
 					children: Q
-				})] }) : /* @__PURE__ */ p(d, { children: [
-					/* @__PURE__ */ f(t, {
+				})] }) : /* @__PURE__ */ m(f, { children: [
+					/* @__PURE__ */ p(t, {
 						name: "upload",
 						size: F,
 						className: "file-upload__icon"
 					}),
-					/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ p("span", {
 						className: "file-upload__text",
 						children: V ? N("dropzoneActive", _e) : X
 					}),
-					/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ p("span", {
 						className: "file-upload__text file-upload__text--secondary",
 						children: Z
 					}),
-					$.length > 0 && /* @__PURE__ */ f("span", {
+					$.length > 0 && /* @__PURE__ */ p("span", {
 						className: "file-upload__subtext",
 						children: $.join(" · ")
 					})
 				] })
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ p(n, {
 				id: Y,
 				children: [
 					X,
@@ -155,56 +153,56 @@ var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value
 					...$
 				].join(". ")
 			}),
-			C && /* @__PURE__ */ f(n, {
+			C && /* @__PURE__ */ p(n, {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "false",
 				children: Q
 			}),
-			K.length > 0 && /* @__PURE__ */ f("ul", {
+			K.length > 0 && /* @__PURE__ */ p("ul", {
 				className: "file-upload__list",
 				"aria-label": N("files", xe),
 				children: K.map((e, n) => {
-					let r = z.get(e), i = h(e);
-					return /* @__PURE__ */ p("li", {
+					let r = z.get(e), i = ie(e);
+					return /* @__PURE__ */ m("li", {
 						className: `file-upload__item${r ? " file-upload__item--error" : ""}`,
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "file-upload__item-thumb",
 								"aria-hidden": "true",
-								children: i ? /* @__PURE__ */ f("img", {
+								children: i ? /* @__PURE__ */ p("img", {
 									src: i,
 									alt: ""
-								}) : /* @__PURE__ */ f(t, {
+								}) : /* @__PURE__ */ p(t, {
 									name: "file-text",
 									size: "sm"
 								})
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "file-upload__item-info",
 								children: [
-									/* @__PURE__ */ f("span", {
+									/* @__PURE__ */ p("span", {
 										className: "file-upload__item-name",
 										children: e.name
 									}),
-									/* @__PURE__ */ f("span", {
+									/* @__PURE__ */ p("span", {
 										className: "file-upload__item-size",
 										children: a(e.size, E)
 									}),
-									r && /* @__PURE__ */ f("span", {
+									r && /* @__PURE__ */ p("span", {
 										className: "file-upload__item-error-msg",
 										role: "alert",
 										children: r
 									})
 								]
 							}),
-							/* @__PURE__ */ f("button", {
+							/* @__PURE__ */ p("button", {
 								className: "file-upload__item-remove",
 								type: "button",
 								onClick: () => Ce(e),
 								"aria-disabled": C || void 0,
 								"aria-label": N("removeFile", O)(e.name),
-								children: /* @__PURE__ */ f(t, {
+								children: /* @__PURE__ */ p(t, {
 									name: "close",
 									size: "sm"
 								})
@@ -213,7 +211,7 @@ var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value
 					}, `${e.name}-${e.size}-${n}`);
 				})
 			}),
-			S !== void 0 && /* @__PURE__ */ f(ee, {
+			S !== void 0 && /* @__PURE__ */ p(te, {
 				value: S,
 				label: N("progress", D),
 				size: "sm",

package/dist/floating-toolbar.css

@@ -0,0 +1 @@
+.floating-toolbar{--floating-toolbar-rail-inline-size:calc(var(--floating-toolbar-button-size) + 2 * var(--floating-toolbar-padding-inline) + 2 * var(--floating-toolbar-border-width));position:relative}.floating-toolbar__bar{box-sizing:border-box;align-items:center;gap:var(--floating-toolbar-gap);padding-block:var(--floating-toolbar-padding-block);padding-inline:var(--floating-toolbar-padding-inline);background-color:var(--floating-toolbar-bg);border-style:solid;border-width:var(--floating-toolbar-border-width);border-color:var(--floating-toolbar-border-color);border-radius:var(--floating-toolbar-border-radius);box-shadow:var(--floating-toolbar-shadow);opacity:0;pointer-events:none;transition-property:opacity;transition-duration:var(--floating-toolbar-transition-duration);transition-timing-function:var(--floating-toolbar-transition-easing);display:flex;position:absolute;inset-block-end:calc(100% + var(--floating-toolbar-offset));inset-inline:0}.floating-toolbar__bar:before{content:"";block-size:calc(var(--floating-toolbar-offset) + var(--floating-toolbar-border-width));position:absolute;inset-block-start:100%;inset-inline:0}.floating-toolbar__group{align-items:center;gap:var(--floating-toolbar-gap);flex-direction:row;display:flex}.floating-toolbar__group.floating-toolbar__group--end{margin-inline-start:auto}.floating-toolbar:is(:hover,:focus-within,.floating-toolbar--always-visible,:has(>.floating-toolbar__bar [data-popup-open]))>.floating-toolbar__bar{opacity:1;pointer-events:auto}.floating-toolbar.floating-toolbar--sides{padding-inline:calc(var(--floating-toolbar-rail-inline-size) + var(--floating-toolbar-offset))}.floating-toolbar.floating-toolbar--sides>.floating-toolbar__bar{box-shadow:none;background-color:#0000;border-width:0;align-items:flex-start;padding-block:0;padding-inline:0;inset-block:0}.floating-toolbar.floating-toolbar--sides>.floating-toolbar__bar:before{content:none}.floating-toolbar.floating-toolbar--sides:is(:hover,:focus-within,.floating-toolbar--always-visible,:has(>.floating-toolbar__bar [data-popup-open]))>.floating-toolbar__bar{pointer-events:none}.floating-toolbar.floating-toolbar--sides:is(:hover,:focus-within,.floating-toolbar--always-visible,:has(>.floating-toolbar__bar [data-popup-open]))>.floating-toolbar__bar>.floating-toolbar__group{pointer-events:auto}.floating-toolbar.floating-toolbar--sides>.floating-toolbar__bar>.floating-toolbar__group{box-sizing:border-box;inline-size:var(--floating-toolbar-rail-inline-size);padding-block:var(--floating-toolbar-padding-block);padding-inline:var(--floating-toolbar-padding-inline);background-color:var(--floating-toolbar-bg);border-style:solid;border-width:var(--floating-toolbar-border-width);border-color:var(--floating-toolbar-border-color);border-radius:var(--floating-toolbar-border-radius);box-shadow:var(--floating-toolbar-shadow);flex-direction:column;position:sticky;inset-block-start:0}@media (width>=1024px){.floating-toolbar.floating-toolbar--auto{padding-inline:calc(var(--floating-toolbar-rail-inline-size) + var(--floating-toolbar-offset))}.floating-toolbar.floating-toolbar--auto>.floating-toolbar__bar{box-shadow:none;background-color:#0000;border-width:0;align-items:flex-start;padding-block:0;padding-inline:0;inset-block:0}.floating-toolbar.floating-toolbar--auto>.floating-toolbar__bar:before{content:none}.floating-toolbar.floating-toolbar--auto:is(:hover,:focus-within,.floating-toolbar--always-visible,:has(>.floating-toolbar__bar [data-popup-open]))>.floating-toolbar__bar{pointer-events:none}.floating-toolbar.floating-toolbar--auto:is(:hover,:focus-within,.floating-toolbar--always-visible,:has(>.floating-toolbar__bar [data-popup-open]))>.floating-toolbar__bar>.floating-toolbar__group{pointer-events:auto}.floating-toolbar.floating-toolbar--auto>.floating-toolbar__bar>.floating-toolbar__group{box-sizing:border-box;inline-size:var(--floating-toolbar-rail-inline-size);padding-block:var(--floating-toolbar-padding-block);padding-inline:var(--floating-toolbar-padding-inline);background-color:var(--floating-toolbar-bg);border-style:solid;border-width:var(--floating-toolbar-border-width);border-color:var(--floating-toolbar-border-color);border-radius:var(--floating-toolbar-border-radius);box-shadow:var(--floating-toolbar-shadow);flex-direction:column;position:sticky;inset-block-start:0}}

package/dist/floating-toolbar.js

@@ -0,0 +1,64 @@
+'use client';
+import './floating-toolbar.css';
+import { Button as e } from "./button.js";
+import { Tooltip as t } from "./tooltip.js";
+import { t as n } from "./_shared/media-query.js";
+import { createContext as r, forwardRef as i, useContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Toolbar as c } from "@base-ui/react/toolbar";
+//#region src/stories/molecules/FloatingToolbar/FloatingToolbar.tsx
+var l = "(min-width: 1024px)", u = r("top"), d = i(function({ start: e, end: t, layout: r = "auto", alwaysVisible: i = !1, label: a, children: d, className: f, ...p }, m) {
+	let h = n(l), g = r === "sides" || r === "auto" && h === !0;
+	return /* @__PURE__ */ s("div", {
+		ref: m,
+		className: [
+			"floating-toolbar",
+			`floating-toolbar--${r}`,
+			i ? "floating-toolbar--always-visible" : "",
+			f ?? ""
+		].filter(Boolean).join(" "),
+		...p,
+		children: [/* @__PURE__ */ s(c.Root, {
+			className: "floating-toolbar__bar",
+			"aria-label": a,
+			orientation: g ? "vertical" : "horizontal",
+			children: [e != null && /* @__PURE__ */ o(u.Provider, {
+				value: g ? "left" : "top",
+				children: /* @__PURE__ */ o(c.Group, {
+					className: "floating-toolbar__group floating-toolbar__group--start",
+					children: e
+				})
+			}), t != null && /* @__PURE__ */ o(u.Provider, {
+				value: g ? "right" : "top",
+				children: /* @__PURE__ */ o(c.Group, {
+					className: "floating-toolbar__group floating-toolbar__group--end",
+					children: t
+				})
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "floating-toolbar__content",
+			children: d
+		})]
+	});
+}), f = i(function({ label: n, icon: r, destructive: i = !1, className: s, ...l }, d) {
+	return /* @__PURE__ */ o(t, {
+		label: n,
+		side: a(u),
+		describe: !1,
+		ref: d,
+		...l,
+		children: /* @__PURE__ */ o(c.Button, {
+			render: /* @__PURE__ */ o(e, {
+				variant: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				destructive: i,
+				"aria-label": n,
+				className: s
+			}),
+			children: r
+		})
+	});
+});
+//#endregion
+export { d as FloatingToolbar, f as FloatingToolbarButton };