@med-o/ui 0.3.0 → 0.4.1

package/dist/index.js

@@ -1,5 +1,65 @@
 "use client";
 
+// src/utils/cx.ts
+var cx = (...classes) => classes.filter(Boolean).join(" ");
+
+// src/layout/Layout.tsx
+import { jsx } from "react/jsx-runtime";
+function Stack({ as: Tag2 = "div", direction = "vertical", gap, align, justify, wrap, className, ...props }) {
+  const El = Tag2;
+  return /* @__PURE__ */ jsx(
+    El,
+    {
+      ...props,
+      className: cx(
+        "medo-stack",
+        direction === "horizontal" && "medo-stack--horizontal",
+        wrap && "medo-stack--wrap",
+        align && `medo-stack--align-${align}`,
+        justify && `medo-stack--justify-${justify}`,
+        gap && `medo-gap-${gap}`,
+        className
+      )
+    }
+  );
+}
+function Grid({ as: Tag2 = "div", columns, minItemSize, gap, className, style, ...props }) {
+  const El = Tag2;
+  const vars = {
+    ...typeof columns === "number" ? { "--medo-grid-columns": columns } : {},
+    ...minItemSize ? { "--medo-grid-min": minItemSize } : {}
+  };
+  return /* @__PURE__ */ jsx(
+    El,
+    {
+      ...props,
+      style: { ...vars, ...style },
+      className: cx(
+        "medo-grid",
+        typeof columns === "number" && "medo-grid--columns",
+        columns === "layout" && "medo-grid--layout",
+        gap && `medo-gap-${gap}`,
+        className
+      )
+    }
+  );
+}
+function GridItem({ as: Tag2 = "div", span = 1, className, style, ...props }) {
+  const El = Tag2;
+  return /* @__PURE__ */ jsx(
+    El,
+    {
+      ...props,
+      style: span === "full" ? style : { "--medo-grid-span": span, ...style },
+      className: cx("medo-grid__item", span === "full" && "medo-grid__item--full", className)
+    }
+  );
+}
+function Container({ as: Tag2 = "div", size = "xl", className, ...props }) {
+  const El = Tag2;
+  return /* @__PURE__ */ jsx(El, { ...props, className: cx("medo-container", size !== "xl" && `medo-container--${size}`, className) });
+}
+
 // src/button/Button.tsx
 import { Button as AriaButton } from "react-aria-components";
 
@@ -7,9 +67,6 @@ import { Button as AriaButton } from "react-aria-components";
 import { useId } from "react";
 import { Label, ProgressBar as AriaProgressBar } from "react-aria-components";
 
-// src/utils/cx.ts
-var cx = (...classes) => classes.filter(Boolean).join(" ");
-
 // src/i18n/I18n.tsx
 import { createContext, useContext } from "react";
 import { useLocale } from "react-aria-components";
@@ -316,11 +373,11 @@ var en = {
 };
 
 // src/i18n/I18n.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var builtIn = { en, de };
 var MessagesContext = createContext(null);
 function MessagesProvider({ messages, children }) {
-  return /* @__PURE__ */ jsx(MessagesContext.Provider, { value: messages, children });
+  return /* @__PURE__ */ jsx2(MessagesContext.Provider, { value: messages, children });
 }
 function useMessages() {
   const custom = useContext(MessagesContext);
@@ -329,18 +386,18 @@ function useMessages() {
 }
 
 // src/progress/Progress.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var SpinnerGraphic = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: [
-  /* @__PURE__ */ jsx2("circle", { className: "medo-spinner__track", cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx2("circle", { className: "medo-spinner__arc", cx: "12", cy: "12", r: "10", pathLength: 100 })
+  /* @__PURE__ */ jsx3("circle", { className: "medo-spinner__track", cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx3("circle", { className: "medo-spinner__arc", cx: "12", cy: "12", r: "10", pathLength: 100 })
 ] });
 function Spinner({ size = "md", tone = "current", decorative, className, style, ...props }) {
   const m = useMessages();
   const classes = cx("medo-spinner", `medo-spinner--${size}`, tone !== "current" && `medo-spinner--${tone}`, className);
   if (decorative) {
-    return /* @__PURE__ */ jsx2("span", { className: classes, style, "aria-hidden": "true", children: /* @__PURE__ */ jsx2(SpinnerGraphic, {}) });
+    return /* @__PURE__ */ jsx3("span", { className: classes, style, "aria-hidden": "true", children: /* @__PURE__ */ jsx3(SpinnerGraphic, {}) });
   }
-  return /* @__PURE__ */ jsx2(AriaProgressBar, { isIndeterminate: true, "aria-label": props["aria-label"] ?? m.common.loading, className: classes, style, children: /* @__PURE__ */ jsx2(SpinnerGraphic, {}) });
+  return /* @__PURE__ */ jsx3(AriaProgressBar, { isIndeterminate: true, "aria-label": props["aria-label"] ?? m.common.loading, className: classes, style, children: /* @__PURE__ */ jsx3(SpinnerGraphic, {}) });
 }
 function ProgressBar({
   label,
@@ -353,7 +410,7 @@ function ProgressBar({
   ...props
 }) {
   const descriptionId = useId();
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     AriaProgressBar,
     {
       ...props,
@@ -368,31 +425,31 @@ function ProgressBar({
       style,
       children: ({ percentage, valueText, isIndeterminate }) => /* @__PURE__ */ jsxs(Fragment, { children: [
         (label || showValue && !isIndeterminate) && /* @__PURE__ */ jsxs("div", { className: "medo-progress__header", children: [
-          label && /* @__PURE__ */ jsx2(Label, { className: "medo-progress__label", children: label }),
-          showValue && !isIndeterminate && /* @__PURE__ */ jsx2("span", { className: "medo-progress__value", children: valueText })
+          label && /* @__PURE__ */ jsx3(Label, { className: "medo-progress__label", children: label }),
+          showValue && !isIndeterminate && /* @__PURE__ */ jsx3("span", { className: "medo-progress__value", children: valueText })
         ] }),
-        /* @__PURE__ */ jsx2("div", { className: "medo-progress__track", children: /* @__PURE__ */ jsx2("div", { className: "medo-progress__fill", style: isIndeterminate ? void 0 : { inlineSize: `${percentage}%` } }) }),
+        /* @__PURE__ */ jsx3("div", { className: "medo-progress__track", children: /* @__PURE__ */ jsx3("div", { className: "medo-progress__fill", style: isIndeterminate ? void 0 : { inlineSize: `${percentage}%` } }) }),
         description && // Live only for the final state, so regular updates (“12 s left”) do not chatter.
-        /* @__PURE__ */ jsx2("span", { id: descriptionId, className: "medo-progress__description", "aria-live": status === "default" ? void 0 : "polite", children: description })
+        /* @__PURE__ */ jsx3("span", { id: descriptionId, className: "medo-progress__description", "aria-live": status === "default" ? void 0 : "polite", children: description })
       ] })
     }
   );
 }
 function Skeleton({ shape = "text", lines = 1, width, height, className }) {
   const style = { inlineSize: width, blockSize: height };
-  const one = (key) => /* @__PURE__ */ jsx2("span", { className: cx("medo-skeleton", `medo-skeleton--${shape}`, className), style, "aria-hidden": "true" }, key);
+  const one = (key) => /* @__PURE__ */ jsx3("span", { className: cx("medo-skeleton", `medo-skeleton--${shape}`, className), style, "aria-hidden": "true" }, key);
   if (shape !== "text" || lines <= 1) return one();
-  return /* @__PURE__ */ jsx2("span", { className: "medo-skeleton-lines", "aria-hidden": "true", children: Array.from({ length: lines }, (_, i) => one(i)) });
+  return /* @__PURE__ */ jsx3("span", { className: "medo-skeleton-lines", "aria-hidden": "true", children: Array.from({ length: lines }, (_, i) => one(i)) });
 }
 
 // src/button/Button.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function Button({ variant = "primary", size = "md", startIcon, endIcon, className, children, ...props }) {
-  const icon = props.isPending ? /* @__PURE__ */ jsx3(Spinner, { decorative: true }) : startIcon;
+  const icon = props.isPending ? /* @__PURE__ */ jsx4(Spinner, { decorative: true }) : startIcon;
   return /* @__PURE__ */ jsxs2(AriaButton, { ...props, className: cx("medo-button", `medo-button--${variant}`, `medo-button--${size}`, className), children: [
-    icon && /* @__PURE__ */ jsx3("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx3("span", { className: "medo-button__label", children }),
-    endIcon && /* @__PURE__ */ jsx3("span", { className: "medo-button__icon", "aria-hidden": "true", children: endIcon })
+    icon && /* @__PURE__ */ jsx4("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx4("span", { className: "medo-button__label", children }),
+    endIcon && /* @__PURE__ */ jsx4("span", { className: "medo-button__icon", "aria-hidden": "true", children: endIcon })
   ] });
 }
 function ButtonGroup({ context = "footer", children, destructive, className, ...props }) {
@@ -403,7 +460,7 @@ function ButtonGroup({ context = "footer", children, destructive, className, ...
       "aria-label": props["aria-label"],
       className: cx("medo-button-group", `medo-button-group--${context}`, className),
       children: [
-        destructive && context === "footer" && /* @__PURE__ */ jsx3("div", { className: "medo-button-group__destructive", children: destructive }),
+        destructive && context === "footer" && /* @__PURE__ */ jsx4("div", { className: "medo-button-group__destructive", children: destructive }),
         children
       ]
     }
@@ -421,9 +478,9 @@ import {
   TooltipTrigger as AriaTooltipTrigger,
   TooltipTriggerStateContext
 } from "react-aria-components";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function TooltipTrigger({ delay = 500, closeDelay = 100, ...props }) {
-  return /* @__PURE__ */ jsx4(AriaTooltipTrigger, { delay, closeDelay, ...props });
+  return /* @__PURE__ */ jsx5(AriaTooltipTrigger, { delay, closeDelay, ...props });
 }
 var KEY_LABELS = { Meta: "\u2318", Shift: "\u21E7", Alt: "Alt" };
 var isApple = () => typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
@@ -431,32 +488,32 @@ var resolveShortcut = (keys) => keys.replace(/\bMod\b/g, isApple() ? "Meta" : "C
 var formatShortcut = (keys, control = "Ctrl") => resolveShortcut(keys).split("+").map((k) => k === "Control" ? control : KEY_LABELS[k] ?? k).join(" ");
 function Tooltip({ children, shortcut, placement = "top", offset = 8, className, ...props }) {
   return /* @__PURE__ */ jsxs3(AriaTooltip, { ...props, placement, offset, className: cx("medo-tooltip", className), children: [
-    /* @__PURE__ */ jsx4("span", { children }),
-    shortcut && /* @__PURE__ */ jsx4("kbd", { className: "medo-tooltip__shortcut", children: shortcut })
+    /* @__PURE__ */ jsx5("span", { children }),
+    shortcut && /* @__PURE__ */ jsx5("kbd", { className: "medo-tooltip__shortcut", children: shortcut })
   ] });
 }
 function TooltipLink(props) {
   const tooltip = useContext2(TooltipTriggerStateContext);
-  return /* @__PURE__ */ jsx4(AriaLink, { ...props, onHoverStart: () => tooltip?.open(), onHoverEnd: () => tooltip?.close() });
+  return /* @__PURE__ */ jsx5(AriaLink, { ...props, onHoverStart: () => tooltip?.open(), onHoverEnd: () => tooltip?.close() });
 }
 
 // src/icon-button/IconButton.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function IconButton({ icon, variant = "ghost", size = "md", tooltip, shortcut, shortcutLabel, className, ...props }) {
   const m = useMessages();
-  const button = /* @__PURE__ */ jsx5(
+  const button = /* @__PURE__ */ jsx6(
     AriaButton2,
     {
       ...props,
       "aria-keyshortcuts": shortcut && resolveShortcut(shortcut),
       className: cx("medo-button", "medo-button--icon-only", `medo-button--${variant}`, `medo-button--${size}`, className),
-      children: /* @__PURE__ */ jsx5("span", { className: "medo-button__icon", "aria-hidden": "true", children: props.isPending ? /* @__PURE__ */ jsx5(Spinner, { decorative: true }) : icon })
+      children: /* @__PURE__ */ jsx6("span", { className: "medo-button__icon", "aria-hidden": "true", children: props.isPending ? /* @__PURE__ */ jsx6(Spinner, { decorative: true }) : icon })
     }
   );
   if (tooltip === false) return button;
   return /* @__PURE__ */ jsxs4(TooltipTrigger, { children: [
     button,
-    /* @__PURE__ */ jsx5(Tooltip, { shortcut: shortcutLabel ?? (shortcut && formatShortcut(shortcut, m.keys.control)), children: tooltip ?? props["aria-label"] })
+    /* @__PURE__ */ jsx6(Tooltip, { shortcut: shortcutLabel ?? (shortcut && formatShortcut(shortcut, m.keys.control)), children: tooltip ?? props["aria-label"] })
   ] });
 }
 
@@ -472,11 +529,11 @@ import {
 // src/field/Field.tsx
 import { FieldError, Label as Label2, Text } from "react-aria-components";
 import { CircleAlert } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldLabel({ children, isRequired }) {
   return /* @__PURE__ */ jsxs5(Label2, { className: "medo-field__label", children: [
     children,
-    isRequired && /* @__PURE__ */ jsx6("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+    isRequired && /* @__PURE__ */ jsx7("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
   ] });
 }
 function FieldFooter({
@@ -485,17 +542,17 @@ function FieldFooter({
   children
 }) {
   return /* @__PURE__ */ jsxs5("div", { className: "medo-field__footer", children: [
-    description && /* @__PURE__ */ jsx6(Text, { slot: "description", className: "medo-field__description", children: description }),
-    /* @__PURE__ */ jsx6(FieldError, { className: "medo-field__error", children: (validation) => /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      /* @__PURE__ */ jsx6(CircleAlert, { "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx6("span", { children: (typeof errorMessage === "function" ? errorMessage(validation) : errorMessage) || validation.validationErrors.join(" ") })
+    description && /* @__PURE__ */ jsx7(Text, { slot: "description", className: "medo-field__description", children: description }),
+    /* @__PURE__ */ jsx7(FieldError, { className: "medo-field__error", children: (validation) => /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      /* @__PURE__ */ jsx7(CircleAlert, { "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx7("span", { children: (typeof errorMessage === "function" ? errorMessage(validation) : errorMessage) || validation.validationErrors.join(" ") })
     ] }) }),
     children
   ] });
 }
 
 // src/text-field/TextField.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function TextField({
   label,
   description,
@@ -522,13 +579,13 @@ function TextField({
         onChange?.(value);
       },
       children: [
-        label && /* @__PURE__ */ jsx7(FieldLabel, { isRequired: props.isRequired, children: label }),
-        multiline ? /* @__PURE__ */ jsx7(AriaTextArea, { className: cx("medo-textarea", `medo-textarea--${size === "lg" ? "lg" : "md"}`), placeholder, onInput: clearErrorWhenValid }) : /* @__PURE__ */ jsxs6("div", { className: cx("medo-input", `medo-input--${size}`), children: [
-          leadingIcon && /* @__PURE__ */ jsx7("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
-          /* @__PURE__ */ jsx7(AriaInput, { className: "medo-input__control", placeholder, onInput: clearErrorWhenValid }),
+        label && /* @__PURE__ */ jsx8(FieldLabel, { isRequired: props.isRequired, children: label }),
+        multiline ? /* @__PURE__ */ jsx8(AriaTextArea, { className: cx("medo-textarea", `medo-textarea--${size === "lg" ? "lg" : "md"}`), placeholder, onInput: clearErrorWhenValid }) : /* @__PURE__ */ jsxs6("div", { className: cx("medo-input", `medo-input--${size}`), children: [
+          leadingIcon && /* @__PURE__ */ jsx8("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+          /* @__PURE__ */ jsx8(AriaInput, { className: "medo-input__control", placeholder, onInput: clearErrorWhenValid }),
           trailing
         ] }),
-        /* @__PURE__ */ jsx7(FieldFooter, { description, errorMessage, children: characterLimit !== void 0 && /* @__PURE__ */ jsx7(CharacterCount, { count, limit: characterLimit }) })
+        /* @__PURE__ */ jsx8(FieldFooter, { description, errorMessage, children: characterLimit !== void 0 && /* @__PURE__ */ jsx8(CharacterCount, { count, limit: characterLimit }) })
       ]
     }
   );
@@ -552,12 +609,12 @@ function CharacterCount({ count, limit }) {
     return () => clearTimeout(id);
   }, [count, limit, over, m]);
   return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    /* @__PURE__ */ jsx7("span", { className: "medo-field__counter", "data-over": over > 0 || void 0, "aria-hidden": "true", children: text }),
-    /* @__PURE__ */ jsx7("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ jsx8("span", { className: "medo-field__counter", "data-over": over > 0 || void 0, "aria-hidden": "true", children: text }),
+    /* @__PURE__ */ jsx8("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 function InputAction({ icon, ...props }) {
-  return /* @__PURE__ */ jsx7(AriaButton3, { ...props, className: "medo-input__action", children: icon });
+  return /* @__PURE__ */ jsx8(AriaButton3, { ...props, className: "medo-input__action", children: icon });
 }
 
 // src/checkbox/Checkbox.tsx
@@ -569,52 +626,52 @@ import {
   Text as Text2
 } from "react-aria-components";
 import { Check, Minus } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var ChoiceSizeContext = createContext2("md");
 function Checkbox({ children, description, size, className, ...props }) {
   const groupSize = useContext3(ChoiceSizeContext);
   return /* @__PURE__ */ jsxs7(CheckboxField, { ...props, className: cx("medo-choice", "medo-checkbox", `medo-choice--${size ?? groupSize}`, className), children: [
-    /* @__PURE__ */ jsx8(CheckboxButton, { className: "medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs7(Fragment4, { children: [
-      /* @__PURE__ */ jsx8("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx8(Minus, {}) : isSelected ? /* @__PURE__ */ jsx8(Check, {}) : null }),
-      children && /* @__PURE__ */ jsx8("span", { className: "medo-choice__label", children })
+    /* @__PURE__ */ jsx9(CheckboxButton, { className: "medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs7(Fragment4, { children: [
+      /* @__PURE__ */ jsx9("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx9(Minus, {}) : isSelected ? /* @__PURE__ */ jsx9(Check, {}) : null }),
+      children && /* @__PURE__ */ jsx9("span", { className: "medo-choice__label", children })
     ] }) }),
-    description && /* @__PURE__ */ jsx8(Text2, { slot: "description", className: "medo-choice__description", children: description })
+    description && /* @__PURE__ */ jsx9(Text2, { slot: "description", className: "medo-choice__description", children: description })
   ] });
 }
 function CheckboxGroup({ label, description, errorMessage, size = "md", orientation = "vertical", children, className, ...props }) {
   return /* @__PURE__ */ jsxs7(AriaCheckboxGroup, { ...props, className: cx("medo-field", "medo-field--group", className), "data-orientation": orientation, children: [
-    label && /* @__PURE__ */ jsx8(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx8(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx8("div", { className: "medo-field__options", children }) }),
-    /* @__PURE__ */ jsx8(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx9(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx9(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx9("div", { className: "medo-field__options", children }) }),
+    /* @__PURE__ */ jsx9(FieldFooter, { description, errorMessage })
   ] });
 }
 
 // src/radio/Radio.tsx
 import { useContext as useContext4 } from "react";
 import { RadioButton, RadioField, RadioGroup as AriaRadioGroup, Text as Text3 } from "react-aria-components";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function Radio({ children, description, size, className, ...props }) {
   const groupSize = useContext4(ChoiceSizeContext);
   return /* @__PURE__ */ jsxs8(RadioField, { ...props, className: cx("medo-choice", "medo-radio", `medo-choice--${size ?? groupSize}`, className), children: [
     /* @__PURE__ */ jsxs8(RadioButton, { className: "medo-choice__button", children: [
-      /* @__PURE__ */ jsx9("span", { className: "medo-choice__control", "aria-hidden": "true" }),
-      children && /* @__PURE__ */ jsx9("span", { className: "medo-choice__label", children })
+      /* @__PURE__ */ jsx10("span", { className: "medo-choice__control", "aria-hidden": "true" }),
+      children && /* @__PURE__ */ jsx10("span", { className: "medo-choice__label", children })
     ] }),
-    description && /* @__PURE__ */ jsx9(Text3, { slot: "description", className: "medo-choice__description", children: description })
+    description && /* @__PURE__ */ jsx10(Text3, { slot: "description", className: "medo-choice__description", children: description })
   ] });
 }
 function RadioGroup({ label, description, errorMessage, size = "md", children, className, ...props }) {
   return /* @__PURE__ */ jsxs8(AriaRadioGroup, { ...props, className: cx("medo-field", "medo-field--group", className), children: [
-    label && /* @__PURE__ */ jsx9(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx9(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx9("div", { className: "medo-field__options", children }) }),
-    /* @__PURE__ */ jsx9(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx10(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx10(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx10("div", { className: "medo-field__options", children }) }),
+    /* @__PURE__ */ jsx10(FieldFooter, { description, errorMessage })
   ] });
 }
 
 // src/switch/Switch.tsx
 import { SwitchButton, SwitchField, Text as Text4 } from "react-aria-components";
 import { Check as Check2, LoaderCircle, X } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function Switch({
   children,
   description,
@@ -633,21 +690,21 @@ function Switch({
       "aria-busy": isLoading || void 0,
       className: cx("medo-switch", `medo-switch--${size}`, `medo-switch--label-${labelPosition}`, className),
       children: [
-        /* @__PURE__ */ jsx10(SwitchButton, { className: "medo-switch__button", children: ({ isSelected }) => /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx10("span", { className: "medo-switch__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx10("span", { className: "medo-switch__thumb", children: isLoading ? /* @__PURE__ */ jsx10(LoaderCircle, { className: "medo-switch__spinner" }) : isSelected ? /* @__PURE__ */ jsx10(Check2, {}) : /* @__PURE__ */ jsx10(X, {}) }) }),
-          /* @__PURE__ */ jsx10("span", { className: "medo-switch__label", children })
+        /* @__PURE__ */ jsx11(SwitchButton, { className: "medo-switch__button", children: ({ isSelected }) => /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx11("span", { className: "medo-switch__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx11("span", { className: "medo-switch__thumb", children: isLoading ? /* @__PURE__ */ jsx11(LoaderCircle, { className: "medo-switch__spinner" }) : isSelected ? /* @__PURE__ */ jsx11(Check2, {}) : /* @__PURE__ */ jsx11(X, {}) }) }),
+          /* @__PURE__ */ jsx11("span", { className: "medo-switch__label", children })
         ] }) }),
-        description && /* @__PURE__ */ jsx10(Text4, { slot: "description", className: "medo-switch__description", children: description })
+        description && /* @__PURE__ */ jsx11(Text4, { slot: "description", className: "medo-switch__description", children: description })
       ]
     }
   );
 }
 
 // src/badge/Badge.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function Badge({ tone = "neutral", size = "md", dot, icon, className, children, ...props }) {
   return /* @__PURE__ */ jsxs10("span", { ...props, className: cx("medo-badge", `medo-badge--${tone}`, `medo-badge--${size}`, className), children: [
-    dot ? /* @__PURE__ */ jsx11("span", { className: "medo-badge__dot", "aria-hidden": "true" }) : icon && /* @__PURE__ */ jsx11("span", { className: "medo-badge__icon", "aria-hidden": "true", children: icon }),
+    dot ? /* @__PURE__ */ jsx12("span", { className: "medo-badge__dot", "aria-hidden": "true" }) : icon && /* @__PURE__ */ jsx12("span", { className: "medo-badge__icon", "aria-hidden": "true", children: icon }),
     children
   ] });
 }
@@ -661,14 +718,14 @@ function BadgeCount({ count, max = 99, tone = "danger", size = "md", label, clas
       "aria-hidden": label ? void 0 : true,
       className: cx("medo-badge-count", `medo-badge-count--${tone}`, `medo-badge-count--${size}`, className),
       children: [
-        /* @__PURE__ */ jsx11("span", { "aria-hidden": label ? true : void 0, children: text }),
-        label && /* @__PURE__ */ jsx11("span", { className: "medo-visually-hidden", children: label })
+        /* @__PURE__ */ jsx12("span", { "aria-hidden": label ? true : void 0, children: text }),
+        label && /* @__PURE__ */ jsx12("span", { className: "medo-visually-hidden", children: label })
       ]
     }
   );
 }
 function BadgeDot({ tone = "neutral", label, className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
       ...props,
@@ -690,7 +747,7 @@ import {
   Text as Text5
 } from "react-aria-components";
 import { Check as Check3, X as X2 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var TagSizeContext = createContext3("md");
 function TagGroup({
   label,
@@ -716,24 +773,24 @@ function TagGroup({
     setAnnouncement(removedMessage(labels));
   });
   return /* @__PURE__ */ jsxs11(AriaTagGroup, { ...props, ref, onRemove: handleRemove, className: cx("medo-field", "medo-field--group", className), children: [
-    label && /* @__PURE__ */ jsx12(FieldLabel, { children: label }),
-    /* @__PURE__ */ jsx12(TagSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx12(TagList, { items, renderEmptyState, className: "medo-tag-list", children }) }),
-    description && /* @__PURE__ */ jsx12("div", { className: "medo-field__footer", children: /* @__PURE__ */ jsx12(Text5, { slot: "description", className: "medo-field__description", children: description }) }),
-    /* @__PURE__ */ jsx12("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
+    label && /* @__PURE__ */ jsx13(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsx13(TagSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx13(TagList, { items, renderEmptyState, className: "medo-tag-list", children }) }),
+    description && /* @__PURE__ */ jsx13("div", { className: "medo-field__footer", children: /* @__PURE__ */ jsx13(Text5, { slot: "description", className: "medo-field__description", children: description }) }),
+    /* @__PURE__ */ jsx13("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 function Tag({ children, icon, textValue, className, ...props }) {
   const size = useContext5(TagSizeContext);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     AriaTag,
     {
       ...props,
       textValue: textValue ?? (typeof children === "string" ? children : void 0),
       className: ({ selectionMode }) => cx("medo-tag", `medo-tag--${size}`, selectionMode !== "none" && "medo-tag--selectable", className),
       children: ({ allowsRemoving, isSelected, selectionMode }) => /* @__PURE__ */ jsxs11(Fragment6, { children: [
-        selectionMode !== "none" && isSelected ? /* @__PURE__ */ jsx12("span", { className: "medo-tag__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(Check3, {}) }) : icon && /* @__PURE__ */ jsx12("span", { className: "medo-tag__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ jsx12("span", { className: "medo-tag__label", children }),
-        allowsRemoving && /* @__PURE__ */ jsx12(AriaButton4, { slot: "remove", className: "medo-tag__remove", children: /* @__PURE__ */ jsx12(X2, { "aria-hidden": "true" }) })
+        selectionMode !== "none" && isSelected ? /* @__PURE__ */ jsx13("span", { className: "medo-tag__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(Check3, {}) }) : icon && /* @__PURE__ */ jsx13("span", { className: "medo-tag__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx13("span", { className: "medo-tag__label", children }),
+        allowsRemoving && /* @__PURE__ */ jsx13(AriaButton4, { slot: "remove", className: "medo-tag__remove", children: /* @__PURE__ */ jsx13(X2, { "aria-hidden": "true" }) })
       ] })
     }
   );
@@ -751,7 +808,7 @@ import {
 } from "react";
 import { Button as AriaButton5 } from "react-aria-components";
 import { Building2, User } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var TONES = ["blue", "violet", "pink", "amber", "green", "teal"];
 var AvatarSizeContext = createContext4(void 0);
 function toneFor(key) {
@@ -805,9 +862,9 @@ function Avatar({
       ),
       style,
       children: [
-        initials ? /* @__PURE__ */ jsx13("span", { className: "medo-avatar__initials", "aria-hidden": "true", children: initials }) : /* @__PURE__ */ jsx13("span", { className: "medo-avatar__icon", "aria-hidden": "true", children: shape === "square" ? /* @__PURE__ */ jsx13(Building2, {}) : /* @__PURE__ */ jsx13(User, {}) }),
-        showImage && /* @__PURE__ */ jsx13("img", { className: "medo-avatar__image", src, alt: "", onError: () => setFailed(true) }),
-        status && /* @__PURE__ */ jsx13("span", { className: cx("medo-avatar__status", `medo-avatar__status--${status}`), "aria-hidden": "true" })
+        initials ? /* @__PURE__ */ jsx14("span", { className: "medo-avatar__initials", "aria-hidden": "true", children: initials }) : /* @__PURE__ */ jsx14("span", { className: "medo-avatar__icon", "aria-hidden": "true", children: shape === "square" ? /* @__PURE__ */ jsx14(Building2, {}) : /* @__PURE__ */ jsx14(User, {}) }),
+        showImage && /* @__PURE__ */ jsx14("img", { className: "medo-avatar__image", src, alt: "", onError: () => setFailed(true) }),
+        status && /* @__PURE__ */ jsx14("span", { className: cx("medo-avatar__status", `medo-avatar__status--${status}`), "aria-hidden": "true" })
       ]
     }
   );
@@ -828,7 +885,7 @@ function AvatarGroup({
   const hidden = items.length - visible.length;
   const moreClass = cx("medo-avatar", `medo-avatar--${size}`, "medo-avatar--circle", "medo-avatar--neutral", "medo-avatar--more");
   return /* @__PURE__ */ jsxs12("div", { role: "group", "aria-label": props["aria-label"], className: cx("medo-avatar-group", `medo-avatar-group--${size}`, className), children: [
-    /* @__PURE__ */ jsx13(AvatarSizeContext.Provider, { value: size, children: visible.map(
+    /* @__PURE__ */ jsx14(AvatarSizeContext.Provider, { value: size, children: visible.map(
       (child, i) => (
         // The first avatar sits on top.
         isValidElement(child) ? cloneElement(child, { style: { ...child.props.style, zIndex: visible.length - i } }) : child
@@ -853,7 +910,7 @@ import {
   ToggleButtonGroup as AriaToggleButtonGroup,
   Toolbar as AriaToolbar
 } from "react-aria-components";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var ToggleSizeContext = createContext5(null);
 var SegmentedContext = createContext5(false);
 function ToggleButton({ children, icon, size, tooltip, shortcut, className, ...props }) {
@@ -869,8 +926,8 @@ function ToggleButton({ children, icon, size, tooltip, shortcut, className, ...p
       "aria-keyshortcuts": shortcut && resolveShortcut(shortcut),
       className: cx("medo-button", `medo-button--${s2}`, iconOnly && "medo-button--icon-only", "medo-toggle", className),
       children: [
-        segmented && /* @__PURE__ */ jsx14(SelectionIndicator, { className: "medo-toggle__indicator" }),
-        icon && /* @__PURE__ */ jsx14("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
+        segmented && /* @__PURE__ */ jsx15(SelectionIndicator, { className: "medo-toggle__indicator" }),
+        icon && /* @__PURE__ */ jsx15("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
         children
       ]
     }
@@ -878,7 +935,7 @@ function ToggleButton({ children, icon, size, tooltip, shortcut, className, ...p
   if (!iconOnly || tooltip === false) return button;
   return /* @__PURE__ */ jsxs13(TooltipTrigger, { children: [
     button,
-    /* @__PURE__ */ jsx14(Tooltip, { shortcut: shortcut && formatShortcut(shortcut, m.keys.control), children: tooltip ?? props["aria-label"] })
+    /* @__PURE__ */ jsx15(Tooltip, { shortcut: shortcut && formatShortcut(shortcut, m.keys.control), children: tooltip ?? props["aria-label"] })
   ] });
 }
 function ToggleButtonGroup({
@@ -905,7 +962,7 @@ function ToggleButtonGroup({
     return () => observer.disconnect();
   }, []);
   const itemSize = segmented ? size === "lg" ? "md" : "sm" : size;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     AriaToggleButtonGroup,
     {
       ...props,
@@ -913,15 +970,15 @@ function ToggleButtonGroup({
       selectionMode: segmented ? "single" : selectionMode ?? "multiple",
       disallowEmptySelection: segmented || disallowEmptySelection,
       className: cx("medo-toggle-group", `medo-toggle-group--${variant}`, `medo-toggle-group--${size}`, segmented && fullWidth && "medo-toggle-group--full", className),
-      children: /* @__PURE__ */ jsx14(SegmentedContext.Provider, { value: segmented, children: /* @__PURE__ */ jsx14(ToggleSizeContext.Provider, { value: itemSize, children }) })
+      children: /* @__PURE__ */ jsx15(SegmentedContext.Provider, { value: segmented, children: /* @__PURE__ */ jsx15(ToggleSizeContext.Provider, { value: itemSize, children }) })
     }
   );
 }
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(AriaToolbar, { ...props, className: cx("medo-toolbar", className) });
+  return /* @__PURE__ */ jsx15(AriaToolbar, { ...props, className: cx("medo-toolbar", className) });
 }
 function ToolbarSeparator() {
-  return /* @__PURE__ */ jsx14(Separator, { orientation: "vertical", className: "medo-toolbar__separator" });
+  return /* @__PURE__ */ jsx15(Separator, { orientation: "vertical", className: "medo-toolbar__separator" });
 }
 
 // src/listbox/ListBox.tsx
@@ -938,7 +995,7 @@ import {
 import { Check as Check4 } from "lucide-react";
 
 // src/utils/highlight.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var plain = (text) => text.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLocaleLowerCase();
 function matchParts(text, query, all = false) {
   const q = plain(query.trim());
@@ -977,44 +1034,44 @@ function Highlight({
 }) {
   if (!query?.trim()) return text;
   return matchParts(text, query, all).map(
-    (part, i) => part.match ? /* @__PURE__ */ jsx15(Tag2, { className, children: part.text }, i) : part.text
+    (part, i) => part.match ? /* @__PURE__ */ jsx16(Tag2, { className, children: part.text }, i) : part.text
   );
 }
 
 // src/listbox/ListBox.tsx
-import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var ListBoxSizeContext = createContext6("md");
 function ListBox({ size = "md", className, ...props }) {
-  return /* @__PURE__ */ jsx16(ListBoxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx16(AriaListBox, { ...props, className: cx("medo-listbox", `medo-listbox--${size}`, className) }) });
+  return /* @__PURE__ */ jsx17(ListBoxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx17(AriaListBox, { ...props, className: cx("medo-listbox", `medo-listbox--${size}`, className) }) });
 }
 function Option({ children, description, icon, textValue, ...props }) {
   const size = useContext8(ListBoxSizeContext);
-  return /* @__PURE__ */ jsx16(ListBoxItem, { ...props, textValue: textValue ?? (typeof children === "string" ? children : void 0), className: "medo-option", children: ({ isSelected, selectionMode }) => /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    selectionMode === "multiple" && /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(ListBoxItem, { ...props, textValue: textValue ?? (typeof children === "string" ? children : void 0), className: "medo-option", children: ({ isSelected, selectionMode }) => /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    selectionMode === "multiple" && /* @__PURE__ */ jsx17(
       "span",
       {
         className: cx("medo-choice", "medo-checkbox", `medo-choice--${size}`, "medo-option__checkbox"),
         "data-selected": isSelected || void 0,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx16("span", { className: "medo-choice__control", children: isSelected && /* @__PURE__ */ jsx16(Check4, {}) })
+        children: /* @__PURE__ */ jsx17("span", { className: "medo-choice__control", children: isSelected && /* @__PURE__ */ jsx17(Check4, {}) })
       }
     ),
-    icon && /* @__PURE__ */ jsx16("span", { className: "medo-option__icon", "aria-hidden": "true", children: icon }),
+    icon && /* @__PURE__ */ jsx17("span", { className: "medo-option__icon", "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ jsxs14("span", { className: "medo-option__content", children: [
-      /* @__PURE__ */ jsx16(Text6, { slot: "label", className: "medo-option__label", children: /* @__PURE__ */ jsx16(Highlight2, { children }) }),
-      description && /* @__PURE__ */ jsx16(Text6, { slot: "description", className: "medo-option__description", children: description })
+      /* @__PURE__ */ jsx17(Text6, { slot: "label", className: "medo-option__label", children: /* @__PURE__ */ jsx17(Highlight2, { children }) }),
+      description && /* @__PURE__ */ jsx17(Text6, { slot: "description", className: "medo-option__description", children: description })
     ] }),
-    selectionMode !== "multiple" && isSelected && /* @__PURE__ */ jsx16("span", { className: "medo-option__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(Check4, {}) })
+    selectionMode !== "multiple" && isSelected && /* @__PURE__ */ jsx17("span", { className: "medo-option__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(Check4, {}) })
   ] }) });
 }
 function ListBoxSection({ title, children, items, id, ...props }) {
   return /* @__PURE__ */ jsxs14(AriaListBoxSection, { id, "aria-label": props["aria-label"], className: "medo-listbox__section", children: [
-    title && /* @__PURE__ */ jsx16(Header, { className: "medo-listbox__header", children: title }),
-    typeof children === "function" ? /* @__PURE__ */ jsx16(Collection, { items, children }) : children
+    title && /* @__PURE__ */ jsx17(Header, { className: "medo-listbox__header", children: title }),
+    typeof children === "function" ? /* @__PURE__ */ jsx17(Collection, { items, children }) : children
   ] });
 }
 function ListBoxMessage({ children }) {
-  return /* @__PURE__ */ jsx16("div", { className: "medo-listbox__message", role: "status", children });
+  return /* @__PURE__ */ jsx17("div", { className: "medo-listbox__message", role: "status", children });
 }
 var OptionHighlightContext = createContext6(null);
 function Highlight2({ children }) {
@@ -1022,8 +1079,8 @@ function Highlight2({ children }) {
   const external = useContext8(OptionHighlightContext);
   let query = (external ?? combo?.inputValue ?? "").trim();
   if (combo?.selectedItems.some((item) => item?.textValue === query)) query = "";
-  if (!query || typeof children !== "string") return /* @__PURE__ */ jsx16(Fragment7, { children });
-  return /* @__PURE__ */ jsx16(Highlight, { text: children, query, as: "span", className: "medo-option__match" });
+  if (!query || typeof children !== "string") return /* @__PURE__ */ jsx17(Fragment7, { children });
+  return /* @__PURE__ */ jsx17(Highlight, { text: children, query, as: "span", className: "medo-option__match" });
 }
 
 // src/select/Select.tsx
@@ -1041,7 +1098,7 @@ import { ChevronDown, X as X4 } from "lucide-react";
 import { useContext as useContext9, useId as useId2, useRef as useRef3 } from "react";
 import { Dialog, Heading, Modal, ModalOverlay, OverlayTriggerStateContext, Popover } from "react-aria-components";
 import { ChevronLeft, X as X3 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var CLOSE_DISTANCE = 0.25;
 var CLOSE_VELOCITY = 0.5;
 function BottomSheet({
@@ -1057,17 +1114,17 @@ function BottomSheet({
   ...props
 }) {
   const m = useMessages();
-  return /* @__PURE__ */ jsx17(ModalOverlay, { ...props, isDismissable, className: "medo-sheet-overlay", children: /* @__PURE__ */ jsx17(Modal, { className: cx("medo-sheet", height === "full" && "medo-sheet--full", className), children: /* @__PURE__ */ jsx17(Dialog, { className: "medo-sheet__dialog", children: ({ close }) => /* @__PURE__ */ jsxs15(Fragment8, { children: [
+  return /* @__PURE__ */ jsx18(ModalOverlay, { ...props, isDismissable, className: "medo-sheet-overlay", children: /* @__PURE__ */ jsx18(Modal, { className: cx("medo-sheet", height === "full" && "medo-sheet--full", className), children: /* @__PURE__ */ jsx18(Dialog, { className: "medo-sheet__dialog", children: ({ close }) => /* @__PURE__ */ jsxs15(Fragment8, { children: [
     /* @__PURE__ */ jsxs15(SwipeArea, { onClose: close, children: [
-      /* @__PURE__ */ jsx17("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx18("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
       /* @__PURE__ */ jsxs15("div", { className: "medo-sheet__header", children: [
-        onBack && /* @__PURE__ */ jsx17(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx17(ChevronLeft, {}), "aria-label": backLabel ?? m.common.back, tooltip: false, onPress: onBack }),
-        /* @__PURE__ */ jsx17(Heading, { slot: "title", className: "medo-sheet__title", children: title }),
-        /* @__PURE__ */ jsx17(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx17(X3, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
+        onBack && /* @__PURE__ */ jsx18(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx18(ChevronLeft, {}), "aria-label": backLabel ?? m.common.back, tooltip: false, onPress: onBack }),
+        /* @__PURE__ */ jsx18(Heading, { slot: "title", className: "medo-sheet__title", children: title }),
+        /* @__PURE__ */ jsx18(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx18(X3, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
       ] })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "medo-sheet__content", children }),
-    footer && /* @__PURE__ */ jsx17("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
+    /* @__PURE__ */ jsx18("div", { className: "medo-sheet__content", children }),
+    footer && /* @__PURE__ */ jsx18("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
   ] }) }) }) });
 }
 function SwipeArea({ onClose, children }) {
@@ -1095,7 +1152,7 @@ function SwipeArea({ onClose, children }) {
     d.sheet.style.transform = "";
     if (dy > d.sheet.offsetHeight * CLOSE_DISTANCE || velocity > CLOSE_VELOCITY && dy > 24) onClose();
   };
-  return /* @__PURE__ */ jsx17("div", { className: "medo-sheet__grab", onPointerDown, onPointerMove, onPointerUp: end, onPointerCancel: end, children });
+  return /* @__PURE__ */ jsx18("div", { className: "medo-sheet__grab", onPointerDown, onPointerMove, onPointerUp: end, onPointerCancel: end, children });
 }
 function BottomSheetPopover({
   title,
@@ -1104,7 +1161,7 @@ function BottomSheetPopover({
   height = "content",
   closeLabel
 }) {
-  return /* @__PURE__ */ jsx17(Popover, { className: "medo-sheet-overlay medo-sheet-overlay--popover", offset: 0, containerPadding: 0, children: /* @__PURE__ */ jsx17(SheetPopoverBody, { title, footer, height, closeLabel, children }) });
+  return /* @__PURE__ */ jsx18(Popover, { className: "medo-sheet-overlay medo-sheet-overlay--popover", offset: 0, containerPadding: 0, children: /* @__PURE__ */ jsx18(SheetPopoverBody, { title, footer, height, closeLabel, children }) });
 }
 function SheetPopoverBody({ title, children, footer, height, closeLabel }) {
   const m = useMessages();
@@ -1113,16 +1170,16 @@ function SheetPopoverBody({ title, children, footer, height, closeLabel }) {
   const close = () => state?.close();
   return (
     // A tap on the scrim (outside the sheet) closes it.
-    /* @__PURE__ */ jsx17("div", { className: "medo-sheet-scrim", onClick: (e) => e.target === e.currentTarget && close(), children: /* @__PURE__ */ jsxs15("section", { className: cx("medo-sheet", height === "full" && "medo-sheet--full"), "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsx18("div", { className: "medo-sheet-scrim", onClick: (e) => e.target === e.currentTarget && close(), children: /* @__PURE__ */ jsxs15("section", { className: cx("medo-sheet", height === "full" && "medo-sheet--full"), "aria-labelledby": titleId, children: [
       /* @__PURE__ */ jsxs15(SwipeArea, { onClose: close, children: [
-        /* @__PURE__ */ jsx17("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx18("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxs15("div", { className: "medo-sheet__header", children: [
-          /* @__PURE__ */ jsx17("h2", { id: titleId, className: "medo-sheet__title", children: title }),
-          /* @__PURE__ */ jsx17(IconButton, { slot: null, variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx17(X3, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
+          /* @__PURE__ */ jsx18("h2", { id: titleId, className: "medo-sheet__title", children: title }),
+          /* @__PURE__ */ jsx18(IconButton, { slot: null, variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx18(X3, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
         ] })
       ] }),
-      /* @__PURE__ */ jsx17("div", { className: "medo-sheet__content", children }),
-      footer && /* @__PURE__ */ jsx17("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
+      /* @__PURE__ */ jsx18("div", { className: "medo-sheet__content", children }),
+      footer && /* @__PURE__ */ jsx18("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
     ] }) })
   );
 }
@@ -1175,7 +1232,7 @@ function useMediaQuery(query) {
 }
 
 // src/select/Select.tsx
-import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function Select({
   label,
   description,
@@ -1219,39 +1276,39 @@ function Select({
         className
       ),
       children: [
-        label && /* @__PURE__ */ jsx18(FieldLabel, { isRequired: props.isRequired, children: label }),
+        label && /* @__PURE__ */ jsx19(FieldLabel, { isRequired: props.isRequired, children: label }),
         /* @__PURE__ */ jsxs16("div", { ref: fieldRef, className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: [
-          /* @__PURE__ */ jsx18(ReadOnlyKeys, { isReadOnly, children: /* @__PURE__ */ jsxs16(AriaButton6, { className: "medo-select__trigger", excludeFromTabOrder: mode === "native", "aria-hidden": mode === "native" || void 0, children: [
-            leadingIcon && /* @__PURE__ */ jsx18("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
-            /* @__PURE__ */ jsx18(SelectValue, { className: "medo-select__value", children: ({ defaultChildren, isPlaceholder, selectedText }) => /* @__PURE__ */ jsxs16(Fragment9, { children: [
-              isPlaceholder ? defaultChildren : multiple ? /* @__PURE__ */ jsx18(SelectedTags, { size }) : selectedText,
-              isReadOnly && /* @__PURE__ */ jsx18("span", { className: "medo-visually-hidden", children: ", read only" })
+          /* @__PURE__ */ jsx19(ReadOnlyKeys, { isReadOnly, children: /* @__PURE__ */ jsxs16(AriaButton6, { className: "medo-select__trigger", excludeFromTabOrder: mode === "native", "aria-hidden": mode === "native" || void 0, children: [
+            leadingIcon && /* @__PURE__ */ jsx19("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+            /* @__PURE__ */ jsx19(SelectValue, { className: "medo-select__value", children: ({ defaultChildren, isPlaceholder, selectedText }) => /* @__PURE__ */ jsxs16(Fragment9, { children: [
+              isPlaceholder ? defaultChildren : multiple ? /* @__PURE__ */ jsx19(SelectedTags, { size }) : selectedText,
+              isReadOnly && /* @__PURE__ */ jsx19("span", { className: "medo-visually-hidden", children: ", read only" })
             ] }) }),
-            !isReadOnly && /* @__PURE__ */ jsx18("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(ChevronDown, {}) })
+            !isReadOnly && /* @__PURE__ */ jsx19("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(ChevronDown, {}) })
           ] }) }),
-          mode === "native" && !isReadOnly && /* @__PURE__ */ jsx18(NativePicker, { label: label ?? props["aria-label"], placeholder, isRequired: props.isRequired }),
-          /* @__PURE__ */ jsx18(ClearButton, { enabled: (multiple || !!clearable) && !isReadOnly && !props.isDisabled, onHasValue: setHasValue })
+          mode === "native" && !isReadOnly && /* @__PURE__ */ jsx19(NativePicker, { label: label ?? props["aria-label"], placeholder, isRequired: props.isRequired }),
+          /* @__PURE__ */ jsx19(ClearButton, { enabled: (multiple || !!clearable) && !isReadOnly && !props.isDisabled, onHasValue: setHasValue })
         ] }),
-        /* @__PURE__ */ jsx18(FieldFooter, { description, errorMessage }),
-        commit === "onClose" && onApply && /* @__PURE__ */ jsx18(ApplyOnClose, { onApply }),
-        mode === "sheet" ? /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(FieldFooter, { description, errorMessage }),
+        commit === "onClose" && onApply && /* @__PURE__ */ jsx19(ApplyOnClose, { onApply }),
+        mode === "sheet" ? /* @__PURE__ */ jsx19(
           BottomSheetPopover,
           {
             title: label ?? props["aria-label"],
-            footer: multiple ? /* @__PURE__ */ jsx18(SheetFooter, { commit, resultLabel }) : void 0,
-            children: /* @__PURE__ */ jsx18(ListBox, { size: "lg", items, children })
+            footer: multiple ? /* @__PURE__ */ jsx19(SheetFooter, { commit, resultLabel }) : void 0,
+            children: /* @__PURE__ */ jsx19(ListBox, { size: "lg", items, children })
           }
-        ) : /* @__PURE__ */ jsx18(Popover2, { triggerRef: fieldRef, offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx18(ListBox, { size: size === "lg" ? "lg" : "md", items, children }) })
+        ) : /* @__PURE__ */ jsx19(Popover2, { triggerRef: fieldRef, offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx19(ListBox, { size: size === "lg" ? "lg" : "md", items, children }) })
       ]
     }
   );
 }
 function ReadOnlyKeys({ isReadOnly, children }) {
-  if (!isReadOnly) return /* @__PURE__ */ jsx18(Fragment9, { children });
+  if (!isReadOnly) return /* @__PURE__ */ jsx19(Fragment9, { children });
   const block = (e) => {
     if (e.key !== "Tab") e.stopPropagation();
   };
-  return /* @__PURE__ */ jsx18("div", { style: { display: "contents" }, onKeyDownCapture: block, children });
+  return /* @__PURE__ */ jsx19("div", { style: { display: "contents" }, onKeyDownCapture: block, children });
 }
 function ClearButton({ enabled, onHasValue }) {
   const m = useMessages();
@@ -1260,12 +1317,12 @@ function ClearButton({ enabled, onHasValue }) {
   useLayoutEffect2(() => onHasValue(hasValue), [hasValue, onHasValue]);
   const ref = useRef4(null);
   if (!enabled || !hasValue || !state) return null;
-  return /* @__PURE__ */ jsx18("span", { className: "medo-select__clear", ref, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("span", { className: "medo-select__clear", ref, children: /* @__PURE__ */ jsx19(
     InputAction,
     {
       slot: null,
       "aria-label": Array.isArray(state.value) ? m.common.clearAll : m.select.clearSelection,
-      icon: /* @__PURE__ */ jsx18(X4, {}),
+      icon: /* @__PURE__ */ jsx19(X4, {}),
       onPress: () => {
         state.setValue(Array.isArray(state.value) ? [] : null);
         ref.current?.parentElement?.querySelector(".medo-select__trigger")?.focus();
@@ -1283,15 +1340,15 @@ function SelectedTags({ size }) {
   const tagClass = cx("medo-tag", size === "lg" ? "medo-tag--md" : "medo-tag--sm");
   const hidden = labels.length - visible;
   return /* @__PURE__ */ jsxs16("span", { className: "medo-select__tags", ref: rowRef, children: [
-    /* @__PURE__ */ jsx18("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
+    /* @__PURE__ */ jsx19("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
     /* @__PURE__ */ jsxs16("span", { className: "medo-select__measure", ref: measureRef, "aria-hidden": "true", children: [
-      labels.map((label, i) => /* @__PURE__ */ jsx18("span", { className: tagClass, children: label }, i)),
+      labels.map((label, i) => /* @__PURE__ */ jsx19("span", { className: tagClass, children: label }, i)),
       /* @__PURE__ */ jsxs16("span", { className: tagClass, children: [
         "+",
         labels.length
       ] })
     ] }),
-    labels.slice(0, visible).map((label, i) => /* @__PURE__ */ jsx18("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx18("span", { className: "medo-select__tag-label", children: label }) }, i)),
+    labels.slice(0, visible).map((label, i) => /* @__PURE__ */ jsx19("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx19("span", { className: "medo-select__tag-label", children: label }) }, i)),
     hidden > 0 && /* @__PURE__ */ jsxs16("span", { className: tagClass, "aria-hidden": "true", children: [
       "+",
       hidden
@@ -1306,7 +1363,7 @@ function NativePicker({ label, placeholder, isRequired }) {
     const node = state.collection.getItem(key);
     if (!node || node.type !== "item") return null;
     keys.set(String(key), key);
-    return /* @__PURE__ */ jsx18("option", { value: String(key), disabled: state.selectionManager.isDisabled(key), children: node.textValue }, String(key));
+    return /* @__PURE__ */ jsx19("option", { value: String(key), disabled: state.selectionManager.isDisabled(key), children: node.textValue }, String(key));
   };
   const value = state.value == null || Array.isArray(state.value) ? "" : String(state.value);
   return /* @__PURE__ */ jsxs16(
@@ -1318,9 +1375,9 @@ function NativePicker({ label, placeholder, isRequired }) {
       value,
       onChange: (e) => state.setValue(e.target.value === "" ? null : keys.get(e.target.value) ?? e.target.value),
       children: [
-        /* @__PURE__ */ jsx18("option", { value: "", disabled: isRequired, children: placeholder }),
+        /* @__PURE__ */ jsx19("option", { value: "", disabled: isRequired, children: placeholder }),
         [...state.collection].map(
-          (node) => node.type === "section" ? /* @__PURE__ */ jsx18("optgroup", { label: node.textValue || node["aria-label"] || "", children: [...state.collection.getChildren(node.key)].map((child) => option(child.key)) }, String(node.key)) : option(node.key)
+          (node) => node.type === "section" ? /* @__PURE__ */ jsx19("optgroup", { label: node.textValue || node["aria-label"] || "", children: [...state.collection.getChildren(node.key)].map((child) => option(child.key)) }, String(node.key)) : option(node.key)
         )
       ]
     }
@@ -1332,11 +1389,11 @@ function SheetFooter({ commit, resultLabel }) {
   if (!state) return null;
   const count = Array.isArray(state.value) ? state.value.length : state.value == null ? 0 : 1;
   return commit === "onClose" ? /* @__PURE__ */ jsxs16(Fragment9, { children: [
-    /* @__PURE__ */ jsx18(Button, { size: "lg", onPress: () => state.close(), children: resultLabel(state.value) }),
-    /* @__PURE__ */ jsx18(Button, { size: "lg", variant: "secondary", onPress: () => state.setValue([]), isDisabled: count === 0, children: m.common.reset })
+    /* @__PURE__ */ jsx19(Button, { size: "lg", onPress: () => state.close(), children: resultLabel(state.value) }),
+    /* @__PURE__ */ jsx19(Button, { size: "lg", variant: "secondary", onPress: () => state.setValue([]), isDisabled: count === 0, children: m.common.reset })
   ] }) : /* @__PURE__ */ jsxs16(Fragment9, { children: [
-    /* @__PURE__ */ jsx18("p", { className: "medo-sheet__count", "aria-live": "polite", children: m.common.countSelected(count) }),
-    /* @__PURE__ */ jsx18(Button, { size: "lg", onPress: () => state.close(), children: m.common.done })
+    /* @__PURE__ */ jsx19("p", { className: "medo-sheet__count", "aria-live": "polite", children: m.common.countSelected(count) }),
+    /* @__PURE__ */ jsx19(Button, { size: "lg", onPress: () => state.close(), children: m.common.done })
   ] });
 }
 function ApplyOnClose({ onApply }) {
@@ -1369,47 +1426,47 @@ import {
   Text as Text7
 } from "react-aria-components";
 import { ChevronRight, Ellipsis } from "lucide-react";
-import { Fragment as Fragment10, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 import { createElement } from "react";
 var MenuModeContext = createContext7({ size: "md" });
 function MenuTrigger(props) {
-  return /* @__PURE__ */ jsx19(AriaMenuTrigger, { ...props });
+  return /* @__PURE__ */ jsx20(AriaMenuTrigger, { ...props });
 }
 function MenuButton({ "aria-label": label, size = "md" }) {
-  return /* @__PURE__ */ jsx19(IconButton, { variant: "ghost", size, icon: /* @__PURE__ */ jsx19(Ellipsis, {}), "aria-label": label });
+  return /* @__PURE__ */ jsx20(IconButton, { variant: "ghost", size, icon: /* @__PURE__ */ jsx20(Ellipsis, {}), "aria-label": label });
 }
 function Menu({ title, overlay = "auto", className, ...props }) {
   const mobile = useMediaQuery(MOBILE_QUERY);
   const sheet = overlay === "sheet" || overlay === "auto" && mobile;
-  if (sheet) return /* @__PURE__ */ jsx19(SheetMenu, { title, className, ...props });
-  return /* @__PURE__ */ jsx19(Popover3, { placement: "bottom end", offset: 4, className: "medo-menu-popover", children: /* @__PURE__ */ jsx19(MenuModeContext.Provider, { value: { size: "md" }, children: /* @__PURE__ */ jsx19(AriaMenu, { ...props, className: cx("medo-menu", "medo-menu--md", className) }) }) });
+  if (sheet) return /* @__PURE__ */ jsx20(SheetMenu, { title, className, ...props });
+  return /* @__PURE__ */ jsx20(Popover3, { placement: "bottom end", offset: 4, className: "medo-menu-popover", children: /* @__PURE__ */ jsx20(MenuModeContext.Provider, { value: { size: "md" }, children: /* @__PURE__ */ jsx20(AriaMenu, { ...props, className: cx("medo-menu", "medo-menu--md", className) }) }) });
 }
 function SheetMenu({ title, className, ...props }) {
   const [view, setView] = useState6(null);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     BottomSheet,
     {
       title: view ? view.title : title ?? props["aria-label"],
       onBack: view ? () => setView(null) : void 0,
       onOpenChange: (open) => !open && setView(null),
-      children: /* @__PURE__ */ jsx19(MenuModeContext.Provider, { value: { size: "lg", push: (t, c) => setView({ title: t, children: c }) }, children: view ? /* @__PURE__ */ jsx19(AriaMenu, { "aria-label": typeof view.title === "string" ? view.title : void 0, autoFocus: "first", className: cx("medo-menu", "medo-menu--lg", className), children: view.children }, "sub") : /* @__PURE__ */ createElement(AriaMenu, { ...props, key: "main", className: cx("medo-menu", "medo-menu--lg", className) }) })
+      children: /* @__PURE__ */ jsx20(MenuModeContext.Provider, { value: { size: "lg", push: (t, c) => setView({ title: t, children: c }) }, children: view ? /* @__PURE__ */ jsx20(AriaMenu, { "aria-label": typeof view.title === "string" ? view.title : void 0, autoFocus: "first", className: cx("medo-menu", "medo-menu--lg", className), children: view.children }, "sub") : /* @__PURE__ */ createElement(AriaMenu, { ...props, key: "main", className: cx("medo-menu", "medo-menu--lg", className) }) })
     }
   );
 }
 function MenuItem({ children, icon, shortcut, variant = "default", textValue, ...props }) {
   const m = useMessages();
   const { size } = useContext11(MenuModeContext);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     AriaMenuItem,
     {
       ...props,
       textValue: textValue ?? children,
       className: cx("medo-menu-item", variant === "danger" && "medo-menu-item--danger"),
       children: ({ hasSubmenu }) => /* @__PURE__ */ jsxs17(Fragment10, { children: [
-        /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ jsx19(Text7, { slot: "label", className: "medo-menu-item__label", children }),
-        shortcut && size === "md" && /* @__PURE__ */ jsx19(Keyboard, { className: "medo-menu-item__shortcut", children: formatShortcut(shortcut, m.keys.control) }),
-        hasSubmenu && /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(ChevronRight, {}) })
+        /* @__PURE__ */ jsx20("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx20(Text7, { slot: "label", className: "medo-menu-item__label", children }),
+        shortcut && size === "md" && /* @__PURE__ */ jsx20(Keyboard, { className: "medo-menu-item__shortcut", children: formatShortcut(shortcut, m.keys.control) }),
+        hasSubmenu && /* @__PURE__ */ jsx20("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(ChevronRight, {}) })
       ] })
     }
   );
@@ -1426,21 +1483,21 @@ function Submenu({ label, icon, children, isDisabled }) {
         onAction: () => push(label, children),
         className: "medo-menu-item",
         children: [
-          /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ jsx19(Text7, { slot: "label", className: "medo-menu-item__label", children: label }),
-          /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(ChevronRight, {}) })
+          /* @__PURE__ */ jsx20("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsx20(Text7, { slot: "label", className: "medo-menu-item__label", children: label }),
+          /* @__PURE__ */ jsx20("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(ChevronRight, {}) })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxs17(SubmenuTrigger, { children: [
-    /* @__PURE__ */ jsx19(MenuItem, { icon, isDisabled, children: label }),
-    /* @__PURE__ */ jsx19(Popover3, { placement: "end top", offset: 4, crossOffset: -5, className: "medo-menu-popover", children: /* @__PURE__ */ jsx19(AriaMenu, { "aria-label": label, className: cx("medo-menu", `medo-menu--${size}`), children }) })
+    /* @__PURE__ */ jsx20(MenuItem, { icon, isDisabled, children: label }),
+    /* @__PURE__ */ jsx20(Popover3, { placement: "end top", offset: 4, crossOffset: -5, className: "medo-menu-popover", children: /* @__PURE__ */ jsx20(AriaMenu, { "aria-label": label, className: cx("medo-menu", `medo-menu--${size}`), children }) })
   ] });
 }
 function MenuSection({ title, children, ...props }) {
   return /* @__PURE__ */ jsxs17(AriaMenuSection, { "aria-label": props["aria-label"], className: "medo-menu__section", children: [
-    title && /* @__PURE__ */ jsx19(Header2, { className: "medo-listbox__header", children: title }),
+    title && /* @__PURE__ */ jsx20(Header2, { className: "medo-listbox__header", children: title }),
     children
   ] });
 }
@@ -1450,7 +1507,7 @@ import { useContext as useContext12, useEffect as useEffect5, useId as useId3, u
 import { Dialog as AriaDialog, DialogContext, Heading as Heading2, Modal as Modal2, ModalOverlay as ModalOverlay2, OverlayTriggerStateContext as OverlayTriggerStateContext2, Provider } from "react-aria-components";
 import { CircleAlert as CircleAlert2, Info, TriangleAlert, X as X5 } from "lucide-react";
 import { DialogTrigger } from "react-aria-components";
-import { Fragment as Fragment11, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function useOpenState({ isOpen, onOpenChange }) {
   const trigger = useContext12(OverlayTriggerStateContext2);
   const open = isOpen ?? trigger?.isOpen ?? false;
@@ -1473,7 +1530,7 @@ function ActionButton({ action, close, size, variant }) {
       setPending(false);
     }
   };
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Button,
     {
       variant: action.variant ?? variant,
@@ -1488,7 +1545,7 @@ function ActionButton({ action, close, size, variant }) {
   );
 }
 function Nested({ children }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Provider,
     {
       values: [
@@ -1514,7 +1571,7 @@ function useDirtyGuard({ isDirty = false, discardText, ...openProps }) {
     cancelLabel: m.dialog.discardCancel,
     ...discardText
   };
-  const confirmDiscard = /* @__PURE__ */ jsx20(Nested, { children: /* @__PURE__ */ jsx20(
+  const confirmDiscard = /* @__PURE__ */ jsx21(Nested, { children: /* @__PURE__ */ jsx21(
     AlertDialog,
     {
       tone: "warning",
@@ -1564,25 +1621,25 @@ function Dialog2({
         isDismissable: !isDirty,
         className,
         footer: primaryAction && ((close) => /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
-          /* @__PURE__ */ jsx20(ActionButton, { action: primaryAction, close: forceClose, size: "lg", variant: "primary" })
+          /* @__PURE__ */ jsx21(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
+          /* @__PURE__ */ jsx21(ActionButton, { action: primaryAction, close: forceClose, size: "lg", variant: "primary" })
         ] })),
         children: [
-          /* @__PURE__ */ jsx20(SheetContent, { description, children: content(forceClose) }),
+          /* @__PURE__ */ jsx21(SheetContent, { description, children: content(forceClose) }),
           confirmDiscard
         ]
       }
     );
   }
   const fullscreen = layout === "fullscreen";
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ModalOverlay2,
     {
       isOpen: open,
       onOpenChange,
       isDismissable: !isDirty,
       className: cx("medo-dialog-overlay", fullscreen && "medo-dialog-overlay--fullscreen"),
-      children: /* @__PURE__ */ jsx20(Modal2, { className: cx("medo-dialog", fullscreen ? "medo-dialog--fullscreen" : `medo-dialog--${size}`, className), children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx21(Modal2, { className: cx("medo-dialog", fullscreen ? "medo-dialog--fullscreen" : `medo-dialog--${size}`, className), children: /* @__PURE__ */ jsx21(
         DialogFrame,
         {
           title,
@@ -1605,29 +1662,29 @@ function DialogFrame({ title, description, fullscreen, primaryAction, cancelLabe
   const ref = useRef5(null);
   const [scrolls, setScrolls] = useState7(false);
   useInitialFocus(ref);
-  return /* @__PURE__ */ jsx20(AriaDialog, { ref, className: "medo-dialog__dialog", "aria-describedby": description ? descriptionId : void 0, "data-scrolled": scrolls || void 0, children: ({ close }) => fullscreen ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
+  return /* @__PURE__ */ jsx21(AriaDialog, { ref, className: "medo-dialog__dialog", "aria-describedby": description ? descriptionId : void 0, "data-scrolled": scrolls || void 0, children: ({ close }) => fullscreen ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__bar", children: [
-      /* @__PURE__ */ jsx20(Button, { variant: "ghost", size: "md", onPress: close, children: primaryAction ? cancelLabel : closeLabel }),
-      /* @__PURE__ */ jsx20(Heading2, { slot: "title", className: "medo-dialog__bar-title", children: title }),
-      primaryAction ? /* @__PURE__ */ jsx20(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" }) : /* @__PURE__ */ jsx20("span", {})
+      /* @__PURE__ */ jsx21(Button, { variant: "ghost", size: "md", onPress: close, children: primaryAction ? cancelLabel : closeLabel }),
+      /* @__PURE__ */ jsx21(Heading2, { slot: "title", className: "medo-dialog__bar-title", children: title }),
+      primaryAction ? /* @__PURE__ */ jsx21(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" }) : /* @__PURE__ */ jsx21("span", {})
     ] }),
     /* @__PURE__ */ jsxs18(DialogBody, { onScrollsChange: setScrolls, children: [
-      description && /* @__PURE__ */ jsx20("p", { id: descriptionId, className: "medo-dialog__description", children: description }),
+      description && /* @__PURE__ */ jsx21("p", { id: descriptionId, className: "medo-dialog__description", children: description }),
       children(forceClose)
     ] }),
     nested
   ] }) : /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__header", children: [
       /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__heading", children: [
-        /* @__PURE__ */ jsx20(Heading2, { slot: "title", className: "medo-dialog__title", children: title }),
-        description && /* @__PURE__ */ jsx20("p", { id: descriptionId, className: "medo-dialog__description", children: description })
+        /* @__PURE__ */ jsx21(Heading2, { slot: "title", className: "medo-dialog__title", children: title }),
+        description && /* @__PURE__ */ jsx21("p", { id: descriptionId, className: "medo-dialog__description", children: description })
       ] }),
-      showClose && /* @__PURE__ */ jsx20(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx20(X5, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+      showClose && /* @__PURE__ */ jsx21(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx21(X5, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
     ] }),
-    /* @__PURE__ */ jsx20(DialogBody, { onScrollsChange: setScrolls, children: children(forceClose) }),
-    primaryAction && /* @__PURE__ */ jsx20("div", { className: "medo-dialog__footer", children: /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
-      /* @__PURE__ */ jsx20(Button, { variant: "secondary", onPress: close, children: cancelLabel }),
-      /* @__PURE__ */ jsx20(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" })
+    /* @__PURE__ */ jsx21(DialogBody, { onScrollsChange: setScrolls, children: children(forceClose) }),
+    primaryAction && /* @__PURE__ */ jsx21("div", { className: "medo-dialog__footer", children: /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx21(Button, { variant: "secondary", onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx21(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" })
     ] }) }),
     nested
   ] }) });
@@ -1646,11 +1703,11 @@ function DialogBody({ children, onScrollsChange }) {
     return () => observer.disconnect();
   }, []);
   useEffect5(() => onScrollsChange(scrolls), [scrolls, onScrollsChange]);
-  return /* @__PURE__ */ jsx20("div", { ref, className: "medo-dialog__body", tabIndex: scrolls ? 0 : void 0, children: /* @__PURE__ */ jsx20("div", { className: "medo-dialog__body-inner", children }) });
+  return /* @__PURE__ */ jsx21("div", { ref, className: "medo-dialog__body", tabIndex: scrolls ? 0 : void 0, children: /* @__PURE__ */ jsx21("div", { className: "medo-dialog__body-inner", children }) });
 }
 function SheetContent({ description, children }) {
   return /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__sheet-body", children: [
-    description && /* @__PURE__ */ jsx20("p", { className: "medo-dialog__description", children: description }),
+    description && /* @__PURE__ */ jsx21("p", { className: "medo-dialog__description", children: description }),
     children
   ] });
 }
@@ -1677,17 +1734,17 @@ function AlertDialog({ tone = "danger", title, children, actionLabel, onAction,
   const descriptionId = useId3();
   const Icon = TONE_ICONS[tone];
   const size = isMobile ? "lg" : "md";
-  return /* @__PURE__ */ jsx20(ModalOverlay2, { isOpen: open, onOpenChange: setOpen, isDismissable: false, className: "medo-dialog-overlay", children: /* @__PURE__ */ jsx20(Modal2, { className: cx("medo-dialog", "medo-alert-dialog", `medo-alert-dialog--${tone}`, className), children: /* @__PURE__ */ jsx20(AriaDialog, { role: "alertdialog", "aria-describedby": children ? descriptionId : void 0, className: "medo-dialog__dialog", children: ({ close }) => /* @__PURE__ */ jsxs18(Fragment11, { children: [
+  return /* @__PURE__ */ jsx21(ModalOverlay2, { isOpen: open, onOpenChange: setOpen, isDismissable: false, className: "medo-dialog-overlay", children: /* @__PURE__ */ jsx21(Modal2, { className: cx("medo-dialog", "medo-alert-dialog", `medo-alert-dialog--${tone}`, className), children: /* @__PURE__ */ jsx21(AriaDialog, { role: "alertdialog", "aria-describedby": children ? descriptionId : void 0, className: "medo-dialog__dialog", children: ({ close }) => /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsxs18("div", { className: "medo-alert-dialog__content", children: [
-      /* @__PURE__ */ jsx20("span", { className: "medo-alert-dialog__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(Icon, {}) }),
+      /* @__PURE__ */ jsx21("span", { className: "medo-alert-dialog__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(Icon, {}) }),
       /* @__PURE__ */ jsxs18("div", { className: "medo-alert-dialog__text", children: [
-        /* @__PURE__ */ jsx20(Heading2, { slot: "title", className: "medo-alert-dialog__title", children: title }),
-        children && /* @__PURE__ */ jsx20("div", { id: descriptionId, className: "medo-alert-dialog__description", children })
+        /* @__PURE__ */ jsx21(Heading2, { slot: "title", className: "medo-alert-dialog__title", children: title }),
+        children && /* @__PURE__ */ jsx21("div", { id: descriptionId, className: "medo-alert-dialog__description", children })
       ] })
     ] }),
     /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
-      /* @__PURE__ */ jsx20(Button, { variant: "secondary", size, autoFocus: true, onPress: close, children: cancelLabel }),
-      /* @__PURE__ */ jsx20(ActionButton, { action: { label: actionLabel, onAction }, close, size, variant: tone === "danger" ? "danger" : "primary" })
+      /* @__PURE__ */ jsx21(Button, { variant: "secondary", size, autoFocus: true, onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx21(ActionButton, { action: { label: actionLabel, onAction }, close, size, variant: tone === "danger" ? "danger" : "primary" })
     ] })
   ] }) }) }) });
 }
@@ -1708,7 +1765,7 @@ import {
   useFilter
 } from "react-aria-components";
 import { ChevronDown as ChevronDown2, CircleAlert as CircleAlert3, Plus, Search, X as X6 } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var CREATE_KEY = "__medo_create__";
 function Combobox({
   label,
@@ -1762,7 +1819,7 @@ function Combobox({
   };
   const mobile = useMediaQuery(MOBILE_QUERY);
   if (overlay === "sheet" || overlay === "auto" && mobile) {
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx22(
       ComboboxSheet,
       {
         ...{
@@ -1819,22 +1876,22 @@ function Combobox({
       allowsEmptyCollection: true,
       className: cx("medo-field", "medo-combobox", className),
       children: [
-        /* @__PURE__ */ jsx21(FieldLabel, { isRequired: props.isRequired, children: label }),
+        /* @__PURE__ */ jsx22(FieldLabel, { isRequired: props.isRequired, children: label }),
         /* @__PURE__ */ jsxs19(Group, { ref: groupRef, className: cx("medo-input", `medo-input--${size}`, "medo-combobox__field"), onMouseDown: focusInput, children: [
-          leadingIcon && /* @__PURE__ */ jsx21("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+          leadingIcon && /* @__PURE__ */ jsx22("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
           multiple ? (
             /* Tags and input share one line; the tags get what is left after 4 rem for typing. */
             /* @__PURE__ */ jsxs19("span", { className: "medo-combobox__entry", ref: entryRef, children: [
-              /* @__PURE__ */ jsx21(SelectedTags2, { entryRef, size, label, isDisabled: props.isDisabled, isReadOnly: props.isReadOnly }),
-              /* @__PURE__ */ jsx21(ComboInput, { ref: inputRef, placeholder, multiple: true, onRemoved: setAnnouncement })
+              /* @__PURE__ */ jsx22(SelectedTags2, { entryRef, size, label, isDisabled: props.isDisabled, isReadOnly: props.isReadOnly }),
+              /* @__PURE__ */ jsx22(ComboInput, { ref: inputRef, placeholder, multiple: true, onRemoved: setAnnouncement })
             ] })
-          ) : /* @__PURE__ */ jsx21(ComboInput, { ref: inputRef, placeholder, multiple: false, onRemoved: setAnnouncement }),
-          /* @__PURE__ */ jsx21(ClearButton2, { inputRef, isDisabled: props.isDisabled || props.isReadOnly }),
-          !props.isReadOnly && /* @__PURE__ */ jsx21(AriaButton7, { className: "medo-input__action medo-combobox__toggle", children: /* @__PURE__ */ jsx21(ChevronDown2, { "aria-hidden": "true" }) })
+          ) : /* @__PURE__ */ jsx22(ComboInput, { ref: inputRef, placeholder, multiple: false, onRemoved: setAnnouncement }),
+          /* @__PURE__ */ jsx22(ClearButton2, { inputRef, isDisabled: props.isDisabled || props.isReadOnly }),
+          !props.isReadOnly && /* @__PURE__ */ jsx22(AriaButton7, { className: "medo-input__action medo-combobox__toggle", children: /* @__PURE__ */ jsx22(ChevronDown2, { "aria-hidden": "true" }) })
         ] }),
-        /* @__PURE__ */ jsx21(FieldFooter, { description, errorMessage }),
-        /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement }),
-        /* @__PURE__ */ jsx21(Popover4, { offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(FieldFooter, { description, errorMessage }),
+        /* @__PURE__ */ jsx22("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement }),
+        /* @__PURE__ */ jsx22(Popover4, { offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx22(
           ComboList,
           {
             size,
@@ -1867,7 +1924,7 @@ function ComboInput({
     state.setValue(values.slice(0, -1));
     if (last) onRemoved(m.common.removed([last.textValue]));
   };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Input,
     {
       ref,
@@ -1883,13 +1940,13 @@ function ClearButton2({ inputRef, isDisabled }) {
   if (!state || isDisabled) return null;
   const hasValue = Array.isArray(state.value) ? state.value.length > 0 : state.value != null;
   if (!hasValue && !state.inputValue) return null;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     InputAction,
     {
       slot: null,
       excludeFromTabOrder: true,
       "aria-label": Array.isArray(state.value) ? m.common.clearAll : m.common.clear,
-      icon: /* @__PURE__ */ jsx21(X6, {}),
+      icon: /* @__PURE__ */ jsx22(X6, {}),
       onPress: () => {
         state.setValue(Array.isArray(state.value) ? [] : null);
         state.setInputValue("");
@@ -1919,15 +1976,15 @@ function SelectedTags2({
   return /* @__PURE__ */ jsxs19("span", { className: "medo-combobox__tags-row", children: [
     /* @__PURE__ */ jsxs19("span", { className: cx("medo-combobox__measure"), ref: measureRef, "aria-hidden": "true", children: [
       items.map((item) => /* @__PURE__ */ jsxs19("span", { className: cx("medo-tag", `medo-tag--${tagSize}`), "data-allows-removing": "", children: [
-        /* @__PURE__ */ jsx21("span", { className: "medo-tag__label", children: item.textValue }),
-        /* @__PURE__ */ jsx21("span", { className: "medo-tag__remove" })
+        /* @__PURE__ */ jsx22("span", { className: "medo-tag__label", children: item.textValue }),
+        /* @__PURE__ */ jsx22("span", { className: "medo-tag__remove" })
       ] }, item.key)),
       /* @__PURE__ */ jsxs19("span", { className: cx("medo-tag", `medo-tag--${tagSize}`), children: [
         "+",
         items.length
       ] })
     ] }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       TagGroup,
       {
         "aria-label": m.common.selected(name),
@@ -1936,13 +1993,13 @@ function SelectedTags2({
         items: items.slice(0, visible),
         disabledKeys: isDisabled ? items.map((item) => item.key) : void 0,
         onRemove: isReadOnly ? void 0 : (keys) => state.setValue(values.filter((k) => !keys.has(k))),
-        children: (item) => /* @__PURE__ */ jsx21(Tag, { id: item.key, children: item.textValue })
+        children: (item) => /* @__PURE__ */ jsx22(Tag, { id: item.key, children: item.textValue })
       }
     ),
     hidden > 0 && /* @__PURE__ */ jsxs19("span", { className: cx("medo-tag", `medo-tag--${tagSize}`, "medo-combobox__more"), children: [
       "+",
       hidden,
-      /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", children: " more selected" })
+      /* @__PURE__ */ jsx22("span", { className: "medo-visually-hidden", children: " more selected" })
     ] })
   ] });
 }
@@ -1987,10 +2044,10 @@ function ComboList({
       ListBox,
       {
         size: size === "lg" ? "lg" : "md",
-        renderEmptyState: () => /* @__PURE__ */ jsx21(ListBoxMessage, { children: isLoading ? `${m.common.loading}\u2026` : noResultsMessage(text) }),
+        renderEmptyState: () => /* @__PURE__ */ jsx22(ListBoxMessage, { children: isLoading ? `${m.common.loading}\u2026` : noResultsMessage(text) }),
         children: [
-          typeof children === "function" ? /* @__PURE__ */ jsx21(Collection2, { items, children }) : children,
-          creatable && text && !exact && /* @__PURE__ */ jsx21(ListBoxSection, { "aria-label": m.common.create, children: /* @__PURE__ */ jsx21(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx21(Plus, {}), textValue: text, children: m.common.add(text) }) })
+          typeof children === "function" ? /* @__PURE__ */ jsx22(Collection2, { items, children }) : children,
+          creatable && text && !exact && /* @__PURE__ */ jsx22(ListBoxSection, { "aria-label": m.common.create, children: /* @__PURE__ */ jsx22(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx22(Plus, {}), textValue: text, children: m.common.add(text) }) })
         ]
       }
     ),
@@ -2044,7 +2101,7 @@ function ComboboxSheet({
   const keys = Array.isArray(value) ? value : value == null ? [] : [value];
   const opened = useRef6(null);
   const query = search.trim();
-  const content = typeof children === "function" ? /* @__PURE__ */ jsx21(Collection2, { items: list, children }) : children;
+  const content = typeof children === "function" ? /* @__PURE__ */ jsx22(Collection2, { items: list, children }) : children;
   const open = (next) => {
     if (next) {
       setSearch("");
@@ -2066,7 +2123,7 @@ function ComboboxSheet({
   };
   const descId = description ? `${id}-desc` : void 0;
   const errId = isInvalid && errorMessage ? `${id}-err` : void 0;
-  return /* @__PURE__ */ jsx21(CollectionBuilder, { content, children: (collection) => {
+  return /* @__PURE__ */ jsx22(CollectionBuilder, { content, children: (collection) => {
     const nodes = [...collection.getKeys()].map((key) => collection.getItem(key)).filter((node) => node?.type === "item");
     const text = keys.map((key) => collection.getItem(key)?.textValue ?? String(key));
     const exact = nodes.some((node) => node.textValue.toLocaleLowerCase() === query.toLocaleLowerCase());
@@ -2081,9 +2138,9 @@ function ComboboxSheet({
         children: [
           /* @__PURE__ */ jsxs19("span", { className: "medo-field__label", id: `${id}-label`, children: [
             label,
-            isRequired && /* @__PURE__ */ jsx21("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+            isRequired && /* @__PURE__ */ jsx22("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx21("div", { className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsx22("div", { className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: /* @__PURE__ */ jsxs19(
             AriaButton7,
             {
               className: "medo-select__trigger",
@@ -2093,21 +2150,21 @@ function ComboboxSheet({
               "aria-describedby": [errId ?? descId].filter(Boolean).join(" ") || void 0,
               onPress: () => !isReadOnly && open(true),
               children: [
-                leadingIcon && /* @__PURE__ */ jsx21("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+                leadingIcon && /* @__PURE__ */ jsx22("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
                 /* @__PURE__ */ jsxs19("span", { className: "medo-select__value", id: `${id}-value`, "data-placeholder": keys.length === 0 || void 0, children: [
-                  keys.length === 0 ? placeholder : multiple ? /* @__PURE__ */ jsx21(DisplayTags, { labels: text, size }) : text[0],
-                  isReadOnly && /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", children: ", read only" })
+                  keys.length === 0 ? placeholder : multiple ? /* @__PURE__ */ jsx22(DisplayTags, { labels: text, size }) : text[0],
+                  isReadOnly && /* @__PURE__ */ jsx22("span", { className: "medo-visually-hidden", children: ", read only" })
                 ] }),
-                !isReadOnly && /* @__PURE__ */ jsx21("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(ChevronDown2, {}) })
+                !isReadOnly && /* @__PURE__ */ jsx22("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx22(ChevronDown2, {}) })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx21("div", { className: "medo-field__footer", children: isInvalid && errorMessage ? /* @__PURE__ */ jsxs19("span", { className: "medo-field__error", id: errId, children: [
-            /* @__PURE__ */ jsx21(CircleAlert3, { "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx21("span", { children: errorMessage })
-          ] }) : description && /* @__PURE__ */ jsx21("span", { className: "medo-field__description", id: descId, children: description }) }),
-          name && keys.map((key) => /* @__PURE__ */ jsx21("input", { type: "hidden", name, value: String(key) }, String(key))),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22("div", { className: "medo-field__footer", children: isInvalid && errorMessage ? /* @__PURE__ */ jsxs19("span", { className: "medo-field__error", id: errId, children: [
+            /* @__PURE__ */ jsx22(CircleAlert3, { "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx22("span", { children: errorMessage })
+          ] }) : description && /* @__PURE__ */ jsx22("span", { className: "medo-field__description", id: descId, children: description }) }),
+          name && keys.map((key) => /* @__PURE__ */ jsx22("input", { type: "hidden", name, value: String(key) }, String(key))),
+          /* @__PURE__ */ jsx22(
             BottomSheet,
             {
               title: label,
@@ -2115,18 +2172,18 @@ function ComboboxSheet({
               isOpen,
               onOpenChange: open,
               footer: multiple ? commit === "onClose" ? (close) => /* @__PURE__ */ jsxs19(Fragment12, { children: [
-                /* @__PURE__ */ jsx21(Button, { size: "lg", onPress: close, children: resultLabel(keys) }),
-                /* @__PURE__ */ jsx21(Button, { size: "lg", variant: "secondary", onPress: () => onValueChange([]), isDisabled: keys.length === 0, children: m.common.reset })
+                /* @__PURE__ */ jsx22(Button, { size: "lg", onPress: close, children: resultLabel(keys) }),
+                /* @__PURE__ */ jsx22(Button, { size: "lg", variant: "secondary", onPress: () => onValueChange([]), isDisabled: keys.length === 0, children: m.common.reset })
               ] }) : (close) => /* @__PURE__ */ jsxs19(Fragment12, { children: [
-                /* @__PURE__ */ jsx21("p", { className: "medo-sheet__count", "aria-live": "polite", children: m.common.countSelected(keys.length) }),
-                /* @__PURE__ */ jsx21(Button, { size: "lg", onPress: close, children: m.common.done })
+                /* @__PURE__ */ jsx22("p", { className: "medo-sheet__count", "aria-live": "polite", children: m.common.countSelected(keys.length) }),
+                /* @__PURE__ */ jsx22(Button, { size: "lg", onPress: close, children: m.common.done })
               ] }) : void 0,
               children: /* @__PURE__ */ jsxs19(Autocomplete, { inputValue: search, onInputChange: setSearch, filter: items ? void 0 : contains, children: [
-                /* @__PURE__ */ jsx21("div", { className: "medo-sheet__search", children: /* @__PURE__ */ jsxs19(AriaTextField2, { "aria-label": m.common.search, autoFocus: true, className: "medo-input medo-input--lg", children: [
-                  /* @__PURE__ */ jsx21("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(Search, {}) }),
-                  /* @__PURE__ */ jsx21(Input, { className: "medo-input__control", placeholder })
+                /* @__PURE__ */ jsx22("div", { className: "medo-sheet__search", children: /* @__PURE__ */ jsxs19(AriaTextField2, { "aria-label": m.common.search, autoFocus: true, className: "medo-input medo-input--lg", children: [
+                  /* @__PURE__ */ jsx22("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx22(Search, {}) }),
+                  /* @__PURE__ */ jsx22(Input, { className: "medo-input__control", placeholder })
                 ] }) }),
-                /* @__PURE__ */ jsx21(OptionHighlightContext.Provider, { value: query, children: /* @__PURE__ */ jsxs19(
+                /* @__PURE__ */ jsx22(OptionHighlightContext.Provider, { value: query, children: /* @__PURE__ */ jsxs19(
                   ListBox,
                   {
                     size: "lg",
@@ -2134,14 +2191,14 @@ function ComboboxSheet({
                     selectionMode: multiple ? "multiple" : "single",
                     selectedKeys: keys,
                     onSelectionChange,
-                    renderEmptyState: () => /* @__PURE__ */ jsx21(ListBoxMessage, { children: isLoading ? `${m.common.loading}\u2026` : noResultsMessage(query) }),
+                    renderEmptyState: () => /* @__PURE__ */ jsx22(ListBoxMessage, { children: isLoading ? `${m.common.loading}\u2026` : noResultsMessage(query) }),
                     children: [
                       content,
-                      multiple && onCreate && query && !exact && /* @__PURE__ */ jsx21(ListBoxSection, { "aria-label": m.common.create, children: /* @__PURE__ */ jsx21(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx21(Plus, {}), textValue: query, children: m.common.add(query) }) })
+                      multiple && onCreate && query && !exact && /* @__PURE__ */ jsx22(ListBoxSection, { "aria-label": m.common.create, children: /* @__PURE__ */ jsx22(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx22(Plus, {}), textValue: query, children: m.common.add(query) }) })
                     ]
                   }
                 ) }),
-                isLoading && list && [...list].length > 0 && /* @__PURE__ */ jsx21(ListBoxMessage, { children: "Loading\u2026" })
+                isLoading && list && [...list].length > 0 && /* @__PURE__ */ jsx22(ListBoxMessage, { children: "Loading\u2026" })
               ] })
             }
           )
@@ -2156,15 +2213,15 @@ function DisplayTags({ labels, size }) {
   const visible = useFitCount(rowRef, measureRef, labels.join("\0"), labels.length);
   const tagClass = cx("medo-tag", size === "lg" ? "medo-tag--md" : "medo-tag--sm");
   return /* @__PURE__ */ jsxs19("span", { className: "medo-select__tags", ref: rowRef, children: [
-    /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
+    /* @__PURE__ */ jsx22("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
     /* @__PURE__ */ jsxs19("span", { className: "medo-select__measure", ref: measureRef, "aria-hidden": "true", children: [
-      labels.map((l, i) => /* @__PURE__ */ jsx21("span", { className: tagClass, children: l }, i)),
+      labels.map((l, i) => /* @__PURE__ */ jsx22("span", { className: tagClass, children: l }, i)),
       /* @__PURE__ */ jsxs19("span", { className: tagClass, children: [
         "+",
         labels.length
       ] })
     ] }),
-    labels.slice(0, visible).map((l, i) => /* @__PURE__ */ jsx21("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx21("span", { className: "medo-select__tag-label", children: l }) }, i)),
+    labels.slice(0, visible).map((l, i) => /* @__PURE__ */ jsx22("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx22("span", { className: "medo-select__tag-label", children: l }) }, i)),
     labels.length > visible && /* @__PURE__ */ jsxs19("span", { className: tagClass, "aria-hidden": "true", children: [
       "+",
       labels.length - visible
@@ -2184,7 +2241,7 @@ import {
   UNSTABLE_ToastRegion as AriaToastRegion
 } from "react-aria-components";
 import { X as X7 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var TIMEOUT = 5e3;
 var TIMEOUT_ACTION = 8e3;
 var MAX_VISIBLE = 3;
@@ -2233,7 +2290,7 @@ function ToastRegion({ closeLabel, ...props }) {
     };
   }, []);
   if (!active) return null;
-  return /* @__PURE__ */ jsx22(AriaToastRegion, { ...props, queue, className: "medo-toast-region", children: ({ toast: t }) => /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx23(AriaToastRegion, { ...props, queue, className: "medo-toast-region", children: ({ toast: t }) => /* @__PURE__ */ jsxs20(
     AriaToast,
     {
       toast: t,
@@ -2241,8 +2298,8 @@ function ToastRegion({ closeLabel, ...props }) {
       style: { viewTransitionName: t.key },
       ref: (el) => closeOnEscape(el, t.key),
       children: [
-        /* @__PURE__ */ jsx22(AriaToastContent, { className: "medo-toast__content", children: /* @__PURE__ */ jsx22(Text8, { slot: "title", className: "medo-toast__message", children: t.content.message }) }),
-        t.content.action && /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(AriaToastContent, { className: "medo-toast__content", children: /* @__PURE__ */ jsx23(Text8, { slot: "title", className: "medo-toast__message", children: t.content.message }) }),
+        t.content.action && /* @__PURE__ */ jsx23(
           Button2,
           {
             className: "medo-toast__button medo-toast__action",
@@ -2253,7 +2310,7 @@ function ToastRegion({ closeLabel, ...props }) {
             children: t.content.action.label
           }
         ),
-        /* @__PURE__ */ jsx22(Button2, { slot: "close", "aria-label": closeLabel ?? m.common.close, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx22(X7, { "aria-hidden": "true" }) })
+        /* @__PURE__ */ jsx23(Button2, { slot: "close", "aria-label": closeLabel ?? m.common.close, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx23(X7, { "aria-hidden": "true" }) })
       ]
     }
   ) });
@@ -2268,25 +2325,25 @@ import {
   TabPanel as AriaTabPanel,
   Tabs as AriaTabs
 } from "react-aria-components";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function Tabs({ size = "md", fullWidth = false, className, ...props }) {
-  return /* @__PURE__ */ jsx23(AriaTabs, { ...props, className: cx("medo-tabs", `medo-tabs--${size}`, fullWidth && "medo-tabs--full", className) });
+  return /* @__PURE__ */ jsx24(AriaTabs, { ...props, className: cx("medo-tabs", `medo-tabs--${size}`, fullWidth && "medo-tabs--full", className) });
 }
 function TabList({ className, ...props }) {
   const ref = useRef7(null);
   useScrollEdges(ref);
-  return /* @__PURE__ */ jsx23(AriaTabList, { ...props, ref, className: cx("medo-tabs__list", className) });
+  return /* @__PURE__ */ jsx24(AriaTabList, { ...props, ref, className: cx("medo-tabs__list", className) });
 }
 function Tab({ children, icon, count, countLabel, ...props }) {
   return /* @__PURE__ */ jsxs21(AriaTab, { ...props, className: "medo-tab", children: [
-    /* @__PURE__ */ jsx23(SelectionIndicator2, { className: "medo-tab__thumb", ref: revealInList }),
-    icon && /* @__PURE__ */ jsx23("span", { className: "medo-tab__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx23("span", { className: "medo-tab__label", children }),
-    count !== void 0 && /* @__PURE__ */ jsx23(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) })
+    /* @__PURE__ */ jsx24(SelectionIndicator2, { className: "medo-tab__thumb", ref: revealInList }),
+    icon && /* @__PURE__ */ jsx24("span", { className: "medo-tab__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx24("span", { className: "medo-tab__label", children }),
+    count !== void 0 && /* @__PURE__ */ jsx24(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) })
   ] });
 }
 function TabPanel({ keepMounted = true, className, ...props }) {
-  return /* @__PURE__ */ jsx23(AriaTabPanel, { ...props, shouldForceMount: keepMounted, className: cx("medo-tabs__panel", className) });
+  return /* @__PURE__ */ jsx24(AriaTabPanel, { ...props, shouldForceMount: keepMounted, className: cx("medo-tabs__panel", className) });
 }
 function revealInList(thumb) {
   const tab = thumb?.parentElement;
@@ -2332,7 +2389,7 @@ import { Info as Info2, X as X8 } from "lucide-react";
 // src/link/Link.tsx
 import { Link as AriaLink2 } from "react-aria-components";
 import { ArrowRight, ExternalLink } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function Link({
   children,
   variant = "inline",
@@ -2352,8 +2409,8 @@ function Link({
       className: cx("medo-link", variant === "standalone" && "medo-link--standalone", variant === "standalone" && `medo-link--${size}`, className),
       children: [
         children,
-        external && /* @__PURE__ */ jsx24(ExternalLink, { className: "medo-link__icon", "aria-hidden": "true" }),
-        !external && arrow && variant === "standalone" && /* @__PURE__ */ jsx24(ArrowRight, { className: "medo-link__icon", "aria-hidden": "true" }),
+        external && /* @__PURE__ */ jsx25(ExternalLink, { className: "medo-link__icon", "aria-hidden": "true" }),
+        !external && arrow && variant === "standalone" && /* @__PURE__ */ jsx25(ArrowRight, { className: "medo-link__icon", "aria-hidden": "true" }),
         newTab && /* @__PURE__ */ jsxs22("span", { className: "medo-visually-hidden", children: [
           " ",
           newTabLabel
@@ -2364,7 +2421,7 @@ function Link({
 }
 
 // src/popover/Popover.tsx
-import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var PopoverTrigger = DialogTrigger2;
 function Popover5({
   title,
@@ -2384,47 +2441,47 @@ function Popover5({
   const mobile = useMediaQuery(MOBILE_QUERY);
   const content = (close) => typeof children === "function" ? children(close) : children;
   if (overlay === "sheet" || overlay === "auto" && mobile) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       BottomSheet,
       {
         title: title ?? ariaLabel,
         closeLabel,
         className,
         footer: primaryAction && ((close) => /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
-          /* @__PURE__ */ jsx25(ActionButton, { action: primaryAction, close, size: "lg", variant: "primary" })
+          /* @__PURE__ */ jsx26(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
+          /* @__PURE__ */ jsx26(ActionButton, { action: primaryAction, close, size: "lg", variant: "primary" })
         ] })),
-        children: /* @__PURE__ */ jsx25(SheetBody, { children: content })
+        children: /* @__PURE__ */ jsx26(SheetBody, { children: content })
       }
     );
   }
-  return /* @__PURE__ */ jsx25(AriaPopover, { placement, offset: 8, containerPadding: 16, className: cx("medo-popover", `medo-popover--${size}`, className), children: /* @__PURE__ */ jsx25(PopoverDialog, { "aria-label": title ? void 0 : ariaLabel, children: ({ close }) => /* @__PURE__ */ jsxs23(Fragment13, { children: [
+  return /* @__PURE__ */ jsx26(AriaPopover, { placement, offset: 8, containerPadding: 16, className: cx("medo-popover", `medo-popover--${size}`, className), children: /* @__PURE__ */ jsx26(PopoverDialog, { "aria-label": title ? void 0 : ariaLabel, children: ({ close }) => /* @__PURE__ */ jsxs23(Fragment13, { children: [
     title && /* @__PURE__ */ jsxs23("div", { className: "medo-popover__header", children: [
-      /* @__PURE__ */ jsx25(Heading3, { slot: "title", className: "medo-popover__title", children: title }),
-      /* @__PURE__ */ jsx25(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx25(X8, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+      /* @__PURE__ */ jsx26(Heading3, { slot: "title", className: "medo-popover__title", children: title }),
+      /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx26(X8, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
     ] }),
-    /* @__PURE__ */ jsx25("div", { className: "medo-popover__body", children: content(close) }),
-    primaryAction && /* @__PURE__ */ jsx25("div", { className: "medo-popover__footer", children: /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
-      /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "sm", onPress: close, children: cancelLabel }),
-      /* @__PURE__ */ jsx25(ActionButton, { action: primaryAction, close, size: "sm", variant: "primary" })
+    /* @__PURE__ */ jsx26("div", { className: "medo-popover__body", children: content(close) }),
+    primaryAction && /* @__PURE__ */ jsx26("div", { className: "medo-popover__footer", children: /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx26(Button, { variant: "secondary", size: "sm", onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx26(ActionButton, { action: primaryAction, close, size: "sm", variant: "primary" })
     ] }) })
   ] }) }) });
 }
 function PopoverDialog({ children, ...props }) {
   const ref = useRef8(null);
   useInitialFocus(ref);
-  return /* @__PURE__ */ jsx25(AriaDialog2, { ...props, ref, className: "medo-popover__dialog", children });
+  return /* @__PURE__ */ jsx26(AriaDialog2, { ...props, ref, className: "medo-popover__dialog", children });
 }
 function SheetBody({ children }) {
   const state = useContext14(OverlayTriggerStateContext3);
-  return /* @__PURE__ */ jsx25("div", { className: "medo-popover__sheet-body", children: children(() => state?.close()) });
+  return /* @__PURE__ */ jsx26("div", { className: "medo-popover__sheet-body", children: children(() => state?.close()) });
 }
 function Toggletip({ "aria-label": label, children, link, className }) {
   return /* @__PURE__ */ jsxs23(DialogTrigger2, { children: [
-    /* @__PURE__ */ jsx25(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx25(Info2, {}), "aria-label": label, tooltip: false }),
-    /* @__PURE__ */ jsx25(AriaPopover, { placement: "bottom start", offset: 8, containerPadding: 16, className: cx("medo-popover", "medo-toggletip", className), children: /* @__PURE__ */ jsxs23(AriaDialog2, { "aria-label": label, className: "medo-popover__dialog medo-toggletip__dialog", children: [
-      /* @__PURE__ */ jsx25("div", { className: "medo-toggletip__text", children }),
-      link && /* @__PURE__ */ jsx25(Link, { variant: "standalone", size: "md", href: link.href, external: link.external, target: link.external ? "_blank" : void 0, children: link.label })
+    /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx26(Info2, {}), "aria-label": label, tooltip: false }),
+    /* @__PURE__ */ jsx26(AriaPopover, { placement: "bottom start", offset: 8, containerPadding: 16, className: cx("medo-popover", "medo-toggletip", className), children: /* @__PURE__ */ jsxs23(AriaDialog2, { "aria-label": label, className: "medo-popover__dialog medo-toggletip__dialog", children: [
+      /* @__PURE__ */ jsx26("div", { className: "medo-toggletip__text", children }),
+      link && /* @__PURE__ */ jsx26(Link, { variant: "standalone", size: "md", href: link.href, external: link.external, target: link.external ? "_blank" : void 0, children: link.label })
     ] }) })
   ] });
 }
@@ -2446,7 +2503,7 @@ import { ChevronDown as ChevronDown3, Ellipsis as Ellipsis2, Menu as MenuIcon, P
 import { useEffect as useEffect8, useRef as useRef9 } from "react";
 import { Dialog as AriaDialog3, Heading as Heading4, Modal as Modal3, ModalOverlay as ModalOverlay3 } from "react-aria-components";
 import { X as X9 } from "lucide-react";
-import { Fragment as Fragment14, jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function Drawer({
   title,
   "aria-label": ariaLabel,
@@ -2462,20 +2519,20 @@ function Drawer({
 }) {
   const m = useMessages();
   const { open, onOpenChange, confirmDiscard, forceClose } = useDirtyGuard({ isDirty, discardText, ...openProps });
-  return /* @__PURE__ */ jsx26(ModalOverlay3, { isOpen: open, onOpenChange, isDismissable: !isDirty, className: cx("medo-drawer-overlay", `medo-drawer-overlay--${side}`), children: /* @__PURE__ */ jsx26(Modal3, { className: cx("medo-drawer", `medo-drawer--${side}`, `medo-drawer--${size}`, className), children: /* @__PURE__ */ jsx26(DrawerDialog, { "aria-label": ariaLabel, side, children: (close) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
+  return /* @__PURE__ */ jsx27(ModalOverlay3, { isOpen: open, onOpenChange, isDismissable: !isDirty, className: cx("medo-drawer-overlay", `medo-drawer-overlay--${side}`), children: /* @__PURE__ */ jsx27(Modal3, { className: cx("medo-drawer", `medo-drawer--${side}`, `medo-drawer--${size}`, className), children: /* @__PURE__ */ jsx27(DrawerDialog, { "aria-label": ariaLabel, side, children: (close) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
     /* @__PURE__ */ jsxs24("div", { className: "medo-drawer__header", children: [
-      ariaLabel ? /* @__PURE__ */ jsx26("div", { className: "medo-drawer__title", children: title }) : /* @__PURE__ */ jsx26(Heading4, { slot: "title", className: "medo-drawer__title", children: title }),
-      /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx26(X9, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
+      ariaLabel ? /* @__PURE__ */ jsx27("div", { className: "medo-drawer__title", children: title }) : /* @__PURE__ */ jsx27(Heading4, { slot: "title", className: "medo-drawer__title", children: title }),
+      /* @__PURE__ */ jsx27(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx27(X9, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
     ] }),
-    /* @__PURE__ */ jsx26("div", { className: "medo-drawer__body", children: typeof children === "function" ? children(forceClose) : children }),
-    footer && /* @__PURE__ */ jsx26("div", { className: "medo-drawer__footer", children: typeof footer === "function" ? footer(forceClose, close) : footer }),
+    /* @__PURE__ */ jsx27("div", { className: "medo-drawer__body", children: typeof children === "function" ? children(forceClose) : children }),
+    footer && /* @__PURE__ */ jsx27("div", { className: "medo-drawer__footer", children: typeof footer === "function" ? footer(forceClose, close) : footer }),
     confirmDiscard
   ] }) }) }) });
 }
 function DrawerDialog({ children, side, ...props }) {
   const ref = useRef9(null);
-  return /* @__PURE__ */ jsx26(AriaDialog3, { ...props, ref, className: "medo-drawer__dialog", children: ({ close }) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
-    /* @__PURE__ */ jsx26(SwipeToClose, { target: ref, side, onClose: close }),
+  return /* @__PURE__ */ jsx27(AriaDialog3, { ...props, ref, className: "medo-drawer__dialog", children: ({ close }) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
+    /* @__PURE__ */ jsx27(SwipeToClose, { target: ref, side, onClose: close }),
     children(close)
   ] }) });
 }
@@ -2535,7 +2592,7 @@ function SwipeToClose({ target, side, onClose }) {
 }
 
 // src/navigation/Navigation.tsx
-import { Fragment as Fragment15, jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var NavVariantContext = createContext8("sidebar");
 var SideNavContext = createContext8(null);
 var TABLET_QUERY = "(min-width: 640px) and (max-width: 1023.98px)";
@@ -2545,9 +2602,9 @@ function NavItem({ children, icon, isCurrent, count, countLabel, unread, ...prop
   const sideNav = useContext15(SideNavContext);
   const rail = variant === "rail";
   const content = /* @__PURE__ */ jsxs25(Fragment15, { children: [
-    icon && variant !== "header" && /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx27("span", { className: rail ? "medo-visually-hidden" : "medo-nav-item__label", children }),
-    count !== void 0 && (rail ? unread && count > 0 && /* @__PURE__ */ jsx27(BadgeDot, { tone: "danger", label: countLabel ?? String(count), className: "medo-nav-item__dot" }) : /* @__PURE__ */ jsx27(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) }))
+    icon && variant !== "header" && /* @__PURE__ */ jsx28("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx28("span", { className: rail ? "medo-visually-hidden" : "medo-nav-item__label", children }),
+    count !== void 0 && (rail ? unread && count > 0 && /* @__PURE__ */ jsx28(BadgeDot, { tone: "danger", label: countLabel ?? String(count), className: "medo-nav-item__dot" }) : /* @__PURE__ */ jsx28(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) }))
   ] });
   const linkProps = {
     ...props,
@@ -2558,13 +2615,13 @@ function NavItem({ children, icon, isCurrent, count, countLabel, unread, ...prop
     "aria-current": isCurrent ? "page" : void 0,
     className: cx("medo-nav-item", `medo-nav-item--${variant}`)
   };
-  return /* @__PURE__ */ jsx27("li", { className: "medo-nav__entry", children: rail ? (
+  return /* @__PURE__ */ jsx28("li", { className: "medo-nav__entry", children: rail ? (
     // Collapsed: the label appears as tooltip on hover and focus.
     /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
-      /* @__PURE__ */ jsx27(TooltipLink, { ...linkProps, children: content }),
-      /* @__PURE__ */ jsx27(Tooltip, { placement: "end", children })
+      /* @__PURE__ */ jsx28(TooltipLink, { ...linkProps, children: content }),
+      /* @__PURE__ */ jsx28(Tooltip, { placement: "end", children })
     ] })
-  ) : /* @__PURE__ */ jsx27(AriaLink3, { ...linkProps, children: content }) });
+  ) : /* @__PURE__ */ jsx28(AriaLink3, { ...linkProps, children: content }) });
 }
 function containsCurrent(children) {
   return Children2.toArray(children).some((c) => isValidElement2(c) && c.props.isCurrent);
@@ -2598,7 +2655,7 @@ function NavGroup({ label, icon, children, defaultOpen }) {
     };
   }, [floating, open]);
   if (variant === "rail") {
-    return /* @__PURE__ */ jsx27("li", { className: "medo-nav__entry", children: /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
+    return /* @__PURE__ */ jsx28("li", { className: "medo-nav__entry", children: /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
       /* @__PURE__ */ jsxs25(
         AriaButton8,
         {
@@ -2609,12 +2666,12 @@ function NavGroup({ label, icon, children, defaultOpen }) {
             sideNav?.expand(label);
           },
           children: [
-            /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
-            /* @__PURE__ */ jsx27("span", { className: "medo-visually-hidden", children: label })
+            /* @__PURE__ */ jsx28("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+            /* @__PURE__ */ jsx28("span", { className: "medo-visually-hidden", children: label })
           ]
         }
       ),
-      /* @__PURE__ */ jsx27(Tooltip, { placement: "end", children: label })
+      /* @__PURE__ */ jsx28(Tooltip, { placement: "end", children: label })
     ] }) });
   }
   return /* @__PURE__ */ jsxs25("li", { ref: itemRef, className: cx("medo-nav__entry", "medo-nav-group", floating && "medo-nav-group--floating"), children: [
@@ -2628,32 +2685,32 @@ function NavGroup({ label, icon, children, defaultOpen }) {
         onPress: () => setOpen((o) => !o),
         className: cx("medo-nav-item", `medo-nav-item--${variant}`, "medo-nav-group__button"),
         children: [
-          icon && !floating && /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__label", children: label }),
-          /* @__PURE__ */ jsx27(ChevronDown3, { className: "medo-nav-group__chevron", "aria-hidden": "true" })
+          icon && !floating && /* @__PURE__ */ jsx28("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsx28("span", { className: "medo-nav-item__label", children: label }),
+          /* @__PURE__ */ jsx28(ChevronDown3, { className: "medo-nav-group__chevron", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: floating ? "sidebar" : variant, children: /* @__PURE__ */ jsx27("ul", { id: panelId, hidden: !open, className: cx("medo-nav__list", floating ? "medo-nav-group__panel" : "medo-nav-group__list"), children }) })
+    /* @__PURE__ */ jsx28(NavVariantContext.Provider, { value: floating ? "sidebar" : variant, children: /* @__PURE__ */ jsx28("ul", { id: panelId, hidden: !open, className: cx("medo-nav__list", floating ? "medo-nav-group__panel" : "medo-nav-group__list"), children }) })
   ] });
 }
 function NavList({ variant = "sidebar", "aria-label": label, children, className }) {
-  return /* @__PURE__ */ jsx27("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx27("ul", { className: cx("medo-nav__list", variant === "header" && "medo-nav__list--row", variant === "rail" && "medo-nav__list--rail"), children }) }) });
+  return /* @__PURE__ */ jsx28("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsx28(NavVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx28("ul", { className: cx("medo-nav__list", variant === "header" && "medo-nav__list--row", variant === "rail" && "medo-nav__list--rail"), children }) }) });
 }
 function NavSection({ title, children }) {
   const variant = useContext15(NavVariantContext);
   const id = useId5();
   return /* @__PURE__ */ jsxs25("li", { className: "medo-nav__entry medo-nav-section", children: [
-    variant === "rail" ? /* @__PURE__ */ jsx27("span", { className: "medo-nav-section__divider", role: "presentation" }) : /* @__PURE__ */ jsx27("span", { id, className: "medo-nav-section__title", children: title }),
-    /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", "aria-labelledby": variant === "rail" ? void 0 : id, "aria-label": variant === "rail" ? title : void 0, children })
+    variant === "rail" ? /* @__PURE__ */ jsx28("span", { className: "medo-nav-section__divider", role: "presentation" }) : /* @__PURE__ */ jsx28("span", { id, className: "medo-nav-section__title", children: title }),
+    /* @__PURE__ */ jsx28("ul", { className: "medo-nav__list", "aria-labelledby": variant === "rail" ? void 0 : id, "aria-label": variant === "rail" ? title : void 0, children })
   ] });
 }
 function SkipLink({ href = "#main", children }) {
   const m = useMessages();
-  return /* @__PURE__ */ jsx27("a", { href, className: "medo-skip-link", children: children ?? m.navigation.skipToContent });
+  return /* @__PURE__ */ jsx28("a", { href, className: "medo-skip-link", children: children ?? m.navigation.skipToContent });
 }
 function ActionLink({ action, size }) {
-  return /* @__PURE__ */ jsx27(AriaLink3, { href: action.href, onPress: action.onPress, className: cx("medo-button", `medo-button--${action.variant ?? "ghost"}`, `medo-button--${size}`), children: /* @__PURE__ */ jsx27("span", { className: "medo-button__label", children: action.label }) });
+  return /* @__PURE__ */ jsx28(AriaLink3, { href: action.href, onPress: action.onPress, className: cx("medo-button", `medo-button--${action.variant ?? "ghost"}`, `medo-button--${size}`), children: /* @__PURE__ */ jsx28("span", { className: "medo-button__label", children: action.label }) });
 }
 function SiteHeader({ logo, children, actions = [], "aria-label": labelProp, menuLabel: menuLabelProp, closeLabel: closeLabelProp, layout = "auto" }) {
   const m = useMessages();
@@ -2665,13 +2722,13 @@ function SiteHeader({ logo, children, actions = [], "aria-label": labelProp, men
   const scrolled = useScrolled();
   const primary = actions.find((a) => a.variant === "primary");
   return /* @__PURE__ */ jsxs25("header", { className: cx("medo-site-header", compact && "medo-site-header--compact"), "data-scrolled": scrolled || void 0, children: [
-    /* @__PURE__ */ jsx27("div", { className: "medo-site-header__logo", children: logo }),
+    /* @__PURE__ */ jsx28("div", { className: "medo-site-header__logo", children: logo }),
     compact ? /* @__PURE__ */ jsxs25("div", { className: "medo-site-header__actions", children: [
-      primary && /* @__PURE__ */ jsx27(ActionLink, { action: primary, size: "sm" }),
-      /* @__PURE__ */ jsx27(NavFullscreen, { logo, actions, "aria-label": label, menuLabel, closeLabel, children })
+      primary && /* @__PURE__ */ jsx28(ActionLink, { action: primary, size: "sm" }),
+      /* @__PURE__ */ jsx28(NavFullscreen, { logo, actions, "aria-label": label, menuLabel, closeLabel, children })
     ] }) : /* @__PURE__ */ jsxs25(Fragment15, { children: [
-      /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-site-header__nav", children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "header", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list medo-nav__list--row", children }) }) }),
-      actions.length > 0 && /* @__PURE__ */ jsx27("div", { className: "medo-site-header__actions", children: actions.map((a) => /* @__PURE__ */ jsx27(ActionLink, { action: a, size: "md" }, a.label)) })
+      /* @__PURE__ */ jsx28("nav", { "aria-label": label, className: "medo-site-header__nav", children: /* @__PURE__ */ jsx28(NavVariantContext.Provider, { value: "header", children: /* @__PURE__ */ jsx28("ul", { className: "medo-nav__list medo-nav__list--row", children }) }) }),
+      actions.length > 0 && /* @__PURE__ */ jsx28("div", { className: "medo-site-header__actions", children: actions.map((a) => /* @__PURE__ */ jsx28(ActionLink, { action: a, size: "md" }, a.label)) })
     ] })
   ] });
 }
@@ -2685,24 +2742,24 @@ function NavFullscreen({
 }) {
   const ordered = [...actions].sort((a, b) => Number(b.variant === "primary") - Number(a.variant === "primary"));
   return /* @__PURE__ */ jsxs25(DialogTrigger3, { children: [
-    /* @__PURE__ */ jsx27(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx27(MenuIcon, {}), "aria-label": menuLabel, tooltip: false }),
-    /* @__PURE__ */ jsx27(ModalOverlay4, { className: "medo-nav-fullscreen-overlay", children: /* @__PURE__ */ jsx27(Modal4, { className: "medo-nav-fullscreen", children: /* @__PURE__ */ jsx27(AriaDialog4, { "aria-label": menuLabel, className: "medo-nav-fullscreen__dialog", children: ({ close }) => /* @__PURE__ */ jsxs25(Fragment15, { children: [
+    /* @__PURE__ */ jsx28(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx28(MenuIcon, {}), "aria-label": menuLabel, tooltip: false }),
+    /* @__PURE__ */ jsx28(ModalOverlay4, { className: "medo-nav-fullscreen-overlay", children: /* @__PURE__ */ jsx28(Modal4, { className: "medo-nav-fullscreen", children: /* @__PURE__ */ jsx28(AriaDialog4, { "aria-label": menuLabel, className: "medo-nav-fullscreen__dialog", children: ({ close }) => /* @__PURE__ */ jsxs25(Fragment15, { children: [
       /* @__PURE__ */ jsxs25("div", { className: "medo-nav-fullscreen__header", children: [
-        /* @__PURE__ */ jsx27("div", { className: "medo-site-header__logo", children: logo }),
-        /* @__PURE__ */ jsx27(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx27(X10, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+        /* @__PURE__ */ jsx28("div", { className: "medo-site-header__logo", children: logo }),
+        /* @__PURE__ */ jsx28(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx28(X10, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
       ] }),
-      /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-nav-fullscreen__nav", children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }),
-      ordered.length > 0 && /* @__PURE__ */ jsx27("div", { className: "medo-nav-fullscreen__actions", children: ordered.map((a) => /* @__PURE__ */ jsx27(ActionLink, { action: a.variant === "ghost" || !a.variant ? { ...a, variant: "secondary" } : a, size: "lg" }, a.label)) })
+      /* @__PURE__ */ jsx28("nav", { "aria-label": label, className: "medo-nav-fullscreen__nav", children: /* @__PURE__ */ jsx28(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx28("ul", { className: "medo-nav__list", children }) }) }),
+      ordered.length > 0 && /* @__PURE__ */ jsx28("div", { className: "medo-nav-fullscreen__actions", children: ordered.map((a) => /* @__PURE__ */ jsx28(ActionLink, { action: a.variant === "ghost" || !a.variant ? { ...a, variant: "secondary" } : a, size: "lg" }, a.label)) })
     ] }) }) }) })
   ] });
 }
 function AppHeader({ title, headingLevel = 1, logo, search, actions }) {
   const scrolled = useScrolled();
   return /* @__PURE__ */ jsxs25("header", { className: "medo-app-header", "data-scrolled": scrolled || void 0, children: [
-    logo && /* @__PURE__ */ jsx27("div", { className: "medo-app-header__logo", children: logo }),
-    /* @__PURE__ */ jsx27(Heading5, { level: headingLevel, className: "medo-app-header__title", children: title }),
-    search && /* @__PURE__ */ jsx27("div", { className: "medo-app-header__search", children: search }),
-    actions && /* @__PURE__ */ jsx27("div", { className: "medo-app-header__actions", children: actions })
+    logo && /* @__PURE__ */ jsx28("div", { className: "medo-app-header__logo", children: logo }),
+    /* @__PURE__ */ jsx28(Heading5, { level: headingLevel, className: "medo-app-header__title", children: title }),
+    search && /* @__PURE__ */ jsx28("div", { className: "medo-app-header__search", children: search }),
+    actions && /* @__PURE__ */ jsx28("div", { className: "medo-app-header__actions", children: actions })
   ] });
 }
 function SideNav({
@@ -2741,12 +2798,12 @@ function SideNav({
   useEffect9(() => {
     if (!tablet) setDrawer(false);
   }, [tablet]);
-  const toggle = /* @__PURE__ */ jsx27(
+  const toggle = /* @__PURE__ */ jsx28(
     IconButton,
     {
       variant: "ghost",
       size: "sm",
-      icon: /* @__PURE__ */ jsx27(PanelLeft, {}),
+      icon: /* @__PURE__ */ jsx28(PanelLeft, {}),
       "aria-label": collapsed ? expandLabel : collapseLabel,
       "aria-expanded": tablet ? drawer : !collapsed,
       onPress: () => collapsed ? expand() : collapse()
@@ -2755,52 +2812,52 @@ function SideNav({
   return /* @__PURE__ */ jsxs25("aside", { className: cx("medo-sidenav", collapsed && "medo-sidenav--collapsed"), children: [
     /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__panel", children: [
       /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__top", children: [
-        /* @__PURE__ */ jsx27("div", { className: "medo-sidenav__logo", children: collapsed ? logoMark : logo }),
+        /* @__PURE__ */ jsx28("div", { className: "medo-sidenav__logo", children: collapsed ? logoMark : logo }),
         !collapsed && toggle
       ] }),
-      /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-sidenav__nav", children: /* @__PURE__ */ jsx27(SideNavContext.Provider, { value: { expand, openGroup }, children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: collapsed ? "rail" : "sidebar", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }) }),
+      /* @__PURE__ */ jsx28("nav", { "aria-label": label, className: "medo-sidenav__nav", children: /* @__PURE__ */ jsx28(SideNavContext.Provider, { value: { expand, openGroup }, children: /* @__PURE__ */ jsx28(NavVariantContext.Provider, { value: collapsed ? "rail" : "sidebar", children: /* @__PURE__ */ jsx28("ul", { className: "medo-nav__list", children }) }) }) }),
       /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__bottom", children: [
         collapsed && toggle,
         user && /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__user", children: [
-          /* @__PURE__ */ jsx27(Avatar, { name: user.name, src: user.src, size: "md", decorative: !collapsed }),
+          /* @__PURE__ */ jsx28(Avatar, { name: user.name, src: user.src, size: "md", decorative: !collapsed }),
           !collapsed && /* @__PURE__ */ jsxs25("span", { className: "medo-sidenav__user-text", children: [
-            /* @__PURE__ */ jsx27("span", { className: "medo-sidenav__user-name", children: user.name }),
-            user.email && /* @__PURE__ */ jsx27("span", { className: "medo-sidenav__user-email", children: user.email })
+            /* @__PURE__ */ jsx28("span", { className: "medo-sidenav__user-name", children: user.name }),
+            user.email && /* @__PURE__ */ jsx28("span", { className: "medo-sidenav__user-email", children: user.email })
           ] })
         ] })
       ] })
     ] }),
     tablet && // Tablet: the full navigation as a Drawer on the left. Choosing a page closes it.
-    /* @__PURE__ */ jsx27(Drawer, { side: "left", size: "sm", title: logo, "aria-label": label, closeLabel, isOpen: drawer, onOpenChange: setDrawer, children: /* @__PURE__ */ jsx27("nav", { "aria-label": label, children: /* @__PURE__ */ jsx27(SideNavContext.Provider, { value: { expand, openGroup, onNavigate: () => setDrawer(false) }, children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "sidebar", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }) }) })
+    /* @__PURE__ */ jsx28(Drawer, { side: "left", size: "sm", title: logo, "aria-label": label, closeLabel, isOpen: drawer, onOpenChange: setDrawer, children: /* @__PURE__ */ jsx28("nav", { "aria-label": label, children: /* @__PURE__ */ jsx28(SideNavContext.Provider, { value: { expand, openGroup, onNavigate: () => setDrawer(false) }, children: /* @__PURE__ */ jsx28(NavVariantContext.Provider, { value: "sidebar", children: /* @__PURE__ */ jsx28("ul", { className: "medo-nav__list", children }) }) }) }) })
   ] });
 }
 function BottomTabBar({ children, "aria-label": labelProp, display = "mobile" }) {
   const m = useMessages();
   const label = labelProp ?? m.navigation.app;
-  return /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: cx("medo-tab-bar", display === "always" && "medo-tab-bar--always"), children: /* @__PURE__ */ jsx27("ul", { className: "medo-tab-bar__list", children }) });
+  return /* @__PURE__ */ jsx28("nav", { "aria-label": label, className: cx("medo-tab-bar", display === "always" && "medo-tab-bar--always"), children: /* @__PURE__ */ jsx28("ul", { className: "medo-tab-bar__list", children }) });
 }
 function TabBarItem({ children, icon, isCurrent, dot, dotLabel = "new", ...props }) {
-  return /* @__PURE__ */ jsx27("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(AriaLink3, { ...props, "aria-current": isCurrent ? "page" : void 0, className: "medo-tab-bar-item", children: [
-    /* @__PURE__ */ jsx27(TabBarIcon, { icon, dot, dotLabel }),
-    /* @__PURE__ */ jsx27("span", { className: "medo-tab-bar-item__label", children })
+  return /* @__PURE__ */ jsx28("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(AriaLink3, { ...props, "aria-current": isCurrent ? "page" : void 0, className: "medo-tab-bar-item", children: [
+    /* @__PURE__ */ jsx28(TabBarIcon, { icon, dot, dotLabel }),
+    /* @__PURE__ */ jsx28("span", { className: "medo-tab-bar-item__label", children })
   ] }) });
 }
 function TabBarIcon({ icon, dot, dotLabel }) {
   return /* @__PURE__ */ jsxs25("span", { className: "medo-tab-bar-item__indicator", children: [
-    /* @__PURE__ */ jsx27("span", { className: "medo-tab-bar-item__icon", "aria-hidden": "true", children: icon }),
-    dot && /* @__PURE__ */ jsx27(BadgeDot, { tone: "danger", label: dotLabel, className: "medo-tab-bar-item__dot" })
+    /* @__PURE__ */ jsx28("span", { className: "medo-tab-bar-item__icon", "aria-hidden": "true", children: icon }),
+    dot && /* @__PURE__ */ jsx28(BadgeDot, { tone: "danger", label: dotLabel, className: "medo-tab-bar-item__dot" })
   ] });
 }
 function TabBarMore({ label: labelProp, children, closeLabel }) {
   const m = useMessages();
   const label = labelProp ?? m.common.more;
   const hasCurrent = containsCurrent(children);
-  return /* @__PURE__ */ jsx27("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(DialogTrigger3, { children: [
+  return /* @__PURE__ */ jsx28("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(DialogTrigger3, { children: [
     /* @__PURE__ */ jsxs25(AriaButton8, { className: "medo-tab-bar-item", "aria-haspopup": "dialog", "data-current": hasCurrent || void 0, children: [
-      /* @__PURE__ */ jsx27(TabBarIcon, { icon: /* @__PURE__ */ jsx27(Ellipsis2, {}) }),
-      /* @__PURE__ */ jsx27("span", { className: "medo-tab-bar-item__label", children: label })
+      /* @__PURE__ */ jsx28(TabBarIcon, { icon: /* @__PURE__ */ jsx28(Ellipsis2, {}) }),
+      /* @__PURE__ */ jsx28("span", { className: "medo-tab-bar-item__label", children: label })
     ] }),
-    /* @__PURE__ */ jsx27(BottomSheet, { title: label, closeLabel, children: /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-nav-sheet", children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }) })
+    /* @__PURE__ */ jsx28(BottomSheet, { title: label, closeLabel, children: /* @__PURE__ */ jsx28("nav", { "aria-label": label, className: "medo-nav-sheet", children: /* @__PURE__ */ jsx28(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx28("ul", { className: "medo-nav__list", children }) }) }) })
   ] }) });
 }
 function useScrolled() {
@@ -2817,12 +2874,12 @@ function useScrolled() {
 // src/list/List.tsx
 import { createContext as createContext9, useContext as useContext16 } from "react";
 import { Check as Check5, X as X11 } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var ListTypeContext = createContext9("bullet");
 function List({ type = "bullet", size, start, className, style, children, ...props }) {
   const Tag2 = type === "number" ? "ol" : "ul";
   const counter = type === "number" && start !== void 0 ? { counterReset: `medo-list ${start - 1}` } : void 0;
-  return /* @__PURE__ */ jsx28(ListTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(ListTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx29(
     Tag2,
     {
       ...props,
@@ -2839,7 +2896,7 @@ function ListItem({ children, excluded, excludedLabel, className, ...props }) {
   const type = useContext16(ListTypeContext);
   const check = type === "check";
   return /* @__PURE__ */ jsxs26("li", { ...props, className: cx("medo-list__item", check && excluded && "medo-list__item--excluded", className), children: [
-    check && /* @__PURE__ */ jsx28("span", { className: "medo-list__icon", "aria-hidden": "true", children: excluded ? /* @__PURE__ */ jsx28(X11, {}) : /* @__PURE__ */ jsx28(Check5, {}) }),
+    check && /* @__PURE__ */ jsx29("span", { className: "medo-list__icon", "aria-hidden": "true", children: excluded ? /* @__PURE__ */ jsx29(X11, {}) : /* @__PURE__ */ jsx29(Check5, {}) }),
     check && excluded && /* @__PURE__ */ jsxs26("span", { className: "medo-visually-hidden", children: [
       excludedLabel ?? m.list.notIncluded,
       " "
@@ -2848,12 +2905,12 @@ function ListItem({ children, excluded, excludedLabel, className, ...props }) {
   ] });
 }
 function DescriptionList({ layout = "auto", className, children, ...props }) {
-  return /* @__PURE__ */ jsx28("dl", { ...props, className: cx("medo-dl", `medo-dl--${layout}`, className), children });
+  return /* @__PURE__ */ jsx29("dl", { ...props, className: cx("medo-dl", `medo-dl--${layout}`, className), children });
 }
 function DescriptionItem({ term, children }) {
   return /* @__PURE__ */ jsxs26("div", { className: "medo-dl__row", children: [
-    /* @__PURE__ */ jsx28("dt", { className: "medo-dl__term", children: term }),
-    /* @__PURE__ */ jsx28("dd", { className: "medo-dl__value", children })
+    /* @__PURE__ */ jsx29("dt", { className: "medo-dl__term", children: term }),
+    /* @__PURE__ */ jsx29("dd", { className: "medo-dl__value", children })
   ] });
 }
 
@@ -2861,31 +2918,31 @@ function DescriptionItem({ term, children }) {
 import { useEffect as useEffect10, useRef as useRef11, useState as useState11 } from "react";
 import { GridList, GridListItem, useLocale as useLocale2 } from "react-aria-components";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function ListView({ variant = "plain", isLoading = false, emptyState, className, children, items, ...props }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx29("div", { role: "list", "aria-busy": "true", "aria-label": props["aria-label"], className: cx("medo-list-view", `medo-list-view--${variant}`, className), children: Array.from(
+    return /* @__PURE__ */ jsx30("div", { role: "list", "aria-busy": "true", "aria-label": props["aria-label"], className: cx("medo-list-view", `medo-list-view--${variant}`, className), children: Array.from(
       { length: 3 },
-      (_, i) => variant === "cards" ? /* @__PURE__ */ jsx29("div", { role: "listitem", className: "medo-list-card medo-list-card--loading", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
-        /* @__PURE__ */ jsx29(Skeleton, { width: "50%" }),
-        /* @__PURE__ */ jsx29(Skeleton, { width: "35%" }),
-        /* @__PURE__ */ jsx29(Skeleton, { width: "70%" })
+      (_, i) => variant === "cards" ? /* @__PURE__ */ jsx30("div", { role: "listitem", className: "medo-list-card medo-list-card--loading", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
+        /* @__PURE__ */ jsx30(Skeleton, { width: "50%" }),
+        /* @__PURE__ */ jsx30(Skeleton, { width: "35%" }),
+        /* @__PURE__ */ jsx30(Skeleton, { width: "70%" })
       ] }) }, i) : /* @__PURE__ */ jsxs27("div", { role: "listitem", className: "medo-list-row medo-list-row--loading", children: [
-        /* @__PURE__ */ jsx29("span", { className: "medo-list-row__leading", children: /* @__PURE__ */ jsx29(Skeleton, { shape: "circle", width: 40, height: 40 }) }),
-        /* @__PURE__ */ jsx29("span", { className: "medo-list-row__main", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__content", children: [
-          /* @__PURE__ */ jsx29(Skeleton, { width: "40%" }),
-          /* @__PURE__ */ jsx29(Skeleton, { width: "70%" })
+        /* @__PURE__ */ jsx30("span", { className: "medo-list-row__leading", children: /* @__PURE__ */ jsx30(Skeleton, { shape: "circle", width: 40, height: 40 }) }),
+        /* @__PURE__ */ jsx30("span", { className: "medo-list-row__main", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__content", children: [
+          /* @__PURE__ */ jsx30(Skeleton, { width: "40%" }),
+          /* @__PURE__ */ jsx30(Skeleton, { width: "70%" })
         ] }) })
       ] }, i)
     ) });
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     GridList,
     {
       ...props,
       items,
       keyboardNavigationBehavior: "tab",
-      renderEmptyState: emptyState ? () => /* @__PURE__ */ jsx29("div", { className: "medo-list-view__empty", children: emptyState }) : void 0,
+      renderEmptyState: emptyState ? () => /* @__PURE__ */ jsx30("div", { className: "medo-list-view__empty", children: emptyState }) : void 0,
       className: cx("medo-list-view", `medo-list-view--${variant}`, className),
       children
     }
@@ -2895,7 +2952,7 @@ function ListRow({ title, description, lines, leading, meta, trailing, chevron,
   const m = useMessages();
   const rowLines = description ? lines ?? 2 : 1;
   const swipe = swipeActions?.start || swipeActions?.end;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     GridListItem,
     {
       ...props,
@@ -2903,9 +2960,9 @@ function ListRow({ title, description, lines, leading, meta, trailing, chevron,
       className: cx("medo-list-row", `medo-list-row--lines-${rowLines}`, unread && "medo-list-row--unread", swipe && "medo-list-row--swipe"),
       children: ({ selectionMode }) => {
         const content = /* @__PURE__ */ jsxs27(Fragment16, { children: [
-          selectionMode !== "none" && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__check", children: /* @__PURE__ */ jsx29(Checkbox, { slot: "selection" }) }),
+          selectionMode !== "none" && /* @__PURE__ */ jsx30("span", { className: "medo-list-row__check", children: /* @__PURE__ */ jsx30(Checkbox, { slot: "selection" }) }),
           leading && // Avatars size themselves: sm in 1-line rows, lg in 2–3 lines.
-          /* @__PURE__ */ jsx29(AvatarSizeContext.Provider, { value: rowLines === 1 ? "sm" : "lg", children: /* @__PURE__ */ jsx29("span", { className: "medo-list-row__leading", children: leading }) }),
+          /* @__PURE__ */ jsx30(AvatarSizeContext.Provider, { value: rowLines === 1 ? "sm" : "lg", children: /* @__PURE__ */ jsx30("span", { className: "medo-list-row__leading", children: leading }) }),
           /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__main", children: [
             /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__content", children: [
               /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__title", children: [
@@ -2915,17 +2972,17 @@ function ListRow({ title, description, lines, leading, meta, trailing, chevron,
                 ] }),
                 title
               ] }),
-              description && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__description", children: description })
+              description && /* @__PURE__ */ jsx30("span", { className: "medo-list-row__description", children: description })
             ] }),
             (meta || unread) && /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__meta", children: [
-              meta && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__meta-text", children: meta }),
-              unread && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__dot", "aria-hidden": "true" })
+              meta && /* @__PURE__ */ jsx30("span", { className: "medo-list-row__meta-text", children: meta }),
+              unread && /* @__PURE__ */ jsx30("span", { className: "medo-list-row__dot", "aria-hidden": "true" })
             ] }),
-            trailing && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__trailing", children: trailing }),
-            chevron && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(ChevronRight2, {}) })
+            trailing && /* @__PURE__ */ jsx30("span", { className: "medo-list-row__trailing", children: trailing }),
+            chevron && /* @__PURE__ */ jsx30("span", { className: "medo-list-row__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx30(ChevronRight2, {}) })
           ] })
         ] });
-        return swipe ? /* @__PURE__ */ jsx29(Swipeable, { actions: swipeActions, children: content }) : content;
+        return swipe ? /* @__PURE__ */ jsx30(Swipeable, { actions: swipeActions, children: content }) : content;
       }
     }
   );
@@ -3021,7 +3078,7 @@ function Swipeable({ actions, children }) {
   const revealed = actionFor(offset);
   return /* @__PURE__ */ jsxs27(Fragment16, { children: [
     revealed && // Visual shortcut for touch; keyboard and screen readers use the “…” menu, so it is hidden from them.
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       "span",
       {
         className: cx(
@@ -3057,7 +3114,7 @@ function Swipeable({ actions, children }) {
         },
         children: [
           children,
-          open && /* @__PURE__ */ jsx29(
+          open && /* @__PURE__ */ jsx30(
             "span",
             {
               className: "medo-list-row__swipe-shield",
@@ -3074,19 +3131,19 @@ function Swipeable({ actions, children }) {
   ] });
 }
 function ListRowIcon({ children }) {
-  return /* @__PURE__ */ jsx29("span", { className: "medo-list-row__icon", "aria-hidden": "true", children });
+  return /* @__PURE__ */ jsx30("span", { className: "medo-list-row__icon", "aria-hidden": "true", children });
 }
 function ListCard({ title, amount, description, meta, status, ...props }) {
-  return /* @__PURE__ */ jsx29(GridListItem, { ...props, textValue: title, className: "medo-list-card", children: ({ selectionMode }) => /* @__PURE__ */ jsxs27(Fragment16, { children: [
-    selectionMode !== "none" && /* @__PURE__ */ jsx29("span", { className: "medo-list-card__check", children: /* @__PURE__ */ jsx29(Checkbox, { slot: "selection", size: "lg" }) }),
+  return /* @__PURE__ */ jsx30(GridListItem, { ...props, textValue: title, className: "medo-list-card", children: ({ selectionMode }) => /* @__PURE__ */ jsxs27(Fragment16, { children: [
+    selectionMode !== "none" && /* @__PURE__ */ jsx30("span", { className: "medo-list-card__check", children: /* @__PURE__ */ jsx30(Checkbox, { slot: "selection", size: "lg" }) }),
     /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
       /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__top", children: [
-        /* @__PURE__ */ jsx29("span", { className: "medo-list-card__title", children: title }),
-        amount && /* @__PURE__ */ jsx29("span", { className: "medo-list-card__amount", children: amount })
+        /* @__PURE__ */ jsx30("span", { className: "medo-list-card__title", children: title }),
+        amount && /* @__PURE__ */ jsx30("span", { className: "medo-list-card__amount", children: amount })
       ] }),
-      description && /* @__PURE__ */ jsx29(AvatarSizeContext.Provider, { value: "xs", children: /* @__PURE__ */ jsx29("span", { className: "medo-list-card__description", children: description }) }),
+      description && /* @__PURE__ */ jsx30(AvatarSizeContext.Provider, { value: "xs", children: /* @__PURE__ */ jsx30("span", { className: "medo-list-card__description", children: description }) }),
       (meta || status) && /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__bottom", children: [
-        /* @__PURE__ */ jsx29("span", { className: "medo-list-card__meta", children: meta }),
+        /* @__PURE__ */ jsx30("span", { className: "medo-list-card__meta", children: meta }),
         status
       ] })
     ] })
@@ -3097,7 +3154,7 @@ function ListCard({ title, amount, description, meta, status, ...props }) {
 import { useEffect as useEffect11, useRef as useRef12 } from "react";
 import { Button as AriaButton9, Toolbar as Toolbar2 } from "react-aria-components";
 import { Ellipsis as Ellipsis3, X as X12 } from "lucide-react";
-import { Fragment as Fragment17, jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function BulkActionBar({
   count,
   actions,
@@ -3134,16 +3191,16 @@ function BulkActionBar({
     }
   };
   const overflow = more.length > 0 && (isMobile ? /* @__PURE__ */ jsxs28(MenuTrigger, { children: [
-    /* @__PURE__ */ jsx30(MenuButton, { "aria-label": moreLabel, size: "lg" }),
-    /* @__PURE__ */ jsx30(OverflowMenu, { actions: more })
+    /* @__PURE__ */ jsx31(MenuButton, { "aria-label": moreLabel, size: "lg" }),
+    /* @__PURE__ */ jsx31(OverflowMenu, { actions: more })
   ] }) : /* @__PURE__ */ jsxs28(MenuTrigger, { children: [
-    /* @__PURE__ */ jsx30(AriaButton9, { "aria-label": moreLabel, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx30(Ellipsis3, { "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsx30(OverflowMenu, { actions: more })
+    /* @__PURE__ */ jsx31(AriaButton9, { "aria-label": moreLabel, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx31(Ellipsis3, { "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsx31(OverflowMenu, { actions: more })
   ] }));
   return /* @__PURE__ */ jsxs28(Fragment17, { children: [
-    /* @__PURE__ */ jsx30("span", { role: "status", className: "medo-visually-hidden", children: visible ? countLabel(count) : "" }),
+    /* @__PURE__ */ jsx31("span", { role: "status", className: "medo-visually-hidden", children: visible ? countLabel(count) : "" }),
     visible && // The wrapper handles Esc and remembers where focus came from (events bubble from the toolbar).
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       "div",
       {
         className: "medo-bulk-bar-host",
@@ -3156,41 +3213,41 @@ function BulkActionBar({
         onBlur: (e) => {
           if (!e.currentTarget.contains(e.relatedTarget)) focusInside.current = false;
         },
-        children: /* @__PURE__ */ jsx30(Toolbar2, { "aria-label": ariaLabel, className: cx("medo-bulk-bar", isMobile ? "medo-bulk-bar--mobile" : "medo-bulk-bar--desktop", className), children: isMobile ? /* @__PURE__ */ jsxs28(Fragment17, { children: [
+        children: /* @__PURE__ */ jsx31(Toolbar2, { "aria-label": ariaLabel, className: cx("medo-bulk-bar", isMobile ? "medo-bulk-bar--mobile" : "medo-bulk-bar--desktop", className), children: isMobile ? /* @__PURE__ */ jsxs28(Fragment17, { children: [
           /* @__PURE__ */ jsxs28("span", { className: "medo-bulk-bar__start", children: [
-            /* @__PURE__ */ jsx30(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx30(X12, {}), "aria-label": clearLabel, tooltip: false, onPress: onClear }),
-            /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__count", children: countLabel(count) })
+            /* @__PURE__ */ jsx31(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx31(X12, {}), "aria-label": clearLabel, tooltip: false, onPress: onClear }),
+            /* @__PURE__ */ jsx31("span", { className: "medo-bulk-bar__count", children: countLabel(count) })
           ] }),
           /* @__PURE__ */ jsxs28("span", { className: "medo-bulk-bar__actions", children: [
-            shown.map((a) => /* @__PURE__ */ jsx30(Button, { variant: a.variant === "danger" ? "ghost-danger" : "ghost", size: "lg", onPress: a.onAction, children: a.label }, a.label)),
+            shown.map((a) => /* @__PURE__ */ jsx31(Button, { variant: a.variant === "danger" ? "ghost-danger" : "ghost", size: "lg", onPress: a.onAction, children: a.label }, a.label)),
             overflow
           ] })
         ] }) : /* @__PURE__ */ jsxs28(Fragment17, { children: [
-          /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__count", children: countLabel(count) }),
-          /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
-          shown.map((a) => /* @__PURE__ */ jsx30(AriaButton9, { className: "medo-toast__button medo-toast__action", onPress: a.onAction, children: a.label }, a.label)),
+          /* @__PURE__ */ jsx31("span", { className: "medo-bulk-bar__count", children: countLabel(count) }),
+          /* @__PURE__ */ jsx31("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
+          shown.map((a) => /* @__PURE__ */ jsx31(AriaButton9, { className: "medo-toast__button medo-toast__action", onPress: a.onAction, children: a.label }, a.label)),
           overflow,
-          /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx30(AriaButton9, { "aria-label": clearLabel, className: "medo-toast__button medo-toast__close", onPress: onClear, children: /* @__PURE__ */ jsx30(X12, { "aria-hidden": "true" }) })
+          /* @__PURE__ */ jsx31("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx31(AriaButton9, { "aria-label": clearLabel, className: "medo-toast__button medo-toast__close", onPress: onClear, children: /* @__PURE__ */ jsx31(X12, { "aria-hidden": "true" }) })
         ] }) })
       }
     )
   ] });
 }
 function OverflowMenu({ actions }) {
-  return /* @__PURE__ */ jsx30(Menu, { onAction: (key) => actions[Number(key)]?.onAction(), children: actions.map((a, i) => /* @__PURE__ */ jsx30(MenuItem, { id: i, icon: a.icon, variant: a.variant === "danger" ? "danger" : "default", children: a.label }, i)) });
+  return /* @__PURE__ */ jsx31(Menu, { onAction: (key) => actions[Number(key)]?.onAction(), children: actions.map((a, i) => /* @__PURE__ */ jsx31(MenuItem, { id: i, icon: a.icon, variant: a.variant === "danger" ? "danger" : "default", children: a.label }, i)) });
 }
 
 // src/empty-state/EmptyState.tsx
 import { useId as useId6 } from "react";
 import { CircleAlert as CircleAlert4, CircleCheck, Folder, Lock, Search as Search2 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 var defaults = {
-  "first-use": { icon: /* @__PURE__ */ jsx31(Folder, {}), tone: "neutral" },
-  "no-results": { icon: /* @__PURE__ */ jsx31(Search2, {}), tone: "neutral" },
-  error: { icon: /* @__PURE__ */ jsx31(CircleAlert4, {}), tone: "danger" },
-  "no-access": { icon: /* @__PURE__ */ jsx31(Lock, {}), tone: "neutral" },
-  "all-done": { icon: /* @__PURE__ */ jsx31(CircleCheck, {}), tone: "success" }
+  "first-use": { icon: /* @__PURE__ */ jsx32(Folder, {}), tone: "neutral" },
+  "no-results": { icon: /* @__PURE__ */ jsx32(Search2, {}), tone: "neutral" },
+  error: { icon: /* @__PURE__ */ jsx32(CircleAlert4, {}), tone: "danger" },
+  "no-access": { icon: /* @__PURE__ */ jsx32(Lock, {}), tone: "neutral" },
+  "all-done": { icon: /* @__PURE__ */ jsx32(CircleCheck, {}), tone: "success" }
 };
 var tileSize = { page: "lg", section: "md", inline: "sm" };
 function EmptyState({
@@ -3213,26 +3270,26 @@ function EmptyState({
   const Title = isInline ? "p" : `h${headingLevel ?? (size === "page" ? 2 : 3)}`;
   const buttonSize = size === "page" ? "md" : "sm";
   return /* @__PURE__ */ jsxs29(Tag2, { ...props, "aria-labelledby": isInline ? void 0 : titleId, className: cx("medo-empty-state", `medo-empty-state--${size}`, className), children: [
-    illustration ? /* @__PURE__ */ jsx31("span", { className: "medo-empty-state__illustration", "aria-hidden": "true", children: illustration }) : /* @__PURE__ */ jsx31(IconTile, { size: tileSize[size], tone, children: icon ?? defaultIcon }),
+    illustration ? /* @__PURE__ */ jsx32("span", { className: "medo-empty-state__illustration", "aria-hidden": "true", children: illustration }) : /* @__PURE__ */ jsx32(IconTile, { size: tileSize[size], tone, children: icon ?? defaultIcon }),
     /* @__PURE__ */ jsxs29("div", { className: "medo-empty-state__content", role: type === "no-results" ? "status" : void 0, children: [
-      /* @__PURE__ */ jsx31(Title, { id: titleId, className: "medo-empty-state__title", children: title }),
-      description && /* @__PURE__ */ jsx31("p", { className: "medo-empty-state__description", children: description })
+      /* @__PURE__ */ jsx32(Title, { id: titleId, className: "medo-empty-state__title", children: title }),
+      description && /* @__PURE__ */ jsx32("p", { className: "medo-empty-state__description", children: description })
     ] }),
     (action || secondaryAction) && /* @__PURE__ */ jsxs29("div", { className: "medo-empty-state__actions", children: [
-      action && /* @__PURE__ */ jsx31(Button, { variant: type === "first-use" ? "primary" : "secondary", size: buttonSize, onPress: action.onPress, isDisabled: action.isDisabled, children: action.label }),
-      secondaryAction && (secondaryAction.href ? /* @__PURE__ */ jsx31(Link, { variant: "standalone", href: secondaryAction.href, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }) : /* @__PURE__ */ jsx31(Button, { variant: "text", size: buttonSize, onPress: secondaryAction.onPress, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }))
+      action && /* @__PURE__ */ jsx32(Button, { variant: type === "first-use" ? "primary" : "secondary", size: buttonSize, onPress: action.onPress, isDisabled: action.isDisabled, children: action.label }),
+      secondaryAction && (secondaryAction.href ? /* @__PURE__ */ jsx32(Link, { variant: "standalone", href: secondaryAction.href, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }) : /* @__PURE__ */ jsx32(Button, { variant: "text", size: buttonSize, onPress: secondaryAction.onPress, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }))
     ] })
   ] });
 }
 function IconTile({ size = "md", tone = "neutral", children }) {
-  return /* @__PURE__ */ jsx31("span", { className: cx("medo-icon-tile", `medo-icon-tile--${size}`, `medo-icon-tile--${tone}`), "aria-hidden": "true", children });
+  return /* @__PURE__ */ jsx32("span", { className: cx("medo-icon-tile", `medo-icon-tile--${size}`, `medo-icon-tile--${tone}`), "aria-hidden": "true", children });
 }
 
 // src/pagination/Pagination.tsx
 import { useId as useId7, useRef as useRef13, useState as useState12 } from "react";
 import { Button as AriaButton10, Link as AriaLink4 } from "react-aria-components";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3 } from "lucide-react";
-import { Fragment as Fragment18, jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 function getPageItems(page, totalPages) {
   if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
   if (page <= 4) return [1, 2, 3, 4, 5, "ellipsis", totalPages];
@@ -3286,23 +3343,23 @@ function Pagination({
       (nav.querySelector('[aria-current="page"]') ?? nav.querySelector(".medo-button:not([data-disabled])"))?.focus();
     });
   };
-  const item = (target, props) => getPageHref ? /* @__PURE__ */ jsx32(AriaLink4, { ...props, href: props.isDisabled ? void 0 : getPageHref(target), onPress: () => go(target) }) : /* @__PURE__ */ jsx32(AriaButton10, { ...props, onPress: () => go(target) });
+  const item = (target, props) => getPageHref ? /* @__PURE__ */ jsx33(AriaLink4, { ...props, href: props.isDisabled ? void 0 : getPageHref(target), onPress: () => go(target) }) : /* @__PURE__ */ jsx33(AriaButton10, { ...props, onPress: () => go(target) });
   const step = (target, label, icon) => item(target, {
     className: cx("medo-button", "medo-button--icon-only", "medo-button--ghost", `medo-button--${itemSize}`),
     "aria-label": label,
     isDisabled: target < 1 || target > totalPages,
-    children: /* @__PURE__ */ jsx32("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon })
+    children: /* @__PURE__ */ jsx33("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon })
   });
   const from = (page - 1) * pageSize + 1;
   const to = totalItems !== void 0 ? Math.min(page * pageSize, totalItems) : page * pageSize;
-  return /* @__PURE__ */ jsx32("nav", { ref: navRef, "aria-label": ariaLabel, className: cx("medo-pagination", compact ? "medo-pagination--compact" : "medo-pagination--full", className), children: compact ? /* @__PURE__ */ jsxs30(Fragment18, { children: [
-    step(page - 1, previousLabel, /* @__PURE__ */ jsx32(ChevronLeft2, {})),
-    /* @__PURE__ */ jsx32("p", { role: "status", className: "medo-pagination__compact-label", children: compactLabel(page, totalPages) }),
-    step(page + 1, nextLabel, /* @__PURE__ */ jsx32(ChevronRight3, {}))
+  return /* @__PURE__ */ jsx33("nav", { ref: navRef, "aria-label": ariaLabel, className: cx("medo-pagination", compact ? "medo-pagination--compact" : "medo-pagination--full", className), children: compact ? /* @__PURE__ */ jsxs30(Fragment18, { children: [
+    step(page - 1, previousLabel, /* @__PURE__ */ jsx33(ChevronLeft2, {})),
+    /* @__PURE__ */ jsx33("p", { role: "status", className: "medo-pagination__compact-label", children: compactLabel(page, totalPages) }),
+    step(page + 1, nextLabel, /* @__PURE__ */ jsx33(ChevronRight3, {}))
   ] }) : /* @__PURE__ */ jsxs30(Fragment18, { children: [
     (totalItems !== void 0 || onPageSizeChange) && /* @__PURE__ */ jsxs30("div", { className: "medo-pagination__info", children: [
-      totalItems !== void 0 && /* @__PURE__ */ jsx32("p", { id: statusId, role: "status", className: "medo-pagination__summary", children: summary(from, to, totalItems) }),
-      onPageSizeChange && /* @__PURE__ */ jsx32(
+      totalItems !== void 0 && /* @__PURE__ */ jsx33("p", { id: statusId, role: "status", className: "medo-pagination__summary", children: summary(from, to, totalItems) }),
+      onPageSizeChange && /* @__PURE__ */ jsx33(
         Select,
         {
           label: pageSizeLabel,
@@ -3310,24 +3367,24 @@ function Pagination({
           selectedKey: pageSize,
           onSelectionChange: (key) => key != null && onPageSizeChange(Number(key)),
           className: "medo-pagination__size",
-          children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx32(Option, { id: n, children: String(n) }, n))
+          children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx33(Option, { id: n, children: String(n) }, n))
         }
       )
     ] }),
     /* @__PURE__ */ jsxs30("ul", { className: "medo-pagination__pages", role: "list", children: [
-      /* @__PURE__ */ jsx32("li", { children: step(page - 1, previousLabel, /* @__PURE__ */ jsx32(ChevronLeft2, {})) }),
+      /* @__PURE__ */ jsx33("li", { children: step(page - 1, previousLabel, /* @__PURE__ */ jsx33(ChevronLeft2, {})) }),
       getPageItems(page, totalPages).map(
         (p, i) => p === "ellipsis" ? (
           // Text, not a button – hidden from screen readers (the page names say where they jump).
-          /* @__PURE__ */ jsx32("li", { className: cx("medo-page-item", "medo-page-item--ellipsis", `medo-page-item--${itemSize}`), "aria-hidden": "true", children: "\u2026" }, `e${i}`)
-        ) : /* @__PURE__ */ jsx32("li", { children: item(p, {
+          /* @__PURE__ */ jsx33("li", { className: cx("medo-page-item", "medo-page-item--ellipsis", `medo-page-item--${itemSize}`), "aria-hidden": "true", children: "\u2026" }, `e${i}`)
+        ) : /* @__PURE__ */ jsx33("li", { children: item(p, {
           className: cx("medo-button", "medo-button--ghost", `medo-button--${itemSize}`, "medo-page-item", `medo-page-item--${itemSize}`),
           "aria-label": pageLabel(p),
           "aria-current": p === page ? "page" : void 0,
           children: p
         }) }, p)
       ),
-      /* @__PURE__ */ jsx32("li", { children: step(page + 1, nextLabel, /* @__PURE__ */ jsx32(ChevronRight3, {})) })
+      /* @__PURE__ */ jsx33("li", { children: step(page + 1, nextLabel, /* @__PURE__ */ jsx33(ChevronRight3, {})) })
     ] })
   ] }) });
 }
@@ -3335,25 +3392,25 @@ function Pagination({
 // src/search/SearchField.tsx
 import { Button as AriaButton11, Input as AriaInput2, SearchField as AriaSearchField } from "react-aria-components";
 import { Search as Search3, X as X13 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 function SearchField({ label, description, placeholder, size = "md", clearLabel, className, ...props }) {
   const m = useMessages();
   return /* @__PURE__ */ jsxs31(AriaSearchField, { ...props, className: cx("medo-field", "medo-search-field", className), children: [
-    label && /* @__PURE__ */ jsx33(FieldLabel, { isRequired: props.isRequired, children: label }),
+    label && /* @__PURE__ */ jsx34(FieldLabel, { isRequired: props.isRequired, children: label }),
     /* @__PURE__ */ jsxs31("div", { className: cx("medo-input", `medo-input--${size}`), children: [
-      /* @__PURE__ */ jsx33("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx33(Search3, {}) }),
-      /* @__PURE__ */ jsx33(AriaInput2, { className: "medo-input__control", placeholder }),
-      /* @__PURE__ */ jsx33(AriaButton11, { "aria-label": clearLabel ?? m.searchField.clear, className: "medo-input__action medo-search-field__clear", children: /* @__PURE__ */ jsx33(X13, {}) })
+      /* @__PURE__ */ jsx34("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx34(Search3, {}) }),
+      /* @__PURE__ */ jsx34(AriaInput2, { className: "medo-input__control", placeholder }),
+      /* @__PURE__ */ jsx34(AriaButton11, { "aria-label": clearLabel ?? m.searchField.clear, className: "medo-input__action medo-search-field__clear", children: /* @__PURE__ */ jsx34(X13, {}) })
     ] }),
-    description && /* @__PURE__ */ jsx33(FieldFooter, { description })
+    description && /* @__PURE__ */ jsx34(FieldFooter, { description })
   ] });
 }
 
 // src/search/SearchResult.tsx
 import { Link as AriaLink5 } from "react-aria-components";
 import { FileText, Globe } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs32 } from "react/jsx-runtime";
-var icons = { page: /* @__PURE__ */ jsx34(Globe, {}), document: /* @__PURE__ */ jsx34(FileText, {}) };
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
+var icons = { page: /* @__PURE__ */ jsx35(Globe, {}), document: /* @__PURE__ */ jsx35(FileText, {}) };
 function SearchResult({
   type = "page",
   variant = "base",
@@ -3370,16 +3427,16 @@ function SearchResult({
   className
 }) {
   const Heading7 = `h${headingLevel}`;
-  const lead = leading ?? (icons[type] && /* @__PURE__ */ jsx34(IconTile, { size: "sm", children: icons[type] }));
+  const lead = leading ?? (icons[type] && /* @__PURE__ */ jsx35(IconTile, { size: "sm", children: icons[type] }));
   return /* @__PURE__ */ jsxs32("article", { className: cx("medo-search-result", `medo-search-result--${variant}`, `medo-search-result--${type}`, className), children: [
-    lead && /* @__PURE__ */ jsx34(AvatarSizeContext.Provider, { value: "lg", children: /* @__PURE__ */ jsx34("span", { className: "medo-search-result__leading", children: lead }) }),
+    lead && /* @__PURE__ */ jsx35(AvatarSizeContext.Provider, { value: "lg", children: /* @__PURE__ */ jsx35("span", { className: "medo-search-result__leading", children: lead }) }),
     /* @__PURE__ */ jsxs32("div", { className: "medo-search-result__content", children: [
-      path && /* @__PURE__ */ jsx34("span", { className: "medo-search-result__path", children: path }),
-      /* @__PURE__ */ jsx34(Heading7, { className: "medo-search-result__title", children: /* @__PURE__ */ jsx34(AriaLink5, { ...linkProps, href, className: "medo-search-result__link", children: /* @__PURE__ */ jsx34(Highlight, { text: title, query, all: true, className: "medo-search-result__match" }) }) }),
-      snippet && /* @__PURE__ */ jsx34("p", { className: "medo-search-result__snippet", children: typeof snippet === "string" ? /* @__PURE__ */ jsx34(Highlight, { text: snippet, query, all: true, className: "medo-search-result__match" }) : snippet }),
+      path && /* @__PURE__ */ jsx35("span", { className: "medo-search-result__path", children: path }),
+      /* @__PURE__ */ jsx35(Heading7, { className: "medo-search-result__title", children: /* @__PURE__ */ jsx35(AriaLink5, { ...linkProps, href, className: "medo-search-result__link", children: /* @__PURE__ */ jsx35(Highlight, { text: title, query, all: true, className: "medo-search-result__match" }) }) }),
+      snippet && /* @__PURE__ */ jsx35("p", { className: "medo-search-result__snippet", children: typeof snippet === "string" ? /* @__PURE__ */ jsx35(Highlight, { text: snippet, query, all: true, className: "medo-search-result__match" }) : snippet }),
       (badge || meta) && /* @__PURE__ */ jsxs32("span", { className: "medo-search-result__meta", children: [
-        badge && /* @__PURE__ */ jsx34(Badge, { tone: "neutral", size: "sm", children: badge }),
-        meta && /* @__PURE__ */ jsx34("span", { className: "medo-search-result__meta-text", children: meta })
+        badge && /* @__PURE__ */ jsx35(Badge, { tone: "neutral", size: "sm", children: badge }),
+        meta && /* @__PURE__ */ jsx35("span", { className: "medo-search-result__meta-text", children: meta })
       ] })
     ] })
   ] });
@@ -3389,7 +3446,7 @@ function SearchResult({
 import { useEffect as useEffect12, useLayoutEffect as useLayoutEffect5, useState as useState13 } from "react";
 import { Autocomplete as Autocomplete2, Button as AriaButton12, Dialog as Dialog3, Modal as Modal5, ModalOverlay as ModalOverlay5, useFilter as useFilter2 } from "react-aria-components";
 import { Search as Search4 } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 function QuickSearch({
   isOpen,
   defaultOpen,
@@ -3450,17 +3507,17 @@ function QuickSearch({
   const term = query.trim();
   const close = () => setOpen(false);
   const [empty, setEmpty] = useState13(false);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     ModalOverlay5,
     {
       isOpen: open,
       onOpenChange: setOpen,
       isDismissable: true,
       className: cx("medo-dialog-overlay", "medo-quick-search-overlay", mobile && "medo-quick-search-overlay--mobile"),
-      children: /* @__PURE__ */ jsx35(Modal5, { className: cx("medo-dialog", "medo-quick-search", mobile && "medo-quick-search--mobile"), children: /* @__PURE__ */ jsxs33(Dialog3, { "aria-label": ariaLabel, className: "medo-quick-search__dialog", children: [
+      children: /* @__PURE__ */ jsx36(Modal5, { className: cx("medo-dialog", "medo-quick-search", mobile && "medo-quick-search--mobile"), children: /* @__PURE__ */ jsxs33(Dialog3, { "aria-label": ariaLabel, className: "medo-quick-search__dialog", children: [
         /* @__PURE__ */ jsxs33(Autocomplete2, { inputValue: query, onInputChange: setQuery, filter: clientFilter ? contains : void 0, children: [
           /* @__PURE__ */ jsxs33("div", { className: "medo-quick-search__bar", children: [
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               SearchField,
               {
                 "aria-label": ariaLabel,
@@ -3471,10 +3528,10 @@ function QuickSearch({
                 className: "medo-quick-search__field"
               }
             ),
-            mobile && /* @__PURE__ */ jsx35(Button, { variant: "text", size: "lg", onPress: close, children: cancelLabel })
+            mobile && /* @__PURE__ */ jsx36(Button, { variant: "text", size: "lg", onPress: close, children: cancelLabel })
           ] }),
           /* @__PURE__ */ jsxs33("div", { className: "medo-quick-search__scroll", tabIndex: 0, "aria-label": suggestionsLabel, role: "region", children: [
-            /* @__PURE__ */ jsx35(OptionHighlightContext.Provider, { value: term, children: /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(OptionHighlightContext.Provider, { value: term, children: /* @__PURE__ */ jsx36(
               ListBox,
               {
                 "aria-label": ariaLabel,
@@ -3485,30 +3542,30 @@ function QuickSearch({
                   close();
                 },
                 className: "medo-quick-search__list",
-                renderEmptyState: () => term ? /* @__PURE__ */ jsx35(EmptyReporter, { onChange: setEmpty, message: noResultsLabel(term) }) : null,
+                renderEmptyState: () => term ? /* @__PURE__ */ jsx36(EmptyReporter, { onChange: setEmpty, message: noResultsLabel(term) }) : null,
                 children
               }
             ) }),
             empty && term && onSearch && /* @__PURE__ */ jsxs33(AriaButton12, { className: "medo-quick-search__all", onPress: () => onSearch(term), children: [
-              /* @__PURE__ */ jsx35(Search4, { "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx36(Search4, { "aria-hidden": "true" }),
               searchAllLabel(term)
             ] })
           ] })
         ] }),
         !mobile && /* @__PURE__ */ jsxs33("div", { className: "medo-quick-search__footer", children: [
           /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx35(Badge, { size: "sm", children: "\u2191 \u2193" }),
+            /* @__PURE__ */ jsx36(Badge, { size: "sm", children: "\u2191 \u2193" }),
             hints.navigate
           ] }),
           /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx35(Badge, { size: "sm", children: "Enter" }),
+            /* @__PURE__ */ jsx36(Badge, { size: "sm", children: "Enter" }),
             hints.open
           ] }),
           /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx35(Badge, { size: "sm", children: "Esc" }),
+            /* @__PURE__ */ jsx36(Badge, { size: "sm", children: "Esc" }),
             hints.close
           ] }),
-          term && !empty && allResultsHref && /* @__PURE__ */ jsx35(Link, { variant: "standalone", size: "md", arrow: true, href: allResultsHref(term), className: "medo-quick-search__all-results", onPress: close, children: allResultsLabel(term) })
+          term && !empty && allResultsHref && /* @__PURE__ */ jsx36(Link, { variant: "standalone", size: "md", arrow: true, href: allResultsHref(term), className: "medo-quick-search__all-results", onPress: close, children: allResultsLabel(term) })
         ] })
       ] }) })
     }
@@ -3519,14 +3576,14 @@ function EmptyReporter({ message, onChange }) {
     onChange(true);
     return () => onChange(false);
   }, [onChange]);
-  return /* @__PURE__ */ jsx35("p", { role: "status", className: "medo-quick-search__message", children: message });
+  return /* @__PURE__ */ jsx36("p", { role: "status", className: "medo-quick-search__message", children: message });
 }
 
 // src/breadcrumbs/Breadcrumbs.tsx
 import { useLayoutEffect as useLayoutEffect6, useRef as useRef14, useState as useState14 } from "react";
 import { Breadcrumb, Breadcrumbs as AriaBreadcrumbs, Button as AriaButton13, Link as AriaLink6 } from "react-aria-components";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight4, Ellipsis as Ellipsis4, Folder as Folder2, House } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
 function Breadcrumbs({
   items,
   size = "md",
@@ -3544,38 +3601,38 @@ function Breadcrumbs({
   if (items.length < 2) return null;
   if (back) {
     const parent = items[items.length - 2];
-    return /* @__PURE__ */ jsx36("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, "medo-breadcrumbs--back", className), children: /* @__PURE__ */ jsxs34(AriaLink6, { href: parent.href, className: "medo-breadcrumbs__link medo-breadcrumbs__back", children: [
-      /* @__PURE__ */ jsx36(ChevronLeft3, { className: "medo-breadcrumbs__back-icon", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx36(Label3, { text: parent.label })
+    return /* @__PURE__ */ jsx37("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, "medo-breadcrumbs--back", className), children: /* @__PURE__ */ jsxs34(AriaLink6, { href: parent.href, className: "medo-breadcrumbs__link medo-breadcrumbs__back", children: [
+      /* @__PURE__ */ jsx37(ChevronLeft3, { className: "medo-breadcrumbs__back-icon", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx37(Label3, { text: parent.label })
     ] }) });
   }
   const collapse = items.length >= 5;
   const hidden = collapse ? items.slice(1, -3) : [];
   const shown = collapse ? [items[0], null, ...items.slice(-3)] : items;
   const last = shown.length - 1;
-  return /* @__PURE__ */ jsx36("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, className), children: /* @__PURE__ */ jsx36(AriaBreadcrumbs, { className: "medo-breadcrumbs__list", children: shown.map((item, i) => {
-    const separator = i < last && /* @__PURE__ */ jsx36(ChevronRight4, { className: "medo-breadcrumbs__separator", "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx37("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, className), children: /* @__PURE__ */ jsx37(AriaBreadcrumbs, { className: "medo-breadcrumbs__list", children: shown.map((item, i) => {
+    const separator = i < last && /* @__PURE__ */ jsx37(ChevronRight4, { className: "medo-breadcrumbs__separator", "aria-hidden": "true" });
     if (!item) {
       return /* @__PURE__ */ jsxs34(Breadcrumb, { id: "more", className: "medo-breadcrumbs__item", children: [
         /* @__PURE__ */ jsxs34(MenuTrigger, { children: [
-          /* @__PURE__ */ jsx36(AriaButton13, { "aria-label": moreLabel(hidden.length), className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx36(Ellipsis4, { "aria-hidden": "true" }) }),
-          /* @__PURE__ */ jsx36(Menu, { children: hidden.map((h) => /* @__PURE__ */ jsx36(MenuItem, { id: h.label, href: h.href, icon: /* @__PURE__ */ jsx36(Folder2, {}), children: h.label }, h.label)) })
+          /* @__PURE__ */ jsx37(AriaButton13, { "aria-label": moreLabel(hidden.length), className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx37(Ellipsis4, { "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx37(Menu, { children: hidden.map((h) => /* @__PURE__ */ jsx37(MenuItem, { id: h.label, href: h.href, icon: /* @__PURE__ */ jsx37(Folder2, {}), children: h.label }, h.label)) })
         ] }),
         separator
       ] }, "more");
     }
     const isHome = homeIcon && i === 0;
     return /* @__PURE__ */ jsxs34(Breadcrumb, { id: `${i}-${item.label}`, className: "medo-breadcrumbs__item", children: [
-      isHome ? /* @__PURE__ */ jsx36(AriaLink6, { href: item.href, "aria-label": item.label, className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx36(House, { "aria-hidden": "true" }) }) : i === last ? (
+      isHome ? /* @__PURE__ */ jsx37(AriaLink6, { href: item.href, "aria-label": item.label, className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx37(House, { "aria-hidden": "true" }) }) : i === last ? (
         // The current page: not a link (React Aria sets aria-current="page").
-        /* @__PURE__ */ jsx36(AriaLink6, { className: "medo-breadcrumbs__link medo-breadcrumbs__current", children: /* @__PURE__ */ jsx36(Label3, { text: item.label }) })
-      ) : /* @__PURE__ */ jsx36(TruncatedLink, { href: item.href, label: item.label }),
+        /* @__PURE__ */ jsx37(AriaLink6, { className: "medo-breadcrumbs__link medo-breadcrumbs__current", children: /* @__PURE__ */ jsx37(Label3, { text: item.label }) })
+      ) : /* @__PURE__ */ jsx37(TruncatedLink, { href: item.href, label: item.label }),
       separator
     ] }, `${i}-${item.label}`);
   }) }) });
 }
 function Label3({ text }) {
-  return /* @__PURE__ */ jsx36("span", { className: "medo-breadcrumbs__label", children: text });
+  return /* @__PURE__ */ jsx37("span", { className: "medo-breadcrumbs__label", children: text });
 }
 function TruncatedLink({ href, label }) {
   const ref = useRef14(null);
@@ -3584,13 +3641,13 @@ function TruncatedLink({ href, label }) {
     const el = ref.current;
     if (el) setCut(el.scrollWidth > el.clientWidth);
   }, [label]);
-  const text = /* @__PURE__ */ jsx36("span", { ref, className: "medo-breadcrumbs__label", children: label });
+  const text = /* @__PURE__ */ jsx37("span", { ref, className: "medo-breadcrumbs__label", children: label });
   if (!cut) {
-    return /* @__PURE__ */ jsx36(AriaLink6, { href, className: "medo-breadcrumbs__link", children: text });
+    return /* @__PURE__ */ jsx37(AriaLink6, { href, className: "medo-breadcrumbs__link", children: text });
   }
   return /* @__PURE__ */ jsxs34(TooltipTrigger, { children: [
-    /* @__PURE__ */ jsx36(TooltipLink, { href, className: "medo-breadcrumbs__link", children: text }),
-    /* @__PURE__ */ jsx36(Tooltip, { children: label })
+    /* @__PURE__ */ jsx37(TooltipLink, { href, className: "medo-breadcrumbs__link", children: text }),
+    /* @__PURE__ */ jsx37(Tooltip, { children: label })
   ] });
 }
 
@@ -3598,7 +3655,7 @@ function TruncatedLink({ href, label }) {
 import { Children as Children3, createContext as createContext10, isValidElement as isValidElement3, useContext as useContext17, useEffect as useEffect13, useId as useId8, useState as useState15 } from "react";
 import { Button as AriaButton14, Disclosure, DisclosureGroup, DisclosurePanel, Heading as Heading6 } from "react-aria-components";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 var AccordionContext = createContext10({ size: "md", headingLevel: 3 });
 var hashId = () => typeof window === "undefined" ? "" : decodeURIComponent(window.location.hash.slice(1));
 function Accordion({
@@ -3641,9 +3698,9 @@ function Accordion({
   });
   const allOpen = ids.length > 0 && ids.every((id) => expanded.has(id));
   const showToggle = expandAll && allowsMultipleExpanded && Children3.count(children) > 6;
-  return /* @__PURE__ */ jsx37(AccordionContext.Provider, { value: { size, headingLevel }, children: /* @__PURE__ */ jsxs35("div", { className: cx("medo-accordion-wrap", className), children: [
-    showToggle && /* @__PURE__ */ jsx37("div", { className: "medo-accordion__toolbar", children: /* @__PURE__ */ jsx37(Button, { variant: "text", size: "sm", onPress: () => setExpanded(allOpen ? /* @__PURE__ */ new Set() : new Set(ids)), children: allOpen ? collapseAllLabel ?? m.accordion.collapseAll : expandAllLabel ?? m.accordion.expandAll }) }),
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(AccordionContext.Provider, { value: { size, headingLevel }, children: /* @__PURE__ */ jsxs35("div", { className: cx("medo-accordion-wrap", className), children: [
+    showToggle && /* @__PURE__ */ jsx38("div", { className: "medo-accordion__toolbar", children: /* @__PURE__ */ jsx38(Button, { variant: "text", size: "sm", onPress: () => setExpanded(allOpen ? /* @__PURE__ */ new Set() : new Set(ids)), children: allOpen ? collapseAllLabel ?? m.accordion.collapseAll : expandAllLabel ?? m.accordion.expandAll }) }),
+    /* @__PURE__ */ jsx38(
       DisclosureGroup,
       {
         ...props,
@@ -3660,17 +3717,17 @@ function AccordionItem({ id, title, description, icon, badge, isDisabled, childr
   const { headingLevel } = useContext17(AccordionContext);
   const descId = useId8();
   return /* @__PURE__ */ jsxs35(Disclosure, { id, isDisabled, className: cx("medo-accordion__item", !!icon && "medo-accordion__item--icon"), children: [
-    /* @__PURE__ */ jsx37(Heading6, { level: headingLevel, id, className: "medo-accordion__heading", children: /* @__PURE__ */ jsxs35(AriaButton14, { slot: "trigger", className: "medo-accordion__trigger", "aria-describedby": description ? descId : void 0, children: [
-      icon && /* @__PURE__ */ jsx37("span", { className: "medo-accordion__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx38(Heading6, { level: headingLevel, id, className: "medo-accordion__heading", children: /* @__PURE__ */ jsxs35(AriaButton14, { slot: "trigger", className: "medo-accordion__trigger", "aria-describedby": description ? descId : void 0, children: [
+      icon && /* @__PURE__ */ jsx38("span", { className: "medo-accordion__icon", "aria-hidden": "true", children: icon }),
       /* @__PURE__ */ jsxs35("span", { className: "medo-accordion__text", children: [
-        /* @__PURE__ */ jsx37("span", { className: "medo-accordion__title", children: title }),
+        /* @__PURE__ */ jsx38("span", { className: "medo-accordion__title", children: title }),
         description && // Read as description, not as part of the name.
-        /* @__PURE__ */ jsx37("span", { id: descId, className: "medo-accordion__description", "aria-hidden": "true", children: description })
+        /* @__PURE__ */ jsx38("span", { id: descId, className: "medo-accordion__description", "aria-hidden": "true", children: description })
       ] }),
-      badge && /* @__PURE__ */ jsx37("span", { className: "medo-accordion__badge", children: badge }),
-      /* @__PURE__ */ jsx37(ChevronDown4, { className: "medo-accordion__chevron", "aria-hidden": "true" })
+      badge && /* @__PURE__ */ jsx38("span", { className: "medo-accordion__badge", children: badge }),
+      /* @__PURE__ */ jsx38(ChevronDown4, { className: "medo-accordion__chevron", "aria-hidden": "true" })
     ] }) }),
-    /* @__PURE__ */ jsx37(DisclosurePanel, { className: "medo-accordion__panel", children: /* @__PURE__ */ jsx37("div", { className: "medo-accordion__content", children }) })
+    /* @__PURE__ */ jsx38(DisclosurePanel, { className: "medo-accordion__panel", children: /* @__PURE__ */ jsx38("div", { className: "medo-accordion__content", children }) })
   ] });
 }
 
@@ -3680,17 +3737,17 @@ import { Label as Label4, Slider as AriaSlider, SliderOutput, SliderThumb, Slide
 
 // src/number-field/NumberField.tsx
 import { Input as AriaInput3, NumberField as AriaNumberField } from "react-aria-components";
-import { jsx as jsx38, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
 function NumberField({ label, description, errorMessage, placeholder, size = "md", className, ...props }) {
   return /* @__PURE__ */ jsxs36(AriaNumberField, { ...props, className: cx("medo-field", "medo-number-field", className), children: [
-    label && /* @__PURE__ */ jsx38(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx38("div", { className: cx("medo-input", `medo-input--${size}`), children: /* @__PURE__ */ jsx38(AriaInput3, { className: "medo-input__control medo-number-field__control", placeholder }) }),
-    (description || errorMessage) && /* @__PURE__ */ jsx38(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx39(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx39("div", { className: cx("medo-input", `medo-input--${size}`), children: /* @__PURE__ */ jsx39(AriaInput3, { className: "medo-input__control medo-number-field__control", placeholder }) }),
+    (description || errorMessage) && /* @__PURE__ */ jsx39(FieldFooter, { description, errorMessage })
   ] });
 }
 
 // src/slider/Slider.tsx
-import { Fragment as Fragment19, jsx as jsx39, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx40, jsxs as jsxs37 } from "react/jsx-runtime";
 function Slider({
   label,
   thumbLabels,
@@ -3709,20 +3766,20 @@ function Slider({
   const format = useMemo(() => new Intl.NumberFormat(locale, formatOptions), [locale, formatOptions]);
   const steps = Math.round((maxValue - minValue) / step);
   const labelText = typeof label === "string" ? label : props["aria-label"] ?? "";
-  return /* @__PURE__ */ jsx39(AriaSlider, { ...props, minValue, maxValue, step, formatOptions, className: cx("medo-slider", className), children: ({ state }) => {
+  return /* @__PURE__ */ jsx40(AriaSlider, { ...props, minValue, maxValue, step, formatOptions, className: cx("medo-slider", className), children: ({ state }) => {
     const range = state.values.length > 1;
     const start = range ? state.getThumbPercent(0) : 0;
     const end = state.getThumbPercent(state.values.length - 1);
     return /* @__PURE__ */ jsxs37(Fragment19, { children: [
       (label || showValue) && /* @__PURE__ */ jsxs37("div", { className: "medo-slider__header", children: [
-        label && /* @__PURE__ */ jsx39(Label4, { className: "medo-slider__label", "aria-disabled": props.isDisabled || void 0, children: label }),
-        showValue && /* @__PURE__ */ jsx39(SliderOutput, { className: "medo-slider__value", "aria-disabled": props.isDisabled || void 0 })
+        label && /* @__PURE__ */ jsx40(Label4, { className: "medo-slider__label", "aria-disabled": props.isDisabled || void 0, children: label }),
+        showValue && /* @__PURE__ */ jsx40(SliderOutput, { className: "medo-slider__value", "aria-disabled": props.isDisabled || void 0 })
       ] }),
       /* @__PURE__ */ jsxs37(SliderTrack, { className: "medo-slider__track", children: [
-        /* @__PURE__ */ jsx39("span", { className: "medo-slider__rail", "aria-hidden": "true" }),
-        showTicks && steps <= 10 && /* @__PURE__ */ jsx39("span", { className: "medo-slider__ticks", "aria-hidden": "true", children: Array.from({ length: steps + 1 }, (_, i) => /* @__PURE__ */ jsx39("span", { className: "medo-slider__tick", style: { insetInlineStart: `${i / steps * 100}%` } }, i)) }),
-        /* @__PURE__ */ jsx39("span", { className: "medo-slider__fill", style: { insetInlineStart: `${start * 100}%`, inlineSize: `${(end - start) * 100}%` }, "aria-hidden": "true" }),
-        state.values.map((_, i) => /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40("span", { className: "medo-slider__rail", "aria-hidden": "true" }),
+        showTicks && steps <= 10 && /* @__PURE__ */ jsx40("span", { className: "medo-slider__ticks", "aria-hidden": "true", children: Array.from({ length: steps + 1 }, (_, i) => /* @__PURE__ */ jsx40("span", { className: "medo-slider__tick", style: { insetInlineStart: `${i / steps * 100}%` } }, i)) }),
+        /* @__PURE__ */ jsx40("span", { className: "medo-slider__fill", style: { insetInlineStart: `${start * 100}%`, inlineSize: `${(end - start) * 100}%` }, "aria-hidden": "true" }),
+        state.values.map((_, i) => /* @__PURE__ */ jsx40(
           SliderThumb,
           {
             index: i,
@@ -3730,15 +3787,15 @@ function Slider({
             className: "medo-slider__thumb",
             children: ({ isDragging }) => (
               // The finger covers the thumb: show the value above it while dragging.
-              isDragging && /* @__PURE__ */ jsx39("span", { className: "medo-tooltip medo-slider__bubble", "aria-hidden": "true", children: state.getThumbValueLabel(i) })
+              isDragging && /* @__PURE__ */ jsx40("span", { className: "medo-tooltip medo-slider__bubble", "aria-hidden": "true", children: state.getThumbValueLabel(i) })
             )
           },
           i
         ))
       ] }),
       showMinMax && /* @__PURE__ */ jsxs37("div", { className: "medo-slider__limits", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx39("span", { children: format.format(minValue) }),
-        /* @__PURE__ */ jsx39("span", { children: format.format(maxValue) })
+        /* @__PURE__ */ jsx40("span", { children: format.format(minValue) }),
+        /* @__PURE__ */ jsx40("span", { children: format.format(maxValue) })
       ] })
     ] });
   } });
@@ -3752,17 +3809,17 @@ function SliderField({ value, onChange, inputLabels, ...props }) {
     const [lo, hi] = value;
     const names = inputLabels ?? thumbLabels ?? [m.slider.minimum(labelText), m.slider.maximum(labelText)];
     return /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field medo-slider-field--range", children: [
-      /* @__PURE__ */ jsx39(Slider, { ...props, value, onChange }),
+      /* @__PURE__ */ jsx40(Slider, { ...props, value, onChange }),
       /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field__inputs", children: [
-        /* @__PURE__ */ jsx39(NumberField, { ...field, "aria-label": names[0], minValue, maxValue: hi, value: lo, onChange: (v) => !Number.isNaN(v) && onChange([v, hi]) }),
-        /* @__PURE__ */ jsx39("span", { className: "medo-slider-field__dash", "aria-hidden": "true", children: "\u2013" }),
-        /* @__PURE__ */ jsx39(NumberField, { ...field, "aria-label": names[1], minValue: lo, maxValue, value: hi, onChange: (v) => !Number.isNaN(v) && onChange([lo, v]) })
+        /* @__PURE__ */ jsx40(NumberField, { ...field, "aria-label": names[0], minValue, maxValue: hi, value: lo, onChange: (v) => !Number.isNaN(v) && onChange([v, hi]) }),
+        /* @__PURE__ */ jsx40("span", { className: "medo-slider-field__dash", "aria-hidden": "true", children: "\u2013" }),
+        /* @__PURE__ */ jsx40(NumberField, { ...field, "aria-label": names[1], minValue: lo, maxValue, value: hi, onChange: (v) => !Number.isNaN(v) && onChange([lo, v]) })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field medo-slider-field--single", children: [
-    /* @__PURE__ */ jsx39(Slider, { ...props, value, onChange, showValue: false }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(Slider, { ...props, value, onChange, showValue: false }),
+    /* @__PURE__ */ jsx40(
       NumberField,
       {
         ...field,
@@ -3779,7 +3836,7 @@ function SliderField({ value, onChange, inputLabels, ...props }) {
 
 // src/alert/Alert.tsx
 import { CircleAlert as CircleAlert5, CircleCheck as CircleCheck2, Info as Info3, TriangleAlert as TriangleAlert2, X as X14 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs38 } from "react/jsx-runtime";
 var ICONS = {
   info: Info3,
   success: CircleCheck2,
@@ -3802,19 +3859,19 @@ function Alert({
   const Icon = ICONS[tone];
   const role = announce ? tone === "danger" || tone === "warning" ? "alert" : "status" : void 0;
   return /* @__PURE__ */ jsxs38("div", { ...props, role: role ?? props.role, className: cx("medo-alert", `medo-alert--${tone}`, variant === "banner" && "medo-alert--banner", className), children: [
-    /* @__PURE__ */ jsx40(Icon, { className: "medo-alert__icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx41(Icon, { className: "medo-alert__icon", "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs38("div", { className: "medo-alert__content", children: [
-      /* @__PURE__ */ jsx40("p", { className: "medo-alert__title", children: title }),
-      children && /* @__PURE__ */ jsx40("div", { className: "medo-alert__description", children }),
-      actions && /* @__PURE__ */ jsx40("div", { className: "medo-alert__actions", children: actions })
+      /* @__PURE__ */ jsx41("p", { className: "medo-alert__title", children: title }),
+      children && /* @__PURE__ */ jsx41("div", { className: "medo-alert__description", children }),
+      actions && /* @__PURE__ */ jsx41("div", { className: "medo-alert__actions", children: actions })
     ] }),
-    onDismiss && /* @__PURE__ */ jsx40(IconButton, { className: "medo-alert__close", variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx40(X14, {}), "aria-label": dismissLabel ?? m.alert.dismiss, onPress: onDismiss })
+    onDismiss && /* @__PURE__ */ jsx41(IconButton, { className: "medo-alert__close", variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx41(X14, {}), "aria-label": dismissLabel ?? m.alert.dismiss, onPress: onDismiss })
   ] });
 }
 
 // src/card/Card.tsx
 import { Link as AriaLink7 } from "react-aria-components";
-import { jsx as jsx41, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs39 } from "react/jsx-runtime";
 function Card({
   title,
   subtitle,
@@ -3846,17 +3903,17 @@ function Card({
       ),
       style,
       children: [
-        media && /* @__PURE__ */ jsx41("div", { className: "medo-card__media", children: media }),
+        media && /* @__PURE__ */ jsx42("div", { className: "medo-card__media", children: media }),
         /* @__PURE__ */ jsxs39("div", { className: "medo-card__main", children: [
           /* @__PURE__ */ jsxs39("div", { className: "medo-card__header", children: [
             /* @__PURE__ */ jsxs39("div", { className: "medo-card__heading", children: [
-              /* @__PURE__ */ jsx41(Heading7, { className: "medo-card__title", children: interactive ? /* @__PURE__ */ jsx41(AriaLink7, { ...linkProps, href, className: "medo-card__link", children: title }) : title }),
-              subtitle && /* @__PURE__ */ jsx41("p", { className: "medo-card__subtitle", children: subtitle })
+              /* @__PURE__ */ jsx42(Heading7, { className: "medo-card__title", children: interactive ? /* @__PURE__ */ jsx42(AriaLink7, { ...linkProps, href, className: "medo-card__link", children: title }) : title }),
+              subtitle && /* @__PURE__ */ jsx42("p", { className: "medo-card__subtitle", children: subtitle })
             ] }),
-            headerActions && /* @__PURE__ */ jsx41("div", { className: "medo-card__header-actions", children: headerActions })
+            headerActions && /* @__PURE__ */ jsx42("div", { className: "medo-card__header-actions", children: headerActions })
           ] }),
-          children && /* @__PURE__ */ jsx41("div", { className: "medo-card__body", children }),
-          footer && /* @__PURE__ */ jsx41("div", { className: "medo-card__footer", children: footer })
+          children && /* @__PURE__ */ jsx42("div", { className: "medo-card__body", children }),
+          footer && /* @__PURE__ */ jsx42("div", { className: "medo-card__footer", children: footer })
         ] })
       ]
     }
@@ -3877,7 +3934,7 @@ import {
   useTableOptions
 } from "react-aria-components";
 import { ArrowDown, ArrowUp, ArrowUpDown, Check as Check6, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs40 } from "react/jsx-runtime";
 function useScrollsSideways() {
   const ref = useRef15(null);
   const [scrolls, setScrolls] = useState16(false);
@@ -3898,71 +3955,71 @@ function StaticTable({ children, caption, captionHidden, density = "standard", s
   const captionId = useId9();
   const m = useMessages();
   const region = scrolls ? caption ? { role: "region", tabIndex: 0, "aria-labelledby": captionId } : { role: "region", tabIndex: 0, "aria-label": m.table.scrollRegion } : {};
-  return /* @__PURE__ */ jsx42("div", { ref, ...region, className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: /* @__PURE__ */ jsxs40("table", { className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped"), children: [
-    caption && /* @__PURE__ */ jsx42("caption", { id: captionId, className: captionHidden ? "medo-visually-hidden" : void 0, children: caption }),
+  return /* @__PURE__ */ jsx43("div", { ref, ...region, className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: /* @__PURE__ */ jsxs40("table", { className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped"), children: [
+    caption && /* @__PURE__ */ jsx43("caption", { id: captionId, className: captionHidden ? "medo-visually-hidden" : void 0, children: caption }),
     children
   ] }) });
 }
 function Table({ density = "standard", striped, plain: plain2, toolbar, footer, className, style, ...props }) {
-  const table = /* @__PURE__ */ jsx42(AriaTable, { ...props, className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped") });
+  const table = /* @__PURE__ */ jsx43(AriaTable, { ...props, className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped") });
   if (!toolbar && !footer) {
-    return /* @__PURE__ */ jsx42("div", { className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: table });
+    return /* @__PURE__ */ jsx43("div", { className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: table });
   }
   return /* @__PURE__ */ jsxs40("div", { className: cx("medo-table-frame", plain2 && "medo-table-frame--plain", className), style, children: [
-    toolbar && /* @__PURE__ */ jsx42("div", { className: "medo-table__toolbar", children: toolbar }),
-    /* @__PURE__ */ jsx42("div", { className: "medo-table-container medo-table-container--plain", children: table }),
-    footer && /* @__PURE__ */ jsx42("div", { className: "medo-table__footer", children: footer })
+    toolbar && /* @__PURE__ */ jsx43("div", { className: "medo-table__toolbar", children: toolbar }),
+    /* @__PURE__ */ jsx43("div", { className: "medo-table-container medo-table-container--plain", children: table }),
+    footer && /* @__PURE__ */ jsx43("div", { className: "medo-table__footer", children: footer })
   ] });
 }
 function SelectionCheckbox() {
-  return /* @__PURE__ */ jsx42(AriaCheckbox, { slot: "selection", className: "medo-choice medo-checkbox medo-choice--md medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsx42("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx42(Minus2, {}) : isSelected ? /* @__PURE__ */ jsx42(Check6, {}) : null }) });
+  return /* @__PURE__ */ jsx43(AriaCheckbox, { slot: "selection", className: "medo-choice medo-checkbox medo-choice--md medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsx43("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx43(Minus2, {}) : isSelected ? /* @__PURE__ */ jsx43(Check6, {}) : null }) });
 }
 function TableHeader({ columns, children, ...props }) {
   const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions();
   return /* @__PURE__ */ jsxs40(AriaTableHeader, { ...props, className: "medo-table__header", children: [
-    allowsDragging && /* @__PURE__ */ jsx42(AriaColumn, { className: "medo-table__column medo-table__column--utility" }),
-    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx42(AriaColumn, { className: "medo-table__column medo-table__column--utility", children: selectionMode === "multiple" && /* @__PURE__ */ jsx42(SelectionCheckbox, {}) }),
-    /* @__PURE__ */ jsx42(Collection3, { items: columns, children })
+    allowsDragging && /* @__PURE__ */ jsx43(AriaColumn, { className: "medo-table__column medo-table__column--utility" }),
+    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx43(AriaColumn, { className: "medo-table__column medo-table__column--utility", children: selectionMode === "multiple" && /* @__PURE__ */ jsx43(SelectionCheckbox, {}) }),
+    /* @__PURE__ */ jsx43(Collection3, { items: columns, children })
   ] });
 }
 function Column({ children, align = "start", ...props }) {
-  return /* @__PURE__ */ jsx42(AriaColumn, { ...props, "data-align": align, className: "medo-table__column", children: ({ allowsSorting, sortDirection }) => /* @__PURE__ */ jsxs40("span", { className: "medo-table__column-inner", children: [
+  return /* @__PURE__ */ jsx43(AriaColumn, { ...props, "data-align": align, className: "medo-table__column", children: ({ allowsSorting, sortDirection }) => /* @__PURE__ */ jsxs40("span", { className: "medo-table__column-inner", children: [
     children,
-    allowsSorting && (sortDirection === "ascending" ? /* @__PURE__ */ jsx42(ArrowUp, { className: "medo-table__sort", "aria-hidden": "true" }) : sortDirection === "descending" ? /* @__PURE__ */ jsx42(ArrowDown, { className: "medo-table__sort", "aria-hidden": "true" }) : /* @__PURE__ */ jsx42(ArrowUpDown, { className: "medo-table__sort", "aria-hidden": "true" }))
+    allowsSorting && (sortDirection === "ascending" ? /* @__PURE__ */ jsx43(ArrowUp, { className: "medo-table__sort", "aria-hidden": "true" }) : sortDirection === "descending" ? /* @__PURE__ */ jsx43(ArrowDown, { className: "medo-table__sort", "aria-hidden": "true" }) : /* @__PURE__ */ jsx43(ArrowUpDown, { className: "medo-table__sort", "aria-hidden": "true" }))
   ] }) });
 }
 function TableBody(props) {
-  return /* @__PURE__ */ jsx42(AriaTableBody, { ...props, className: "medo-table__body" });
+  return /* @__PURE__ */ jsx43(AriaTableBody, { ...props, className: "medo-table__body" });
 }
 function Row({ id, columns, children, ...props }) {
   const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions();
   return /* @__PURE__ */ jsxs40(AriaRow, { id, ...props, className: "medo-table__row", children: [
-    allowsDragging && /* @__PURE__ */ jsx42(AriaCell, { className: "medo-table__cell medo-table__cell--utility" }),
-    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx42(AriaCell, { className: "medo-table__cell medo-table__cell--utility", children: /* @__PURE__ */ jsx42(SelectionCheckbox, {}) }),
-    /* @__PURE__ */ jsx42(Collection3, { items: columns, children })
+    allowsDragging && /* @__PURE__ */ jsx43(AriaCell, { className: "medo-table__cell medo-table__cell--utility" }),
+    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx43(AriaCell, { className: "medo-table__cell medo-table__cell--utility", children: /* @__PURE__ */ jsx43(SelectionCheckbox, {}) }),
+    /* @__PURE__ */ jsx43(Collection3, { items: columns, children })
   ] });
 }
 function Cell({ align = "start", ...props }) {
-  return /* @__PURE__ */ jsx42(AriaCell, { ...props, "data-align": align, className: "medo-table__cell" });
+  return /* @__PURE__ */ jsx43(AriaCell, { ...props, "data-align": align, className: "medo-table__cell" });
 }
 
 // src/table/ColumnsMenu.tsx
 import { Columns3 } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs41 } from "react/jsx-runtime";
 function ColumnsMenu({ columns, visibleColumns, onVisibleColumnsChange, label: labelProp, title: titleProp }) {
   const m = useMessages();
   const label = labelProp ?? m.table.columns;
   const title = titleProp ?? m.table.showColumns;
   const locked = columns.filter((c) => c.isLocked).map((c) => c.id);
   return /* @__PURE__ */ jsxs41(PopoverTrigger, { children: [
-    /* @__PURE__ */ jsx43(Button, { variant: "ghost", size: "sm", startIcon: /* @__PURE__ */ jsx43(Columns3, {}), children: label }),
-    /* @__PURE__ */ jsx43(Popover5, { size: "sm", "aria-label": title, children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Button, { variant: "ghost", size: "sm", startIcon: /* @__PURE__ */ jsx44(Columns3, {}), children: label }),
+    /* @__PURE__ */ jsx44(Popover5, { size: "sm", "aria-label": title, children: /* @__PURE__ */ jsx44(
       CheckboxGroup,
       {
         label: title,
         value: visibleColumns,
         onChange: (ids) => onVisibleColumnsChange(columns.map((c) => c.id).filter((id) => ids.includes(id) || locked.includes(id))),
-        children: columns.map((c) => /* @__PURE__ */ jsx43(Checkbox, { value: c.id, isDisabled: c.isLocked, children: c.label }, c.id))
+        children: columns.map((c) => /* @__PURE__ */ jsx44(Checkbox, { value: c.id, isDisabled: c.isLocked, children: c.label }, c.id))
       }
     ) })
   ] });
@@ -3978,7 +4035,7 @@ import {
   useLocale as useLocale4
 } from "react-aria-components";
 import { CircleAlert as CircleAlert6, CircleCheck as CircleCheck3, CloudUpload, FileText as FileText2, Image as ImageIcon, RotateCw, Trash2, Upload, X as X15 } from "lucide-react";
-import { Fragment as Fragment20, jsx as jsx44, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx45, jsxs as jsxs42 } from "react/jsx-runtime";
 var units = ["byte", "kilobyte", "megabyte", "gigabyte"];
 function unitOf(bytes) {
   let i = 0;
@@ -4014,10 +4071,10 @@ function FileName({ name, className }) {
   const start = name.length > keep + 4 ? name.slice(0, -keep) : name;
   const end = name.length > keep + 4 ? name.slice(-keep) : "";
   return /* @__PURE__ */ jsxs42("span", { className: cx("medo-file-name", className), children: [
-    /* @__PURE__ */ jsx44("span", { className: "medo-visually-hidden", children: name }),
+    /* @__PURE__ */ jsx45("span", { className: "medo-visually-hidden", children: name }),
     /* @__PURE__ */ jsxs42("span", { className: "medo-file-name__visual", title: name, "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx44("span", { className: "medo-file-name__start", children: start }),
-      end && /* @__PURE__ */ jsx44("span", { className: "medo-file-name__end", children: end })
+      /* @__PURE__ */ jsx45("span", { className: "medo-file-name__start", children: start }),
+      end && /* @__PURE__ */ jsx45("span", { className: "medo-file-name__end", children: end })
     ] })
   ] });
 }
@@ -4033,8 +4090,8 @@ function FileItem({ file, onRemove, onCancel, onRetry, texts: own, className })
   let meta;
   if (file.status === "uploading") {
     meta = /* @__PURE__ */ jsxs42(Fragment20, { children: [
-      /* @__PURE__ */ jsx44("span", { className: "medo-file-item__meta", children: percent != null ? t.progress(formatLoaded(file.loaded ?? 0, file.size, locale), size, percent) : size }),
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45("span", { className: "medo-file-item__meta", children: percent != null ? t.progress(formatLoaded(file.loaded ?? 0, file.size, locale), size, percent) : size }),
+      /* @__PURE__ */ jsx45(
         ProgressBar,
         {
           size: "sm",
@@ -4049,20 +4106,20 @@ function FileItem({ file, onRemove, onCancel, onRetry, texts: own, className })
   } else {
     const error = file.status === "error";
     meta = /* @__PURE__ */ jsxs42("span", { className: cx("medo-file-item__meta", error && "medo-file-item__meta--error"), children: [
-      error ? /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx44(CircleCheck3, { "aria-hidden": "true", className: "medo-file-item__done" }),
-      /* @__PURE__ */ jsx44("span", { children: error ? file.error : size })
+      error ? /* @__PURE__ */ jsx45(CircleAlert6, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx45(CircleCheck3, { "aria-hidden": "true", className: "medo-file-item__done" }),
+      /* @__PURE__ */ jsx45("span", { children: error ? file.error : size })
     ] });
   }
   return /* @__PURE__ */ jsxs42("div", { className: cx("medo-file-item", `medo-file-item--${file.status}`, className), children: [
-    isImage(file) ? /* @__PURE__ */ jsx44("img", { className: "medo-file-item__thumb", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx44("span", { className: "medo-file-item__icon", "aria-hidden": "true", children: file.type?.startsWith("image/") ? /* @__PURE__ */ jsx44(ImageIcon, {}) : /* @__PURE__ */ jsx44(FileText2, {}) }),
+    isImage(file) ? /* @__PURE__ */ jsx45("img", { className: "medo-file-item__thumb", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx45("span", { className: "medo-file-item__icon", "aria-hidden": "true", children: file.type?.startsWith("image/") ? /* @__PURE__ */ jsx45(ImageIcon, {}) : /* @__PURE__ */ jsx45(FileText2, {}) }),
     /* @__PURE__ */ jsxs42("div", { className: "medo-file-item__content", children: [
-      /* @__PURE__ */ jsx44(FileName, { name: file.name, className: "medo-file-item__name" }),
+      /* @__PURE__ */ jsx45(FileName, { name: file.name, className: "medo-file-item__name" }),
       meta
     ] }),
     /* @__PURE__ */ jsxs42("div", { className: "medo-file-item__actions", children: [
-      file.status === "uploading" && /* @__PURE__ */ jsx44(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx44(X15, {}), "aria-label": t.cancel(file.name), onPress: () => (onCancel ?? onRemove)(file.id) }),
-      file.status === "error" && onRetry && file.canRetry !== false && /* @__PURE__ */ jsx44(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx44(RotateCw, {}), "aria-label": t.retry(file.name), onPress: () => onRetry(file.id) }),
-      file.status !== "uploading" && /* @__PURE__ */ jsx44(IconButton, { size: "sm", icon: file.status === "done" ? /* @__PURE__ */ jsx44(Trash2, {}) : /* @__PURE__ */ jsx44(X15, {}), "aria-label": t.remove(file.name), onPress: () => onRemove(file.id) })
+      file.status === "uploading" && /* @__PURE__ */ jsx45(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx45(X15, {}), "aria-label": t.cancel(file.name), onPress: () => (onCancel ?? onRemove)(file.id) }),
+      file.status === "error" && onRetry && file.canRetry !== false && /* @__PURE__ */ jsx45(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx45(RotateCw, {}), "aria-label": t.retry(file.name), onPress: () => onRetry(file.id) }),
+      file.status !== "uploading" && /* @__PURE__ */ jsx45(IconButton, { size: "sm", icon: file.status === "done" ? /* @__PURE__ */ jsx45(Trash2, {}) : /* @__PURE__ */ jsx45(X15, {}), "aria-label": t.remove(file.name), onPress: () => onRemove(file.id) })
     ] })
   ] });
 }
@@ -4073,10 +4130,10 @@ function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className })
   const retry = file.status === "error" && onRetry && file.canRetry !== false;
   return /* @__PURE__ */ jsxs42("div", { className: cx("medo-file-tile", `medo-file-tile--${file.status}`, className), children: [
     /* @__PURE__ */ jsxs42("div", { className: "medo-file-tile__media", children: [
-      file.previewUrl ? /* @__PURE__ */ jsx44("img", { className: "medo-file-tile__image", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx44("span", { className: "medo-file-tile__placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx44(ImageIcon, {}) }),
+      file.previewUrl ? /* @__PURE__ */ jsx45("img", { className: "medo-file-tile__image", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx45("span", { className: "medo-file-tile__placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx45(ImageIcon, {}) }),
       file.status === "uploading" && /* @__PURE__ */ jsxs42("div", { className: "medo-file-tile__overlay", children: [
-        /* @__PURE__ */ jsx44("span", { className: "medo-file-tile__percent", "aria-hidden": "true", children: percent != null ? `${percent} %` : "" }),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45("span", { className: "medo-file-tile__percent", "aria-hidden": "true", children: percent != null ? `${percent} %` : "" }),
+        /* @__PURE__ */ jsx45(
           ProgressBar,
           {
             size: "sm",
@@ -4089,15 +4146,15 @@ function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className })
         )
       ] }),
       file.status === "error" && (retry ? /* @__PURE__ */ jsxs42(AriaButton15, { className: "medo-file-tile__overlay medo-file-tile__retry", "aria-label": t.retry(file.name), onPress: () => onRetry(file.id), children: [
-        /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx44("span", { "aria-hidden": "true", children: t.retryShort })
-      ] }) : /* @__PURE__ */ jsx44("div", { className: "medo-file-tile__overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsx44(CircleAlert6, {}) })),
-      /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(CircleAlert6, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx45("span", { "aria-hidden": "true", children: t.retryShort })
+      ] }) : /* @__PURE__ */ jsx45("div", { className: "medo-file-tile__overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsx45(CircleAlert6, {}) })),
+      /* @__PURE__ */ jsx45(
         IconButton,
         {
           variant: "media",
           size: "sm",
-          icon: /* @__PURE__ */ jsx44(X15, {}),
+          icon: /* @__PURE__ */ jsx45(X15, {}),
           "aria-label": file.status === "uploading" ? t.cancel(file.name) : t.remove(file.name),
           onPress: () => (file.status === "uploading" ? onCancel ?? onRemove : onRemove)(file.id),
           className: "medo-file-tile__remove"
@@ -4110,7 +4167,7 @@ function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className })
         ": "
       ] }),
       file.error
-    ] }) : /* @__PURE__ */ jsx44(FileName, { name: file.name, className: "medo-file-tile__caption" })
+    ] }) : /* @__PURE__ */ jsx45(FileName, { name: file.name, className: "medo-file-tile__caption" })
   ] });
 }
 async function filesFrom(e) {
@@ -4133,7 +4190,7 @@ function Dropzone({
   const t = { ...m.upload, ...own };
   const hintId = useId10();
   const errorId = useId10();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     DropZone,
     {
       "aria-labelledby": props["aria-labelledby"],
@@ -4141,16 +4198,16 @@ function Dropzone({
       onDrop: async (e) => onSelect(await filesFrom(e)),
       className: cx("medo-dropzone", !!errorMessage && "medo-dropzone--invalid", className),
       children: ({ isDropTarget }) => /* @__PURE__ */ jsxs42(Fragment20, { children: [
-        /* @__PURE__ */ jsx44(IconTile, { size: "md", children: /* @__PURE__ */ jsx44(CloudUpload, {}) }),
-        /* @__PURE__ */ jsx44(Text9, { slot: "label", className: "medo-dropzone__title", "aria-disabled": isDisabled || void 0, children: isDropTarget ? t.dropTitle : t.title }),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(IconTile, { size: "md", children: /* @__PURE__ */ jsx45(CloudUpload, {}) }),
+        /* @__PURE__ */ jsx45(Text9, { slot: "label", className: "medo-dropzone__title", "aria-disabled": isDisabled || void 0, children: isDropTarget ? t.dropTitle : t.title }),
+        /* @__PURE__ */ jsx45(
           AriaFileTrigger,
           {
             acceptedFileTypes,
             allowsMultiple,
             defaultCamera,
             onSelect: (list) => list && onSelect([...list]),
-            children: /* @__PURE__ */ jsx44(
+            children: /* @__PURE__ */ jsx45(
               Button,
               {
                 variant: "secondary",
@@ -4163,10 +4220,10 @@ function Dropzone({
             )
           }
         ),
-        hint && /* @__PURE__ */ jsx44("span", { id: hintId, className: "medo-dropzone__hint", "aria-disabled": isDisabled || void 0, children: hint }),
+        hint && /* @__PURE__ */ jsx45("span", { id: hintId, className: "medo-dropzone__hint", "aria-disabled": isDisabled || void 0, children: hint }),
         errorMessage && /* @__PURE__ */ jsxs42("span", { id: errorId, className: "medo-field__error medo-dropzone__error", children: [
-          /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx44("span", { children: errorMessage })
+          /* @__PURE__ */ jsx45(CircleAlert6, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx45("span", { children: errorMessage })
         ] })
       ] })
     }
@@ -4194,21 +4251,21 @@ function FileTrigger({
   return /* @__PURE__ */ jsxs42("div", { className: cx("medo-field", "medo-file-trigger", className), children: [
     label && /* @__PURE__ */ jsxs42("span", { id: labelId, className: "medo-field__label", children: [
       label,
-      isRequired && /* @__PURE__ */ jsx44("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+      isRequired && /* @__PURE__ */ jsx45("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45("div", { children: /* @__PURE__ */ jsx45(
       AriaFileTrigger,
       {
         acceptedFileTypes,
         allowsMultiple,
         defaultCamera,
         onSelect: (list) => list && onSelect([...list]),
-        children: /* @__PURE__ */ jsx44(
+        children: /* @__PURE__ */ jsx45(
           Button,
           {
             id: buttonId,
             variant: "secondary",
-            startIcon: /* @__PURE__ */ jsx44(Upload, {}),
+            startIcon: /* @__PURE__ */ jsx45(Upload, {}),
             isDisabled,
             className: "medo-upload__choose",
             "aria-labelledby": label ? `${labelId} ${buttonId}` : void 0,
@@ -4219,10 +4276,10 @@ function FileTrigger({
       }
     ) }),
     (hint || errorMessage) && /* @__PURE__ */ jsxs42("div", { className: "medo-field__footer", children: [
-      hint && !errorMessage && /* @__PURE__ */ jsx44("span", { id: hintId, className: "medo-field__description", children: hint }),
+      hint && !errorMessage && /* @__PURE__ */ jsx45("span", { id: hintId, className: "medo-field__description", children: hint }),
       errorMessage && /* @__PURE__ */ jsxs42("span", { id: errorId, className: "medo-field__error", children: [
-        /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx44("span", { children: errorMessage })
+        /* @__PURE__ */ jsx45(CircleAlert6, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx45("span", { children: errorMessage })
       ] })
     ] })
   ] });
@@ -4332,15 +4389,15 @@ function UploadField({
       "aria-label": label || compact ? void 0 : ariaLabel,
       className: cx("medo-upload", grid && "medo-upload--grid", compact && "medo-upload--compact", className),
       children: [
-        compact ? /* @__PURE__ */ jsx44(FileTrigger, { ...picker, label, isRequired }) : /* @__PURE__ */ jsxs42(Fragment20, { children: [
+        compact ? /* @__PURE__ */ jsx45(FileTrigger, { ...picker, label, isRequired }) : /* @__PURE__ */ jsxs42(Fragment20, { children: [
           label && /* @__PURE__ */ jsxs42("span", { id: labelId, className: "medo-field__label", children: [
             label,
-            isRequired && /* @__PURE__ */ jsx44("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+            isRequired && /* @__PURE__ */ jsx45("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx44(Dropzone, { ...picker, "aria-labelledby": label ? labelId : void 0 })
+          /* @__PURE__ */ jsx45(Dropzone, { ...picker, "aria-labelledby": label ? labelId : void 0 })
         ] }),
-        all.length > 0 && /* @__PURE__ */ jsx44("ul", { className: cx("medo-upload__list", grid && "medo-upload__list--grid"), "aria-label": t.listLabel, children: all.map((file) => /* @__PURE__ */ jsx44("li", { className: "medo-upload__item", children: grid ? /* @__PURE__ */ jsx44(FileTile, { file, ...actions }) : /* @__PURE__ */ jsx44(FileItem, { file, ...actions }) }, file.id)) }),
-        /* @__PURE__ */ jsx44("span", { role: "status", className: "medo-visually-hidden", children: announcement })
+        all.length > 0 && /* @__PURE__ */ jsx45("ul", { className: cx("medo-upload__list", grid && "medo-upload__list--grid"), "aria-label": t.listLabel, children: all.map((file) => /* @__PURE__ */ jsx45("li", { className: "medo-upload__item", children: grid ? /* @__PURE__ */ jsx45(FileTile, { file, ...actions }) : /* @__PURE__ */ jsx45(FileItem, { file, ...actions }) }, file.id)) }),
+        /* @__PURE__ */ jsx45("span", { role: "status", className: "medo-visually-hidden", children: announcement })
       ]
     }
   );
@@ -4361,7 +4418,7 @@ import {
 } from "react-aria-components";
 import { DateFormatter, getDayOfWeek, getLocalTimeZone, today } from "@internationalized/date";
 import { ChevronDown as ChevronDown5, ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight5 } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs43 } from "react/jsx-runtime";
 var defaultCalendarTexts = en.calendar;
 function isoWeek(date) {
   const d = new Date(Date.UTC(date.year, date.month - 1, date.day));
@@ -4389,35 +4446,35 @@ function Header3({
   if (view !== "days") {
     const title = view === "months" ? yearTitle.format(focused.toDate(tz)) : `${yearStart} \u2013 ${yearStart + 11}`;
     return /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__header", children: [
-      view === "months" ? /* @__PURE__ */ jsx45(
+      view === "months" ? /* @__PURE__ */ jsx46(
         Button,
         {
           slot: null,
           variant: "ghost",
           size: buttonSize,
-          endIcon: /* @__PURE__ */ jsx45(ChevronDown5, {}),
+          endIcon: /* @__PURE__ */ jsx46(ChevronDown5, {}),
           onPress: () => setView("years"),
           "aria-label": t.chooseYear(title),
           className: "medo-calendar__title",
           children: title
         }
-      ) : /* @__PURE__ */ jsx45("span", { className: "medo-calendar__title medo-calendar__title--static", "aria-live": "polite", children: title }),
+      ) : /* @__PURE__ */ jsx46("span", { className: "medo-calendar__title medo-calendar__title--static", "aria-live": "polite", children: title }),
       /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__nav", children: [
-        /* @__PURE__ */ jsx45(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronLeft4, {}), "aria-label": view === "months" ? t.previousYear : t.previousYears, onPress: () => shift(-1) }),
-        /* @__PURE__ */ jsx45(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronRight5, {}), "aria-label": view === "months" ? t.nextYear : t.nextYears, onPress: () => shift(1) })
+        /* @__PURE__ */ jsx46(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx46(ChevronLeft4, {}), "aria-label": view === "months" ? t.previousYear : t.previousYears, onPress: () => shift(-1) }),
+        /* @__PURE__ */ jsx46(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx46(ChevronRight5, {}), "aria-label": view === "months" ? t.nextYear : t.nextYears, onPress: () => shift(1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsx45("div", { className: "medo-calendar__headers", style: { gridTemplateColumns: `repeat(${months}, 1fr)` }, children: Array.from({ length: months }, (_, i) => {
+  return /* @__PURE__ */ jsx46("div", { className: "medo-calendar__headers", style: { gridTemplateColumns: `repeat(${months}, 1fr)` }, children: Array.from({ length: months }, (_, i) => {
     const title = monthTitle.format(focused.add({ months: i }).toDate(tz));
     return /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__header", children: [
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx46(
         Button,
         {
           slot: null,
           variant: "ghost",
           size: buttonSize,
-          endIcon: /* @__PURE__ */ jsx45(ChevronDown5, {}),
+          endIcon: /* @__PURE__ */ jsx46(ChevronDown5, {}),
           onPress: () => setView("months"),
           "aria-label": t.chooseMonth(title),
           className: "medo-calendar__title",
@@ -4425,8 +4482,8 @@ function Header3({
         }
       ),
       /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__nav", children: [
-        i === 0 && /* @__PURE__ */ jsx45(IconButton, { slot: "previous", size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronLeft4, {}), "aria-label": t.previousMonth }),
-        i === months - 1 && /* @__PURE__ */ jsx45(IconButton, { slot: "next", size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronRight5, {}), "aria-label": t.nextMonth })
+        i === 0 && /* @__PURE__ */ jsx46(IconButton, { slot: "previous", size: buttonSize, icon: /* @__PURE__ */ jsx46(ChevronLeft4, {}), "aria-label": t.previousMonth }),
+        i === months - 1 && /* @__PURE__ */ jsx46(IconButton, { slot: "next", size: buttonSize, icon: /* @__PURE__ */ jsx46(ChevronRight5, {}), "aria-label": t.nextMonth })
       ] })
     ] }, i);
   }) });
@@ -4460,7 +4517,7 @@ function PeriodGrid({ view, setView, state }) {
   useEffect16(() => {
     ref.current?.querySelector("[data-focus-target]")?.focus();
   }, [view]);
-  return /* @__PURE__ */ jsx45("div", { ref, className: "medo-calendar__periods", role: "group", children: items.map((item) => /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46("div", { ref, className: "medo-calendar__periods", role: "group", children: items.map((item) => /* @__PURE__ */ jsx46(
     AriaButton16,
     {
       slot: null,
@@ -4480,12 +4537,12 @@ function PeriodGrid({ view, setView, state }) {
 function DayGrid({ offset, showWeekNumbers, t }) {
   const { locale } = useLocale5();
   return /* @__PURE__ */ jsxs43("div", { className: cx("medo-calendar__month", showWeekNumbers && "medo-calendar__month--weeks"), children: [
-    showWeekNumbers && /* @__PURE__ */ jsx45("span", { className: "medo-calendar__weeks-label", "aria-hidden": "true", children: t.weekNumber }),
+    showWeekNumbers && /* @__PURE__ */ jsx46("span", { className: "medo-calendar__weeks-label", "aria-hidden": "true", children: t.weekNumber }),
     /* @__PURE__ */ jsxs43(CalendarGrid, { offset: offset ? { months: offset } : void 0, weekdayStyle: "short", className: "medo-calendar__grid", children: [
-      /* @__PURE__ */ jsx45(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx45(CalendarHeaderCell, { className: "medo-calendar__weekday", children: day.replace(/\.$/, "").slice(0, 2) }) }),
-      /* @__PURE__ */ jsx45(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx45(CalendarCell, { date, className: "medo-calendar__cell", children: ({ formattedDate }) => (
+      /* @__PURE__ */ jsx46(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx46(CalendarHeaderCell, { className: "medo-calendar__weekday", children: day.replace(/\.$/, "").slice(0, 2) }) }),
+      /* @__PURE__ */ jsx46(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx46(CalendarCell, { date, className: "medo-calendar__cell", children: ({ formattedDate }) => (
         // The week number is drawn by CSS (data-week), so it is not part of the day's visible name (WCAG 2.5.3).
-        /* @__PURE__ */ jsx45("span", { className: "medo-calendar__day", "data-week": showWeekNumbers && getDayOfWeek(date, locale) === 0 ? isoWeek(date.add({ days: 3 })) : void 0, children: formattedDate })
+        /* @__PURE__ */ jsx46("span", { className: "medo-calendar__day", "data-week": showWeekNumbers && getDayOfWeek(date, locale) === 0 ? isoWeek(date.add({ days: 3 })) : void 0, children: formattedDate })
       ) }) })
     ] })
   ] });
@@ -4504,21 +4561,21 @@ function CalendarBody({ state, size, months, showWeekNumbers, t }) {
     setView(v);
   };
   return /* @__PURE__ */ jsxs43("div", { ref, className: "medo-calendar__body", children: [
-    /* @__PURE__ */ jsx45(Header3, { view, setView: changeView, state, size, months: view === "days" ? months : 1, t }),
-    view === "days" ? /* @__PURE__ */ jsx45("div", { className: "medo-calendar__months", style: { gridTemplateColumns: `repeat(${months}, auto)` }, children: Array.from({ length: months }, (_, i) => /* @__PURE__ */ jsx45(DayGrid, { offset: i, showWeekNumbers, t }, i)) }) : /* @__PURE__ */ jsx45(PeriodGrid, { view, setView: changeView, state })
+    /* @__PURE__ */ jsx46(Header3, { view, setView: changeView, state, size, months: view === "days" ? months : 1, t }),
+    view === "days" ? /* @__PURE__ */ jsx46("div", { className: "medo-calendar__months", style: { gridTemplateColumns: `repeat(${months}, auto)` }, children: Array.from({ length: months }, (_, i) => /* @__PURE__ */ jsx46(DayGrid, { offset: i, showWeekNumbers, t }, i)) }) : /* @__PURE__ */ jsx46(PeriodGrid, { view, setView: changeView, state })
   ] });
 }
 function Calendar({ size = "md", showWeekNumbers, texts, className, ...props }) {
   const m = useMessages();
   const t = { ...m.calendar, ...texts };
-  return /* @__PURE__ */ jsx45(AriaCalendar, { ...props, className: cx("medo-calendar", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx45(CalendarBody, { state, size, months: 1, showWeekNumbers, t }) });
+  return /* @__PURE__ */ jsx46(AriaCalendar, { ...props, className: cx("medo-calendar", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx46(CalendarBody, { state, size, months: 1, showWeekNumbers, t }) });
 }
 function RangeCalendar({ size = "md", showWeekNumbers, visibleMonths = "auto", texts, className, ...props }) {
   const m = useMessages();
   const t = { ...m.calendar, ...texts };
   const mobile = useMediaQuery(MOBILE_QUERY);
   const months = visibleMonths === "auto" ? mobile ? 1 : 2 : visibleMonths;
-  return /* @__PURE__ */ jsx45(AriaRangeCalendar, { ...props, visibleDuration: { months }, className: cx("medo-calendar", "medo-calendar--range", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(AriaRangeCalendar, { ...props, visibleDuration: { months }, className: cx("medo-calendar", "medo-calendar--range", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx46(
     CalendarBody,
     {
       state: {
@@ -4548,18 +4605,18 @@ import {
 } from "react-aria-components";
 import { DateFormatter as DateFormatter2 } from "@internationalized/date";
 import { Clock } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs44 } from "react/jsx-runtime";
 function DateSegments({ size = "md", children }) {
   return /* @__PURE__ */ jsxs44("div", { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
-    /* @__PURE__ */ jsx46(DateInput, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment, { segment, className: "medo-date-segment" }) }),
+    /* @__PURE__ */ jsx47(DateInput, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx47(DateSegment, { segment, className: "medo-date-segment" }) }),
     children
   ] });
 }
 function DateField({ label, description, errorMessage, size = "md", className, ...props }) {
   return /* @__PURE__ */ jsxs44(AriaDateField, { shouldForceLeadingZeros: true, ...props, className: cx("medo-field", "medo-date-field", className), children: [
-    label && /* @__PURE__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx46(DateSegments, { size }),
-    /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx47(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx47(DateSegments, { size }),
+    /* @__PURE__ */ jsx47(FieldFooter, { description, errorMessage })
   ] });
 }
 function TimeField({
@@ -4590,10 +4647,10 @@ function TimeField({
   const key = (v) => v ? `${v.hour}:${v.minute}` : "";
   const text = (v) => format.format(new Date(2e3, 0, 1, v.hour, v.minute));
   return /* @__PURE__ */ jsxs44(AriaTimeField, { shouldForceLeadingZeros: true, ...props, value, onChange: change, className: cx("medo-field", "medo-date-field", "medo-time-field", className), children: [
-    label && /* @__PURE__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx46(DateSegments, { size, children: slots && /* @__PURE__ */ jsxs44(PopoverTrigger, { children: [
-      /* @__PURE__ */ jsx46(InputAction, { icon: /* @__PURE__ */ jsx46(Clock, {}), "aria-label": slotsLabel, isDisabled: props.isDisabled || props.isReadOnly }),
-      /* @__PURE__ */ jsx46(Popover5, { size: "auto", "aria-label": slotsLabel, placement: "bottom end", className: "medo-time-slots", children: (close) => /* @__PURE__ */ jsx46(
+    label && /* @__PURE__ */ jsx47(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx47(DateSegments, { size, children: slots && /* @__PURE__ */ jsxs44(PopoverTrigger, { children: [
+      /* @__PURE__ */ jsx47(InputAction, { icon: /* @__PURE__ */ jsx47(Clock, {}), "aria-label": slotsLabel, isDisabled: props.isDisabled || props.isReadOnly }),
+      /* @__PURE__ */ jsx47(Popover5, { size: "auto", "aria-label": slotsLabel, placement: "bottom end", className: "medo-time-slots", children: (close) => /* @__PURE__ */ jsx47(
         ListBox,
         {
           "aria-label": slotsLabel,
@@ -4607,11 +4664,11 @@ function TimeField({
             if (slot) change(slot.value);
             close();
           },
-          children: slots.map((s2) => /* @__PURE__ */ jsx46(Option, { id: key(s2.value), textValue: text(s2.value), description: s2.isDisabled ? s2.reason : void 0, children: text(s2.value) }, key(s2.value)))
+          children: slots.map((s2) => /* @__PURE__ */ jsx47(Option, { id: key(s2.value), textValue: text(s2.value), description: s2.isDisabled ? s2.reason : void 0, children: text(s2.value) }, key(s2.value)))
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage })
+    /* @__PURE__ */ jsx47(FieldFooter, { description, errorMessage })
   ] });
 }
 
@@ -4631,7 +4688,7 @@ import {
 } from "react-aria-components";
 import { DateFormatter as DateFormatter3, endOfMonth, getLocalTimeZone as getLocalTimeZone2, startOfMonth, today as today2 } from "@internationalized/date";
 import { Calendar as CalendarIcon } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs45 } from "react/jsx-runtime";
 function pickerTexts(m) {
   const d = m.datePicker;
   return {
@@ -4660,22 +4717,22 @@ function useValidationMessages(t, minValue, maxValue) {
 }
 function PickerOverlay({ title, sheet, t, children }) {
   if (sheet) {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       BottomSheet,
       {
         title,
         className: "medo-date-sheet",
-        footer: (close) => /* @__PURE__ */ jsx47(Button, { variant: "primary", size: "lg", onPress: close, children: t.done }),
-        children: /* @__PURE__ */ jsx47("div", { className: "medo-date-panel", children })
+        footer: (close) => /* @__PURE__ */ jsx48(Button, { variant: "primary", size: "lg", onPress: close, children: t.done }),
+        children: /* @__PURE__ */ jsx48("div", { className: "medo-date-panel", children })
       }
     );
   }
-  return /* @__PURE__ */ jsx47(AriaPopover2, { placement: "bottom start", offset: 8, containerPadding: 16, className: "medo-popover medo-popover--auto medo-date-popover", children: /* @__PURE__ */ jsx47(AriaDialog5, { "aria-label": title, className: "medo-popover__dialog", children: /* @__PURE__ */ jsx47("div", { className: "medo-popover__body medo-date-panel", children }) }) });
+  return /* @__PURE__ */ jsx48(AriaPopover2, { placement: "bottom start", offset: 8, containerPadding: 16, className: "medo-popover medo-popover--auto medo-date-popover", children: /* @__PURE__ */ jsx48(AriaDialog5, { "aria-label": title, className: "medo-popover__dialog", children: /* @__PURE__ */ jsx48("div", { className: "medo-popover__body medo-date-panel", children }) }) });
 }
 function PanelTime({ label, size }) {
   const state = useContext18(DatePickerStateContext);
   if (!state) return null;
-  return /* @__PURE__ */ jsx47("div", { className: "medo-date-panel__time", children: /* @__PURE__ */ jsx47(TimeField, { label, size, value: state.timeValue, onChange: (v) => v && state.setTimeValue(v) }) });
+  return /* @__PURE__ */ jsx48("div", { className: "medo-date-panel__time", children: /* @__PURE__ */ jsx48(TimeField, { label, size, value: state.timeValue, onChange: (v) => v && state.setTimeValue(v) }) });
 }
 var textOf = (label, ariaLabel) => typeof label === "string" ? label : ariaLabel ?? "";
 function DatePicker({
@@ -4702,15 +4759,15 @@ function DatePicker({
       ...props,
       className: cx("medo-field", "medo-date-field", "medo-date-picker", hasTime && "medo-date-picker--time", className),
       children: [
-        label && /* @__PURE__ */ jsx47(FieldLabel, { isRequired: props.isRequired, children: label }),
+        label && /* @__PURE__ */ jsx48(FieldLabel, { isRequired: props.isRequired, children: label }),
         /* @__PURE__ */ jsxs45(Group2, { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
-          /* @__PURE__ */ jsx47(DateInput2, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx47(DateSegment2, { segment, className: "medo-date-segment" }) }),
-          /* @__PURE__ */ jsx47(InputAction, { icon: /* @__PURE__ */ jsx47(CalendarIcon, {}), "aria-label": t.openCalendar })
+          /* @__PURE__ */ jsx48(DateInput2, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx48(DateSegment2, { segment, className: "medo-date-segment" }) }),
+          /* @__PURE__ */ jsx48(InputAction, { icon: /* @__PURE__ */ jsx48(CalendarIcon, {}), "aria-label": t.openCalendar })
         ] }),
-        /* @__PURE__ */ jsx47(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
+        /* @__PURE__ */ jsx48(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
         /* @__PURE__ */ jsxs45(PickerOverlay, { title: textOf(label, props["aria-label"]), sheet, t, children: [
-          /* @__PURE__ */ jsx47(Calendar, { size: sheet ? "lg" : "md", showWeekNumbers, texts: t }),
-          hasTime && /* @__PURE__ */ jsx47(PanelTime, { label: t.time, size: sheet ? "lg" : "md" })
+          /* @__PURE__ */ jsx48(Calendar, { size: sheet ? "lg" : "md", showWeekNumbers, texts: t }),
+          hasTime && /* @__PURE__ */ jsx48(PanelTime, { label: t.time, size: sheet ? "lg" : "md" })
         ] })
       ]
     }
@@ -4735,7 +4792,7 @@ function Presets({ presets, label, size }) {
   if (!state) return null;
   const same = (a, b) => !!a && !!b && a.compare(b) === 0;
   const active = presets.findIndex((p) => same(state.value?.start, p.value.start) && same(state.value?.end, p.value.end));
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ListBox,
     {
       "aria-label": label,
@@ -4749,7 +4806,7 @@ function Presets({ presets, label, size }) {
         state.close();
       },
       className: "medo-date-panel__presets",
-      children: presets.map((p, i) => /* @__PURE__ */ jsx47(Option, { id: String(i), children: p.label }, i))
+      children: presets.map((p, i) => /* @__PURE__ */ jsx48(Option, { id: String(i), children: p.label }, i))
     }
   );
 }
@@ -4772,17 +4829,17 @@ function DateRangePicker({
   const messages = useValidationMessages(t, props.minValue, props.maxValue);
   const list = presets === true ? defaultDatePresets({}, m) : presets || void 0;
   return /* @__PURE__ */ jsxs45(AriaDateRangePicker, { shouldForceLeadingZeros: true, ...props, className: cx("medo-field", "medo-date-field", "medo-date-picker", "medo-date-picker--range", className), children: [
-    label && /* @__PURE__ */ jsx47(FieldLabel, { isRequired: props.isRequired, children: label }),
+    label && /* @__PURE__ */ jsx48(FieldLabel, { isRequired: props.isRequired, children: label }),
     /* @__PURE__ */ jsxs45(Group2, { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
-      /* @__PURE__ */ jsx47(DateInput2, { slot: "start", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx47(DateSegment2, { segment, className: "medo-date-segment" }) }),
-      /* @__PURE__ */ jsx47("span", { className: "medo-date-box__dash", "aria-hidden": "true", children: "\u2013" }),
-      /* @__PURE__ */ jsx47(DateInput2, { slot: "end", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx47(DateSegment2, { segment, className: "medo-date-segment" }) }),
-      /* @__PURE__ */ jsx47(InputAction, { icon: /* @__PURE__ */ jsx47(CalendarIcon, {}), "aria-label": t.openCalendar })
+      /* @__PURE__ */ jsx48(DateInput2, { slot: "start", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx48(DateSegment2, { segment, className: "medo-date-segment" }) }),
+      /* @__PURE__ */ jsx48("span", { className: "medo-date-box__dash", "aria-hidden": "true", children: "\u2013" }),
+      /* @__PURE__ */ jsx48(DateInput2, { slot: "end", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx48(DateSegment2, { segment, className: "medo-date-segment" }) }),
+      /* @__PURE__ */ jsx48(InputAction, { icon: /* @__PURE__ */ jsx48(CalendarIcon, {}), "aria-label": t.openCalendar })
     ] }),
-    /* @__PURE__ */ jsx47(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
-    /* @__PURE__ */ jsx47(PickerOverlay, { title: textOf(label, props["aria-label"]), sheet, t, children: /* @__PURE__ */ jsxs45("div", { className: cx("medo-date-panel__range", !!list && "medo-date-panel__range--presets"), children: [
-      list && /* @__PURE__ */ jsx47(Presets, { presets: list, label: t.presets, size: sheet ? "lg" : "md" }),
-      /* @__PURE__ */ jsx47(RangeCalendar, { size: sheet ? "lg" : "md", visibleMonths: sheet ? 1 : 2, showWeekNumbers, texts: t })
+    /* @__PURE__ */ jsx48(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
+    /* @__PURE__ */ jsx48(PickerOverlay, { title: textOf(label, props["aria-label"]), sheet, t, children: /* @__PURE__ */ jsxs45("div", { className: cx("medo-date-panel__range", !!list && "medo-date-panel__range--presets"), children: [
+      list && /* @__PURE__ */ jsx48(Presets, { presets: list, label: t.presets, size: sheet ? "lg" : "md" }),
+      /* @__PURE__ */ jsx48(RangeCalendar, { size: sheet ? "lg" : "md", visibleMonths: sheet ? 1 : 2, showWeekNumbers, texts: t })
     ] }) })
   ] });
 }
@@ -4807,9 +4864,9 @@ import {
 // src/media/Image.tsx
 import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect8, useRef as useRef18, useState as useState20 } from "react";
 import { ImageOff, Play } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs46 } from "react/jsx-runtime";
 function MediaPlayButton({ size = "md", className }) {
-  return /* @__PURE__ */ jsx48("span", { className: cx("medo-media-play", `medo-media-play--${size}`, className), "aria-hidden": "true", children: /* @__PURE__ */ jsx48(Play, {}) });
+  return /* @__PURE__ */ jsx49("span", { className: cx("medo-media-play", `medo-media-play--${size}`, className), "aria-hidden": "true", children: /* @__PURE__ */ jsx49(Play, {}) });
 }
 function Image({
   src,
@@ -4846,9 +4903,9 @@ function Image({
       "data-state": state,
       style: { aspectRatio: aspect, ...style },
       children: [
-        state === "loading" && (placeholder ? /* @__PURE__ */ jsx48("img", { className: "medo-image__preview", src: placeholder, alt: "", "aria-hidden": "true" }) : /* @__PURE__ */ jsx48(Skeleton, { shape: "rect", className: "medo-image__skeleton" })),
-        state === "error" && /* @__PURE__ */ jsx48("span", { className: "medo-image__error", role: alt ? "img" : void 0, "aria-label": alt || void 0, "aria-hidden": alt ? void 0 : true, children: /* @__PURE__ */ jsx48(ImageOff, { "aria-hidden": "true" }) }),
-        /* @__PURE__ */ jsx48(
+        state === "loading" && (placeholder ? /* @__PURE__ */ jsx49("img", { className: "medo-image__preview", src: placeholder, alt: "", "aria-hidden": "true" }) : /* @__PURE__ */ jsx49(Skeleton, { shape: "rect", className: "medo-image__skeleton" })),
+        state === "error" && /* @__PURE__ */ jsx49("span", { className: "medo-image__error", role: alt ? "img" : void 0, "aria-label": alt || void 0, "aria-hidden": alt ? void 0 : true, children: /* @__PURE__ */ jsx49(ImageOff, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx49(
           "img",
           {
             ...props,
@@ -4871,11 +4928,11 @@ function Image({
           }
         ),
         state === "loaded" && overlay && /* @__PURE__ */ jsxs46("div", { className: cx("medo-image__overlay", `medo-image__overlay--${overlay.position ?? "bottom"}`), children: [
-          /* @__PURE__ */ jsx48("span", { className: "medo-image__title", children: overlay.title }),
-          overlay.meta && /* @__PURE__ */ jsx48("span", { className: "medo-image__meta", children: overlay.meta })
+          /* @__PURE__ */ jsx49("span", { className: "medo-image__title", children: overlay.title }),
+          overlay.meta && /* @__PURE__ */ jsx49("span", { className: "medo-image__meta", children: overlay.meta })
         ] }),
-        state === "loaded" && badge && /* @__PURE__ */ jsx48("span", { className: "medo-image__badge", children: badge }),
-        state === "loaded" && play && /* @__PURE__ */ jsx48(MediaPlayButton, { size: play, className: "medo-image__play" })
+        state === "loaded" && badge && /* @__PURE__ */ jsx49("span", { className: "medo-image__badge", children: badge }),
+        state === "loaded" && play && /* @__PURE__ */ jsx49(MediaPlayButton, { size: play, className: "medo-image__play" })
       ]
     }
   );
@@ -4884,8 +4941,8 @@ function Figure({ children, caption, credit, className }) {
   return /* @__PURE__ */ jsxs46("figure", { className: cx("medo-figure", className), children: [
     children,
     (caption || credit) && /* @__PURE__ */ jsxs46("figcaption", { className: "medo-figure__caption", children: [
-      caption && /* @__PURE__ */ jsx48("span", { children: caption }),
-      credit && /* @__PURE__ */ jsx48("span", { className: "medo-figure__credit", children: credit })
+      caption && /* @__PURE__ */ jsx49("span", { children: caption }),
+      credit && /* @__PURE__ */ jsx49("span", { className: "medo-figure__credit", children: credit })
     ] })
   ] });
 }
@@ -4893,7 +4950,7 @@ function Figure({ children, caption, credit, className }) {
 // src/media/EmbedConsent.tsx
 import { useEffect as useEffect18, useLayoutEffect as useLayoutEffect9, useRef as useRef19, useState as useState21 } from "react";
 import { Globe as Globe2, MapPin, Play as Play2 } from "lucide-react";
-import { jsx as jsx49, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs47 } from "react/jsx-runtime";
 function defaultEmbedTexts(type, provider, company, messages = en) {
   const to = company ?? provider;
   const e = messages.embed[type];
@@ -4906,7 +4963,7 @@ function defaultEmbedTexts(type, provider, company, messages = en) {
     privacy: messages.embed.privacy
   };
 }
-var icons2 = { video: /* @__PURE__ */ jsx49(Play2, {}), map: /* @__PURE__ */ jsx49(MapPin, {}), generic: /* @__PURE__ */ jsx49(Globe2, {}) };
+var icons2 = { video: /* @__PURE__ */ jsx50(Play2, {}), map: /* @__PURE__ */ jsx50(MapPin, {}), generic: /* @__PURE__ */ jsx50(Globe2, {}) };
 function EmbedConsent({
   type = "generic",
   provider,
@@ -4941,7 +4998,7 @@ function EmbedConsent({
   }, [clicked]);
   const style = { aspectRatio: ratio.replace(":", " / ") };
   if (loaded) {
-    return /* @__PURE__ */ jsx49("div", { className: cx("medo-embed", "medo-embed--loaded", className), style, children: /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50("div", { className: cx("medo-embed", "medo-embed--loaded", className), style, children: /* @__PURE__ */ jsx50(
       "iframe",
       {
         ref: frame,
@@ -4956,13 +5013,13 @@ function EmbedConsent({
     ) });
   }
   return /* @__PURE__ */ jsxs47("div", { ref, role: "region", "aria-label": title, className: cx("medo-embed", compact && "medo-embed--compact", className), style, children: [
-    !compact && /* @__PURE__ */ jsx49(IconTile, { size: "sm", tone: "raised", children: icons2[type] }),
+    !compact && /* @__PURE__ */ jsx50(IconTile, { size: "sm", tone: "raised", children: icons2[type] }),
     /* @__PURE__ */ jsxs47("div", { className: "medo-embed__content", children: [
-      /* @__PURE__ */ jsx49("p", { className: "medo-embed__title", children: t.title }),
-      /* @__PURE__ */ jsx49("p", { className: "medo-embed__body", children: compact ? t.bodyCompact : t.body })
+      /* @__PURE__ */ jsx50("p", { className: "medo-embed__title", children: t.title }),
+      /* @__PURE__ */ jsx50("p", { className: "medo-embed__body", children: compact ? t.bodyCompact : t.body })
     ] }),
     /* @__PURE__ */ jsxs47("div", { className: "medo-embed__actions", children: [
-      /* @__PURE__ */ jsx49(
+      /* @__PURE__ */ jsx50(
         Button,
         {
           size: compact ? "sm" : "md",
@@ -4973,9 +5030,9 @@ function EmbedConsent({
           children: t.load
         }
       ),
-      /* @__PURE__ */ jsx49(Link, { variant: "standalone", size: compact ? "sm" : "md", href: privacyHref, children: t.privacy })
+      /* @__PURE__ */ jsx50(Link, { variant: "standalone", size: compact ? "sm" : "md", href: privacyHref, children: t.privacy })
     ] }),
-    !compact && /* @__PURE__ */ jsx49(Checkbox, { isSelected: remember, onChange: setRemember, children: t.remember })
+    !compact && /* @__PURE__ */ jsx50(Checkbox, { isSelected: remember, onChange: setRemember, children: t.remember })
   ] });
 }
 export {
@@ -5005,6 +5062,7 @@ export {
   Column,
   ColumnsMenu,
   Combobox,
+  Container,
   DateField,
   DatePicker,
   DateRangePicker,
@@ -5022,6 +5080,8 @@ export {
   FileItem,
   FileTile,
   FileTrigger,
+  Grid,
+  GridItem,
   Highlight,
   IconButton,
   Image,
@@ -5068,6 +5128,7 @@ export {
   Slider,
   SliderField,
   Spinner,
+  Stack,
   StaticTable,
   Submenu,
   Switch,