@med-o/ui 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,4721 @@
+"use client";
+
+// src/button/Button.tsx
+import { Button as AriaButton } from "react-aria-components";
+
+// src/progress/Progress.tsx
+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/progress/Progress.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SpinnerGraphic = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: [
+  /* @__PURE__ */ jsx("circle", { className: "medo-spinner__track", cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("circle", { className: "medo-spinner__arc", cx: "12", cy: "12", r: "10", pathLength: 100 })
+] });
+function Spinner({ size = "md", tone = "current", decorative, className, style, ...props }) {
+  const classes = cx("medo-spinner", `medo-spinner--${size}`, tone !== "current" && `medo-spinner--${tone}`, className);
+  if (decorative) {
+    return /* @__PURE__ */ jsx("span", { className: classes, style, "aria-hidden": "true", children: /* @__PURE__ */ jsx(SpinnerGraphic, {}) });
+  }
+  return /* @__PURE__ */ jsx(AriaProgressBar, { isIndeterminate: true, "aria-label": props["aria-label"] ?? "Loading", className: classes, style, children: /* @__PURE__ */ jsx(SpinnerGraphic, {}) });
+}
+function ProgressBar({
+  label,
+  description,
+  size = "md",
+  status = "default",
+  showValue = true,
+  className,
+  style,
+  ...props
+}) {
+  const descriptionId = useId();
+  return /* @__PURE__ */ jsx(
+    AriaProgressBar,
+    {
+      ...props,
+      "aria-describedby": description ? descriptionId : void 0,
+      className: cx(
+        "medo-progress",
+        `medo-progress--${size}`,
+        status !== "default" && `medo-progress--${status}`,
+        props.isIndeterminate && "medo-progress--indeterminate",
+        className
+      ),
+      style,
+      children: ({ percentage, valueText, isIndeterminate }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        (label || showValue && !isIndeterminate) && /* @__PURE__ */ jsxs("div", { className: "medo-progress__header", children: [
+          label && /* @__PURE__ */ jsx(Label, { className: "medo-progress__label", children: label }),
+          showValue && !isIndeterminate && /* @__PURE__ */ jsx("span", { className: "medo-progress__value", children: valueText })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "medo-progress__track", children: /* @__PURE__ */ jsx("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__ */ jsx("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__ */ jsx("span", { className: cx("medo-skeleton", `medo-skeleton--${shape}`, className), style, "aria-hidden": "true" }, key);
+  if (shape !== "text" || lines <= 1) return one();
+  return /* @__PURE__ */ jsx("span", { className: "medo-skeleton-lines", "aria-hidden": "true", children: Array.from({ length: lines }, (_, i) => one(i)) });
+}
+
+// src/button/Button.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Button({ variant = "primary", size = "md", startIcon, endIcon, className, children, ...props }) {
+  const icon = props.isPending ? /* @__PURE__ */ jsx2(Spinner, { decorative: true }) : startIcon;
+  return /* @__PURE__ */ jsxs2(AriaButton, { ...props, className: cx("medo-button", `medo-button--${variant}`, `medo-button--${size}`, className), children: [
+    icon && /* @__PURE__ */ jsx2("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx2("span", { className: "medo-button__label", children }),
+    endIcon && /* @__PURE__ */ jsx2("span", { className: "medo-button__icon", "aria-hidden": "true", children: endIcon })
+  ] });
+}
+function ButtonGroup({ context = "footer", children, destructive, className, ...props }) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      role: props["aria-label"] ? "group" : void 0,
+      "aria-label": props["aria-label"],
+      className: cx("medo-button-group", `medo-button-group--${context}`, className),
+      children: [
+        destructive && context === "footer" && /* @__PURE__ */ jsx2("div", { className: "medo-button-group__destructive", children: destructive }),
+        children
+      ]
+    }
+  );
+}
+
+// src/icon-button/IconButton.tsx
+import { Button as AriaButton2 } from "react-aria-components";
+
+// src/tooltip/Tooltip.tsx
+import { useContext } from "react";
+import {
+  Link as AriaLink,
+  Tooltip as AriaTooltip,
+  TooltipTrigger as AriaTooltipTrigger,
+  TooltipTriggerStateContext
+} from "react-aria-components";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function TooltipTrigger({ delay = 500, closeDelay = 100, ...props }) {
+  return /* @__PURE__ */ jsx3(AriaTooltipTrigger, { delay, closeDelay, ...props });
+}
+var KEY_LABELS = { Control: "Ctrl", Meta: "\u2318", Shift: "\u21E7", Alt: "Alt" };
+var isApple = () => typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
+var resolveShortcut = (keys) => keys.replace(/\bMod\b/g, isApple() ? "Meta" : "Control");
+var formatShortcut = (keys) => resolveShortcut(keys).split("+").map((k) => 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__ */ jsx3("span", { children }),
+    shortcut && /* @__PURE__ */ jsx3("kbd", { className: "medo-tooltip__shortcut", children: shortcut })
+  ] });
+}
+function TooltipLink(props) {
+  const tooltip = useContext(TooltipTriggerStateContext);
+  return /* @__PURE__ */ jsx3(AriaLink, { ...props, onHoverStart: () => tooltip?.open(), onHoverEnd: () => tooltip?.close() });
+}
+
+// src/icon-button/IconButton.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function IconButton({ icon, variant = "ghost", size = "md", tooltip, shortcut, shortcutLabel, className, ...props }) {
+  const button = /* @__PURE__ */ jsx4(
+    AriaButton2,
+    {
+      ...props,
+      "aria-keyshortcuts": shortcut && resolveShortcut(shortcut),
+      className: cx("medo-button", "medo-button--icon-only", `medo-button--${variant}`, `medo-button--${size}`, className),
+      children: /* @__PURE__ */ jsx4("span", { className: "medo-button__icon", "aria-hidden": "true", children: props.isPending ? /* @__PURE__ */ jsx4(Spinner, { decorative: true }) : icon })
+    }
+  );
+  if (tooltip === false) return button;
+  return /* @__PURE__ */ jsxs4(TooltipTrigger, { children: [
+    button,
+    /* @__PURE__ */ jsx4(Tooltip, { shortcut: shortcutLabel ?? (shortcut && formatShortcut(shortcut)), children: tooltip ?? props["aria-label"] })
+  ] });
+}
+
+// src/text-field/TextField.tsx
+import { useEffect, useState } from "react";
+import {
+  Button as AriaButton3,
+  Input as AriaInput,
+  TextArea as AriaTextArea,
+  TextField as AriaTextField
+} from "react-aria-components";
+
+// 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 jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function FieldLabel({ children, isRequired }) {
+  return /* @__PURE__ */ jsxs5(Label2, { className: "medo-field__label", children: [
+    children,
+    isRequired && /* @__PURE__ */ jsx5("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+  ] });
+}
+function FieldFooter({
+  description,
+  errorMessage,
+  children
+}) {
+  return /* @__PURE__ */ jsxs5("div", { className: "medo-field__footer", children: [
+    description && /* @__PURE__ */ jsx5(Text, { slot: "description", className: "medo-field__description", children: description }),
+    /* @__PURE__ */ jsx5(FieldError, { className: "medo-field__error", children: (validation) => /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      /* @__PURE__ */ jsx5(CircleAlert, { "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx5("span", { children: (typeof errorMessage === "function" ? errorMessage(validation) : errorMessage) || validation.validationErrors.join(" ") })
+    ] }) }),
+    children
+  ] });
+}
+
+// src/text-field/TextField.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function TextField({
+  label,
+  description,
+  errorMessage,
+  placeholder,
+  size = "md",
+  leadingIcon,
+  trailing,
+  multiline,
+  characterLimit,
+  className,
+  onChange,
+  ...props
+}) {
+  const [length, setLength] = useState((props.value ?? props.defaultValue ?? "").length);
+  const count = props.value !== void 0 ? props.value.length : length;
+  return /* @__PURE__ */ jsxs6(
+    AriaTextField,
+    {
+      ...props,
+      className: cx("medo-field", className),
+      onChange: (value) => {
+        setLength(value.length);
+        onChange?.(value);
+      },
+      children: [
+        /* @__PURE__ */ jsx6(FieldLabel, { isRequired: props.isRequired, children: label }),
+        multiline ? /* @__PURE__ */ jsx6(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__ */ jsx6("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+          /* @__PURE__ */ jsx6(AriaInput, { className: "medo-input__control", placeholder, onInput: clearErrorWhenValid }),
+          trailing
+        ] }),
+        /* @__PURE__ */ jsx6(FieldFooter, { description, errorMessage, children: characterLimit !== void 0 && /* @__PURE__ */ jsx6(CharacterCount, { count, limit: characterLimit }) })
+      ]
+    }
+  );
+}
+function clearErrorWhenValid(e) {
+  const el = e.currentTarget;
+  requestAnimationFrame(() => {
+    if (el.validity.valid && el.closest("[data-invalid]")) el.dispatchEvent(new Event("change"));
+  });
+}
+function CharacterCount({ count, limit }) {
+  const over = count - limit;
+  const text = over > 0 ? `${over} too many` : `${count} / ${limit}`;
+  const [announcement, setAnnouncement] = useState("");
+  useEffect(() => {
+    const id = setTimeout(
+      () => setAnnouncement(over > 0 ? `${over} characters too many` : `${limit - count} characters left`),
+      1e3
+    );
+    return () => clearTimeout(id);
+  }, [count, limit, over]);
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    /* @__PURE__ */ jsx6("span", { className: "medo-field__counter", "data-over": over > 0 || void 0, "aria-hidden": "true", children: text }),
+    /* @__PURE__ */ jsx6("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
+  ] });
+}
+function InputAction({ icon, ...props }) {
+  return /* @__PURE__ */ jsx6(AriaButton3, { ...props, className: "medo-input__action", children: icon });
+}
+
+// src/checkbox/Checkbox.tsx
+import { createContext, useContext as useContext2 } from "react";
+import {
+  CheckboxButton,
+  CheckboxField,
+  CheckboxGroup as AriaCheckboxGroup,
+  Text as Text2
+} from "react-aria-components";
+import { Check, Minus } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var ChoiceSizeContext = createContext("md");
+function Checkbox({ children, description, size, className, ...props }) {
+  const groupSize = useContext2(ChoiceSizeContext);
+  return /* @__PURE__ */ jsxs7(CheckboxField, { ...props, className: cx("medo-choice", "medo-checkbox", `medo-choice--${size ?? groupSize}`, className), children: [
+    /* @__PURE__ */ jsx7(CheckboxButton, { className: "medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs7(Fragment4, { children: [
+      /* @__PURE__ */ jsx7("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx7(Minus, {}) : isSelected ? /* @__PURE__ */ jsx7(Check, {}) : null }),
+      children && /* @__PURE__ */ jsx7("span", { className: "medo-choice__label", children })
+    ] }) }),
+    description && /* @__PURE__ */ jsx7(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__ */ jsx7(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx7(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx7("div", { className: "medo-field__options", children }) }),
+    /* @__PURE__ */ jsx7(FieldFooter, { description, errorMessage })
+  ] });
+}
+
+// src/radio/Radio.tsx
+import { useContext as useContext3 } from "react";
+import { RadioButton, RadioField, RadioGroup as AriaRadioGroup, Text as Text3 } from "react-aria-components";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function Radio({ children, description, size, className, ...props }) {
+  const groupSize = useContext3(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__ */ jsx8("span", { className: "medo-choice__control", "aria-hidden": "true" }),
+      children && /* @__PURE__ */ jsx8("span", { className: "medo-choice__label", children })
+    ] }),
+    description && /* @__PURE__ */ jsx8(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__ */ 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 })
+  ] });
+}
+
+// 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 jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function Switch({
+  children,
+  description,
+  size = "md",
+  labelPosition = "end",
+  isLoading,
+  isReadOnly,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs9(
+    SwitchField,
+    {
+      ...props,
+      isReadOnly: isReadOnly || isLoading,
+      "aria-busy": isLoading || void 0,
+      className: cx("medo-switch", `medo-switch--${size}`, `medo-switch--label-${labelPosition}`, className),
+      children: [
+        /* @__PURE__ */ jsx9(SwitchButton, { className: "medo-switch__button", children: ({ isSelected }) => /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx9("span", { className: "medo-switch__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx9("span", { className: "medo-switch__thumb", children: isLoading ? /* @__PURE__ */ jsx9(LoaderCircle, { className: "medo-switch__spinner" }) : isSelected ? /* @__PURE__ */ jsx9(Check2, {}) : /* @__PURE__ */ jsx9(X, {}) }) }),
+          /* @__PURE__ */ jsx9("span", { className: "medo-switch__label", children })
+        ] }) }),
+        description && /* @__PURE__ */ jsx9(Text4, { slot: "description", className: "medo-switch__description", children: description })
+      ]
+    }
+  );
+}
+
+// src/badge/Badge.tsx
+import { jsx as jsx10, 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__ */ jsx10("span", { className: "medo-badge__dot", "aria-hidden": "true" }) : icon && /* @__PURE__ */ jsx10("span", { className: "medo-badge__icon", "aria-hidden": "true", children: icon }),
+    children
+  ] });
+}
+function BadgeCount({ count, max = 99, tone = "danger", size = "md", label, className, ...props }) {
+  if (count <= 0) return null;
+  const text = count > max ? `${max}+` : String(count);
+  return /* @__PURE__ */ jsxs10(
+    "span",
+    {
+      ...props,
+      "aria-hidden": label ? void 0 : true,
+      className: cx("medo-badge-count", `medo-badge-count--${tone}`, `medo-badge-count--${size}`, className),
+      children: [
+        /* @__PURE__ */ jsx10("span", { "aria-hidden": label ? true : void 0, children: text }),
+        label && /* @__PURE__ */ jsx10("span", { className: "medo-visually-hidden", children: label })
+      ]
+    }
+  );
+}
+function BadgeDot({ tone = "neutral", label, className, ...props }) {
+  return /* @__PURE__ */ jsx10(
+    "span",
+    {
+      ...props,
+      role: label ? "img" : void 0,
+      "aria-label": label,
+      "aria-hidden": label ? void 0 : true,
+      className: cx("medo-badge-dot", `medo-badge-dot--${tone}`, className)
+    }
+  );
+}
+
+// src/tag/Tag.tsx
+import { createContext as createContext2, useContext as useContext4, useRef, useState as useState2 } from "react";
+import {
+  Button as AriaButton4,
+  Tag as AriaTag,
+  TagGroup as AriaTagGroup,
+  TagList,
+  Text as Text5
+} from "react-aria-components";
+import { Check as Check3, X as X2 } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var TagSizeContext = createContext2("md");
+function TagGroup({
+  label,
+  description,
+  size = "md",
+  children,
+  items,
+  renderEmptyState,
+  onRemove,
+  removedMessage = (labels) => `${labels.join(", ")} removed`,
+  className,
+  ...props
+}) {
+  const ref = useRef(null);
+  const [announcement, setAnnouncement] = useState2("");
+  const handleRemove = onRemove && ((keys) => {
+    const labels = [...keys].map(
+      (key) => ref.current?.querySelector(`[data-key="${CSS.escape(String(key))}"] .medo-tag__label`)?.textContent ?? String(key)
+    );
+    onRemove(keys);
+    setAnnouncement(removedMessage(labels));
+  });
+  return /* @__PURE__ */ jsxs11(AriaTagGroup, { ...props, ref, onRemove: handleRemove, className: cx("medo-field", "medo-field--group", className), children: [
+    label && /* @__PURE__ */ jsx11(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsx11(TagSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx11(TagList, { items, renderEmptyState, className: "medo-tag-list", children }) }),
+    description && /* @__PURE__ */ jsx11("div", { className: "medo-field__footer", children: /* @__PURE__ */ jsx11(Text5, { slot: "description", className: "medo-field__description", children: description }) }),
+    /* @__PURE__ */ jsx11("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
+  ] });
+}
+function Tag({ children, icon, textValue, className, ...props }) {
+  const size = useContext4(TagSizeContext);
+  return /* @__PURE__ */ jsx11(
+    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__ */ jsx11("span", { className: "medo-tag__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx11(Check3, {}) }) : icon && /* @__PURE__ */ jsx11("span", { className: "medo-tag__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx11("span", { className: "medo-tag__label", children }),
+        allowsRemoving && /* @__PURE__ */ jsx11(AriaButton4, { slot: "remove", className: "medo-tag__remove", children: /* @__PURE__ */ jsx11(X2, { "aria-hidden": "true" }) })
+      ] })
+    }
+  );
+}
+
+// src/avatar/Avatar.tsx
+import {
+  Children,
+  cloneElement,
+  createContext as createContext3,
+  isValidElement,
+  useContext as useContext5,
+  useEffect as useEffect2,
+  useState as useState3
+} from "react";
+import { Button as AriaButton5 } from "react-aria-components";
+import { Building2, User } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var TONES = ["blue", "violet", "pink", "amber", "green", "teal"];
+var AvatarSizeContext = createContext3(void 0);
+function toneFor(key) {
+  let hash = 0;
+  for (const char of key) hash = hash * 31 + char.codePointAt(0) | 0;
+  return TONES[Math.abs(hash) % TONES.length];
+}
+function initialsOf(name) {
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) return "";
+  if (words.length === 1) return Array.from(words[0]).slice(0, 2).join("").toUpperCase();
+  return (Array.from(words[0])[0] + Array.from(words[words.length - 1])[0]).toUpperCase();
+}
+var STATUS_TEXT = { online: "online", away: "away", busy: "busy", offline: "offline" };
+function Avatar({
+  name,
+  src,
+  size,
+  shape = "circle",
+  colorKey,
+  status,
+  statusLabels,
+  decorative,
+  unknownLabel,
+  className,
+  style
+}) {
+  const groupSize = useContext5(AvatarSizeContext);
+  const finalSize = size ?? groupSize ?? "md";
+  const [failed, setFailed] = useState3(false);
+  useEffect2(() => setFailed(false), [src]);
+  const initials = name ? initialsOf(name) : "";
+  const showImage = Boolean(src) && !failed;
+  const tone = initials ? toneFor(colorKey ?? name) : "neutral";
+  const statusText = status ? statusLabels?.[status] ?? STATUS_TEXT[status] : void 0;
+  const fallbackName = unknownLabel ?? (shape === "square" ? "Unknown organization" : "Unknown person");
+  const label = [name || fallbackName, statusText].filter(Boolean).join(", ");
+  return /* @__PURE__ */ jsxs12(
+    "span",
+    {
+      role: decorative ? void 0 : "img",
+      "aria-label": decorative ? void 0 : label,
+      "aria-hidden": decorative || void 0,
+      className: cx(
+        "medo-avatar",
+        `medo-avatar--${finalSize}`,
+        `medo-avatar--${shape}`,
+        `medo-avatar--${tone}`,
+        showImage && "medo-avatar--has-image",
+        className
+      ),
+      style,
+      children: [
+        initials ? /* @__PURE__ */ jsx12("span", { className: "medo-avatar__initials", "aria-hidden": "true", children: initials }) : /* @__PURE__ */ jsx12("span", { className: "medo-avatar__icon", "aria-hidden": "true", children: shape === "square" ? /* @__PURE__ */ jsx12(Building2, {}) : /* @__PURE__ */ jsx12(User, {}) }),
+        showImage && /* @__PURE__ */ jsx12("img", { className: "medo-avatar__image", src, alt: "", onError: () => setFailed(true) }),
+        status && /* @__PURE__ */ jsx12("span", { className: cx("medo-avatar__status", `medo-avatar__status--${status}`), "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function AvatarGroup({
+  children,
+  max = 4,
+  size = "md",
+  onMorePress,
+  moreLabel = (n) => `${n} more`,
+  className,
+  ...props
+}) {
+  const items = Children.toArray(children);
+  const visible = items.slice(0, max);
+  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__ */ jsx12(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
+      )
+    ) }),
+    hidden > 0 && (onMorePress ? /* @__PURE__ */ jsxs12(AriaButton5, { className: moreClass, onPress: onMorePress, "aria-label": moreLabel(hidden), children: [
+      "+",
+      hidden
+    ] }) : /* @__PURE__ */ jsxs12("span", { className: moreClass, role: "img", "aria-label": moreLabel(hidden), children: [
+      "+",
+      hidden
+    ] }))
+  ] });
+}
+
+// src/toggle-button/ToggleButton.tsx
+import { createContext as createContext4, useContext as useContext6, useEffect as useEffect3, useRef as useRef2 } from "react";
+import {
+  SelectionIndicator,
+  Separator,
+  ToggleButton as AriaToggleButton,
+  ToggleButtonGroup as AriaToggleButtonGroup,
+  Toolbar as AriaToolbar
+} from "react-aria-components";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var ToggleSizeContext = createContext4(null);
+var SegmentedContext = createContext4(false);
+function ToggleButton({ children, icon, size, tooltip, shortcut, className, ...props }) {
+  const groupSize = useContext6(ToggleSizeContext);
+  const segmented = useContext6(SegmentedContext);
+  const s = groupSize ?? size ?? "md";
+  const iconOnly = !children;
+  const button = /* @__PURE__ */ jsxs13(
+    AriaToggleButton,
+    {
+      ...props,
+      "aria-keyshortcuts": shortcut && resolveShortcut(shortcut),
+      className: cx("medo-button", `medo-button--${s}`, iconOnly && "medo-button--icon-only", "medo-toggle", className),
+      children: [
+        segmented && /* @__PURE__ */ jsx13(SelectionIndicator, { className: "medo-toggle__indicator" }),
+        icon && /* @__PURE__ */ jsx13("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
+        children
+      ]
+    }
+  );
+  if (!iconOnly || tooltip === false) return button;
+  return /* @__PURE__ */ jsxs13(TooltipTrigger, { children: [
+    button,
+    /* @__PURE__ */ jsx13(Tooltip, { shortcut: shortcut && formatShortcut(shortcut), children: tooltip ?? props["aria-label"] })
+  ] });
+}
+function ToggleButtonGroup({
+  variant = "segmented",
+  size = "md",
+  fullWidth,
+  selectionMode,
+  disallowEmptySelection,
+  children,
+  className,
+  ...props
+}) {
+  const segmented = variant === "segmented";
+  const ref = useRef2(null);
+  useEffect3(() => {
+    const el = ref.current;
+    if (!el) return;
+    const fix = () => {
+      if (el.getAttribute("role") === "group" && el.hasAttribute("aria-orientation")) el.removeAttribute("aria-orientation");
+    };
+    fix();
+    const observer = new MutationObserver(fix);
+    observer.observe(el, { attributes: true, attributeFilter: ["role", "aria-orientation"] });
+    return () => observer.disconnect();
+  }, []);
+  const itemSize = segmented ? size === "lg" ? "md" : "sm" : size;
+  return /* @__PURE__ */ jsx13(
+    AriaToggleButtonGroup,
+    {
+      ...props,
+      ref,
+      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__ */ jsx13(SegmentedContext.Provider, { value: segmented, children: /* @__PURE__ */ jsx13(ToggleSizeContext.Provider, { value: itemSize, children }) })
+    }
+  );
+}
+function Toolbar({ className, ...props }) {
+  return /* @__PURE__ */ jsx13(AriaToolbar, { ...props, className: cx("medo-toolbar", className) });
+}
+function ToolbarSeparator() {
+  return /* @__PURE__ */ jsx13(Separator, { orientation: "vertical", className: "medo-toolbar__separator" });
+}
+
+// src/listbox/ListBox.tsx
+import { createContext as createContext5, useContext as useContext7 } from "react";
+import {
+  Collection,
+  ComboBoxStateContext,
+  Header,
+  ListBox as AriaListBox,
+  ListBoxItem,
+  ListBoxSection as AriaListBoxSection,
+  Text as Text6
+} from "react-aria-components";
+import { Check as Check4 } from "lucide-react";
+
+// src/utils/highlight.tsx
+import { jsx as jsx14 } 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());
+  if (!q) return [{ text, match: false }];
+  const chars = [...text];
+  const map = [];
+  let flat = "";
+  chars.forEach((char, i) => {
+    const p = plain(char);
+    flat += p;
+    for (let k = 0; k < p.length; k++) map.push(i);
+  });
+  const parts = [];
+  let last = 0;
+  let from = 0;
+  while (from <= flat.length - q.length) {
+    const at = flat.indexOf(q, from);
+    if (at < 0) break;
+    const start = map[at];
+    const end = map[at + q.length - 1] + 1;
+    if (start > last) parts.push({ text: chars.slice(last, start).join(""), match: false });
+    parts.push({ text: chars.slice(start, end).join(""), match: true });
+    last = end;
+    from = at + q.length;
+    if (!all) break;
+  }
+  if (last < chars.length) parts.push({ text: chars.slice(last).join(""), match: false });
+  return parts;
+}
+function Highlight({
+  text,
+  query,
+  all = false,
+  as: Tag2 = "mark",
+  className
+}) {
+  if (!query?.trim()) return text;
+  return matchParts(text, query, all).map(
+    (part, i) => part.match ? /* @__PURE__ */ jsx14(Tag2, { className, children: part.text }, i) : part.text
+  );
+}
+
+// src/listbox/ListBox.tsx
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var ListBoxSizeContext = createContext5("md");
+function ListBox({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ jsx15(ListBoxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx15(AriaListBox, { ...props, className: cx("medo-listbox", `medo-listbox--${size}`, className) }) });
+}
+function Option({ children, description, icon, textValue, ...props }) {
+  const size = useContext7(ListBoxSizeContext);
+  return /* @__PURE__ */ jsx15(ListBoxItem, { ...props, textValue: textValue ?? (typeof children === "string" ? children : void 0), className: "medo-option", children: ({ isSelected, selectionMode }) => /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    selectionMode === "multiple" && /* @__PURE__ */ jsx15(
+      "span",
+      {
+        className: cx("medo-choice", "medo-checkbox", `medo-choice--${size}`, "medo-option__checkbox"),
+        "data-selected": isSelected || void 0,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx15("span", { className: "medo-choice__control", children: isSelected && /* @__PURE__ */ jsx15(Check4, {}) })
+      }
+    ),
+    icon && /* @__PURE__ */ jsx15("span", { className: "medo-option__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs14("span", { className: "medo-option__content", children: [
+      /* @__PURE__ */ jsx15(Text6, { slot: "label", className: "medo-option__label", children: /* @__PURE__ */ jsx15(Highlight2, { children }) }),
+      description && /* @__PURE__ */ jsx15(Text6, { slot: "description", className: "medo-option__description", children: description })
+    ] }),
+    selectionMode !== "multiple" && isSelected && /* @__PURE__ */ jsx15("span", { className: "medo-option__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(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__ */ jsx15(Header, { className: "medo-listbox__header", children: title }),
+    typeof children === "function" ? /* @__PURE__ */ jsx15(Collection, { items, children }) : children
+  ] });
+}
+function ListBoxMessage({ children }) {
+  return /* @__PURE__ */ jsx15("div", { className: "medo-listbox__message", role: "status", children });
+}
+var OptionHighlightContext = createContext5(null);
+function Highlight2({ children }) {
+  const combo = useContext7(ComboBoxStateContext);
+  const external = useContext7(OptionHighlightContext);
+  let query = (external ?? combo?.inputValue ?? "").trim();
+  if (combo?.selectedItems.some((item) => item?.textValue === query)) query = "";
+  if (!query || typeof children !== "string") return /* @__PURE__ */ jsx15(Fragment7, { children });
+  return /* @__PURE__ */ jsx15(Highlight, { text: children, query, as: "span", className: "medo-option__match" });
+}
+
+// src/select/Select.tsx
+import { useContext as useContext9, useEffect as useEffect4, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState5 } from "react";
+import {
+  Button as AriaButton6,
+  Popover as Popover2,
+  Select as AriaSelect,
+  SelectStateContext,
+  SelectValue
+} from "react-aria-components";
+import { ChevronDown, X as X4 } from "lucide-react";
+
+// src/bottom-sheet/BottomSheet.tsx
+import { useContext as useContext8, 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 jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var CLOSE_DISTANCE = 0.25;
+var CLOSE_VELOCITY = 0.5;
+function BottomSheet({
+  title,
+  children,
+  footer,
+  height = "content",
+  closeLabel = "Close",
+  onBack,
+  backLabel = "Back",
+  isDismissable = true,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(ModalOverlay, { ...props, isDismissable, className: "medo-sheet-overlay", children: /* @__PURE__ */ jsx16(Modal, { className: cx("medo-sheet", height === "full" && "medo-sheet--full", className), children: /* @__PURE__ */ jsx16(Dialog, { className: "medo-sheet__dialog", children: ({ close }) => /* @__PURE__ */ jsxs15(Fragment8, { children: [
+    /* @__PURE__ */ jsxs15(SwipeArea, { onClose: close, children: [
+      /* @__PURE__ */ jsx16("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs15("div", { className: "medo-sheet__header", children: [
+        onBack && /* @__PURE__ */ jsx16(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx16(ChevronLeft, {}), "aria-label": backLabel, tooltip: false, onPress: onBack }),
+        /* @__PURE__ */ jsx16(Heading, { slot: "title", className: "medo-sheet__title", children: title }),
+        /* @__PURE__ */ jsx16(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx16(X3, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx16("div", { className: "medo-sheet__content", children }),
+    footer && /* @__PURE__ */ jsx16("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
+  ] }) }) }) });
+}
+function SwipeArea({ onClose, children }) {
+  const drag = useRef3(null);
+  const onPointerDown = (e) => {
+    if (e.target.closest("button")) return;
+    const sheet = e.currentTarget.closest(".medo-sheet");
+    if (!sheet) return;
+    drag.current = { y: e.clientY, t: e.timeStamp, sheet };
+    e.currentTarget.setPointerCapture(e.pointerId);
+    sheet.setAttribute("data-dragging", "");
+  };
+  const onPointerMove = (e) => {
+    if (!drag.current) return;
+    const dy = Math.max(0, e.clientY - drag.current.y);
+    drag.current.sheet.style.transform = `translateY(${dy}px)`;
+  };
+  const end = (e) => {
+    const d = drag.current;
+    if (!d) return;
+    drag.current = null;
+    const dy = Math.max(0, e.clientY - d.y);
+    const velocity = dy / Math.max(1, e.timeStamp - d.t);
+    d.sheet.removeAttribute("data-dragging");
+    d.sheet.style.transform = "";
+    if (dy > d.sheet.offsetHeight * CLOSE_DISTANCE || velocity > CLOSE_VELOCITY && dy > 24) onClose();
+  };
+  return /* @__PURE__ */ jsx16("div", { className: "medo-sheet__grab", onPointerDown, onPointerMove, onPointerUp: end, onPointerCancel: end, children });
+}
+function BottomSheetPopover({
+  title,
+  children,
+  footer,
+  height = "content",
+  closeLabel = "Close"
+}) {
+  return /* @__PURE__ */ jsx16(Popover, { className: "medo-sheet-overlay medo-sheet-overlay--popover", offset: 0, containerPadding: 0, children: /* @__PURE__ */ jsx16(SheetPopoverBody, { title, footer, height, closeLabel, children }) });
+}
+function SheetPopoverBody({ title, children, footer, height, closeLabel }) {
+  const state = useContext8(OverlayTriggerStateContext);
+  const titleId = useId2();
+  const close = () => state?.close();
+  return (
+    // A tap on the scrim (outside the sheet) closes it.
+    /* @__PURE__ */ jsx16("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__ */ jsx16("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs15("div", { className: "medo-sheet__header", children: [
+          /* @__PURE__ */ jsx16("h2", { id: titleId, className: "medo-sheet__title", children: title }),
+          /* @__PURE__ */ jsx16(IconButton, { slot: null, variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx16(X3, {}), "aria-label": closeLabel ?? "Close", tooltip: false, onPress: close })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx16("div", { className: "medo-sheet__content", children }),
+      footer && /* @__PURE__ */ jsx16("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
+    ] }) })
+  );
+}
+
+// src/utils/useFitCount.ts
+import { useLayoutEffect, useState as useState4 } from "react";
+function useFitCount(rowRef, measureRef, key, total, reserve = 0) {
+  const [visible, setVisible] = useState4(total);
+  useLayoutEffect(() => {
+    const row = rowRef.current;
+    const measure = measureRef.current;
+    if (!row || !measure) return;
+    const fit = () => {
+      const items = [...measure.children];
+      const plus = items.pop();
+      const gap = parseFloat(getComputedStyle(measure).columnGap) || 0;
+      const avail = row.clientWidth - reserve;
+      let used = 0;
+      let count = 0;
+      for (let i = 0; i < items.length; i++) {
+        const width = items[i].offsetWidth + (i ? gap : 0);
+        const plusRoom = i < items.length - 1 ? gap + (plus?.offsetWidth ?? 0) : 0;
+        if (used + width + plusRoom > avail) break;
+        used += width;
+        count = i + 1;
+      }
+      setVisible(Math.min(total, Math.max(1, count)));
+    };
+    fit();
+    const observer = new ResizeObserver(fit);
+    observer.observe(row);
+    return () => observer.disconnect();
+  }, [rowRef, measureRef, key, total, reserve]);
+  return Math.min(visible, total);
+}
+
+// src/utils/useMediaQuery.ts
+import { useSyncExternalStore } from "react";
+var MOBILE_QUERY = "(max-width: 639.98px)";
+function useMediaQuery(query) {
+  return useSyncExternalStore(
+    (onChange) => {
+      const list = window.matchMedia(query);
+      list.addEventListener("change", onChange);
+      return () => list.removeEventListener("change", onChange);
+    },
+    () => window.matchMedia(query).matches,
+    () => false
+  );
+}
+
+// src/select/Select.tsx
+import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+function Select({
+  label,
+  description,
+  errorMessage,
+  placeholder = "Select\u2026",
+  size = "md",
+  leadingIcon,
+  clearable,
+  isReadOnly,
+  items,
+  children,
+  overlay = "auto",
+  commit = "live",
+  onApply,
+  resultLabel = () => "Show results",
+  className,
+  selectionMode,
+  ...props
+}) {
+  const multiple = selectionMode === "multiple";
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const mode = overlay === "auto" ? mobile ? multiple ? "sheet" : "native" : "popover" : overlay === "native" && multiple ? "sheet" : overlay;
+  const [hasValue, setHasValue] = useState5(false);
+  const fieldRef = useRef4(null);
+  return /* @__PURE__ */ jsxs16(
+    AriaSelect,
+    {
+      ...props,
+      selectionMode,
+      placeholder,
+      isOpen: isReadOnly ? false : props.isOpen,
+      "data-readonly": isReadOnly || void 0,
+      className: cx(
+        "medo-field",
+        "medo-select",
+        multiple && hasValue && "medo-select--tags",
+        (multiple || clearable) && hasValue && !isReadOnly && !props.isDisabled && "medo-select--clearable",
+        className
+      ),
+      children: [
+        label && /* @__PURE__ */ jsx17(FieldLabel, { isRequired: props.isRequired, children: label }),
+        /* @__PURE__ */ jsxs16("div", { ref: fieldRef, className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: [
+          /* @__PURE__ */ jsx17(ReadOnlyKeys, { isReadOnly, children: /* @__PURE__ */ jsxs16(AriaButton6, { className: "medo-select__trigger", excludeFromTabOrder: mode === "native", "aria-hidden": mode === "native" || void 0, children: [
+            leadingIcon && /* @__PURE__ */ jsx17("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+            /* @__PURE__ */ jsx17(SelectValue, { className: "medo-select__value", children: ({ defaultChildren, isPlaceholder, selectedText }) => /* @__PURE__ */ jsxs16(Fragment9, { children: [
+              isPlaceholder ? defaultChildren : multiple ? /* @__PURE__ */ jsx17(SelectedTags, { size }) : selectedText,
+              isReadOnly && /* @__PURE__ */ jsx17("span", { className: "medo-visually-hidden", children: ", read only" })
+            ] }) }),
+            !isReadOnly && /* @__PURE__ */ jsx17("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(ChevronDown, {}) })
+          ] }) }),
+          mode === "native" && !isReadOnly && /* @__PURE__ */ jsx17(NativePicker, { label: label ?? props["aria-label"], placeholder, isRequired: props.isRequired }),
+          /* @__PURE__ */ jsx17(ClearButton, { enabled: (multiple || !!clearable) && !isReadOnly && !props.isDisabled, onHasValue: setHasValue })
+        ] }),
+        /* @__PURE__ */ jsx17(FieldFooter, { description, errorMessage }),
+        commit === "onClose" && onApply && /* @__PURE__ */ jsx17(ApplyOnClose, { onApply }),
+        mode === "sheet" ? /* @__PURE__ */ jsx17(
+          BottomSheetPopover,
+          {
+            title: label ?? props["aria-label"],
+            footer: multiple ? /* @__PURE__ */ jsx17(SheetFooter, { commit, resultLabel }) : void 0,
+            children: /* @__PURE__ */ jsx17(ListBox, { size: "lg", items, children })
+          }
+        ) : /* @__PURE__ */ jsx17(Popover2, { triggerRef: fieldRef, offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx17(ListBox, { size: size === "lg" ? "lg" : "md", items, children }) })
+      ]
+    }
+  );
+}
+function ReadOnlyKeys({ isReadOnly, children }) {
+  if (!isReadOnly) return /* @__PURE__ */ jsx17(Fragment9, { children });
+  const block = (e) => {
+    if (e.key !== "Tab") e.stopPropagation();
+  };
+  return /* @__PURE__ */ jsx17("div", { style: { display: "contents" }, onKeyDownCapture: block, children });
+}
+function ClearButton({ enabled, onHasValue }) {
+  const state = useContext9(SelectStateContext);
+  const hasValue = !!state && (Array.isArray(state.value) ? state.value.length > 0 : state.value != null);
+  useLayoutEffect2(() => onHasValue(hasValue), [hasValue, onHasValue]);
+  const ref = useRef4(null);
+  if (!enabled || !hasValue || !state) return null;
+  return /* @__PURE__ */ jsx17("span", { className: "medo-select__clear", ref, children: /* @__PURE__ */ jsx17(
+    InputAction,
+    {
+      slot: null,
+      "aria-label": Array.isArray(state.value) ? "Clear all" : "Clear selection",
+      icon: /* @__PURE__ */ jsx17(X4, {}),
+      onPress: () => {
+        state.setValue(Array.isArray(state.value) ? [] : null);
+        ref.current?.parentElement?.querySelector(".medo-select__trigger")?.focus();
+      }
+    }
+  ) });
+}
+function SelectedTags({ size }) {
+  const state = useContext9(SelectStateContext);
+  const labels = state?.selectedItems.map((item) => item.textValue) ?? [];
+  const key = labels.join("\0");
+  const rowRef = useRef4(null);
+  const measureRef = useRef4(null);
+  const visible = useFitCount(rowRef, measureRef, key, labels.length);
+  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__ */ jsx17("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__ */ jsx17("span", { className: tagClass, children: label }, i)),
+      /* @__PURE__ */ jsxs16("span", { className: tagClass, children: [
+        "+",
+        labels.length
+      ] })
+    ] }),
+    labels.slice(0, visible).map((label, i) => /* @__PURE__ */ jsx17("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx17("span", { className: "medo-select__tag-label", children: label }) }, i)),
+    hidden > 0 && /* @__PURE__ */ jsxs16("span", { className: tagClass, "aria-hidden": "true", children: [
+      "+",
+      hidden
+    ] })
+  ] });
+}
+function NativePicker({ label, placeholder, isRequired }) {
+  const state = useContext9(SelectStateContext);
+  if (!state) return null;
+  const keys = /* @__PURE__ */ new Map();
+  const option = (key) => {
+    const node = state.collection.getItem(key);
+    if (!node || node.type !== "item") return null;
+    keys.set(String(key), key);
+    return /* @__PURE__ */ jsx17("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(
+    "select",
+    {
+      className: "medo-select__native",
+      "aria-label": typeof label === "string" ? label : void 0,
+      required: isRequired,
+      value,
+      onChange: (e) => state.setValue(e.target.value === "" ? null : keys.get(e.target.value) ?? e.target.value),
+      children: [
+        /* @__PURE__ */ jsx17("option", { value: "", disabled: isRequired, children: placeholder }),
+        [...state.collection].map(
+          (node) => node.type === "section" ? /* @__PURE__ */ jsx17("optgroup", { label: node.textValue || node["aria-label"] || "", children: [...state.collection.getChildren(node.key)].map((child) => option(child.key)) }, String(node.key)) : option(node.key)
+        )
+      ]
+    }
+  );
+}
+function SheetFooter({ commit, resultLabel }) {
+  const state = useContext9(SelectStateContext);
+  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__ */ jsx17(Button, { size: "lg", onPress: () => state.close(), children: resultLabel(state.value) }),
+    /* @__PURE__ */ jsx17(Button, { size: "lg", variant: "secondary", onPress: () => state.setValue([]), isDisabled: count === 0, children: "Reset" })
+  ] }) : /* @__PURE__ */ jsxs16(Fragment9, { children: [
+    /* @__PURE__ */ jsxs16("p", { className: "medo-sheet__count", "aria-live": "polite", children: [
+      count,
+      " selected"
+    ] }),
+    /* @__PURE__ */ jsx17(Button, { size: "lg", onPress: () => state.close(), children: "Done" })
+  ] });
+}
+function ApplyOnClose({ onApply }) {
+  const state = useContext9(SelectStateContext);
+  const opened = useRef4(null);
+  const isOpen = !!state?.isOpen;
+  useEffect4(() => {
+    if (!state) return;
+    const snapshot = JSON.stringify(state.value);
+    if (isOpen) opened.current = snapshot;
+    else if (opened.current !== null) {
+      if (opened.current !== snapshot) onApply(state.value);
+      opened.current = null;
+    }
+  }, [isOpen]);
+  return null;
+}
+
+// src/menu/Menu.tsx
+import { createContext as createContext6, useContext as useContext10, useState as useState6 } from "react";
+import {
+  Header as Header2,
+  Keyboard,
+  Menu as AriaMenu,
+  MenuItem as AriaMenuItem,
+  MenuSection as AriaMenuSection,
+  MenuTrigger as AriaMenuTrigger,
+  Popover as Popover3,
+  SubmenuTrigger,
+  Text as Text7
+} from "react-aria-components";
+import { ChevronRight, Ellipsis } from "lucide-react";
+import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { createElement } from "react";
+var MenuModeContext = createContext6({ size: "md" });
+function MenuTrigger(props) {
+  return /* @__PURE__ */ jsx18(AriaMenuTrigger, { ...props });
+}
+function MenuButton({ "aria-label": label, size = "md" }) {
+  return /* @__PURE__ */ jsx18(IconButton, { variant: "ghost", size, icon: /* @__PURE__ */ jsx18(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__ */ jsx18(SheetMenu, { title, className, ...props });
+  return /* @__PURE__ */ jsx18(Popover3, { placement: "bottom end", offset: 4, className: "medo-menu-popover", children: /* @__PURE__ */ jsx18(MenuModeContext.Provider, { value: { size: "md" }, children: /* @__PURE__ */ jsx18(AriaMenu, { ...props, className: cx("medo-menu", "medo-menu--md", className) }) }) });
+}
+function SheetMenu({ title, className, ...props }) {
+  const [view, setView] = useState6(null);
+  return /* @__PURE__ */ jsx18(
+    BottomSheet,
+    {
+      title: view ? view.title : title ?? props["aria-label"],
+      onBack: view ? () => setView(null) : void 0,
+      onOpenChange: (open) => !open && setView(null),
+      children: /* @__PURE__ */ jsx18(MenuModeContext.Provider, { value: { size: "lg", push: (t, c) => setView({ title: t, children: c }) }, children: view ? /* @__PURE__ */ jsx18(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 { size } = useContext10(MenuModeContext);
+  return /* @__PURE__ */ jsx18(
+    AriaMenuItem,
+    {
+      ...props,
+      textValue: textValue ?? children,
+      className: cx("medo-menu-item", variant === "danger" && "medo-menu-item--danger"),
+      children: ({ hasSubmenu }) => /* @__PURE__ */ jsxs17(Fragment10, { children: [
+        /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx18(Text7, { slot: "label", className: "medo-menu-item__label", children }),
+        shortcut && size === "md" && /* @__PURE__ */ jsx18(Keyboard, { className: "medo-menu-item__shortcut", children: formatShortcut(shortcut) }),
+        hasSubmenu && /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(ChevronRight, {}) })
+      ] })
+    }
+  );
+}
+function Submenu({ label, icon, children, isDisabled }) {
+  const { size, push } = useContext10(MenuModeContext);
+  if (push) {
+    return /* @__PURE__ */ jsxs17(
+      AriaMenuItem,
+      {
+        textValue: label,
+        isDisabled,
+        shouldCloseOnSelect: false,
+        onAction: () => push(label, children),
+        className: "medo-menu-item",
+        children: [
+          /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsx18(Text7, { slot: "label", className: "medo-menu-item__label", children: label }),
+          /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(ChevronRight, {}) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs17(SubmenuTrigger, { children: [
+    /* @__PURE__ */ jsx18(MenuItem, { icon, isDisabled, children: label }),
+    /* @__PURE__ */ jsx18(Popover3, { placement: "end top", offset: 4, crossOffset: -5, className: "medo-menu-popover", children: /* @__PURE__ */ jsx18(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__ */ jsx18(Header2, { className: "medo-listbox__header", children: title }),
+    children
+  ] });
+}
+
+// src/dialog/Dialog.tsx
+import { useContext as useContext11, useEffect as useEffect5, useId as useId3, useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState7 } from "react";
+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 jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function useOpenState({ isOpen, onOpenChange }) {
+  const trigger = useContext11(OverlayTriggerStateContext2);
+  const open = isOpen ?? trigger?.isOpen ?? false;
+  const setOpen = (next) => {
+    onOpenChange?.(next);
+    if (isOpen === void 0) trigger?.setOpen(next);
+  };
+  return [open, setOpen];
+}
+function ActionButton({ action, close, size, variant }) {
+  const [pending, setPending] = useState7(false);
+  const run = async () => {
+    const result = action.onAction?.();
+    if (!(result instanceof Promise)) return close();
+    setPending(true);
+    try {
+      await result;
+      close();
+    } finally {
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsx19(
+    Button,
+    {
+      variant: action.variant ?? variant,
+      size,
+      type: action.form ? "submit" : "button",
+      form: action.form,
+      isDisabled: action.isDisabled,
+      isPending: action.isPending || pending,
+      onPress: action.form ? void 0 : run,
+      children: action.label
+    }
+  );
+}
+function Nested({ children }) {
+  return /* @__PURE__ */ jsx19(
+    Provider,
+    {
+      values: [
+        [DialogContext, null],
+        [OverlayTriggerStateContext2, null]
+      ],
+      children
+    }
+  );
+}
+function useDirtyGuard({ isDirty = false, discardText, ...openProps }) {
+  const [open, setOpen] = useOpenState(openProps);
+  const [confirm, setConfirm] = useState7(false);
+  const onOpenChange = (next) => {
+    if (next || !isDirty) setOpen(next);
+    else setConfirm(true);
+  };
+  const discard = { ...DISCARD, ...discardText };
+  const confirmDiscard = /* @__PURE__ */ jsx19(Nested, { children: /* @__PURE__ */ jsx19(
+    AlertDialog,
+    {
+      tone: "warning",
+      isOpen: confirm,
+      onOpenChange: setConfirm,
+      title: discard.title,
+      actionLabel: discard.actionLabel,
+      cancelLabel: discard.cancelLabel,
+      onAction: () => setOpen(false),
+      children: discard.description
+    }
+  ) });
+  const forceClose = () => setOpen(false);
+  return { open, onOpenChange, confirmDiscard, forceClose };
+}
+var DISCARD = {
+  title: "Discard changes?",
+  description: "Your changes will be lost.",
+  actionLabel: "Discard",
+  cancelLabel: "Keep editing"
+};
+function Dialog2({
+  title,
+  description,
+  children,
+  size = "md",
+  primaryAction,
+  cancelLabel = "Cancel",
+  closeLabel = "Close",
+  showClose = true,
+  isDirty = false,
+  discardText,
+  overlay = "auto",
+  mobile = "fullscreen",
+  className,
+  ...openProps
+}) {
+  const { open, onOpenChange, confirmDiscard, forceClose } = useDirtyGuard({ isDirty, discardText, ...openProps });
+  const isMobile = useMediaQuery(MOBILE_QUERY);
+  const layout = overlay === "auto" ? isMobile ? mobile : "dialog" : overlay;
+  const content = (close) => typeof children === "function" ? children(close) : children;
+  if (layout === "sheet") {
+    return /* @__PURE__ */ jsxs18(
+      BottomSheet,
+      {
+        title,
+        closeLabel,
+        isOpen: open,
+        onOpenChange,
+        isDismissable: !isDirty,
+        className,
+        footer: primaryAction && ((close) => /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
+          /* @__PURE__ */ jsx19(ActionButton, { action: primaryAction, close: forceClose, size: "lg", variant: "primary" })
+        ] })),
+        children: [
+          /* @__PURE__ */ jsx19(SheetContent, { description, children: content(forceClose) }),
+          confirmDiscard
+        ]
+      }
+    );
+  }
+  const fullscreen = layout === "fullscreen";
+  return /* @__PURE__ */ jsx19(
+    ModalOverlay2,
+    {
+      isOpen: open,
+      onOpenChange,
+      isDismissable: !isDirty,
+      className: cx("medo-dialog-overlay", fullscreen && "medo-dialog-overlay--fullscreen"),
+      children: /* @__PURE__ */ jsx19(Modal2, { className: cx("medo-dialog", fullscreen ? "medo-dialog--fullscreen" : `medo-dialog--${size}`, className), children: /* @__PURE__ */ jsx19(
+        DialogFrame,
+        {
+          title,
+          description,
+          fullscreen,
+          primaryAction,
+          cancelLabel,
+          closeLabel,
+          showClose,
+          nested: confirmDiscard,
+          forceClose,
+          children: content
+        }
+      ) })
+    }
+  );
+}
+function DialogFrame({ title, description, fullscreen, primaryAction, cancelLabel, closeLabel, showClose, nested, forceClose, children }) {
+  const descriptionId = useId3();
+  const ref = useRef5(null);
+  const [scrolls, setScrolls] = useState7(false);
+  useInitialFocus(ref);
+  return /* @__PURE__ */ jsx19(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__ */ jsx19(Button, { variant: "ghost", size: "md", onPress: close, children: primaryAction ? cancelLabel : closeLabel }),
+      /* @__PURE__ */ jsx19(Heading2, { slot: "title", className: "medo-dialog__bar-title", children: title }),
+      primaryAction ? /* @__PURE__ */ jsx19(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" }) : /* @__PURE__ */ jsx19("span", {})
+    ] }),
+    /* @__PURE__ */ jsxs18(DialogBody, { onScrollsChange: setScrolls, children: [
+      description && /* @__PURE__ */ jsx19("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__ */ jsx19(Heading2, { slot: "title", className: "medo-dialog__title", children: title }),
+        description && /* @__PURE__ */ jsx19("p", { id: descriptionId, className: "medo-dialog__description", children: description })
+      ] }),
+      showClose && /* @__PURE__ */ jsx19(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx19(X5, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+    ] }),
+    /* @__PURE__ */ jsx19(DialogBody, { onScrollsChange: setScrolls, children: children(forceClose) }),
+    primaryAction && /* @__PURE__ */ jsx19("div", { className: "medo-dialog__footer", children: /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx19(Button, { variant: "secondary", onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx19(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" })
+    ] }) }),
+    nested
+  ] }) });
+}
+function DialogBody({ children, onScrollsChange }) {
+  const ref = useRef5(null);
+  const [scrolls, setScrolls] = useState7(false);
+  useLayoutEffect3(() => {
+    const body = ref.current;
+    if (!body) return;
+    const check = () => setScrolls(body.scrollHeight > body.clientHeight + 1);
+    const observer = new ResizeObserver(check);
+    observer.observe(body);
+    if (body.firstElementChild) observer.observe(body.firstElementChild);
+    check();
+    return () => observer.disconnect();
+  }, []);
+  useEffect5(() => onScrollsChange(scrolls), [scrolls, onScrollsChange]);
+  return /* @__PURE__ */ jsx19("div", { ref, className: "medo-dialog__body", tabIndex: scrolls ? 0 : void 0, children: /* @__PURE__ */ jsx19("div", { className: "medo-dialog__body-inner", children }) });
+}
+function SheetContent({ description, children }) {
+  return /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__sheet-body", children: [
+    description && /* @__PURE__ */ jsx19("p", { className: "medo-dialog__description", children: description }),
+    children
+  ] });
+}
+var FIELDS = 'input, textarea, select, [role="combobox"], button[aria-haspopup="listbox"]';
+function useInitialFocus(ref) {
+  useEffect5(() => {
+    const root = ref.current;
+    if (!root) return;
+    const usable = (el) => el.tabIndex >= 0 && !el.closest('[aria-hidden="true"], [inert]') && !el.matches(":disabled");
+    const field = [...root.querySelectorAll(FIELDS)].find(usable);
+    (field ?? [...root.querySelectorAll("button")].find(usable))?.focus();
+  }, [ref]);
+}
+var TONE_ICONS = {
+  danger: CircleAlert2,
+  warning: TriangleAlert,
+  info: Info
+};
+function AlertDialog({ tone = "danger", title, children, actionLabel, onAction, cancelLabel = "Cancel", className, ...openProps }) {
+  const [open, setOpen] = useOpenState(openProps);
+  const isMobile = useMediaQuery(MOBILE_QUERY);
+  const descriptionId = useId3();
+  const Icon = TONE_ICONS[tone];
+  const size = isMobile ? "lg" : "md";
+  return /* @__PURE__ */ jsx19(ModalOverlay2, { isOpen: open, onOpenChange: setOpen, isDismissable: false, className: "medo-dialog-overlay", children: /* @__PURE__ */ jsx19(Modal2, { className: cx("medo-dialog", "medo-alert-dialog", `medo-alert-dialog--${tone}`, className), children: /* @__PURE__ */ jsx19(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__ */ jsx19("span", { className: "medo-alert-dialog__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(Icon, {}) }),
+      /* @__PURE__ */ jsxs18("div", { className: "medo-alert-dialog__text", children: [
+        /* @__PURE__ */ jsx19(Heading2, { slot: "title", className: "medo-alert-dialog__title", children: title }),
+        children && /* @__PURE__ */ jsx19("div", { id: descriptionId, className: "medo-alert-dialog__description", children })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx19(Button, { variant: "secondary", size, autoFocus: true, onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx19(ActionButton, { action: { label: actionLabel, onAction }, close, size, variant: tone === "danger" ? "danger" : "primary" })
+    ] })
+  ] }) }) }) });
+}
+
+// src/combobox/Combobox.tsx
+import { useContext as useContext12, useEffect as useEffect6, useId as useId4, useRef as useRef6, useState as useState8 } from "react";
+import {
+  Autocomplete,
+  Button as AriaButton7,
+  Collection as Collection2,
+  CollectionBuilder,
+  ComboBox as AriaComboBox,
+  ComboBoxStateContext as ComboBoxStateContext2,
+  Group,
+  Input,
+  Popover as Popover4,
+  TextField as AriaTextField2,
+  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 jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+var CREATE_KEY = "__medo_create__";
+function Combobox({
+  label,
+  description,
+  errorMessage,
+  placeholder = "Search\u2026",
+  size = "md",
+  leadingIcon,
+  isLoading,
+  noResultsMessage = (text) => text ? `No results for \u201E${text}\u201C` : "No results",
+  onCreate,
+  children,
+  overlay = "auto",
+  commit = "live",
+  onApply,
+  resultLabel = () => "Show results",
+  className,
+  selectionMode,
+  value: valueProp,
+  defaultValue,
+  onChange,
+  onInputChange,
+  ...props
+}) {
+  const multiple = selectionMode === "multiple";
+  const groupRef = useRef6(null);
+  const inputRef = useRef6(null);
+  const entryRef = useRef6(null);
+  const textRef = useRef6("");
+  const [text, setText] = useState8("");
+  const [exact, setExact] = useState8(false);
+  const [announcement, setAnnouncement] = useState8("");
+  const [inner, setInner] = useState8(defaultValue ?? (multiple ? [] : null));
+  const value = valueProp !== void 0 ? valueProp : inner;
+  const setValue = (next) => {
+    if (valueProp === void 0) setInner(next);
+    onChange?.(next);
+  };
+  const handleChange = (next) => {
+    if (Array.isArray(next) && next.includes(CREATE_KEY)) {
+      const rest = next.filter((k) => k !== CREATE_KEY);
+      const created = onCreate?.(textRef.current.trim());
+      setValue(created != null ? [...rest, created] : rest);
+      return;
+    }
+    setValue(next);
+  };
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  if (overlay === "sheet" || overlay === "auto" && mobile) {
+    return /* @__PURE__ */ jsx20(
+      ComboboxSheet,
+      {
+        ...{
+          label,
+          description,
+          errorMessage,
+          placeholder,
+          size,
+          leadingIcon,
+          isLoading,
+          noResultsMessage,
+          onCreate,
+          children,
+          className
+        },
+        multiple,
+        value,
+        onValueChange: handleChange,
+        textRef,
+        items: props.items,
+        defaultItems: props.defaultItems,
+        inputValue: props.inputValue,
+        onInputChange,
+        isDisabled: props.isDisabled,
+        isReadOnly: props.isReadOnly,
+        isInvalid: props.isInvalid,
+        isRequired: props.isRequired,
+        name: props.name,
+        commit,
+        onApply,
+        resultLabel
+      }
+    );
+  }
+  const focusInput = (e) => {
+    if (e.target === e.currentTarget) {
+      e.preventDefault();
+      inputRef.current?.focus();
+    }
+  };
+  return /* @__PURE__ */ jsxs19(
+    AriaComboBox,
+    {
+      ...props,
+      selectionMode,
+      value,
+      onChange: handleChange,
+      onInputChange: (text2) => {
+        textRef.current = text2;
+        setText(text2.trim());
+        onInputChange?.(text2);
+      },
+      menuTrigger: "input",
+      allowsEmptyCollection: true,
+      className: cx("medo-field", "medo-combobox", className),
+      children: [
+        /* @__PURE__ */ jsx20(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__ */ jsx20("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__ */ jsx20(SelectedTags2, { entryRef, size, label, isDisabled: props.isDisabled, isReadOnly: props.isReadOnly }),
+              /* @__PURE__ */ jsx20(ComboInput, { ref: inputRef, placeholder, multiple: true, onRemoved: setAnnouncement })
+            ] })
+          ) : /* @__PURE__ */ jsx20(ComboInput, { ref: inputRef, placeholder, multiple: false, onRemoved: setAnnouncement }),
+          /* @__PURE__ */ jsx20(ClearButton2, { inputRef, isDisabled: props.isDisabled || props.isReadOnly }),
+          !props.isReadOnly && /* @__PURE__ */ jsx20(AriaButton7, { className: "medo-input__action medo-combobox__toggle", children: /* @__PURE__ */ jsx20(ChevronDown2, { "aria-hidden": "true" }) })
+        ] }),
+        /* @__PURE__ */ jsx20(FieldFooter, { description, errorMessage }),
+        /* @__PURE__ */ jsx20("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement }),
+        /* @__PURE__ */ jsx20(Popover4, { offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx20(
+          ComboList,
+          {
+            size,
+            items: props.items ?? props.defaultItems,
+            isLoading,
+            noResultsMessage,
+            creatable: multiple && !!onCreate,
+            text,
+            exact,
+            onExactChange: setExact,
+            children
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ComboInput({
+  ref,
+  placeholder,
+  multiple,
+  onRemoved
+}) {
+  const state = useContext12(ComboBoxStateContext2);
+  const values = Array.isArray(state?.value) ? state.value : [];
+  const onKeyDown = (e) => {
+    if (!multiple || !state || e.key !== "Backspace" || state.inputValue !== "" || values.length === 0) return;
+    const last = state.selectedItems.at(-1);
+    state.setValue(values.slice(0, -1));
+    if (last) onRemoved(`${last.textValue} removed`);
+  };
+  return /* @__PURE__ */ jsx20(
+    Input,
+    {
+      ref,
+      className: "medo-input__control medo-combobox__input",
+      placeholder: multiple && values.length > 0 ? void 0 : placeholder,
+      onKeyDown
+    }
+  );
+}
+function ClearButton2({ inputRef, isDisabled }) {
+  const state = useContext12(ComboBoxStateContext2);
+  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__ */ jsx20(
+    InputAction,
+    {
+      slot: null,
+      excludeFromTabOrder: true,
+      "aria-label": Array.isArray(state.value) ? "Clear all" : "Clear",
+      icon: /* @__PURE__ */ jsx20(X6, {}),
+      onPress: () => {
+        state.setValue(Array.isArray(state.value) ? [] : null);
+        state.setInputValue("");
+        inputRef.current?.focus();
+      }
+    }
+  );
+}
+function SelectedTags2({
+  entryRef,
+  size,
+  label,
+  isDisabled,
+  isReadOnly
+}) {
+  const state = useContext12(ComboBoxStateContext2);
+  const items = (state?.selectedItems ?? []).filter(Boolean);
+  const values = Array.isArray(state?.value) ? state.value : [];
+  const key = items.map((item) => item.key).join("\0");
+  const measureRef = useRef6(null);
+  const visible = useFitCount(entryRef, measureRef, key, items.length, 68);
+  if (!state || items.length === 0) return null;
+  const tagSize = size === "lg" ? "md" : "sm";
+  const hidden = items.length - visible;
+  const name = typeof label === "string" ? label : "Selected";
+  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__ */ jsx20("span", { className: "medo-tag__label", children: item.textValue }),
+        /* @__PURE__ */ jsx20("span", { className: "medo-tag__remove" })
+      ] }, item.key)),
+      /* @__PURE__ */ jsxs19("span", { className: cx("medo-tag", `medo-tag--${tagSize}`), children: [
+        "+",
+        items.length
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx20(
+      TagGroup,
+      {
+        "aria-label": `${name}: selected`,
+        size: tagSize,
+        className: "medo-combobox__tags",
+        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__ */ jsx20(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__ */ jsx20("span", { className: "medo-visually-hidden", children: " more selected" })
+    ] })
+  ] });
+}
+function ComboList({
+  size,
+  items,
+  isLoading,
+  noResultsMessage,
+  creatable,
+  text,
+  exact,
+  onExactChange,
+  children
+}) {
+  const state = useContext12(ComboBoxStateContext2);
+  const nodes = state ? [...state.collection].filter((node) => node.key !== CREATE_KEY) : [];
+  const hasItems = nodes.length > 0;
+  const exactNow = nodes.some((node) => node.textValue.toLocaleLowerCase() === text.toLocaleLowerCase());
+  useEffect6(() => {
+    if (state && exactNow !== exact) onExactChange(exactNow);
+  });
+  const typing = !!state?.isOpen && text !== "";
+  useEffect6(() => {
+    if (!state || !typing) return;
+    const frame = requestAnimationFrame(() => {
+      const manager = state.selectionManager;
+      let key = state.collection.getFirstKey();
+      while (key != null) {
+        const node = state.collection.getItem(key);
+        if (node?.type === "item" && !manager.isDisabled(key)) break;
+        key = state.collection.getKeyAfter(key);
+      }
+      if (key == null) return;
+      manager.setFocused(true);
+      if (manager.focusedKey !== key) manager.setFocusedKey(key);
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [typing, text, state?.collection]);
+  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    /* @__PURE__ */ jsxs19(
+      ListBox,
+      {
+        size: size === "lg" ? "lg" : "md",
+        renderEmptyState: () => /* @__PURE__ */ jsx20(ListBoxMessage, { children: isLoading ? "Loading\u2026" : noResultsMessage(text) }),
+        children: [
+          typeof children === "function" ? /* @__PURE__ */ jsx20(Collection2, { items, children }) : children,
+          creatable && text && !exact && /* @__PURE__ */ jsx20(ListBoxSection, { "aria-label": "Create", children: /* @__PURE__ */ jsx20(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx20(Plus, {}), textValue: text, children: `Add \u201E${text}\u201C` }) })
+        ]
+      }
+    ),
+    isLoading && hasItems && /* @__PURE__ */ jsx20(ListBoxMessage, { children: "Loading\u2026" })
+  ] });
+}
+function ComboboxSheet({
+  label,
+  description,
+  errorMessage,
+  placeholder,
+  size,
+  leadingIcon,
+  isLoading,
+  noResultsMessage,
+  onCreate,
+  children,
+  className,
+  multiple,
+  value,
+  onValueChange,
+  textRef,
+  items,
+  defaultItems,
+  inputValue,
+  onInputChange,
+  isDisabled,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  name,
+  commit,
+  onApply,
+  resultLabel
+}) {
+  const id = useId4();
+  const [isOpen, setOpen] = useState8(false);
+  const [ownSearch, setOwnSearch] = useState8("");
+  const search = inputValue ?? ownSearch;
+  const setSearch = (text) => {
+    textRef.current = text;
+    if (inputValue === void 0) setOwnSearch(text);
+    onInputChange?.(text);
+  };
+  const { contains } = useFilter({ sensitivity: "base" });
+  const list = items ?? defaultItems;
+  const keys = Array.isArray(value) ? value : value == null ? [] : [value];
+  const opened = useRef6(null);
+  const query = search.trim();
+  const content = typeof children === "function" ? /* @__PURE__ */ jsx20(Collection2, { items: list, children }) : children;
+  const open = (next) => {
+    if (next) {
+      setSearch("");
+      opened.current = JSON.stringify(keys);
+    } else if (commit === "onClose" && multiple && opened.current !== null && opened.current !== JSON.stringify(keys)) {
+      onApply?.(keys);
+    }
+    if (!next) opened.current = null;
+    setOpen(next);
+  };
+  const onSelectionChange = (selection) => {
+    const next = selection === "all" ? [] : [...selection];
+    if (multiple) {
+      onValueChange(next);
+    } else {
+      onValueChange(next[0] ?? value);
+      open(false);
+    }
+  };
+  const descId = description ? `${id}-desc` : void 0;
+  const errId = isInvalid && errorMessage ? `${id}-err` : void 0;
+  return /* @__PURE__ */ jsx20(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());
+    return /* @__PURE__ */ jsxs19(
+      "div",
+      {
+        className: cx("medo-field", "medo-combobox", "medo-select", multiple && keys.length > 0 && "medo-select--tags", className),
+        "data-invalid": isInvalid || void 0,
+        "data-disabled": isDisabled || void 0,
+        "data-readonly": isReadOnly || void 0,
+        "data-open": isOpen || void 0,
+        children: [
+          /* @__PURE__ */ jsxs19("span", { className: "medo-field__label", id: `${id}-label`, children: [
+            label,
+            isRequired && /* @__PURE__ */ jsx20("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx20("div", { className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: /* @__PURE__ */ jsxs19(
+            AriaButton7,
+            {
+              className: "medo-select__trigger",
+              isDisabled,
+              "aria-haspopup": "dialog",
+              "aria-labelledby": `${id}-label ${id}-value`,
+              "aria-describedby": [errId ?? descId].filter(Boolean).join(" ") || void 0,
+              onPress: () => !isReadOnly && open(true),
+              children: [
+                leadingIcon && /* @__PURE__ */ jsx20("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__ */ jsx20(DisplayTags, { labels: text, size }) : text[0],
+                  isReadOnly && /* @__PURE__ */ jsx20("span", { className: "medo-visually-hidden", children: ", read only" })
+                ] }),
+                !isReadOnly && /* @__PURE__ */ jsx20("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(ChevronDown2, {}) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx20("div", { className: "medo-field__footer", children: isInvalid && errorMessage ? /* @__PURE__ */ jsxs19("span", { className: "medo-field__error", id: errId, children: [
+            /* @__PURE__ */ jsx20(CircleAlert3, { "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx20("span", { children: errorMessage })
+          ] }) : description && /* @__PURE__ */ jsx20("span", { className: "medo-field__description", id: descId, children: description }) }),
+          name && keys.map((key) => /* @__PURE__ */ jsx20("input", { type: "hidden", name, value: String(key) }, String(key))),
+          /* @__PURE__ */ jsx20(
+            BottomSheet,
+            {
+              title: label,
+              height: "full",
+              isOpen,
+              onOpenChange: open,
+              footer: multiple ? commit === "onClose" ? (close) => /* @__PURE__ */ jsxs19(Fragment12, { children: [
+                /* @__PURE__ */ jsx20(Button, { size: "lg", onPress: close, children: resultLabel(keys) }),
+                /* @__PURE__ */ jsx20(Button, { size: "lg", variant: "secondary", onPress: () => onValueChange([]), isDisabled: keys.length === 0, children: "Reset" })
+              ] }) : (close) => /* @__PURE__ */ jsxs19(Fragment12, { children: [
+                /* @__PURE__ */ jsxs19("p", { className: "medo-sheet__count", "aria-live": "polite", children: [
+                  keys.length,
+                  " selected"
+                ] }),
+                /* @__PURE__ */ jsx20(Button, { size: "lg", onPress: close, children: "Done" })
+              ] }) : void 0,
+              children: /* @__PURE__ */ jsxs19(Autocomplete, { inputValue: search, onInputChange: setSearch, filter: items ? void 0 : contains, children: [
+                /* @__PURE__ */ jsx20("div", { className: "medo-sheet__search", children: /* @__PURE__ */ jsxs19(AriaTextField2, { "aria-label": "Search", autoFocus: true, className: "medo-input medo-input--lg", children: [
+                  /* @__PURE__ */ jsx20("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(Search, {}) }),
+                  /* @__PURE__ */ jsx20(Input, { className: "medo-input__control", placeholder })
+                ] }) }),
+                /* @__PURE__ */ jsx20(OptionHighlightContext.Provider, { value: query, children: /* @__PURE__ */ jsxs19(
+                  ListBox,
+                  {
+                    size: "lg",
+                    "aria-labelledby": `${id}-label`,
+                    selectionMode: multiple ? "multiple" : "single",
+                    selectedKeys: keys,
+                    onSelectionChange,
+                    renderEmptyState: () => /* @__PURE__ */ jsx20(ListBoxMessage, { children: isLoading ? "Loading\u2026" : noResultsMessage(query) }),
+                    children: [
+                      content,
+                      multiple && onCreate && query && !exact && /* @__PURE__ */ jsx20(ListBoxSection, { "aria-label": "Create", children: /* @__PURE__ */ jsx20(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx20(Plus, {}), textValue: query, children: `Add \u201E${query}\u201C` }) })
+                    ]
+                  }
+                ) }),
+                isLoading && list && [...list].length > 0 && /* @__PURE__ */ jsx20(ListBoxMessage, { children: "Loading\u2026" })
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  } });
+}
+function DisplayTags({ labels, size }) {
+  const rowRef = useRef6(null);
+  const measureRef = useRef6(null);
+  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__ */ jsx20("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__ */ jsx20("span", { className: tagClass, children: l }, i)),
+      /* @__PURE__ */ jsxs19("span", { className: tagClass, children: [
+        "+",
+        labels.length
+      ] })
+    ] }),
+    labels.slice(0, visible).map((l, i) => /* @__PURE__ */ jsx20("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx20("span", { className: "medo-select__tag-label", children: l }) }, i)),
+    labels.length > visible && /* @__PURE__ */ jsxs19("span", { className: tagClass, "aria-hidden": "true", children: [
+      "+",
+      labels.length - visible
+    ] })
+  ] });
+}
+
+// src/toast/Toast.tsx
+import { useEffect as useEffect7, useState as useState9 } from "react";
+import { flushSync } from "react-dom";
+import {
+  Button as Button2,
+  Text as Text8,
+  UNSTABLE_Toast as AriaToast,
+  UNSTABLE_ToastContent as AriaToastContent,
+  UNSTABLE_ToastQueue as ToastQueue,
+  UNSTABLE_ToastRegion as AriaToastRegion
+} from "react-aria-components";
+import { X as X7 } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+var TIMEOUT = 5e3;
+var TIMEOUT_ACTION = 8e3;
+var MAX_VISIBLE = 3;
+var queue = new ToastQueue({
+  maxVisibleToasts: MAX_VISIBLE,
+  wrapUpdate(fn) {
+    if (typeof document !== "undefined" && "startViewTransition" in document) {
+      document.startViewTransition(() => flushSync(fn));
+    } else {
+      fn();
+    }
+  }
+});
+function toast(message, { action, persistent = false, onClose } = {}) {
+  const same = queue.visibleToasts.find((t) => t.content.message === message);
+  if (same) return same.key;
+  const visible = queue.visibleToasts;
+  if (visible.length >= MAX_VISIBLE) queue.close(visible[visible.length - 1].key);
+  return queue.add({ message, action }, { timeout: persistent ? void 0 : action ? TIMEOUT_ACTION : TIMEOUT, onClose });
+}
+toast.close = (key) => queue.close(key);
+toast.clear = () => queue.clear();
+var regionMounted = false;
+function closeOnEscape(el, key) {
+  if (!el) return;
+  const onKeyDown = (e) => {
+    if (e.key !== "Escape") return;
+    e.stopPropagation();
+    queue.close(key);
+  };
+  el.addEventListener("keydown", onKeyDown);
+  return () => el.removeEventListener("keydown", onKeyDown);
+}
+function ToastRegion({ closeLabel, ...props }) {
+  const [active, setActive] = useState9(false);
+  useEffect7(() => {
+    if (regionMounted) return;
+    regionMounted = true;
+    setActive(true);
+    const onVisibility = () => document.hidden ? queue.pauseAll() : queue.resumeAll();
+    document.addEventListener("visibilitychange", onVisibility);
+    return () => {
+      regionMounted = false;
+      document.removeEventListener("visibilitychange", onVisibility);
+    };
+  }, []);
+  if (!active) return null;
+  return /* @__PURE__ */ jsx21(AriaToastRegion, { ...props, queue, className: "medo-toast-region", children: ({ toast: t }) => /* @__PURE__ */ jsxs20(
+    AriaToast,
+    {
+      toast: t,
+      className: "medo-toast",
+      style: { viewTransitionName: t.key },
+      ref: (el) => closeOnEscape(el, t.key),
+      children: [
+        /* @__PURE__ */ jsx21(AriaToastContent, { className: "medo-toast__content", children: /* @__PURE__ */ jsx21(Text8, { slot: "title", className: "medo-toast__message", children: t.content.message }) }),
+        t.content.action && /* @__PURE__ */ jsx21(
+          Button2,
+          {
+            className: "medo-toast__button medo-toast__action",
+            onPress: () => {
+              t.content.action?.onAction();
+              queue.close(t.key);
+            },
+            children: t.content.action.label
+          }
+        ),
+        /* @__PURE__ */ jsx21(Button2, { slot: "close", "aria-label": closeLabel, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx21(X7, { "aria-hidden": "true" }) })
+      ]
+    }
+  ) });
+}
+
+// src/tabs/Tabs.tsx
+import { useLayoutEffect as useLayoutEffect4, useRef as useRef7 } from "react";
+import {
+  SelectionIndicator as SelectionIndicator2,
+  Tab as AriaTab,
+  TabList as AriaTabList,
+  TabPanel as AriaTabPanel,
+  Tabs as AriaTabs
+} from "react-aria-components";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+function Tabs({ size = "md", fullWidth = false, className, ...props }) {
+  return /* @__PURE__ */ jsx22(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__ */ jsx22(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__ */ jsx22(SelectionIndicator2, { className: "medo-tab__thumb", ref: revealInList }),
+    icon && /* @__PURE__ */ jsx22("span", { className: "medo-tab__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx22("span", { className: "medo-tab__label", children }),
+    count !== void 0 && /* @__PURE__ */ jsx22(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) })
+  ] });
+}
+function TabPanel({ keepMounted = true, className, ...props }) {
+  return /* @__PURE__ */ jsx22(AriaTabPanel, { ...props, shouldForceMount: keepMounted, className: cx("medo-tabs__panel", className) });
+}
+function revealInList(thumb) {
+  const tab = thumb?.parentElement;
+  const list = tab?.parentElement;
+  if (!tab || !list || list.scrollWidth <= list.clientWidth) return;
+  const start = tab.offsetLeft - list.offsetLeft;
+  const end = start + tab.offsetWidth;
+  if (start < list.scrollLeft) list.scrollTo({ left: start - 32 });
+  else if (end > list.scrollLeft + list.clientWidth) list.scrollTo({ left: end - list.clientWidth + 32 });
+}
+function useScrollEdges(ref) {
+  useLayoutEffect4(() => {
+    const list = ref.current;
+    if (!list) return;
+    const update = () => {
+      const max = list.scrollWidth - list.clientWidth;
+      const start = Math.abs(list.scrollLeft);
+      list.toggleAttribute("data-scroll-start", max > 1 && start > 1);
+      list.toggleAttribute("data-scroll-end", max > 1 && start < max - 1);
+    };
+    update();
+    list.addEventListener("scroll", update, { passive: true });
+    const observer = new ResizeObserver(update);
+    observer.observe(list);
+    return () => {
+      list.removeEventListener("scroll", update);
+      observer.disconnect();
+    };
+  }, [ref]);
+}
+
+// src/popover/Popover.tsx
+import { useContext as useContext13, useRef as useRef8 } from "react";
+import {
+  Dialog as AriaDialog2,
+  DialogTrigger as DialogTrigger2,
+  Heading as Heading3,
+  OverlayTriggerStateContext as OverlayTriggerStateContext3,
+  Popover as AriaPopover
+} from "react-aria-components";
+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 jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+function Link({
+  children,
+  variant = "inline",
+  size = "md",
+  external,
+  arrow,
+  newTabLabel = "(opens in a new tab)",
+  className,
+  ...props
+}) {
+  const newTab = props.target === "_blank";
+  return /* @__PURE__ */ jsxs22(
+    AriaLink2,
+    {
+      ...props,
+      rel: newTab ? props.rel ?? "noopener noreferrer" : props.rel,
+      className: cx("medo-link", variant === "standalone" && "medo-link--standalone", variant === "standalone" && `medo-link--${size}`, className),
+      children: [
+        children,
+        external && /* @__PURE__ */ jsx23(ExternalLink, { className: "medo-link__icon", "aria-hidden": "true" }),
+        !external && arrow && variant === "standalone" && /* @__PURE__ */ jsx23(ArrowRight, { className: "medo-link__icon", "aria-hidden": "true" }),
+        newTab && /* @__PURE__ */ jsxs22("span", { className: "medo-visually-hidden", children: [
+          " ",
+          newTabLabel
+        ] })
+      ]
+    }
+  );
+}
+
+// src/popover/Popover.tsx
+import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+var PopoverTrigger = DialogTrigger2;
+function Popover5({
+  title,
+  "aria-label": ariaLabel,
+  children,
+  size = "md",
+  primaryAction,
+  cancelLabel = "Cancel",
+  closeLabel = "Close",
+  overlay = "auto",
+  placement = "bottom start",
+  className
+}) {
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const content = (close) => typeof children === "function" ? children(close) : children;
+  if (overlay === "sheet" || overlay === "auto" && mobile) {
+    return /* @__PURE__ */ jsx24(
+      BottomSheet,
+      {
+        title: title ?? ariaLabel,
+        closeLabel,
+        className,
+        footer: primaryAction && ((close) => /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx24(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
+          /* @__PURE__ */ jsx24(ActionButton, { action: primaryAction, close, size: "lg", variant: "primary" })
+        ] })),
+        children: /* @__PURE__ */ jsx24(SheetBody, { children: content })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx24(AriaPopover, { placement, offset: 8, containerPadding: 16, className: cx("medo-popover", `medo-popover--${size}`, className), children: /* @__PURE__ */ jsx24(PopoverDialog, { "aria-label": title ? void 0 : ariaLabel, children: ({ close }) => /* @__PURE__ */ jsxs23(Fragment13, { children: [
+    title && /* @__PURE__ */ jsxs23("div", { className: "medo-popover__header", children: [
+      /* @__PURE__ */ jsx24(Heading3, { slot: "title", className: "medo-popover__title", children: title }),
+      /* @__PURE__ */ jsx24(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx24(X8, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+    ] }),
+    /* @__PURE__ */ jsx24("div", { className: "medo-popover__body", children: content(close) }),
+    primaryAction && /* @__PURE__ */ jsx24("div", { className: "medo-popover__footer", children: /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx24(Button, { variant: "secondary", size: "sm", onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx24(ActionButton, { action: primaryAction, close, size: "sm", variant: "primary" })
+    ] }) })
+  ] }) }) });
+}
+function PopoverDialog({ children, ...props }) {
+  const ref = useRef8(null);
+  useInitialFocus(ref);
+  return /* @__PURE__ */ jsx24(AriaDialog2, { ...props, ref, className: "medo-popover__dialog", children });
+}
+function SheetBody({ children }) {
+  const state = useContext13(OverlayTriggerStateContext3);
+  return /* @__PURE__ */ jsx24("div", { className: "medo-popover__sheet-body", children: children(() => state?.close()) });
+}
+function Toggletip({ "aria-label": label, children, link, className }) {
+  return /* @__PURE__ */ jsxs23(DialogTrigger2, { children: [
+    /* @__PURE__ */ jsx24(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx24(Info2, {}), "aria-label": label, tooltip: false }),
+    /* @__PURE__ */ jsx24(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__ */ jsx24("div", { className: "medo-toggletip__text", children }),
+      link && /* @__PURE__ */ jsx24(Link, { variant: "standalone", size: "md", href: link.href, external: link.external, target: link.external ? "_blank" : void 0, children: link.label })
+    ] }) })
+  ] });
+}
+
+// src/navigation/Navigation.tsx
+import { Children as Children2, createContext as createContext7, isValidElement as isValidElement2, useContext as useContext14, useEffect as useEffect9, useId as useId5, useRef as useRef10, useState as useState10 } from "react";
+import {
+  Button as AriaButton8,
+  Dialog as AriaDialog4,
+  DialogTrigger as DialogTrigger3,
+  Heading as Heading5,
+  Link as AriaLink3,
+  Modal as Modal4,
+  ModalOverlay as ModalOverlay4
+} from "react-aria-components";
+import { ChevronDown as ChevronDown3, Ellipsis as Ellipsis2, Menu as MenuIcon, PanelLeft, X as X10 } from "lucide-react";
+
+// src/drawer/Drawer.tsx
+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 jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+function Drawer({
+  title,
+  "aria-label": ariaLabel,
+  children,
+  footer,
+  side = "right",
+  size = "sm",
+  closeLabel = "Close",
+  isDirty = false,
+  discardText,
+  className,
+  ...openProps
+}) {
+  const { open, onOpenChange, confirmDiscard, forceClose } = useDirtyGuard({ isDirty, discardText, ...openProps });
+  return /* @__PURE__ */ jsx25(ModalOverlay3, { isOpen: open, onOpenChange, isDismissable: !isDirty, className: cx("medo-drawer-overlay", `medo-drawer-overlay--${side}`), children: /* @__PURE__ */ jsx25(Modal3, { className: cx("medo-drawer", `medo-drawer--${side}`, `medo-drawer--${size}`, className), children: /* @__PURE__ */ jsx25(DrawerDialog, { "aria-label": ariaLabel, side, children: (close) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
+    /* @__PURE__ */ jsxs24("div", { className: "medo-drawer__header", children: [
+      ariaLabel ? /* @__PURE__ */ jsx25("div", { className: "medo-drawer__title", children: title }) : /* @__PURE__ */ jsx25(Heading4, { slot: "title", className: "medo-drawer__title", children: title }),
+      /* @__PURE__ */ jsx25(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx25(X9, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+    ] }),
+    /* @__PURE__ */ jsx25("div", { className: "medo-drawer__body", children: typeof children === "function" ? children(forceClose) : children }),
+    footer && /* @__PURE__ */ jsx25("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__ */ jsx25(AriaDialog3, { ...props, ref, className: "medo-drawer__dialog", children: ({ close }) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
+    /* @__PURE__ */ jsx25(SwipeToClose, { target: ref, side, onClose: close }),
+    children(close)
+  ] }) });
+}
+var CLOSE_DISTANCE2 = 0.25;
+var CLOSE_VELOCITY2 = 0.5;
+var START = 10;
+function SwipeToClose({ target, side, onClose }) {
+  useEffect8(() => {
+    const el = target.current;
+    const drawer = el?.parentElement;
+    if (!el || !drawer) return;
+    const dir = side === "right" ? 1 : -1;
+    let start = null;
+    let dragging = false;
+    const down = (e) => {
+      if (e.pointerType === "mouse") return;
+      start = { x: e.clientX, y: e.clientY, t: e.timeStamp, id: e.pointerId };
+      dragging = false;
+    };
+    const move = (e) => {
+      if (!start || e.pointerId !== start.id) return;
+      const dx = (e.clientX - start.x) * dir;
+      const dy = e.clientY - start.y;
+      if (!dragging) {
+        if (Math.abs(dx) < START || Math.abs(dx) < Math.abs(dy)) return;
+        if (dx < 0) return void (start = null);
+        dragging = true;
+        el.setPointerCapture(e.pointerId);
+        drawer.setAttribute("data-dragging", "");
+      }
+      drawer.style.transform = `translateX(${Math.max(0, dx) * dir}px)`;
+    };
+    const up = (e) => {
+      if (!start || e.pointerId !== start.id) return;
+      const dx = Math.max(0, (e.clientX - start.x) * dir);
+      const velocity = dx / Math.max(1, e.timeStamp - start.t);
+      const wasDragging = dragging;
+      start = null;
+      dragging = false;
+      if (!wasDragging) return;
+      drawer.removeAttribute("data-dragging");
+      drawer.style.transform = "";
+      if (dx > drawer.offsetWidth * CLOSE_DISTANCE2 || velocity > CLOSE_VELOCITY2 && dx > 24) onClose();
+    };
+    el.addEventListener("pointerdown", down);
+    el.addEventListener("pointermove", move);
+    el.addEventListener("pointerup", up);
+    el.addEventListener("pointercancel", up);
+    return () => {
+      el.removeEventListener("pointerdown", down);
+      el.removeEventListener("pointermove", move);
+      el.removeEventListener("pointerup", up);
+      el.removeEventListener("pointercancel", up);
+    };
+  }, [target, side, onClose]);
+  return null;
+}
+
+// src/navigation/Navigation.tsx
+import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
+var NavVariantContext = createContext7("sidebar");
+var SideNavContext = createContext7(null);
+var TABLET_QUERY = "(min-width: 640px) and (max-width: 1023.98px)";
+var SITE_MENU_QUERY = "(max-width: 767.98px)";
+function NavItem({ children, icon, isCurrent, count, countLabel, unread, ...props }) {
+  const variant = useContext14(NavVariantContext);
+  const sideNav = useContext14(SideNavContext);
+  const rail = variant === "rail";
+  const content = /* @__PURE__ */ jsxs25(Fragment15, { children: [
+    icon && variant !== "header" && /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx26("span", { className: rail ? "medo-visually-hidden" : "medo-nav-item__label", children }),
+    count !== void 0 && (rail ? unread && count > 0 && /* @__PURE__ */ jsx26(BadgeDot, { tone: "danger", label: countLabel ?? String(count), className: "medo-nav-item__dot" }) : /* @__PURE__ */ jsx26(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) }))
+  ] });
+  const linkProps = {
+    ...props,
+    onPress: (e) => {
+      props.onPress?.(e);
+      sideNav?.onNavigate?.();
+    },
+    "aria-current": isCurrent ? "page" : void 0,
+    className: cx("medo-nav-item", `medo-nav-item--${variant}`)
+  };
+  return /* @__PURE__ */ jsx26("li", { className: "medo-nav__entry", children: rail ? (
+    // Collapsed: the label appears as tooltip on hover and focus.
+    /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx26(TooltipLink, { ...linkProps, children: content }),
+      /* @__PURE__ */ jsx26(Tooltip, { placement: "end", children })
+    ] })
+  ) : /* @__PURE__ */ jsx26(AriaLink3, { ...linkProps, children: content }) });
+}
+function containsCurrent(children) {
+  return Children2.toArray(children).some((c) => isValidElement2(c) && c.props.isCurrent);
+}
+function NavGroup({ label, icon, children, defaultOpen }) {
+  const variant = useContext14(NavVariantContext);
+  const sideNav = useContext14(SideNavContext);
+  const hasCurrent = containsCurrent(children);
+  const [open, setOpen] = useState10(defaultOpen ?? (variant !== "header" && (hasCurrent || sideNav?.openGroup === label)));
+  const panelId = useId5();
+  const itemRef = useRef10(null);
+  const buttonRef = useRef10(null);
+  const floating = variant === "header";
+  useEffect9(() => {
+    if (!floating || !open) return;
+    const item = itemRef.current;
+    const onKey = (e) => {
+      if (e.key !== "Escape") return;
+      setOpen(false);
+      buttonRef.current?.focus();
+    };
+    const onPointer = (e) => !item?.contains(e.target) && setOpen(false);
+    const onFocusOut = (e) => e.relatedTarget && !item?.contains(e.relatedTarget) && setOpen(false);
+    document.addEventListener("keydown", onKey);
+    document.addEventListener("pointerdown", onPointer);
+    item?.addEventListener("focusout", onFocusOut);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.removeEventListener("pointerdown", onPointer);
+      item?.removeEventListener("focusout", onFocusOut);
+    };
+  }, [floating, open]);
+  if (variant === "rail") {
+    return /* @__PURE__ */ jsx26("li", { className: "medo-nav__entry", children: /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsxs25(
+        AriaButton8,
+        {
+          className: "medo-nav-item medo-nav-item--rail",
+          "data-current": hasCurrent || void 0,
+          onPress: () => {
+            setOpen(true);
+            sideNav?.expand(label);
+          },
+          children: [
+            /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+            /* @__PURE__ */ jsx26("span", { className: "medo-visually-hidden", children: label })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx26(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: [
+    /* @__PURE__ */ jsxs25(
+      AriaButton8,
+      {
+        ref: buttonRef,
+        "aria-expanded": open,
+        "aria-controls": panelId,
+        "data-current": hasCurrent && !open || void 0,
+        onPress: () => setOpen((o) => !o),
+        className: cx("medo-nav-item", `medo-nav-item--${variant}`, "medo-nav-group__button"),
+        children: [
+          icon && !floating && /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__label", children: label }),
+          /* @__PURE__ */ jsx26(ChevronDown3, { className: "medo-nav-group__chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: floating ? "sidebar" : variant, children: /* @__PURE__ */ jsx26("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__ */ jsx26("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx26("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 = useContext14(NavVariantContext);
+  const id = useId5();
+  return /* @__PURE__ */ jsxs25("li", { className: "medo-nav__entry medo-nav-section", children: [
+    variant === "rail" ? /* @__PURE__ */ jsx26("span", { className: "medo-nav-section__divider", role: "presentation" }) : /* @__PURE__ */ jsx26("span", { id, className: "medo-nav-section__title", children: title }),
+    /* @__PURE__ */ jsx26("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 = "Skip to content" }) {
+  return /* @__PURE__ */ jsx26("a", { href, className: "medo-skip-link", children });
+}
+function ActionLink({ action, size }) {
+  return /* @__PURE__ */ jsx26(AriaLink3, { href: action.href, onPress: action.onPress, className: cx("medo-button", `medo-button--${action.variant ?? "ghost"}`, `medo-button--${size}`), children: /* @__PURE__ */ jsx26("span", { className: "medo-button__label", children: action.label }) });
+}
+function SiteHeader({ logo, children, actions = [], "aria-label": label = "Main", menuLabel = "Menu", closeLabel = "Close", layout = "auto" }) {
+  const narrow = useMediaQuery(SITE_MENU_QUERY);
+  const compact = layout === "mobile" || layout === "auto" && narrow;
+  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__ */ jsx26("div", { className: "medo-site-header__logo", children: logo }),
+    compact ? /* @__PURE__ */ jsxs25("div", { className: "medo-site-header__actions", children: [
+      primary && /* @__PURE__ */ jsx26(ActionLink, { action: primary, size: "sm" }),
+      /* @__PURE__ */ jsx26(NavFullscreen, { logo, actions, "aria-label": label, menuLabel, closeLabel, children })
+    ] }) : /* @__PURE__ */ jsxs25(Fragment15, { children: [
+      /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-site-header__nav", children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "header", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list medo-nav__list--row", children }) }) }),
+      actions.length > 0 && /* @__PURE__ */ jsx26("div", { className: "medo-site-header__actions", children: actions.map((a) => /* @__PURE__ */ jsx26(ActionLink, { action: a, size: "md" }, a.label)) })
+    ] })
+  ] });
+}
+function NavFullscreen({
+  logo,
+  actions,
+  children,
+  "aria-label": label,
+  menuLabel,
+  closeLabel
+}) {
+  const ordered = [...actions].sort((a, b) => Number(b.variant === "primary") - Number(a.variant === "primary"));
+  return /* @__PURE__ */ jsxs25(DialogTrigger3, { children: [
+    /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx26(MenuIcon, {}), "aria-label": menuLabel, tooltip: false }),
+    /* @__PURE__ */ jsx26(ModalOverlay4, { className: "medo-nav-fullscreen-overlay", children: /* @__PURE__ */ jsx26(Modal4, { className: "medo-nav-fullscreen", children: /* @__PURE__ */ jsx26(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__ */ jsx26("div", { className: "medo-site-header__logo", children: logo }),
+        /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx26(X10, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+      ] }),
+      /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-nav-fullscreen__nav", children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", children }) }) }),
+      ordered.length > 0 && /* @__PURE__ */ jsx26("div", { className: "medo-nav-fullscreen__actions", children: ordered.map((a) => /* @__PURE__ */ jsx26(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__ */ jsx26("div", { className: "medo-app-header__logo", children: logo }),
+    /* @__PURE__ */ jsx26(Heading5, { level: headingLevel, className: "medo-app-header__title", children: title }),
+    search && /* @__PURE__ */ jsx26("div", { className: "medo-app-header__search", children: search }),
+    actions && /* @__PURE__ */ jsx26("div", { className: "medo-app-header__actions", children: actions })
+  ] });
+}
+function SideNav({
+  logo,
+  logoMark,
+  children,
+  user,
+  isCollapsed,
+  defaultCollapsed = false,
+  onCollapsedChange,
+  "aria-label": label = "App",
+  collapseLabel = "Collapse navigation",
+  expandLabel = "Expand navigation",
+  closeLabel = "Close"
+}) {
+  const [ownCollapsed, setOwnCollapsed] = useState10(defaultCollapsed);
+  const tablet = useMediaQuery(TABLET_QUERY);
+  const [drawer, setDrawer] = useState10(false);
+  const [openGroup, setOpenGroup] = useState10();
+  const collapsed = tablet || (isCollapsed ?? ownCollapsed);
+  const expand = (group) => {
+    setOpenGroup(group);
+    if (tablet) return setDrawer(true);
+    if (isCollapsed === void 0) setOwnCollapsed(false);
+    onCollapsedChange?.(false);
+  };
+  const collapse = () => {
+    if (isCollapsed === void 0) setOwnCollapsed(true);
+    onCollapsedChange?.(true);
+  };
+  useEffect9(() => {
+    if (!tablet) setDrawer(false);
+  }, [tablet]);
+  const toggle = /* @__PURE__ */ jsx26(
+    IconButton,
+    {
+      variant: "ghost",
+      size: "sm",
+      icon: /* @__PURE__ */ jsx26(PanelLeft, {}),
+      "aria-label": collapsed ? expandLabel : collapseLabel,
+      "aria-expanded": tablet ? drawer : !collapsed,
+      onPress: () => collapsed ? expand() : collapse()
+    }
+  );
+  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__ */ jsx26("div", { className: "medo-sidenav__logo", children: collapsed ? logoMark : logo }),
+        !collapsed && toggle
+      ] }),
+      /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-sidenav__nav", children: /* @__PURE__ */ jsx26(SideNavContext.Provider, { value: { expand, openGroup }, children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: collapsed ? "rail" : "sidebar", children: /* @__PURE__ */ jsx26("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__ */ jsx26(Avatar, { name: user.name, src: user.src, size: "md", decorative: !collapsed }),
+          !collapsed && /* @__PURE__ */ jsxs25("span", { className: "medo-sidenav__user-text", children: [
+            /* @__PURE__ */ jsx26("span", { className: "medo-sidenav__user-name", children: user.name }),
+            user.email && /* @__PURE__ */ jsx26("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__ */ jsx26(Drawer, { side: "left", size: "sm", title: logo, "aria-label": label, closeLabel, isOpen: drawer, onOpenChange: setDrawer, children: /* @__PURE__ */ jsx26("nav", { "aria-label": label, children: /* @__PURE__ */ jsx26(SideNavContext.Provider, { value: { expand, openGroup, onNavigate: () => setDrawer(false) }, children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "sidebar", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", children }) }) }) }) })
+  ] });
+}
+function BottomTabBar({ children, "aria-label": label = "App", display = "mobile" }) {
+  return /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: cx("medo-tab-bar", display === "always" && "medo-tab-bar--always"), children: /* @__PURE__ */ jsx26("ul", { className: "medo-tab-bar__list", children }) });
+}
+function TabBarItem({ children, icon, isCurrent, dot, dotLabel = "new", ...props }) {
+  return /* @__PURE__ */ jsx26("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(AriaLink3, { ...props, "aria-current": isCurrent ? "page" : void 0, className: "medo-tab-bar-item", children: [
+    /* @__PURE__ */ jsx26(TabBarIcon, { icon, dot, dotLabel }),
+    /* @__PURE__ */ jsx26("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__ */ jsx26("span", { className: "medo-tab-bar-item__icon", "aria-hidden": "true", children: icon }),
+    dot && /* @__PURE__ */ jsx26(BadgeDot, { tone: "danger", label: dotLabel, className: "medo-tab-bar-item__dot" })
+  ] });
+}
+function TabBarMore({ label = "More", children, closeLabel }) {
+  const hasCurrent = containsCurrent(children);
+  return /* @__PURE__ */ jsx26("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__ */ jsx26(TabBarIcon, { icon: /* @__PURE__ */ jsx26(Ellipsis2, {}) }),
+      /* @__PURE__ */ jsx26("span", { className: "medo-tab-bar-item__label", children: label })
+    ] }),
+    /* @__PURE__ */ jsx26(BottomSheet, { title: label, closeLabel, children: /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-nav-sheet", children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", children }) }) }) })
+  ] }) });
+}
+function useScrolled() {
+  const [scrolled, setScrolled] = useState10(false);
+  useEffect9(() => {
+    const update = () => setScrolled(window.scrollY > 0);
+    update();
+    window.addEventListener("scroll", update, { passive: true });
+    return () => window.removeEventListener("scroll", update);
+  }, []);
+  return scrolled;
+}
+
+// src/list/List.tsx
+import { createContext as createContext8, useContext as useContext15 } from "react";
+import { Check as Check5, X as X11 } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
+var ListTypeContext = createContext8("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__ */ jsx27(ListTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx27(
+    Tag2,
+    {
+      ...props,
+      start: type === "number" ? start : void 0,
+      style: { ...counter, ...style },
+      role: "list",
+      className: cx("medo-list", `medo-list--${type}`, size && `medo-list--${size}`, className),
+      children
+    }
+  ) });
+}
+function ListItem({ children, excluded, excludedLabel = "Not included:", className, ...props }) {
+  const type = useContext15(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__ */ jsx27("span", { className: "medo-list__icon", "aria-hidden": "true", children: excluded ? /* @__PURE__ */ jsx27(X11, {}) : /* @__PURE__ */ jsx27(Check5, {}) }),
+    check && excluded && /* @__PURE__ */ jsxs26("span", { className: "medo-visually-hidden", children: [
+      excludedLabel,
+      " "
+    ] }),
+    children
+  ] });
+}
+function DescriptionList({ layout = "auto", className, children, ...props }) {
+  return /* @__PURE__ */ jsx27("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__ */ jsx27("dt", { className: "medo-dl__term", children: term }),
+    /* @__PURE__ */ jsx27("dd", { className: "medo-dl__value", children })
+  ] });
+}
+
+// src/list-view/ListView.tsx
+import { useEffect as useEffect10, useRef as useRef11, useState as useState11 } from "react";
+import { GridList, GridListItem, useLocale } from "react-aria-components";
+import { ChevronRight as ChevronRight2 } from "lucide-react";
+import { Fragment as Fragment16, jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
+function ListView({ variant = "plain", isLoading = false, emptyState, className, children, items, ...props }) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx28("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__ */ jsx28("div", { role: "listitem", className: "medo-list-card medo-list-card--loading", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
+        /* @__PURE__ */ jsx28(Skeleton, { width: "50%" }),
+        /* @__PURE__ */ jsx28(Skeleton, { width: "35%" }),
+        /* @__PURE__ */ jsx28(Skeleton, { width: "70%" })
+      ] }) }, i) : /* @__PURE__ */ jsxs27("div", { role: "listitem", className: "medo-list-row medo-list-row--loading", children: [
+        /* @__PURE__ */ jsx28("span", { className: "medo-list-row__leading", children: /* @__PURE__ */ jsx28(Skeleton, { shape: "circle", width: 40, height: 40 }) }),
+        /* @__PURE__ */ jsx28("span", { className: "medo-list-row__main", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__content", children: [
+          /* @__PURE__ */ jsx28(Skeleton, { width: "40%" }),
+          /* @__PURE__ */ jsx28(Skeleton, { width: "70%" })
+        ] }) })
+      ] }, i)
+    ) });
+  }
+  return /* @__PURE__ */ jsx28(
+    GridList,
+    {
+      ...props,
+      items,
+      keyboardNavigationBehavior: "tab",
+      renderEmptyState: emptyState ? () => /* @__PURE__ */ jsx28("div", { className: "medo-list-view__empty", children: emptyState }) : void 0,
+      className: cx("medo-list-view", `medo-list-view--${variant}`, className),
+      children
+    }
+  );
+}
+function ListRow({ title, description, lines, leading, meta, trailing, chevron, unread, unreadLabel = "Unread", swipeActions, ...props }) {
+  const rowLines = description ? lines ?? 2 : 1;
+  const swipe = swipeActions?.start || swipeActions?.end;
+  return /* @__PURE__ */ jsx28(
+    GridListItem,
+    {
+      ...props,
+      textValue: title,
+      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__ */ jsx28("span", { className: "medo-list-row__check", children: /* @__PURE__ */ jsx28(Checkbox, { slot: "selection" }) }),
+          leading && // Avatars size themselves: sm in 1-line rows, lg in 2–3 lines.
+          /* @__PURE__ */ jsx28(AvatarSizeContext.Provider, { value: rowLines === 1 ? "sm" : "lg", children: /* @__PURE__ */ jsx28("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: [
+                unread && /* @__PURE__ */ jsxs27("span", { className: "medo-visually-hidden", children: [
+                  unreadLabel,
+                  ": "
+                ] }),
+                title
+              ] }),
+              description && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__description", children: description })
+            ] }),
+            (meta || unread) && /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__meta", children: [
+              meta && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__meta-text", children: meta }),
+              unread && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__dot", "aria-hidden": "true" })
+            ] }),
+            trailing && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__trailing", children: trailing }),
+            chevron && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx28(ChevronRight2, {}) })
+          ] })
+        ] });
+        return swipe ? /* @__PURE__ */ jsx28(Swipeable, { actions: swipeActions, children: content }) : content;
+      }
+    }
+  );
+}
+var SWIPE = {
+  action: 88,
+  // revealed action width – snaps open from here
+  lock: 8,
+  // px before the direction is decided
+  full: 0.5,
+  // share of the row width that triggers at once
+  flick: 0.5
+  // px per ms
+};
+var closeOpenRow = null;
+function Swipeable({ actions, children }) {
+  const { direction } = useLocale();
+  const rtl = direction === "rtl";
+  const surface = useRef11(null);
+  const drag = useRef11(null);
+  const [offset, setOffset] = useState11(0);
+  const [dragging, setDragging] = useState11(false);
+  const [leaving, setLeaving] = useState11(false);
+  const open = offset !== 0 && !dragging;
+  const close = () => setOffset(0);
+  useEffect10(() => {
+    if (!open) return;
+    closeOpenRow?.();
+    closeOpenRow = close;
+    const row = surface.current?.closest(".medo-list-row");
+    const onDown = (e) => !row?.contains(e.target) && close();
+    const onKey = (e) => e.key === "Escape" && close();
+    document.addEventListener("pointerdown", onDown, true);
+    window.addEventListener("scroll", close, true);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      if (closeOpenRow === close) closeOpenRow = null;
+      document.removeEventListener("pointerdown", onDown, true);
+      window.removeEventListener("scroll", close, true);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const width = () => surface.current?.getBoundingClientRect().width ?? 0;
+  const actionFor = (value) => value < 0 ? actions.end : value > 0 ? actions.start : void 0;
+  const trigger = (action, side) => {
+    setLeaving(true);
+    setOffset(side * width());
+    window.setTimeout(() => {
+      action.onAction();
+      setLeaving(false);
+      setOffset(0);
+    }, 250);
+  };
+  const onPointerDown = (e) => {
+    if (e.pointerType === "mouse") return;
+    drag.current = { x: e.clientX, y: e.clientY, t: e.timeStamp, base: offset, lock: null, id: e.pointerId, buzzed: false };
+  };
+  const onPointerMove = (e) => {
+    const d = drag.current;
+    if (!d || e.pointerId !== d.id) return;
+    const dx = (e.clientX - d.x) * (rtl ? -1 : 1);
+    const dy = e.clientY - d.y;
+    if (!d.lock) {
+      if (Math.abs(dy) > SWIPE.lock && Math.abs(dy) > Math.abs(dx)) d.lock = "y";
+      else if (Math.abs(dx) > SWIPE.lock) {
+        d.lock = "x";
+        setDragging(true);
+        surface.current?.setPointerCapture(e.pointerId);
+        e.currentTarget.dispatchEvent(new PointerEvent("pointercancel", { bubbles: true, pointerId: e.pointerId, pointerType: e.pointerType }));
+      }
+    }
+    if (d.lock !== "x") return;
+    let next = d.base + dx;
+    if (!actionFor(next)) next = next / 4;
+    const past = Math.abs(next) >= width() * SWIPE.full && !!actionFor(next);
+    if (past && !d.buzzed) navigator.vibrate?.(10);
+    d.buzzed = past;
+    setOffset(next);
+  };
+  const onPointerEnd = (e) => {
+    const d = drag.current;
+    drag.current = null;
+    if (!d || d.lock !== "x") return;
+    setDragging(false);
+    const action = actionFor(offset);
+    const velocity = (e.clientX - d.x) * (rtl ? -1 : 1) / Math.max(1, e.timeStamp - d.t);
+    const side = Math.sign(offset);
+    if (!action) return close();
+    if (Math.abs(offset) >= width() * SWIPE.full || Math.abs(velocity) > SWIPE.flick && Math.sign(velocity) === side && Math.abs(offset) > SWIPE.action / 2)
+      return trigger(action, side);
+    setOffset(Math.abs(offset) >= SWIPE.action ? side * SWIPE.action : 0);
+  };
+  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__ */ jsx28(
+      "span",
+      {
+        className: cx(
+          "medo-list-row__swipe-action",
+          `medo-list-row__swipe-action--${offset < 0 ? "end" : "start"}`,
+          `medo-list-row__swipe-action--${revealed.tone ?? "primary"}`
+        ),
+        style: { inlineSize: Math.abs(offset) },
+        "aria-hidden": "true",
+        onPointerDown: (e) => e.stopPropagation(),
+        onClick: (e) => {
+          e.stopPropagation();
+          trigger(revealed, Math.sign(offset));
+        },
+        children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__swipe-label", children: [
+          revealed.icon,
+          revealed.label
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs27(
+      "span",
+      {
+        ref: surface,
+        className: cx("medo-list-row__surface", dragging && "medo-list-row__surface--dragging", leaving && "medo-list-row__surface--leaving"),
+        style: { transform: offset ? `translateX(${rtl ? -offset : offset}px)` : void 0 },
+        onPointerDown,
+        onPointerMove,
+        onPointerUp: onPointerEnd,
+        onPointerCancel: (e) => {
+          if (!e.isTrusted) return;
+          onPointerEnd(e);
+        },
+        children: [
+          children,
+          open && /* @__PURE__ */ jsx28(
+            "span",
+            {
+              className: "medo-list-row__swipe-shield",
+              "aria-hidden": "true",
+              onPointerDown: (e) => {
+                e.stopPropagation();
+                close();
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ListRowIcon({ children }) {
+  return /* @__PURE__ */ jsx28("span", { className: "medo-list-row__icon", "aria-hidden": "true", children });
+}
+function ListCard({ title, amount, description, meta, status, ...props }) {
+  return /* @__PURE__ */ jsx28(GridListItem, { ...props, textValue: title, className: "medo-list-card", children: ({ selectionMode }) => /* @__PURE__ */ jsxs27(Fragment16, { children: [
+    selectionMode !== "none" && /* @__PURE__ */ jsx28("span", { className: "medo-list-card__check", children: /* @__PURE__ */ jsx28(Checkbox, { slot: "selection", size: "lg" }) }),
+    /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
+      /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__top", children: [
+        /* @__PURE__ */ jsx28("span", { className: "medo-list-card__title", children: title }),
+        amount && /* @__PURE__ */ jsx28("span", { className: "medo-list-card__amount", children: amount })
+      ] }),
+      description && /* @__PURE__ */ jsx28(AvatarSizeContext.Provider, { value: "xs", children: /* @__PURE__ */ jsx28("span", { className: "medo-list-card__description", children: description }) }),
+      (meta || status) && /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__bottom", children: [
+        /* @__PURE__ */ jsx28("span", { className: "medo-list-card__meta", children: meta }),
+        status
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/bulk-action-bar/BulkActionBar.tsx
+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 jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
+function BulkActionBar({
+  count,
+  actions,
+  onClear,
+  variant = "auto",
+  countLabel = (n) => `${n} selected`,
+  clearLabel = "Clear selection",
+  moreLabel = "More actions",
+  "aria-label": ariaLabel = "Bulk actions",
+  className
+}) {
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const isMobile = variant === "mobile" || variant === "auto" && mobile;
+  const visible = count > 0;
+  const returnTo = useRef12(null);
+  const focusInside = useRef12(false);
+  useEffect11(() => {
+    if (visible || !focusInside.current) return;
+    focusInside.current = false;
+    if (returnTo.current?.isConnected) returnTo.current.focus();
+  }, [visible]);
+  const shown = actions.slice(0, 3);
+  const more = actions.slice(3);
+  const onKeyDown = (e) => {
+    if (e.key === "Escape" && !e.defaultPrevented) {
+      e.preventDefault();
+      onClear();
+    }
+  };
+  const overflow = more.length > 0 && (isMobile ? /* @__PURE__ */ jsxs28(MenuTrigger, { children: [
+    /* @__PURE__ */ jsx29(MenuButton, { "aria-label": moreLabel, size: "lg" }),
+    /* @__PURE__ */ jsx29(OverflowMenu, { actions: more })
+  ] }) : /* @__PURE__ */ jsxs28(MenuTrigger, { children: [
+    /* @__PURE__ */ jsx29(AriaButton9, { "aria-label": moreLabel, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx29(Ellipsis3, { "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsx29(OverflowMenu, { actions: more })
+  ] }));
+  return /* @__PURE__ */ jsxs28(Fragment17, { children: [
+    /* @__PURE__ */ jsx29("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__ */ jsx29(
+      "div",
+      {
+        className: "medo-bulk-bar-host",
+        onKeyDown,
+        onFocus: (e) => {
+          focusInside.current = true;
+          const from = e.relatedTarget;
+          if (from && !e.currentTarget.contains(from)) returnTo.current = from;
+        },
+        onBlur: (e) => {
+          if (!e.currentTarget.contains(e.relatedTarget)) focusInside.current = false;
+        },
+        children: /* @__PURE__ */ jsx29(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__ */ jsx29(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx29(X12, {}), "aria-label": clearLabel, tooltip: false, onPress: onClear }),
+            /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__count", children: countLabel(count) })
+          ] }),
+          /* @__PURE__ */ jsxs28("span", { className: "medo-bulk-bar__actions", children: [
+            shown.map((a) => /* @__PURE__ */ jsx29(Button, { variant: a.variant === "danger" ? "ghost-danger" : "ghost", size: "lg", onPress: a.onAction, children: a.label }, a.label)),
+            overflow
+          ] })
+        ] }) : /* @__PURE__ */ jsxs28(Fragment17, { children: [
+          /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__count", children: countLabel(count) }),
+          /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
+          shown.map((a) => /* @__PURE__ */ jsx29(AriaButton9, { className: "medo-toast__button medo-toast__action", onPress: a.onAction, children: a.label }, a.label)),
+          overflow,
+          /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx29(AriaButton9, { "aria-label": clearLabel, className: "medo-toast__button medo-toast__close", onPress: onClear, children: /* @__PURE__ */ jsx29(X12, { "aria-hidden": "true" }) })
+        ] }) })
+      }
+    )
+  ] });
+}
+function OverflowMenu({ actions }) {
+  return /* @__PURE__ */ jsx29(Menu, { onAction: (key) => actions[Number(key)]?.onAction(), children: actions.map((a, i) => /* @__PURE__ */ jsx29(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 jsx30, jsxs as jsxs29 } from "react/jsx-runtime";
+var defaults = {
+  "first-use": { icon: /* @__PURE__ */ jsx30(Folder, {}), tone: "neutral" },
+  "no-results": { icon: /* @__PURE__ */ jsx30(Search2, {}), tone: "neutral" },
+  error: { icon: /* @__PURE__ */ jsx30(CircleAlert4, {}), tone: "danger" },
+  "no-access": { icon: /* @__PURE__ */ jsx30(Lock, {}), tone: "neutral" },
+  "all-done": { icon: /* @__PURE__ */ jsx30(CircleCheck, {}), tone: "success" }
+};
+var tileSize = { page: "lg", section: "md", inline: "sm" };
+function EmptyState({
+  type = "first-use",
+  size = "page",
+  title,
+  description,
+  action,
+  secondaryAction,
+  icon,
+  illustration,
+  headingLevel,
+  className,
+  ...props
+}) {
+  const titleId = useId6();
+  const { icon: defaultIcon, tone } = defaults[type];
+  const isInline = size === "inline";
+  const Tag2 = isInline ? "div" : "section";
+  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__ */ jsx30("span", { className: "medo-empty-state__illustration", "aria-hidden": "true", children: illustration }) : /* @__PURE__ */ jsx30(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__ */ jsx30(Title, { id: titleId, className: "medo-empty-state__title", children: title }),
+      description && /* @__PURE__ */ jsx30("p", { className: "medo-empty-state__description", children: description })
+    ] }),
+    (action || secondaryAction) && /* @__PURE__ */ jsxs29("div", { className: "medo-empty-state__actions", children: [
+      action && /* @__PURE__ */ jsx30(Button, { variant: type === "first-use" ? "primary" : "secondary", size: buttonSize, onPress: action.onPress, isDisabled: action.isDisabled, children: action.label }),
+      secondaryAction && (secondaryAction.href ? /* @__PURE__ */ jsx30(Link, { variant: "standalone", href: secondaryAction.href, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }) : /* @__PURE__ */ jsx30(Button, { variant: "text", size: buttonSize, onPress: secondaryAction.onPress, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }))
+    ] })
+  ] });
+}
+function IconTile({ size = "md", tone = "neutral", children }) {
+  return /* @__PURE__ */ jsx30("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 jsx31, 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];
+  if (page >= totalPages - 3) return [1, "ellipsis", ...Array.from({ length: 5 }, (_, i) => totalPages - 4 + i)];
+  return [1, "ellipsis", page - 1, page, page + 1, "ellipsis", totalPages];
+}
+function Pagination({
+  page: pageProp,
+  defaultPage = 1,
+  onChange,
+  getPageHref,
+  totalPages: totalPagesProp,
+  totalItems,
+  pageSize = 20,
+  onPageSizeChange,
+  pageSizeOptions = [10, 20, 50, 100],
+  variant = "auto",
+  size = "md",
+  "aria-label": ariaLabel = "Pagination",
+  summary = (from, to, total) => `${from}\u2013${to} of ${total}`,
+  pageSizeLabel = "Rows per page",
+  previousLabel = "Previous page",
+  nextLabel = "Next page",
+  pageLabel = (p) => `Page ${p}`,
+  compactLabel = (p, total) => `Page ${p} of ${total}`,
+  className
+}) {
+  const [innerPage, setInnerPage] = useState12(defaultPage);
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const totalPages = totalPagesProp ?? (totalItems !== void 0 ? Math.ceil(totalItems / pageSize) : 1);
+  const page = Math.min(Math.max(pageProp ?? innerPage, 1), Math.max(totalPages, 1));
+  const compact = variant === "compact" || variant === "auto" && mobile;
+  const itemSize = compact ? "lg" : size;
+  const statusId = useId7();
+  const navRef = useRef13(null);
+  if (totalPages <= 1) return null;
+  const go = (p) => {
+    if (pageProp === void 0) setInnerPage(p);
+    onChange?.(p);
+    requestAnimationFrame(() => {
+      const nav = navRef.current;
+      if (!nav || document.activeElement && document.activeElement !== document.body) return;
+      (nav.querySelector('[aria-current="page"]') ?? nav.querySelector(".medo-button:not([data-disabled])"))?.focus();
+    });
+  };
+  const item = (target, props) => getPageHref ? /* @__PURE__ */ jsx31(AriaLink4, { ...props, href: props.isDisabled ? void 0 : getPageHref(target), onPress: () => go(target) }) : /* @__PURE__ */ jsx31(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__ */ jsx31("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__ */ jsx31("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__ */ jsx31(ChevronLeft2, {})),
+    /* @__PURE__ */ jsx31("p", { role: "status", className: "medo-pagination__compact-label", children: compactLabel(page, totalPages) }),
+    step(page + 1, nextLabel, /* @__PURE__ */ jsx31(ChevronRight3, {}))
+  ] }) : /* @__PURE__ */ jsxs30(Fragment18, { children: [
+    (totalItems !== void 0 || onPageSizeChange) && /* @__PURE__ */ jsxs30("div", { className: "medo-pagination__info", children: [
+      totalItems !== void 0 && /* @__PURE__ */ jsx31("p", { id: statusId, role: "status", className: "medo-pagination__summary", children: summary(from, to, totalItems) }),
+      onPageSizeChange && /* @__PURE__ */ jsx31(
+        Select,
+        {
+          label: pageSizeLabel,
+          size: "sm",
+          selectedKey: pageSize,
+          onSelectionChange: (key) => key != null && onPageSizeChange(Number(key)),
+          className: "medo-pagination__size",
+          children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx31(Option, { id: n, children: String(n) }, n))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs30("ul", { className: "medo-pagination__pages", role: "list", children: [
+      /* @__PURE__ */ jsx31("li", { children: step(page - 1, previousLabel, /* @__PURE__ */ jsx31(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__ */ jsx31("li", { className: cx("medo-page-item", "medo-page-item--ellipsis", `medo-page-item--${itemSize}`), "aria-hidden": "true", children: "\u2026" }, `e${i}`)
+        ) : /* @__PURE__ */ jsx31("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__ */ jsx31("li", { children: step(page + 1, nextLabel, /* @__PURE__ */ jsx31(ChevronRight3, {})) })
+    ] })
+  ] }) });
+}
+
+// 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 jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
+function SearchField({ label, description, placeholder, size = "md", clearLabel = "Clear search", className, ...props }) {
+  return /* @__PURE__ */ jsxs31(AriaSearchField, { ...props, className: cx("medo-field", "medo-search-field", className), children: [
+    label && /* @__PURE__ */ jsx32(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsxs31("div", { className: cx("medo-input", `medo-input--${size}`), children: [
+      /* @__PURE__ */ jsx32("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx32(Search3, {}) }),
+      /* @__PURE__ */ jsx32(AriaInput2, { className: "medo-input__control", placeholder }),
+      /* @__PURE__ */ jsx32(AriaButton11, { "aria-label": clearLabel, className: "medo-input__action medo-search-field__clear", children: /* @__PURE__ */ jsx32(X13, {}) })
+    ] }),
+    description && /* @__PURE__ */ jsx32(FieldFooter, { description })
+  ] });
+}
+
+// src/search/SearchResult.tsx
+import { Link as AriaLink5 } from "react-aria-components";
+import { FileText, Globe } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
+var icons = { page: /* @__PURE__ */ jsx33(Globe, {}), document: /* @__PURE__ */ jsx33(FileText, {}) };
+function SearchResult({
+  type = "page",
+  variant = "base",
+  title,
+  href,
+  query,
+  path,
+  snippet,
+  badge,
+  meta,
+  leading,
+  headingLevel = 3,
+  linkProps,
+  className
+}) {
+  const Heading7 = `h${headingLevel}`;
+  const lead = leading ?? (icons[type] && /* @__PURE__ */ jsx33(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__ */ jsx33(AvatarSizeContext.Provider, { value: "lg", children: /* @__PURE__ */ jsx33("span", { className: "medo-search-result__leading", children: lead }) }),
+    /* @__PURE__ */ jsxs32("div", { className: "medo-search-result__content", children: [
+      path && /* @__PURE__ */ jsx33("span", { className: "medo-search-result__path", children: path }),
+      /* @__PURE__ */ jsx33(Heading7, { className: "medo-search-result__title", children: /* @__PURE__ */ jsx33(AriaLink5, { ...linkProps, href, className: "medo-search-result__link", children: /* @__PURE__ */ jsx33(Highlight, { text: title, query, all: true, className: "medo-search-result__match" }) }) }),
+      snippet && /* @__PURE__ */ jsx33("p", { className: "medo-search-result__snippet", children: typeof snippet === "string" ? /* @__PURE__ */ jsx33(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__ */ jsx33(Badge, { tone: "neutral", size: "sm", children: badge }),
+        meta && /* @__PURE__ */ jsx33("span", { className: "medo-search-result__meta-text", children: meta })
+      ] })
+    ] })
+  ] });
+}
+
+// src/search/QuickSearch.tsx
+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 jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
+function QuickSearch({
+  isOpen,
+  defaultOpen,
+  onOpenChange,
+  shortcut = true,
+  inputValue,
+  onInputChange,
+  clientFilter = false,
+  children,
+  items,
+  onAction,
+  allResultsHref,
+  onSearch,
+  "aria-label": ariaLabel = "Search",
+  placeholder = "Search pages, files, people \u2026",
+  cancelLabel = "Cancel",
+  suggestionsLabel = "Suggestions",
+  allResultsLabel = (q) => `All results for \u201C${q}\u201D`,
+  noResultsLabel = (q) => `No results for \u201C${q}\u201D. Check the spelling or try other words.`,
+  searchAllLabel = (q) => `Search all content for \u201C${q}\u201D`,
+  hints = { navigate: "Navigate", open: "Open", close: "Close" }
+}) {
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const [innerOpen, setInnerOpen] = useState13(defaultOpen ?? false);
+  const open = isOpen ?? innerOpen;
+  const setOpen = (value) => {
+    if (isOpen === void 0) setInnerOpen(value);
+    onOpenChange?.(value);
+  };
+  const [innerQuery, setInnerQuery] = useState13("");
+  const query = inputValue ?? innerQuery;
+  const setQuery = (value) => {
+    if (inputValue === void 0) setInnerQuery(value);
+    onInputChange?.(value);
+  };
+  const { contains } = useFilter2({ sensitivity: "base" });
+  useEffect12(() => {
+    if (!shortcut) return;
+    const onKey = (e) => {
+      if (e.key.toLowerCase() !== "k" || !(e.metaKey || e.ctrlKey) || e.altKey || e.shiftKey) return;
+      const t = e.target;
+      if (t && (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName))) return;
+      e.preventDefault();
+      setOpen(true);
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  });
+  const term = query.trim();
+  const close = () => setOpen(false);
+  const [empty, setEmpty] = useState13(false);
+  return /* @__PURE__ */ jsx34(
+    ModalOverlay5,
+    {
+      isOpen: open,
+      onOpenChange: setOpen,
+      isDismissable: true,
+      className: cx("medo-dialog-overlay", "medo-quick-search-overlay", mobile && "medo-quick-search-overlay--mobile"),
+      children: /* @__PURE__ */ jsx34(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__ */ jsx34(
+              SearchField,
+              {
+                "aria-label": ariaLabel,
+                placeholder,
+                size: "lg",
+                autoFocus: true,
+                onSubmit: (value) => value.trim() && onSearch?.(value.trim()),
+                className: "medo-quick-search__field"
+              }
+            ),
+            mobile && /* @__PURE__ */ jsx34(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__ */ jsx34(OptionHighlightContext.Provider, { value: term, children: /* @__PURE__ */ jsx34(
+              ListBox,
+              {
+                "aria-label": ariaLabel,
+                size: mobile ? "lg" : "md",
+                items,
+                onAction: (key) => {
+                  onAction?.(key);
+                  close();
+                },
+                className: "medo-quick-search__list",
+                renderEmptyState: () => term ? /* @__PURE__ */ jsx34(EmptyReporter, { onChange: setEmpty, message: noResultsLabel(term) }) : null,
+                children
+              }
+            ) }),
+            empty && term && onSearch && /* @__PURE__ */ jsxs33(AriaButton12, { className: "medo-quick-search__all", onPress: () => onSearch(term), children: [
+              /* @__PURE__ */ jsx34(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__ */ jsx34(Badge, { size: "sm", children: "\u2191 \u2193" }),
+            hints.navigate
+          ] }),
+          /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx34(Badge, { size: "sm", children: "Enter" }),
+            hints.open
+          ] }),
+          /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx34(Badge, { size: "sm", children: "Esc" }),
+            hints.close
+          ] }),
+          term && !empty && allResultsHref && /* @__PURE__ */ jsx34(Link, { variant: "standalone", size: "md", arrow: true, href: allResultsHref(term), className: "medo-quick-search__all-results", onPress: close, children: allResultsLabel(term) })
+        ] })
+      ] }) })
+    }
+  );
+}
+function EmptyReporter({ message, onChange }) {
+  useLayoutEffect5(() => {
+    onChange(true);
+    return () => onChange(false);
+  }, [onChange]);
+  return /* @__PURE__ */ jsx34("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 jsx35, jsxs as jsxs34 } from "react/jsx-runtime";
+function Breadcrumbs({
+  items,
+  size = "md",
+  homeIcon = true,
+  layout = "auto",
+  "aria-label": ariaLabel = "Breadcrumb",
+  moreLabel = (n) => `Show ${n} more levels`,
+  className
+}) {
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const back = layout === "back" || layout === "auto" && mobile;
+  if (items.length < 2) return null;
+  if (back) {
+    const parent = items[items.length - 2];
+    return /* @__PURE__ */ jsx35("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__ */ jsx35(ChevronLeft3, { className: "medo-breadcrumbs__back-icon", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx35(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__ */ jsx35("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, className), children: /* @__PURE__ */ jsx35(AriaBreadcrumbs, { className: "medo-breadcrumbs__list", children: shown.map((item, i) => {
+    const separator = i < last && /* @__PURE__ */ jsx35(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__ */ jsx35(AriaButton13, { "aria-label": moreLabel(hidden.length), className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx35(Ellipsis4, { "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx35(Menu, { children: hidden.map((h) => /* @__PURE__ */ jsx35(MenuItem, { id: h.label, href: h.href, icon: /* @__PURE__ */ jsx35(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__ */ jsx35(AriaLink6, { href: item.href, "aria-label": item.label, className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx35(House, { "aria-hidden": "true" }) }) : i === last ? (
+        // The current page: not a link (React Aria sets aria-current="page").
+        /* @__PURE__ */ jsx35(AriaLink6, { className: "medo-breadcrumbs__link medo-breadcrumbs__current", children: /* @__PURE__ */ jsx35(Label3, { text: item.label }) })
+      ) : /* @__PURE__ */ jsx35(TruncatedLink, { href: item.href, label: item.label }),
+      separator
+    ] }, `${i}-${item.label}`);
+  }) }) });
+}
+function Label3({ text }) {
+  return /* @__PURE__ */ jsx35("span", { className: "medo-breadcrumbs__label", children: text });
+}
+function TruncatedLink({ href, label }) {
+  const ref = useRef14(null);
+  const [cut, setCut] = useState14(false);
+  useLayoutEffect6(() => {
+    const el = ref.current;
+    if (el) setCut(el.scrollWidth > el.clientWidth);
+  }, [label]);
+  const text = /* @__PURE__ */ jsx35("span", { ref, className: "medo-breadcrumbs__label", children: label });
+  if (!cut) {
+    return /* @__PURE__ */ jsx35(AriaLink6, { href, className: "medo-breadcrumbs__link", children: text });
+  }
+  return /* @__PURE__ */ jsxs34(TooltipTrigger, { children: [
+    /* @__PURE__ */ jsx35(TooltipLink, { href, className: "medo-breadcrumbs__link", children: text }),
+    /* @__PURE__ */ jsx35(Tooltip, { children: label })
+  ] });
+}
+
+// src/accordion/Accordion.tsx
+import { Children as Children3, createContext as createContext9, isValidElement as isValidElement3, useContext as useContext16, 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 jsx36, jsxs as jsxs35 } from "react/jsx-runtime";
+var AccordionContext = createContext9({ size: "md", headingLevel: 3 });
+var hashId = () => typeof window === "undefined" ? "" : decodeURIComponent(window.location.hash.slice(1));
+function Accordion({
+  size = "md",
+  headingLevel = 3,
+  allowsMultipleExpanded = true,
+  expandAll = true,
+  expandAllLabel = "Expand all",
+  collapseAllLabel = "Collapse all",
+  expandedKeys: expandedProp,
+  defaultExpandedKeys,
+  onExpandedChange,
+  children,
+  className,
+  ...props
+}) {
+  const ids = Children3.toArray(children).filter((c) => isValidElement3(c)).filter((c) => !c.props.isDisabled).map((c) => c.props.id);
+  const [inner, setInner] = useState15(() => {
+    const start = new Set(defaultExpandedKeys ?? []);
+    const hash = hashId();
+    if (ids.includes(hash)) start.add(hash);
+    return start;
+  });
+  const expanded = expandedProp ? new Set(expandedProp) : inner;
+  const setExpanded = (keys) => {
+    if (!expandedProp) setInner(keys);
+    onExpandedChange?.(keys);
+  };
+  useEffect13(() => {
+    const open = () => {
+      const hash = hashId();
+      if (!ids.includes(hash)) return;
+      setExpanded(new Set(allowsMultipleExpanded ? [...expanded, hash] : [hash]));
+      requestAnimationFrame(() => document.getElementById(hash)?.scrollIntoView({ block: "start" }));
+    };
+    if (hashId()) requestAnimationFrame(() => document.getElementById(hashId())?.scrollIntoView({ block: "start" }));
+    window.addEventListener("hashchange", open);
+    return () => window.removeEventListener("hashchange", open);
+  });
+  const allOpen = ids.length > 0 && ids.every((id) => expanded.has(id));
+  const showToggle = expandAll && allowsMultipleExpanded && Children3.count(children) > 6;
+  return /* @__PURE__ */ jsx36(AccordionContext.Provider, { value: { size, headingLevel }, children: /* @__PURE__ */ jsxs35("div", { className: cx("medo-accordion-wrap", className), children: [
+    showToggle && /* @__PURE__ */ jsx36("div", { className: "medo-accordion__toolbar", children: /* @__PURE__ */ jsx36(Button, { variant: "text", size: "sm", onPress: () => setExpanded(allOpen ? /* @__PURE__ */ new Set() : new Set(ids)), children: allOpen ? collapseAllLabel : expandAllLabel }) }),
+    /* @__PURE__ */ jsx36(
+      DisclosureGroup,
+      {
+        ...props,
+        allowsMultipleExpanded,
+        expandedKeys: expanded,
+        onExpandedChange: setExpanded,
+        className: cx("medo-accordion", `medo-accordion--${size}`),
+        children
+      }
+    )
+  ] }) });
+}
+function AccordionItem({ id, title, description, icon, badge, isDisabled, children }) {
+  const { headingLevel } = useContext16(AccordionContext);
+  const descId = useId8();
+  return /* @__PURE__ */ jsxs35(Disclosure, { id, isDisabled, className: cx("medo-accordion__item", !!icon && "medo-accordion__item--icon"), children: [
+    /* @__PURE__ */ jsx36(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__ */ jsx36("span", { className: "medo-accordion__icon", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsxs35("span", { className: "medo-accordion__text", children: [
+        /* @__PURE__ */ jsx36("span", { className: "medo-accordion__title", children: title }),
+        description && // Read as description, not as part of the name.
+        /* @__PURE__ */ jsx36("span", { id: descId, className: "medo-accordion__description", "aria-hidden": "true", children: description })
+      ] }),
+      badge && /* @__PURE__ */ jsx36("span", { className: "medo-accordion__badge", children: badge }),
+      /* @__PURE__ */ jsx36(ChevronDown4, { className: "medo-accordion__chevron", "aria-hidden": "true" })
+    ] }) }),
+    /* @__PURE__ */ jsx36(DisclosurePanel, { className: "medo-accordion__panel", children: /* @__PURE__ */ jsx36("div", { className: "medo-accordion__content", children }) })
+  ] });
+}
+
+// src/slider/Slider.tsx
+import { useMemo } from "react";
+import { Label as Label4, Slider as AriaSlider, SliderOutput, SliderThumb, SliderTrack, useLocale as useLocale2 } from "react-aria-components";
+
+// src/number-field/NumberField.tsx
+import { Input as AriaInput3, NumberField as AriaNumberField } from "react-aria-components";
+import { jsx as jsx37, 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__ */ jsx37(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx37("div", { className: cx("medo-input", `medo-input--${size}`), children: /* @__PURE__ */ jsx37(AriaInput3, { className: "medo-input__control medo-number-field__control", placeholder }) }),
+    (description || errorMessage) && /* @__PURE__ */ jsx37(FieldFooter, { description, errorMessage })
+  ] });
+}
+
+// src/slider/Slider.tsx
+import { Fragment as Fragment19, jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
+function Slider({
+  label,
+  thumbLabels,
+  showTicks,
+  showMinMax,
+  showValue = true,
+  minValue = 0,
+  maxValue = 100,
+  step = 1,
+  formatOptions,
+  className,
+  ...props
+}) {
+  const { locale } = useLocale2();
+  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__ */ jsx38(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__ */ jsx38(Label4, { className: "medo-slider__label", "aria-disabled": props.isDisabled || void 0, children: label }),
+        showValue && /* @__PURE__ */ jsx38(SliderOutput, { className: "medo-slider__value", "aria-disabled": props.isDisabled || void 0 })
+      ] }),
+      /* @__PURE__ */ jsxs37(SliderTrack, { className: "medo-slider__track", children: [
+        /* @__PURE__ */ jsx38("span", { className: "medo-slider__rail", "aria-hidden": "true" }),
+        showTicks && steps <= 10 && /* @__PURE__ */ jsx38("span", { className: "medo-slider__ticks", "aria-hidden": "true", children: Array.from({ length: steps + 1 }, (_, i) => /* @__PURE__ */ jsx38("span", { className: "medo-slider__tick", style: { insetInlineStart: `${i / steps * 100}%` } }, i)) }),
+        /* @__PURE__ */ jsx38("span", { className: "medo-slider__fill", style: { insetInlineStart: `${start * 100}%`, inlineSize: `${(end - start) * 100}%` }, "aria-hidden": "true" }),
+        state.values.map((_, i) => /* @__PURE__ */ jsx38(
+          SliderThumb,
+          {
+            index: i,
+            "aria-label": range ? thumbLabels?.[i] ?? `${i === 0 ? "Minimum" : "Maximum"} ${labelText}`.trim() : void 0,
+            className: "medo-slider__thumb",
+            children: ({ isDragging }) => (
+              // The finger covers the thumb: show the value above it while dragging.
+              isDragging && /* @__PURE__ */ jsx38("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__ */ jsx38("span", { children: format.format(minValue) }),
+        /* @__PURE__ */ jsx38("span", { children: format.format(maxValue) })
+      ] })
+    ] });
+  } });
+}
+function SliderField({ value, onChange, inputLabels, ...props }) {
+  const { minValue = 0, maxValue = 100, step = 1, formatOptions, isDisabled, label, thumbLabels } = props;
+  const labelText = typeof label === "string" ? label : props["aria-label"] ?? "";
+  const field = { step, formatOptions, isDisabled, size: "md" };
+  if (Array.isArray(value)) {
+    const [lo, hi] = value;
+    const names = inputLabels ?? thumbLabels ?? [`Minimum ${labelText}`.trim(), `Maximum ${labelText}`.trim()];
+    return /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field medo-slider-field--range", children: [
+      /* @__PURE__ */ jsx38(Slider, { ...props, value, onChange }),
+      /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field__inputs", children: [
+        /* @__PURE__ */ jsx38(NumberField, { ...field, "aria-label": names[0], minValue, maxValue: hi, value: lo, onChange: (v) => !Number.isNaN(v) && onChange([v, hi]) }),
+        /* @__PURE__ */ jsx38("span", { className: "medo-slider-field__dash", "aria-hidden": "true", children: "\u2013" }),
+        /* @__PURE__ */ jsx38(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__ */ jsx38(Slider, { ...props, value, onChange, showValue: false }),
+    /* @__PURE__ */ jsx38(
+      NumberField,
+      {
+        ...field,
+        "aria-label": inputLabels?.[0] ?? labelText,
+        minValue,
+        maxValue,
+        value,
+        onChange: (v) => !Number.isNaN(v) && onChange(v),
+        className: "medo-slider-field__input"
+      }
+    )
+  ] });
+}
+
+// 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 jsx39, jsxs as jsxs38 } from "react/jsx-runtime";
+var ICONS = {
+  info: Info3,
+  success: CircleCheck2,
+  warning: TriangleAlert2,
+  danger: CircleAlert5
+};
+function Alert({
+  tone = "info",
+  variant = "inline",
+  title,
+  children,
+  actions,
+  onDismiss,
+  dismissLabel = "Dismiss",
+  announce,
+  className,
+  ...props
+}) {
+  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__ */ jsx39(Icon, { className: "medo-alert__icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs38("div", { className: "medo-alert__content", children: [
+      /* @__PURE__ */ jsx39("p", { className: "medo-alert__title", children: title }),
+      children && /* @__PURE__ */ jsx39("div", { className: "medo-alert__description", children }),
+      actions && /* @__PURE__ */ jsx39("div", { className: "medo-alert__actions", children: actions })
+    ] }),
+    onDismiss && /* @__PURE__ */ jsx39(IconButton, { className: "medo-alert__close", variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx39(X14, {}), "aria-label": dismissLabel, onPress: onDismiss })
+  ] });
+}
+
+// src/card/Card.tsx
+import { Link as AriaLink7 } from "react-aria-components";
+import { jsx as jsx40, jsxs as jsxs39 } from "react/jsx-runtime";
+function Card({
+  title,
+  subtitle,
+  headingLevel = 3,
+  variant = "outlined",
+  density = "standard",
+  layout = "vertical",
+  media,
+  headerActions,
+  footer,
+  href,
+  linkProps,
+  children,
+  className,
+  style
+}) {
+  const Heading7 = `h${headingLevel}`;
+  const interactive = href !== void 0;
+  return /* @__PURE__ */ jsxs39(
+    "article",
+    {
+      className: cx(
+        "medo-card",
+        `medo-card--${variant}`,
+        density === "compact" && "medo-card--compact",
+        layout === "horizontal" && "medo-card--horizontal",
+        interactive && "medo-card--interactive",
+        className
+      ),
+      style,
+      children: [
+        media && /* @__PURE__ */ jsx40("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__ */ jsx40(Heading7, { className: "medo-card__title", children: interactive ? /* @__PURE__ */ jsx40(AriaLink7, { ...linkProps, href, className: "medo-card__link", children: title }) : title }),
+              subtitle && /* @__PURE__ */ jsx40("p", { className: "medo-card__subtitle", children: subtitle })
+            ] }),
+            headerActions && /* @__PURE__ */ jsx40("div", { className: "medo-card__header-actions", children: headerActions })
+          ] }),
+          children && /* @__PURE__ */ jsx40("div", { className: "medo-card__body", children }),
+          footer && /* @__PURE__ */ jsx40("div", { className: "medo-card__footer", children: footer })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/table/Table.tsx
+import {
+  Cell as AriaCell,
+  Checkbox as AriaCheckbox,
+  Collection as Collection3,
+  Column as AriaColumn,
+  Row as AriaRow,
+  Table as AriaTable,
+  TableBody as AriaTableBody,
+  TableHeader as AriaTableHeader,
+  useTableOptions
+} from "react-aria-components";
+import { ArrowDown, ArrowUp, ArrowUpDown, Check as Check6, Minus as Minus2 } from "lucide-react";
+import { jsx as jsx41, jsxs as jsxs40 } from "react/jsx-runtime";
+function StaticTable({ children, caption, captionHidden, density = "standard", striped, plain: plain2, className, style }) {
+  return /* @__PURE__ */ jsx41("div", { 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__ */ jsx41("caption", { 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__ */ jsx41(AriaTable, { ...props, className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped") });
+  if (!toolbar && !footer) {
+    return /* @__PURE__ */ jsx41("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__ */ jsx41("div", { className: "medo-table__toolbar", children: toolbar }),
+    /* @__PURE__ */ jsx41("div", { className: "medo-table-container medo-table-container--plain", children: table }),
+    footer && /* @__PURE__ */ jsx41("div", { className: "medo-table__footer", children: footer })
+  ] });
+}
+function SelectionCheckbox() {
+  return /* @__PURE__ */ jsx41(AriaCheckbox, { slot: "selection", className: "medo-choice medo-checkbox medo-choice--md medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsx41("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx41(Minus2, {}) : isSelected ? /* @__PURE__ */ jsx41(Check6, {}) : null }) });
+}
+function TableHeader({ columns, children, ...props }) {
+  const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions();
+  return /* @__PURE__ */ jsxs40(AriaTableHeader, { ...props, className: "medo-table__header", children: [
+    allowsDragging && /* @__PURE__ */ jsx41(AriaColumn, { className: "medo-table__column medo-table__column--utility" }),
+    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx41(AriaColumn, { className: "medo-table__column medo-table__column--utility", children: selectionMode === "multiple" && /* @__PURE__ */ jsx41(SelectionCheckbox, {}) }),
+    /* @__PURE__ */ jsx41(Collection3, { items: columns, children })
+  ] });
+}
+function Column({ children, align = "start", ...props }) {
+  return /* @__PURE__ */ jsx41(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__ */ jsx41(ArrowUp, { className: "medo-table__sort", "aria-hidden": "true" }) : sortDirection === "descending" ? /* @__PURE__ */ jsx41(ArrowDown, { className: "medo-table__sort", "aria-hidden": "true" }) : /* @__PURE__ */ jsx41(ArrowUpDown, { className: "medo-table__sort", "aria-hidden": "true" }))
+  ] }) });
+}
+function TableBody(props) {
+  return /* @__PURE__ */ jsx41(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__ */ jsx41(AriaCell, { className: "medo-table__cell medo-table__cell--utility" }),
+    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx41(AriaCell, { className: "medo-table__cell medo-table__cell--utility", children: /* @__PURE__ */ jsx41(SelectionCheckbox, {}) }),
+    /* @__PURE__ */ jsx41(Collection3, { items: columns, children })
+  ] });
+}
+function Cell({ align = "start", ...props }) {
+  return /* @__PURE__ */ jsx41(AriaCell, { ...props, "data-align": align, className: "medo-table__cell" });
+}
+
+// src/table/ColumnsMenu.tsx
+import { Columns3 } from "lucide-react";
+import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
+function ColumnsMenu({ columns, visibleColumns, onVisibleColumnsChange, label = "Columns", title = "Show columns" }) {
+  const locked = columns.filter((c) => c.isLocked).map((c) => c.id);
+  return /* @__PURE__ */ jsxs41(PopoverTrigger, { children: [
+    /* @__PURE__ */ jsx42(Button, { variant: "ghost", size: "sm", startIcon: /* @__PURE__ */ jsx42(Columns3, {}), children: label }),
+    /* @__PURE__ */ jsx42(Popover5, { size: "sm", "aria-label": title, children: /* @__PURE__ */ jsx42(
+      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__ */ jsx42(Checkbox, { value: c.id, isDisabled: c.isLocked, children: c.label }, c.id))
+      }
+    ) })
+  ] });
+}
+
+// src/upload/Upload.tsx
+import { useEffect as useEffect14, useId as useId9, useLayoutEffect as useLayoutEffect7, useMemo as useMemo2, useRef as useRef15, useState as useState16 } from "react";
+import {
+  Button as AriaButton15,
+  DropZone,
+  FileTrigger as AriaFileTrigger,
+  Text as Text9,
+  useLocale as useLocale3
+} 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 jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
+var units = ["byte", "kilobyte", "megabyte", "gigabyte"];
+function unitOf(bytes) {
+  let i = 0;
+  let value = bytes;
+  while (value >= 1e3 && i < units.length - 1) {
+    value /= 1e3;
+    i++;
+  }
+  return { value, i, digits: i < 2 ? 0 : 1 };
+}
+function formatBytes(bytes, locale = "en-US") {
+  const { value, i, digits } = unitOf(bytes);
+  return new Intl.NumberFormat(locale, { style: "unit", unit: units[i], unitDisplay: "short", maximumFractionDigits: digits }).format(value);
+}
+function formatLoaded(loaded, total, locale) {
+  const a = unitOf(loaded);
+  if (a.i !== unitOf(total).i) return formatBytes(loaded, locale);
+  return new Intl.NumberFormat(locale, { maximumFractionDigits: a.digits }).format(a.value);
+}
+function isAccepted(file, accepted) {
+  if (!accepted?.length) return true;
+  const name = file.name.toLowerCase();
+  const type = file.type.toLowerCase();
+  return accepted.some((a) => {
+    const rule = a.trim().toLowerCase();
+    if (rule.startsWith(".")) return name.endsWith(rule);
+    if (rule.endsWith("/*")) return type.startsWith(rule.slice(0, -1));
+    return type === rule;
+  });
+}
+function FileName({ name, className }) {
+  const keep = 12;
+  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__ */ jsx43("span", { className: "medo-visually-hidden", children: name }),
+    /* @__PURE__ */ jsxs42("span", { className: "medo-file-name__visual", title: name, "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx43("span", { className: "medo-file-name__start", children: start }),
+      end && /* @__PURE__ */ jsx43("span", { className: "medo-file-name__end", children: end })
+    ] })
+  ] });
+}
+var defaultUploadTexts = {
+  title: "Drag and drop files here",
+  dropTitle: "Drop files to upload",
+  chooseFiles: "Choose files",
+  chooseFile: "Choose file",
+  listLabel: "Uploaded files",
+  cancel: (name) => `Cancel upload of ${name}`,
+  remove: (name) => `Remove ${name}`,
+  retry: (name) => `Retry ${name}`,
+  retryShort: "Retry",
+  uploading: (name) => `Uploading ${name}`,
+  progress: (loaded, total, percent) => `${loaded} of ${total} \xB7 ${percent} %`,
+  typeNotAllowed: (names, types) => `${names} ${names.includes(",") ? "are" : "is"} not allowed.${types ? ` Use ${types}.` : ""}`,
+  tooLarge: (size, max) => `File is ${size} \u2013 max. ${max} allowed`,
+  tooMany: (max) => `You can add up to ${max} files. Remove one to add another.`,
+  uploaded: (name) => `${name} uploaded`,
+  failed: (name, error) => `${name}: ${error}`
+};
+var isImage = (file) => !!file.previewUrl && (!file.type || file.type.startsWith("image/"));
+var percentOf = (file) => file.loaded != null && file.size > 0 ? Math.min(100, Math.round(file.loaded / file.size * 100)) : void 0;
+function FileItem({ file, onRemove, onCancel, onRetry, texts: own, className }) {
+  const t = { ...defaultUploadTexts, ...own };
+  const { locale } = useLocale3();
+  const percent = percentOf(file);
+  const size = formatBytes(file.size, locale);
+  let meta;
+  if (file.status === "uploading") {
+    meta = /* @__PURE__ */ jsxs42(Fragment20, { children: [
+      /* @__PURE__ */ jsx43("span", { className: "medo-file-item__meta", children: percent != null ? t.progress(formatLoaded(file.loaded ?? 0, file.size, locale), size, percent) : size }),
+      /* @__PURE__ */ jsx43(
+        ProgressBar,
+        {
+          size: "sm",
+          showValue: false,
+          "aria-label": t.uploading(file.name),
+          value: percent,
+          isIndeterminate: percent == null,
+          className: "medo-file-item__progress"
+        }
+      )
+    ] });
+  } 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__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx43(CircleCheck3, { "aria-hidden": "true", className: "medo-file-item__done" }),
+      /* @__PURE__ */ jsx43("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__ */ jsx43("img", { className: "medo-file-item__thumb", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx43("span", { className: "medo-file-item__icon", "aria-hidden": "true", children: file.type?.startsWith("image/") ? /* @__PURE__ */ jsx43(ImageIcon, {}) : /* @__PURE__ */ jsx43(FileText2, {}) }),
+    /* @__PURE__ */ jsxs42("div", { className: "medo-file-item__content", children: [
+      /* @__PURE__ */ jsx43(FileName, { name: file.name, className: "medo-file-item__name" }),
+      meta
+    ] }),
+    /* @__PURE__ */ jsxs42("div", { className: "medo-file-item__actions", children: [
+      file.status === "uploading" && /* @__PURE__ */ jsx43(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx43(X15, {}), "aria-label": t.cancel(file.name), onPress: () => (onCancel ?? onRemove)(file.id) }),
+      file.status === "error" && onRetry && file.canRetry !== false && /* @__PURE__ */ jsx43(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx43(RotateCw, {}), "aria-label": t.retry(file.name), onPress: () => onRetry(file.id) }),
+      file.status !== "uploading" && /* @__PURE__ */ jsx43(IconButton, { size: "sm", icon: file.status === "done" ? /* @__PURE__ */ jsx43(Trash2, {}) : /* @__PURE__ */ jsx43(X15, {}), "aria-label": t.remove(file.name), onPress: () => onRemove(file.id) })
+    ] })
+  ] });
+}
+function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className }) {
+  const t = { ...defaultUploadTexts, ...own };
+  const percent = percentOf(file);
+  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__ */ jsx43("img", { className: "medo-file-tile__image", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx43("span", { className: "medo-file-tile__placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx43(ImageIcon, {}) }),
+      file.status === "uploading" && /* @__PURE__ */ jsxs42("div", { className: "medo-file-tile__overlay", children: [
+        /* @__PURE__ */ jsx43("span", { className: "medo-file-tile__percent", "aria-hidden": "true", children: percent != null ? `${percent} %` : "" }),
+        /* @__PURE__ */ jsx43(
+          ProgressBar,
+          {
+            size: "sm",
+            showValue: false,
+            "aria-label": t.uploading(file.name),
+            value: percent,
+            isIndeterminate: percent == null,
+            className: "medo-file-tile__progress"
+          }
+        )
+      ] }),
+      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__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", children: t.retryShort })
+      ] }) : /* @__PURE__ */ jsx43("div", { className: "medo-file-tile__overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsx43(CircleAlert6, {}) })),
+      /* @__PURE__ */ jsx43(
+        IconButton,
+        {
+          variant: "media",
+          size: "sm",
+          icon: /* @__PURE__ */ jsx43(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"
+        }
+      )
+    ] }),
+    file.status === "error" ? /* @__PURE__ */ jsxs42("span", { className: "medo-file-tile__caption medo-file-tile__caption--error", children: [
+      /* @__PURE__ */ jsxs42("span", { className: "medo-visually-hidden", children: [
+        file.name,
+        ": "
+      ] }),
+      file.error
+    ] }) : /* @__PURE__ */ jsx43(FileName, { name: file.name, className: "medo-file-tile__caption" })
+  ] });
+}
+async function filesFrom(e) {
+  const items = e.items.filter((i) => i.kind === "file");
+  return Promise.all(items.map((i) => i.getFile()));
+}
+function Dropzone({
+  acceptedFileTypes,
+  allowsMultiple = true,
+  defaultCamera,
+  isDisabled,
+  hint,
+  errorMessage,
+  onSelect,
+  texts: own,
+  className,
+  ...props
+}) {
+  const t = { ...defaultUploadTexts, ...own };
+  const hintId = useId9();
+  const errorId = useId9();
+  return /* @__PURE__ */ jsx43(
+    DropZone,
+    {
+      "aria-labelledby": props["aria-labelledby"],
+      isDisabled,
+      onDrop: async (e) => onSelect(await filesFrom(e)),
+      className: cx("medo-dropzone", !!errorMessage && "medo-dropzone--invalid", className),
+      children: ({ isDropTarget }) => /* @__PURE__ */ jsxs42(Fragment20, { children: [
+        /* @__PURE__ */ jsx43(IconTile, { size: "md", children: /* @__PURE__ */ jsx43(CloudUpload, {}) }),
+        /* @__PURE__ */ jsx43(Text9, { slot: "label", className: "medo-dropzone__title", "aria-disabled": isDisabled || void 0, children: isDropTarget ? t.dropTitle : t.title }),
+        /* @__PURE__ */ jsx43(
+          AriaFileTrigger,
+          {
+            acceptedFileTypes,
+            allowsMultiple,
+            defaultCamera,
+            onSelect: (list) => list && onSelect([...list]),
+            children: /* @__PURE__ */ jsx43(
+              Button,
+              {
+                variant: "secondary",
+                size: "sm",
+                isDisabled,
+                className: "medo-dropzone__button medo-upload__choose",
+                "aria-describedby": [hint && hintId, errorMessage && errorId].filter(Boolean).join(" ") || void 0,
+                children: allowsMultiple ? t.chooseFiles : t.chooseFile
+              }
+            )
+          }
+        ),
+        hint && /* @__PURE__ */ jsx43("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__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx43("span", { children: errorMessage })
+        ] })
+      ] })
+    }
+  );
+}
+function FileTrigger({
+  label,
+  isRequired,
+  acceptedFileTypes,
+  allowsMultiple = true,
+  defaultCamera,
+  isDisabled,
+  hint,
+  errorMessage,
+  onSelect,
+  texts: own,
+  className
+}) {
+  const t = { ...defaultUploadTexts, ...own };
+  const labelId = useId9();
+  const buttonId = useId9();
+  const hintId = useId9();
+  const errorId = useId9();
+  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__ */ jsx43("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(
+      AriaFileTrigger,
+      {
+        acceptedFileTypes,
+        allowsMultiple,
+        defaultCamera,
+        onSelect: (list) => list && onSelect([...list]),
+        children: /* @__PURE__ */ jsx43(
+          Button,
+          {
+            id: buttonId,
+            variant: "secondary",
+            startIcon: /* @__PURE__ */ jsx43(Upload, {}),
+            isDisabled,
+            className: "medo-upload__choose",
+            "aria-labelledby": label ? `${labelId} ${buttonId}` : void 0,
+            "aria-describedby": [hint && hintId, errorMessage && errorId].filter(Boolean).join(" ") || void 0,
+            children: allowsMultiple ? t.chooseFiles : t.chooseFile
+          }
+        )
+      }
+    ) }),
+    (hint || errorMessage) && /* @__PURE__ */ jsxs42("div", { className: "medo-field__footer", children: [
+      hint && !errorMessage && /* @__PURE__ */ jsx43("span", { id: hintId, className: "medo-field__description", children: hint }),
+      errorMessage && /* @__PURE__ */ jsxs42("span", { id: errorId, className: "medo-field__error", children: [
+        /* @__PURE__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx43("span", { children: errorMessage })
+      ] })
+    ] })
+  ] });
+}
+function UploadField({
+  label,
+  "aria-label": ariaLabel,
+  files,
+  onAdd,
+  onRemove,
+  onCancel,
+  onRetry,
+  layout = "auto",
+  acceptedFileTypes,
+  typesLabel,
+  maxSize,
+  maxFiles,
+  defaultCamera,
+  hint,
+  errorMessage,
+  isRequired,
+  isDisabled,
+  texts: own,
+  className
+}) {
+  const t = useMemo2(() => ({ ...defaultUploadTexts, ...own }), [own]);
+  const { locale } = useLocale3();
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const labelId = useId9();
+  const rootRef = useRef15(null);
+  const [rejected, setRejected] = useState16([]);
+  const [pickerError, setPickerError] = useState16();
+  const [announcement, setAnnouncement] = useState16("");
+  const compact = layout === "compact" || layout !== "list" && mobile;
+  const grid = layout === "grid";
+  const allowsMultiple = maxFiles !== 1;
+  const maxLabel = maxSize ? formatBytes(maxSize, locale) : void 0;
+  const shownHint = hint ?? ([typesLabel, maxLabel && `max. ${maxLabel}${allowsMultiple ? " each" : ""}`].filter(Boolean).join(" \xB7 ") || void 0);
+  const add = (picked) => {
+    const wrongType = picked.filter((f) => !isAccepted(f, acceptedFileTypes));
+    let ok = picked.filter((f) => isAccepted(f, acceptedFileTypes));
+    const tooLarge = maxSize ? ok.filter((f) => f.size > maxSize) : [];
+    ok = ok.filter((f) => !tooLarge.includes(f));
+    const messages = [];
+    if (wrongType.length) messages.push(t.typeNotAllowed(wrongType.map((f) => `\u201C${f.name}\u201D`).join(", "), typesLabel ?? ""));
+    if (maxFiles && files.length + ok.length > maxFiles) {
+      ok = ok.slice(0, Math.max(0, maxFiles - files.length));
+      messages.push(t.tooMany(maxFiles));
+    }
+    const errors = tooLarge.map((f) => ({
+      id: `rejected-${f.name}-${f.size}-${f.lastModified}`,
+      name: f.name,
+      size: f.size,
+      type: f.type,
+      status: "error",
+      error: t.tooLarge(formatBytes(f.size, locale), maxLabel ?? ""),
+      canRetry: false
+    }));
+    setRejected((r) => [...r.filter((x) => !errors.some((e) => e.id === x.id)), ...errors]);
+    setPickerError(messages.join(" ") || void 0);
+    setAnnouncement([...messages, ...errors.map((e) => t.failed(e.name, e.error))].join(" "));
+    if (ok.length) onAdd(ok);
+  };
+  const previous = useRef15(/* @__PURE__ */ new Map());
+  useEffect14(() => {
+    const said = [];
+    for (const f of files) {
+      const before = previous.current.get(f.id);
+      if (before === f.status) continue;
+      if (f.status === "done" && before) said.push(t.uploaded(f.name));
+      if (f.status === "error" && f.error) said.push(t.failed(f.name, f.error));
+    }
+    previous.current = new Map(files.map((f) => [f.id, f.status]));
+    if (said.length) setAnnouncement(said.join(" "));
+  }, [files, t]);
+  const focusAt = useRef15(null);
+  const all = [...files, ...rejected];
+  useLayoutEffect7(() => {
+    if (focusAt.current == null) return;
+    const items = rootRef.current?.querySelectorAll(".medo-upload__item");
+    const target = items?.length ? items[Math.min(focusAt.current, items.length - 1)].querySelector("button") : rootRef.current?.querySelector(".medo-upload__choose");
+    focusAt.current = null;
+    target?.focus();
+  });
+  const remember = (id) => focusAt.current = all.findIndex((f) => f.id === id);
+  const actions = {
+    texts: own,
+    onRetry,
+    onCancel: (id) => {
+      remember(id);
+      (onCancel ?? onRemove)(id);
+    },
+    onRemove: (id) => {
+      remember(id);
+      if (rejected.some((r) => r.id === id)) setRejected((r) => r.filter((x) => x.id !== id));
+      else onRemove(id);
+    }
+  };
+  const picker = { acceptedFileTypes, allowsMultiple, defaultCamera, isDisabled, hint: shownHint, errorMessage: errorMessage ?? pickerError, onSelect: add, texts: own };
+  return /* @__PURE__ */ jsxs42(
+    "div",
+    {
+      ref: rootRef,
+      role: compact ? void 0 : "group",
+      "aria-labelledby": label && !compact ? labelId : void 0,
+      "aria-label": label || compact ? void 0 : ariaLabel,
+      className: cx("medo-upload", grid && "medo-upload--grid", compact && "medo-upload--compact", className),
+      children: [
+        compact ? /* @__PURE__ */ jsx43(FileTrigger, { ...picker, label, isRequired }) : /* @__PURE__ */ jsxs42(Fragment20, { children: [
+          label && /* @__PURE__ */ jsxs42("span", { id: labelId, className: "medo-field__label", children: [
+            label,
+            isRequired && /* @__PURE__ */ jsx43("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx43(Dropzone, { ...picker, "aria-labelledby": label ? labelId : void 0 })
+        ] }),
+        all.length > 0 && /* @__PURE__ */ jsx43("ul", { className: cx("medo-upload__list", grid && "medo-upload__list--grid"), "aria-label": t.listLabel, children: all.map((file) => /* @__PURE__ */ jsx43("li", { className: "medo-upload__item", children: grid ? /* @__PURE__ */ jsx43(FileTile, { file, ...actions }) : /* @__PURE__ */ jsx43(FileItem, { file, ...actions }) }, file.id)) }),
+        /* @__PURE__ */ jsx43("span", { role: "status", className: "medo-visually-hidden", children: announcement })
+      ]
+    }
+  );
+}
+
+// src/date-time/Calendar.tsx
+import { useEffect as useEffect15, useMemo as useMemo3, useRef as useRef16, useState as useState17 } from "react";
+import {
+  Button as AriaButton16,
+  Calendar as AriaCalendar,
+  CalendarCell,
+  CalendarGrid,
+  CalendarGridBody,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  RangeCalendar as AriaRangeCalendar,
+  useLocale as useLocale4
+} 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 jsx44, jsxs as jsxs43 } from "react/jsx-runtime";
+var defaultCalendarTexts = {
+  previousMonth: "Previous month",
+  nextMonth: "Next month",
+  previousYear: "Previous year",
+  nextYear: "Next year",
+  previousYears: "Previous years",
+  nextYears: "Next years",
+  chooseMonth: (title) => `${title} \u2013 choose month and year`,
+  chooseYear: (year) => `${year} \u2013 choose year`,
+  weekNumber: "Wk"
+};
+function isoWeek(date) {
+  const d = new Date(Date.UTC(date.year, date.month - 1, date.day));
+  const day = d.getUTCDay() || 7;
+  d.setUTCDate(d.getUTCDate() + 4 - day);
+  const yearStart = Date.UTC(d.getUTCFullYear(), 0, 1);
+  return Math.ceil(((d.getTime() - yearStart) / 864e5 + 1) / 7);
+}
+function Header3({
+  view,
+  setView,
+  state,
+  size,
+  months,
+  t
+}) {
+  const { locale } = useLocale4();
+  const monthTitle = useMemo3(() => new DateFormatter(locale, { month: "long", year: "numeric", timeZone: getLocalTimeZone() }), [locale]);
+  const yearTitle = useMemo3(() => new DateFormatter(locale, { year: "numeric", timeZone: getLocalTimeZone() }), [locale]);
+  const tz = getLocalTimeZone();
+  const focused = state.focusedDate;
+  const buttonSize = size === "lg" ? "lg" : "sm";
+  const yearStart = focused.year - 5;
+  const shift = (step) => state.setFocusedDate(focused.add(view === "months" ? { years: step } : { years: 12 * step }));
+  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__ */ jsx44(
+        Button,
+        {
+          slot: null,
+          variant: "ghost",
+          size: buttonSize,
+          endIcon: /* @__PURE__ */ jsx44(ChevronDown5, {}),
+          onPress: () => setView("years"),
+          "aria-label": t.chooseYear(title),
+          className: "medo-calendar__title",
+          children: title
+        }
+      ) : /* @__PURE__ */ jsx44("span", { className: "medo-calendar__title medo-calendar__title--static", "aria-live": "polite", children: title }),
+      /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__nav", children: [
+        /* @__PURE__ */ jsx44(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronLeft4, {}), "aria-label": view === "months" ? t.previousYear : t.previousYears, onPress: () => shift(-1) }),
+        /* @__PURE__ */ jsx44(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronRight5, {}), "aria-label": view === "months" ? t.nextYear : t.nextYears, onPress: () => shift(1) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx44("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__ */ jsx44(
+        Button,
+        {
+          slot: null,
+          variant: "ghost",
+          size: buttonSize,
+          endIcon: /* @__PURE__ */ jsx44(ChevronDown5, {}),
+          onPress: () => setView("months"),
+          "aria-label": t.chooseMonth(title),
+          className: "medo-calendar__title",
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__nav", children: [
+        i === 0 && /* @__PURE__ */ jsx44(IconButton, { slot: "previous", size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronLeft4, {}), "aria-label": t.previousMonth }),
+        i === months - 1 && /* @__PURE__ */ jsx44(IconButton, { slot: "next", size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronRight5, {}), "aria-label": t.nextMonth })
+      ] })
+    ] }, i);
+  }) });
+}
+function PeriodGrid({ view, setView, state }) {
+  const { locale } = useLocale4();
+  const tz = getLocalTimeZone();
+  const format = useMemo3(() => new DateFormatter(locale, { month: "short", timeZone: tz }), [locale, tz]);
+  const focused = state.focusedDate;
+  const now2 = today(tz);
+  const ref = useRef16(null);
+  const yearStart = focused.year - 5;
+  const items = Array.from({ length: 12 }, (_, i) => {
+    const date = view === "months" ? focused.set({ month: i + 1, day: 1 }) : focused.set({ year: yearStart + i, month: 1, day: 1 });
+    const last = view === "months" ? date.add({ months: 1 }).subtract({ days: 1 }) : date.add({ years: 1 }).subtract({ days: 1 });
+    const outside = !!state.minValue && last.compare(state.minValue) < 0 || !!state.maxValue && date.compare(state.maxValue) > 0;
+    const same = (d) => !!d && d.year === date.year && (view === "years" || d.month === date.month);
+    return {
+      key: `${date.year}-${date.month}`,
+      label: view === "months" ? format.format(date.toDate(tz)) : String(date.year),
+      isCurrent: same(now2),
+      isSelected: same(state.value),
+      isFocused: view === "months" ? date.month === focused.month : date.year === focused.year,
+      isDisabled: state.isDisabled || outside,
+      pick: () => {
+        state.setFocusedDate(view === "months" ? focused.set({ month: i + 1 }) : focused.set({ year: yearStart + i }));
+        setView(view === "months" ? "days" : "months");
+      }
+    };
+  });
+  useEffect15(() => {
+    ref.current?.querySelector("[data-focus-target]")?.focus();
+  }, [view]);
+  return /* @__PURE__ */ jsx44("div", { ref, className: "medo-calendar__periods", role: "group", children: items.map((item) => /* @__PURE__ */ jsx44(
+    AriaButton16,
+    {
+      slot: null,
+      className: "medo-calendar__period",
+      isDisabled: item.isDisabled,
+      onPress: item.pick,
+      "aria-pressed": item.isSelected,
+      "aria-current": item.isCurrent ? "date" : void 0,
+      "data-current": item.isCurrent || void 0,
+      "data-selected": item.isSelected || void 0,
+      "data-focus-target": item.isFocused || void 0,
+      children: item.label
+    },
+    item.key
+  )) });
+}
+function DayGrid({ offset, showWeekNumbers, t }) {
+  const { locale } = useLocale4();
+  return /* @__PURE__ */ jsxs43("div", { className: cx("medo-calendar__month", showWeekNumbers && "medo-calendar__month--weeks"), children: [
+    showWeekNumbers && /* @__PURE__ */ jsx44("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__ */ jsx44(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx44(CalendarHeaderCell, { className: "medo-calendar__weekday", children: day.replace(/\.$/, "").slice(0, 2) }) }),
+      /* @__PURE__ */ jsx44(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx44(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__ */ jsx44("span", { className: "medo-calendar__day", "data-week": showWeekNumbers && getDayOfWeek(date, locale) === 0 ? isoWeek(date.add({ days: 3 })) : void 0, children: formattedDate })
+      ) }) })
+    ] })
+  ] });
+}
+function CalendarBody({ state, size, months, showWeekNumbers, t }) {
+  const [view, setView] = useState17("days");
+  const ref = useRef16(null);
+  const back = useRef16(false);
+  useEffect15(() => {
+    if (view !== "days" || !back.current) return;
+    back.current = false;
+    ref.current?.querySelector('.medo-calendar__cell[tabindex="0"]')?.focus();
+  }, [view]);
+  const changeView = (v) => {
+    back.current = v === "days";
+    setView(v);
+  };
+  return /* @__PURE__ */ jsxs43("div", { ref, className: "medo-calendar__body", children: [
+    /* @__PURE__ */ jsx44(Header3, { view, setView: changeView, state, size, months: view === "days" ? months : 1, t }),
+    view === "days" ? /* @__PURE__ */ jsx44("div", { className: "medo-calendar__months", style: { gridTemplateColumns: `repeat(${months}, auto)` }, children: Array.from({ length: months }, (_, i) => /* @__PURE__ */ jsx44(DayGrid, { offset: i, showWeekNumbers, t }, i)) }) : /* @__PURE__ */ jsx44(PeriodGrid, { view, setView: changeView, state })
+  ] });
+}
+function Calendar({ size = "md", showWeekNumbers, texts, className, ...props }) {
+  const t = { ...defaultCalendarTexts, ...texts };
+  return /* @__PURE__ */ jsx44(AriaCalendar, { ...props, className: cx("medo-calendar", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx44(CalendarBody, { state, size, months: 1, showWeekNumbers, t }) });
+}
+function RangeCalendar({ size = "md", showWeekNumbers, visibleMonths = "auto", texts, className, ...props }) {
+  const t = { ...defaultCalendarTexts, ...texts };
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const months = visibleMonths === "auto" ? mobile ? 1 : 2 : visibleMonths;
+  return /* @__PURE__ */ jsx44(AriaRangeCalendar, { ...props, visibleDuration: { months }, className: cx("medo-calendar", "medo-calendar--range", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx44(
+    CalendarBody,
+    {
+      state: {
+        focusedDate: state.focusedDate,
+        setFocusedDate: state.setFocusedDate,
+        minValue: state.minValue,
+        maxValue: state.maxValue,
+        value: state.value?.start ?? null,
+        isDisabled: state.isDisabled
+      },
+      size,
+      months,
+      showWeekNumbers,
+      t
+    }
+  ) });
+}
+
+// src/date-time/DateField.tsx
+import { useMemo as useMemo4, useState as useState18 } from "react";
+import {
+  DateField as AriaDateField,
+  DateInput,
+  DateSegment,
+  TimeField as AriaTimeField,
+  useLocale as useLocale5
+} from "react-aria-components";
+import { DateFormatter as DateFormatter2 } from "@internationalized/date";
+import { Clock } from "lucide-react";
+import { jsx as jsx45, 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__ */ jsx45(DateInput, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx45(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__ */ jsx45(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx45(DateSegments, { size }),
+    /* @__PURE__ */ jsx45(FieldFooter, { description, errorMessage })
+  ] });
+}
+function TimeField({
+  label,
+  description,
+  errorMessage,
+  size = "md",
+  slots,
+  slotsLabel = "Available times",
+  className,
+  defaultValue,
+  onChange,
+  ...props
+}) {
+  const [inner, setInner] = useState18(defaultValue ?? null);
+  const value = props.value !== void 0 ? props.value : inner;
+  const change = (v) => {
+    setInner(v);
+    onChange?.(v);
+  };
+  const { locale } = useLocale5();
+  const format = useMemo4(
+    () => new DateFormatter2(locale, { hour: "2-digit", minute: "2-digit", hourCycle: props.hourCycle === 12 ? "h12" : props.hourCycle === 24 ? "h23" : void 0 }),
+    [locale, props.hourCycle]
+  );
+  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__ */ jsx45(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx45(DateSegments, { size, children: slots && /* @__PURE__ */ jsxs44(PopoverTrigger, { children: [
+      /* @__PURE__ */ jsx45(InputAction, { icon: /* @__PURE__ */ jsx45(Clock, {}), "aria-label": slotsLabel, isDisabled: props.isDisabled || props.isReadOnly }),
+      /* @__PURE__ */ jsx45(Popover5, { size: "auto", "aria-label": slotsLabel, placement: "bottom end", className: "medo-time-slots", children: (close) => /* @__PURE__ */ jsx45(
+        ListBox,
+        {
+          "aria-label": slotsLabel,
+          size,
+          autoFocus: true,
+          selectionMode: "single",
+          selectedKeys: value ? [key(value)] : [],
+          disabledKeys: slots.filter((s) => s.isDisabled).map((s) => key(s.value)),
+          onSelectionChange: (keys) => {
+            const slot = slots.find((s) => keys !== "all" && keys.has(key(s.value)));
+            if (slot) change(slot.value);
+            close();
+          },
+          children: slots.map((s) => /* @__PURE__ */ jsx45(Option, { id: key(s.value), textValue: text(s.value), description: s.isDisabled ? s.reason : void 0, children: text(s.value) }, key(s.value)))
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx45(FieldFooter, { description, errorMessage })
+  ] });
+}
+
+// src/date-time/DatePicker.tsx
+import { useContext as useContext17, useMemo as useMemo5 } from "react";
+import {
+  DateInput as DateInput2,
+  DatePicker as AriaDatePicker,
+  DatePickerStateContext,
+  DateRangePicker as AriaDateRangePicker,
+  DateRangePickerStateContext,
+  DateSegment as DateSegment2,
+  Dialog as AriaDialog5,
+  Group as Group2,
+  Popover as AriaPopover2,
+  useLocale as useLocale6
+} 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 jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
+var defaultDatePickerTexts = {
+  openCalendar: "Open calendar",
+  done: "Done",
+  time: "Time",
+  presets: "Periods",
+  beforeMin: (date) => `Choose a date from ${date} on.`,
+  afterMax: (date) => `Choose a date until ${date}.`,
+  unavailable: "This day is not available. Choose another day.",
+  reversed: "The end date must be after the start date."
+};
+function useMessages(t, minValue, maxValue) {
+  const { locale } = useLocale6();
+  const format = useMemo5(() => new DateFormatter3(locale, { day: "2-digit", month: "2-digit", year: "numeric", timeZone: getLocalTimeZone2() }), [locale]);
+  const show = (d) => format.format(d.toDate(getLocalTimeZone2()));
+  return ({ validationDetails: v, validationErrors }) => {
+    if (v.rangeUnderflow && v.rangeOverflow) return t.reversed;
+    if (v.rangeUnderflow && minValue) return t.beforeMin(show(minValue));
+    if (v.rangeOverflow && maxValue) return t.afterMax(show(maxValue));
+    if (v.badInput) return t.unavailable;
+    return validationErrors.join(" ");
+  };
+}
+function PickerOverlay({ title, sheet, t, children }) {
+  if (sheet) {
+    return /* @__PURE__ */ jsx46(
+      BottomSheet,
+      {
+        title,
+        className: "medo-date-sheet",
+        footer: (close) => /* @__PURE__ */ jsx46(Button, { variant: "primary", size: "lg", onPress: close, children: t.done }),
+        children: /* @__PURE__ */ jsx46("div", { className: "medo-date-panel", children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx46(AriaPopover2, { placement: "bottom start", offset: 8, containerPadding: 16, className: "medo-popover medo-popover--auto medo-date-popover", children: /* @__PURE__ */ jsx46(AriaDialog5, { "aria-label": title, className: "medo-popover__dialog", children: /* @__PURE__ */ jsx46("div", { className: "medo-popover__body medo-date-panel", children }) }) });
+}
+function PanelTime({ label, size }) {
+  const state = useContext17(DatePickerStateContext);
+  if (!state) return null;
+  return /* @__PURE__ */ jsx46("div", { className: "medo-date-panel__time", children: /* @__PURE__ */ jsx46(TimeField, { label, size, value: state.timeValue, onChange: (v) => v && state.setTimeValue(v) }) });
+}
+var textOf = (label, ariaLabel) => typeof label === "string" ? label : ariaLabel ?? "";
+function DatePicker({
+  label,
+  description,
+  errorMessage,
+  size = "md",
+  overlay = "auto",
+  showWeekNumbers,
+  texts,
+  className,
+  ...props
+}) {
+  const t = { ...defaultCalendarTexts, ...defaultDatePickerTexts, ...texts };
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const sheet = overlay === "sheet" || overlay === "auto" && mobile;
+  const messages = useMessages(t, props.minValue, props.maxValue);
+  const hasTime = !!props.granularity && props.granularity !== "day";
+  return /* @__PURE__ */ jsxs45(
+    AriaDatePicker,
+    {
+      shouldForceLeadingZeros: true,
+      ...props,
+      className: cx("medo-field", "medo-date-field", "medo-date-picker", hasTime && "medo-date-picker--time", className),
+      children: [
+        label && /* @__PURE__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
+        /* @__PURE__ */ jsxs45(Group2, { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
+          /* @__PURE__ */ jsx46(DateInput2, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment2, { segment, className: "medo-date-segment" }) }),
+          /* @__PURE__ */ jsx46(InputAction, { icon: /* @__PURE__ */ jsx46(CalendarIcon, {}), "aria-label": t.openCalendar })
+        ] }),
+        /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
+        /* @__PURE__ */ jsxs45(PickerOverlay, { title: textOf(label, props["aria-label"]), sheet, t, children: [
+          /* @__PURE__ */ jsx46(Calendar, { size: sheet ? "lg" : "md", showWeekNumbers, texts: t }),
+          hasTime && /* @__PURE__ */ jsx46(PanelTime, { label: t.time, size: sheet ? "lg" : "md" })
+        ] })
+      ]
+    }
+  );
+}
+function defaultDatePresets(labels = {}) {
+  const now2 = today2(getLocalTimeZone2());
+  const lastMonth = now2.subtract({ months: 1 });
+  return [
+    { label: labels.today ?? "Today", value: { start: now2, end: now2 } },
+    { label: labels.yesterday ?? "Yesterday", value: { start: now2.subtract({ days: 1 }), end: now2.subtract({ days: 1 }) } },
+    { label: labels.last7 ?? "Last 7 days", value: { start: now2.subtract({ days: 6 }), end: now2 } },
+    { label: labels.last14 ?? "Last 14 days", value: { start: now2.subtract({ days: 13 }), end: now2 } },
+    { label: labels.last30 ?? "Last 30 days", value: { start: now2.subtract({ days: 29 }), end: now2 } },
+    { label: labels.thisMonth ?? "This month", value: { start: startOfMonth(now2), end: now2 } },
+    { label: labels.lastMonth ?? "Last month", value: { start: startOfMonth(lastMonth), end: endOfMonth(lastMonth) } }
+  ];
+}
+function Presets({ presets, label, size }) {
+  const state = useContext17(DateRangePickerStateContext);
+  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__ */ jsx46(
+    ListBox,
+    {
+      "aria-label": label,
+      size,
+      selectionMode: "single",
+      selectedKeys: active >= 0 ? [String(active)] : [],
+      disallowEmptySelection: false,
+      onAction: (key) => {
+        const preset = presets[Number(key)];
+        state.setValue(preset.value);
+        state.close();
+      },
+      className: "medo-date-panel__presets",
+      children: presets.map((p, i) => /* @__PURE__ */ jsx46(Option, { id: String(i), children: p.label }, i))
+    }
+  );
+}
+function DateRangePicker({
+  label,
+  description,
+  errorMessage,
+  size = "md",
+  overlay = "auto",
+  showWeekNumbers,
+  presets,
+  texts,
+  className,
+  ...props
+}) {
+  const t = { ...defaultCalendarTexts, ...defaultDatePickerTexts, ...texts };
+  const mobile = useMediaQuery(MOBILE_QUERY);
+  const sheet = overlay === "sheet" || overlay === "auto" && mobile;
+  const messages = useMessages(t, props.minValue, props.maxValue);
+  const list = presets === true ? defaultDatePresets() : 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__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsxs45(Group2, { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
+      /* @__PURE__ */ jsx46(DateInput2, { slot: "start", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment2, { segment, className: "medo-date-segment" }) }),
+      /* @__PURE__ */ jsx46("span", { className: "medo-date-box__dash", "aria-hidden": "true", children: "\u2013" }),
+      /* @__PURE__ */ jsx46(DateInput2, { slot: "end", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment2, { segment, className: "medo-date-segment" }) }),
+      /* @__PURE__ */ jsx46(InputAction, { icon: /* @__PURE__ */ jsx46(CalendarIcon, {}), "aria-label": t.openCalendar })
+    ] }),
+    /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
+    /* @__PURE__ */ jsx46(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__ */ jsx46(Presets, { presets: list, label: t.presets, size: sheet ? "lg" : "md" }),
+      /* @__PURE__ */ jsx46(RangeCalendar, { size: sheet ? "lg" : "md", visibleMonths: sheet ? 1 : 2, showWeekNumbers, texts: t })
+    ] }) })
+  ] });
+}
+
+// src/index.ts
+import {
+  CalendarDate,
+  CalendarDateTime,
+  Time,
+  ZonedDateTime,
+  parseDate,
+  parseDateTime,
+  parseTime,
+  parseZonedDateTime,
+  today as today3,
+  now,
+  getLocalTimeZone as getLocalTimeZone3,
+  isWeekend,
+  isToday
+} from "@internationalized/date";
+
+// src/media/Image.tsx
+import { useEffect as useEffect16, useLayoutEffect as useLayoutEffect8, useRef as useRef17, useState as useState19 } from "react";
+import { ImageOff, Play } from "lucide-react";
+import { jsx as jsx47, jsxs as jsxs46 } from "react/jsx-runtime";
+function MediaPlayButton({ size = "md", className }) {
+  return /* @__PURE__ */ jsx47("span", { className: cx("medo-media-play", `medo-media-play--${size}`, className), "aria-hidden": "true", children: /* @__PURE__ */ jsx47(Play, {}) });
+}
+function Image({
+  src,
+  alt,
+  ratio = "original",
+  fit = "cover",
+  radius = "md",
+  bordered,
+  placeholder,
+  priority,
+  overlay,
+  badge,
+  play,
+  className,
+  style,
+  onLoad,
+  onError,
+  ...props
+}) {
+  const ref = useRef17(null);
+  const [state, setState] = useState19("loading");
+  useLayoutEffect8(() => setState("loading"), [src]);
+  useEffect16(() => {
+    const img = ref.current;
+    if (img?.complete && src) setState(img.naturalWidth > 0 ? "loaded" : "error");
+  }, [src]);
+  const original = ratio === "original";
+  const { width, height } = props;
+  const aspect = original ? width && height ? `${width} / ${height}` : state === "loaded" ? void 0 : "3 / 2" : ratio.replace(":", " / ");
+  return /* @__PURE__ */ jsxs46(
+    "div",
+    {
+      className: cx("medo-image", `medo-image--${fit}`, `medo-image--radius-${radius}`, bordered && "medo-image--bordered", className),
+      "data-state": state,
+      style: { aspectRatio: aspect, ...style },
+      children: [
+        state === "loading" && (placeholder ? /* @__PURE__ */ jsx47("img", { className: "medo-image__preview", src: placeholder, alt: "", "aria-hidden": "true" }) : /* @__PURE__ */ jsx47(Skeleton, { shape: "rect", className: "medo-image__skeleton" })),
+        state === "error" && /* @__PURE__ */ jsx47("span", { className: "medo-image__error", role: alt ? "img" : void 0, "aria-label": alt || void 0, "aria-hidden": alt ? void 0 : true, children: /* @__PURE__ */ jsx47(ImageOff, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx47(
+          "img",
+          {
+            ...props,
+            ref,
+            src,
+            alt,
+            hidden: state === "error",
+            loading: priority ? "eager" : props.loading ?? "lazy",
+            fetchPriority: priority ? "high" : props.fetchPriority,
+            decoding: "async",
+            className: "medo-image__img",
+            onLoad: (e) => {
+              setState("loaded");
+              onLoad?.(e);
+            },
+            onError: (e) => {
+              setState("error");
+              onError?.(e);
+            }
+          }
+        ),
+        state === "loaded" && overlay && /* @__PURE__ */ jsxs46("div", { className: cx("medo-image__overlay", `medo-image__overlay--${overlay.position ?? "bottom"}`), children: [
+          /* @__PURE__ */ jsx47("span", { className: "medo-image__title", children: overlay.title }),
+          overlay.meta && /* @__PURE__ */ jsx47("span", { className: "medo-image__meta", children: overlay.meta })
+        ] }),
+        state === "loaded" && badge && /* @__PURE__ */ jsx47("span", { className: "medo-image__badge", children: badge }),
+        state === "loaded" && play && /* @__PURE__ */ jsx47(MediaPlayButton, { size: play, className: "medo-image__play" })
+      ]
+    }
+  );
+}
+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__ */ jsx47("span", { children: caption }),
+      credit && /* @__PURE__ */ jsx47("span", { className: "medo-figure__credit", children: credit })
+    ] })
+  ] });
+}
+
+// src/media/EmbedConsent.tsx
+import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect9, useRef as useRef18, useState as useState20 } from "react";
+import { Globe as Globe2, MapPin, Play as Play2 } from "lucide-react";
+import { jsx as jsx48, jsxs as jsxs47 } from "react/jsx-runtime";
+function defaultEmbedTexts(type, provider, company) {
+  const to = company ?? provider;
+  if (type === "video")
+    return {
+      title: "Load external video",
+      body: `This video is provided by ${provider ?? "a third party"}. Loading it sends data such as your IP address to ${to ?? "the provider"}.`,
+      bodyCompact: `Loading this video sends data to ${provider && company && provider !== company ? `${provider} (${company})` : to ?? "a third party"}.`,
+      load: "Load video",
+      remember: provider ? `Always load ${provider} videos` : "Always load videos from this provider",
+      privacy: "Privacy policy"
+    };
+  if (type === "map")
+    return {
+      title: "Load map",
+      body: `This map is provided by ${provider ?? "a third party"}. Loading it sends data such as your IP address to ${to ?? "the provider"}.`,
+      bodyCompact: `Loading this map sends data to ${to ?? "a third party"}.`,
+      load: "Load map",
+      remember: provider ? `Always load ${provider}` : "Always load maps from this provider",
+      privacy: "Privacy policy"
+    };
+  return {
+    title: "Load external content",
+    body: `This content is provided by ${provider ?? "a third party"}. Loading it sends data such as your IP address to ${to ?? "the provider"}.`,
+    bodyCompact: `Loading this content sends data to ${to ?? "a third party"}.`,
+    load: "Load content",
+    remember: provider ? `Always load content from ${provider}` : "Always load content from this provider",
+    privacy: "Privacy policy"
+  };
+}
+var icons2 = { video: /* @__PURE__ */ jsx48(Play2, {}), map: /* @__PURE__ */ jsx48(MapPin, {}), generic: /* @__PURE__ */ jsx48(Globe2, {}) };
+function EmbedConsent({
+  type = "generic",
+  provider,
+  company,
+  src,
+  title,
+  ratio = "16:9",
+  privacyHref,
+  isConsented,
+  onConsent,
+  allow,
+  texts,
+  className
+}) {
+  const t = { ...defaultEmbedTexts(type, provider, company), ...texts };
+  const ref = useRef18(null);
+  const frame = useRef18(null);
+  const [clicked, setClicked] = useState20(false);
+  const [remember, setRemember] = useState20(false);
+  const [compact, setCompact] = useState20(false);
+  const loaded = isConsented || clicked;
+  useLayoutEffect9(() => {
+    const el = ref.current;
+    if (!el || loaded) return;
+    const ro = new ResizeObserver(([entry]) => setCompact(entry.contentRect.width < 480));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [loaded]);
+  useEffect17(() => {
+    if (clicked) frame.current?.focus();
+  }, [clicked]);
+  const style = { aspectRatio: ratio.replace(":", " / ") };
+  if (loaded) {
+    return /* @__PURE__ */ jsx48("div", { className: cx("medo-embed", "medo-embed--loaded", className), style, children: /* @__PURE__ */ jsx48(
+      "iframe",
+      {
+        ref: frame,
+        src,
+        title,
+        allow,
+        allowFullScreen: true,
+        referrerPolicy: "strict-origin-when-cross-origin",
+        loading: "lazy",
+        className: "medo-embed__frame"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs47("div", { ref, role: "region", "aria-label": title, className: cx("medo-embed", compact && "medo-embed--compact", className), style, children: [
+    !compact && /* @__PURE__ */ jsx48(IconTile, { size: "sm", tone: "raised", children: icons2[type] }),
+    /* @__PURE__ */ jsxs47("div", { className: "medo-embed__content", children: [
+      /* @__PURE__ */ jsx48("p", { className: "medo-embed__title", children: t.title }),
+      /* @__PURE__ */ jsx48("p", { className: "medo-embed__body", children: compact ? t.bodyCompact : t.body })
+    ] }),
+    /* @__PURE__ */ jsxs47("div", { className: "medo-embed__actions", children: [
+      /* @__PURE__ */ jsx48(
+        Button,
+        {
+          size: compact ? "sm" : "md",
+          onPress: () => {
+            onConsent?.(remember);
+            setClicked(true);
+          },
+          children: t.load
+        }
+      ),
+      /* @__PURE__ */ jsx48(Link, { variant: "standalone", size: compact ? "sm" : "md", href: privacyHref, children: t.privacy })
+    ] }),
+    !compact && /* @__PURE__ */ jsx48(Checkbox, { isSelected: remember, onChange: setRemember, children: t.remember })
+  ] });
+}
+export {
+  Accordion,
+  AccordionItem,
+  Alert,
+  AlertDialog,
+  AppHeader,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  BadgeCount,
+  BadgeDot,
+  BottomSheet,
+  BottomTabBar,
+  Breadcrumbs,
+  BulkActionBar,
+  Button,
+  ButtonGroup,
+  Calendar,
+  CalendarDate,
+  CalendarDateTime,
+  Card,
+  Cell,
+  Checkbox,
+  CheckboxGroup,
+  Column,
+  ColumnsMenu,
+  Combobox,
+  DateField,
+  DatePicker,
+  DateRangePicker,
+  DescriptionItem,
+  DescriptionList,
+  Dialog2 as Dialog,
+  DialogTrigger,
+  Drawer,
+  Dropzone,
+  EmbedConsent,
+  EmptyState,
+  FieldFooter,
+  FieldLabel,
+  Figure,
+  FileItem,
+  FileTile,
+  FileTrigger,
+  Highlight,
+  IconButton,
+  Image,
+  InputAction,
+  Link,
+  List,
+  ListBox,
+  ListBoxMessage,
+  ListBoxSection,
+  ListCard,
+  ListItem,
+  ListRow,
+  ListRowIcon,
+  ListView,
+  MediaPlayButton,
+  Menu,
+  MenuButton,
+  MenuItem,
+  MenuSection,
+  MenuTrigger,
+  NavGroup,
+  NavItem,
+  NavList,
+  NavSection,
+  NumberField,
+  Option,
+  Pagination,
+  Popover5 as Popover,
+  PopoverTrigger,
+  ProgressBar,
+  QuickSearch,
+  Radio,
+  RadioGroup,
+  RangeCalendar,
+  Row,
+  SearchField,
+  SearchResult,
+  Select,
+  SideNav,
+  SiteHeader,
+  Skeleton,
+  SkipLink,
+  Slider,
+  SliderField,
+  Spinner,
+  StaticTable,
+  Submenu,
+  Switch,
+  Tab,
+  TabBarItem,
+  TabBarMore,
+  TabList,
+  TabPanel,
+  Table,
+  TableBody,
+  TableHeader,
+  Tabs,
+  Tag,
+  TagGroup,
+  TextField,
+  Time,
+  TimeField,
+  ToastRegion,
+  ToggleButton,
+  ToggleButtonGroup,
+  Toggletip,
+  Toolbar,
+  ToolbarSeparator,
+  Tooltip,
+  TooltipTrigger,
+  UploadField,
+  ZonedDateTime,
+  defaultCalendarTexts,
+  defaultDatePickerTexts,
+  defaultDatePresets,
+  defaultEmbedTexts,
+  defaultUploadTexts,
+  formatBytes,
+  getLocalTimeZone3 as getLocalTimeZone,
+  initialsOf,
+  isToday,
+  isWeekend,
+  now,
+  parseDate,
+  parseDateTime,
+  parseTime,
+  parseZonedDateTime,
+  toast,
+  today3 as today
+};
+//# sourceMappingURL=index.js.map