@salemcobalt/ui 0.2.0-rc.2 → 0.2.0-rc.20

package/dist/index.js

@@ -14,6 +14,8 @@ function Button({
   iconEnd,
   loading = false,
   fullWidth = false,
+  shortcut,
+  iconOnly = false,
   type = "button",
   className,
   children,
@@ -36,6 +38,7 @@ function Button({
       "data-size": size,
       "data-loading": loading || void 0,
       "data-full-width": fullWidth || void 0,
+      "data-icon-only": iconOnly || void 0,
       "aria-busy": loading || void 0,
       onClick: handleClick,
       ...rest,
@@ -43,6 +46,7 @@ function Button({
         iconStart ? /* @__PURE__ */ jsx("span", { className: "sc-button__icon", "aria-hidden": "true", children: iconStart }) : null,
         /* @__PURE__ */ jsx("span", { className: "sc-button__label", children }),
         iconEnd ? /* @__PURE__ */ jsx("span", { className: "sc-button__icon", "aria-hidden": "true", children: iconEnd }) : null,
+        shortcut ? /* @__PURE__ */ jsx("span", { className: "sc-button__shortcut", "aria-hidden": "true", children: shortcut }) : null,
         loading ? /* @__PURE__ */ jsx("span", { className: "sc-button__spinner", "aria-hidden": "true" }) : null
       ]
     }
@@ -438,7 +442,19 @@ function XIcon(props) {
 
 // src/components/Dialog/Dialog.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function Root({ dismissible = true, onOpenChange, open, defaultOpen, children }) {
+var REQUESTABLE = /* @__PURE__ */ new Set([
+  "escape-key",
+  "outside-press",
+  "close-press"
+]);
+function Root({
+  dismissible = true,
+  onOpenChange,
+  onRequestClose,
+  open,
+  defaultOpen,
+  children
+}) {
   return /* @__PURE__ */ jsx6(
     BaseDialog.Root,
     {
@@ -450,6 +466,11 @@ function Root({ dismissible = true, onOpenChange, open, defaultOpen, children })
           details.cancel();
           return;
         }
+        if (!next && onRequestClose && REQUESTABLE.has(details.reason)) {
+          details.cancel();
+          onRequestClose(details.reason);
+          return;
+        }
         onOpenChange?.(next);
       },
       children
@@ -457,7 +478,7 @@ function Root({ dismissible = true, onOpenChange, open, defaultOpen, children })
   );
 }
 var Trigger = BaseDialog.Trigger;
-function Content({ size = "md", className, children, ...rest }) {
+function Content({ size = "md", variant = "dialog", className, children, ...rest }) {
   return /* @__PURE__ */ jsxs5(BaseDialog.Portal, { children: [
     /* @__PURE__ */ jsx6(BaseDialog.Backdrop, { className: "sc-dialog__backdrop" }),
     /* @__PURE__ */ jsx6(
@@ -465,6 +486,7 @@ function Content({ size = "md", className, children, ...rest }) {
       {
         className: cx("sc-dialog__popup", className),
         "data-size": size,
+        "data-variant": variant,
         "aria-modal": "true",
         ...rest,
         children
@@ -545,6 +567,9 @@ var iconNames = [
   "x"
 ];
 
+// src/components/IconButton/IconButton.tsx
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+
 // src/components/Tooltip/Tooltip.tsx
 import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -582,7 +607,7 @@ var Provider = BaseTooltip.Provider;
 var Tooltip = Object.assign(TooltipBase, { Provider });
 
 // src/components/IconButton/IconButton.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function IconButton({
   label,
   children,
@@ -592,9 +617,12 @@ function IconButton({
   tooltipSide = "top",
   round = false,
   loading = false,
-  type = "button",
+  dot,
+  type,
   className,
   onClick,
+  render,
+  ref,
   ...rest
 }) {
   const handleClick = (event) => {
@@ -604,10 +632,13 @@ function IconButton({
     }
     onClick?.(event);
   };
-  const button = /* @__PURE__ */ jsxs7(
-    "button",
-    {
-      type,
+  const button = useRender2({
+    render,
+    ref,
+    defaultTagName: "button",
+    props: {
+      // `type` only means something on a real button; a rendered link keeps its own attributes.
+      type: render ? type : type ?? "button",
       className: cx("sc-button", "sc-icon-button", className),
       "data-variant": variant,
       "data-size": size,
@@ -617,19 +648,20 @@ function IconButton({
       "aria-label": label,
       onClick: handleClick,
       ...rest,
-      children: [
+      children: /* @__PURE__ */ jsxs7(Fragment2, { children: [
         /* @__PURE__ */ jsx8("span", { className: "sc-button__icon", "aria-hidden": "true", children }),
-        loading ? /* @__PURE__ */ jsx8("span", { className: "sc-button__spinner", "aria-hidden": "true" }) : null
-      ]
+        loading ? /* @__PURE__ */ jsx8("span", { className: "sc-button__spinner", "aria-hidden": "true" }) : null,
+        dot ? /* @__PURE__ */ jsx8("span", { className: "sc-icon-button__dot", "data-tone": dot, "aria-hidden": "true" }) : null
+      ] })
     }
-  );
+  });
   if (!tooltip) return button;
   return /* @__PURE__ */ jsx8(Tooltip, { content: tooltip === true ? label : tooltip, side: tooltipSide, children: button });
 }
 
 // src/components/Menu/Menu.tsx
 import { Menu as BaseMenu } from "@base-ui/react/menu";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function Root2({ open, defaultOpen, onOpenChange, disabled, modal = true, children }) {
   return /* @__PURE__ */ jsx9(
     BaseMenu.Root,
@@ -669,7 +701,7 @@ function ItemBody({
   trailing,
   children
 }) {
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
     /* @__PURE__ */ jsx9("span", { className: "sc-menu__icon", "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ jsx9("span", { className: "sc-menu__label", children }),
     trailing !== void 0 ? /* @__PURE__ */ jsx9("span", { className: "sc-menu__trailing", children: trailing }) : null
@@ -678,8 +710,25 @@ function ItemBody({
 function Item({ icon, trailing, tone = "default", className, children, ...rest }) {
   return /* @__PURE__ */ jsx9(BaseMenu.Item, { className: cx("sc-menu__item", className), "data-tone": tone, ...rest, children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children }) });
 }
-function LinkItem({ icon, trailing, tone = "default", className, children, ...rest }) {
-  return /* @__PURE__ */ jsx9(BaseMenu.LinkItem, { className: cx("sc-menu__item", className), "data-tone": tone, ...rest, children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children }) });
+function LinkItem({
+  icon,
+  trailing,
+  tone = "default",
+  className,
+  closeOnClick = true,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx9(
+    BaseMenu.LinkItem,
+    {
+      className: cx("sc-menu__item", className),
+      "data-tone": tone,
+      closeOnClick,
+      ...rest,
+      children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children })
+    }
+  );
 }
 function CheckboxItem({ trailing, onCheckedChange, className, children, ...rest }) {
   return /* @__PURE__ */ jsxs8(
@@ -856,9 +905,14 @@ function Textarea({
   className,
   rows = 3,
   resize = "vertical",
+  variant = "default",
   onValueChange,
+  spellCheck,
+  autoCorrect,
+  autoCapitalize,
   ...rest
 }) {
+  const code = variant === "code";
   return /* @__PURE__ */ jsx12(
     FieldShell,
     {
@@ -874,9 +928,19 @@ function Textarea({
       children: /* @__PURE__ */ jsx12(
         Field3.Control,
         {
-          render: /* @__PURE__ */ jsx12("textarea", { rows, ...rest }),
+          render: /* @__PURE__ */ jsx12(
+            "textarea",
+            {
+              rows,
+              spellCheck: spellCheck ?? (code ? false : void 0),
+              autoCorrect: autoCorrect ?? (code ? "off" : void 0),
+              autoCapitalize: autoCapitalize ?? (code ? "off" : void 0),
+              ...rest
+            }
+          ),
           className: "sc-input sc-textarea",
           "data-resize": resize,
+          "data-variant": code ? "code" : void 0,
           required,
           onValueChange: onValueChange ? (value) => onValueChange(value) : void 0
         }
@@ -887,6 +951,7 @@ function Textarea({
 
 // src/components/Select/Select.tsx
 import { Select as BaseSelect } from "@base-ui/react/select";
+import { useState } from "react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function isGroup(entry) {
   return "options" in entry;
@@ -913,11 +978,27 @@ function Select({
   defaultValue,
   onValueChange,
   placeholder = "Choose\u2026",
+  clearable = false,
+  clearLabel = "Clear",
   readOnly,
   fullWidth = false,
   id
 }) {
   const items = options.flatMap((entry) => isGroup(entry) ? entry.options : [entry]);
+  const [internal, setInternal] = useState(defaultValue ?? null);
+  const controlled = value !== void 0;
+  const current = controlled ? value : internal;
+  const setValue = (next) => {
+    if (!controlled) setInternal(next);
+    onValueChange?.(next);
+  };
+  const canClear = clearable && current != null && !disabled && !readOnly;
+  const onTriggerKeyDown = (event) => {
+    if (canClear && (event.key === "Backspace" || event.key === "Delete")) {
+      event.preventDefault();
+      setValue(null);
+    }
+  };
   return /* @__PURE__ */ jsx13(
     FieldShell,
     {
@@ -935,26 +1016,39 @@ function Select({
         BaseSelect.Root,
         {
           items,
-          value,
-          defaultValue,
-          onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
+          value: current,
+          onValueChange: (next) => setValue(next),
           disabled,
           required,
           readOnly,
           children: [
-            /* @__PURE__ */ jsxs11(
-              BaseSelect.Trigger,
-              {
-                id,
-                className: "sc-select",
-                "data-size": size,
-                "data-full-width": fullWidth || void 0,
-                children: [
-                  /* @__PURE__ */ jsx13(BaseSelect.Value, { className: "sc-select__value", placeholder }),
-                  /* @__PURE__ */ jsx13(BaseSelect.Icon, { className: "sc-select__icon", children: /* @__PURE__ */ jsx13(ChevronDownIcon, {}) })
-                ]
-              }
-            ),
+            /* @__PURE__ */ jsxs11("span", { className: "sc-select__wrap", "data-full-width": fullWidth || void 0, children: [
+              /* @__PURE__ */ jsxs11(
+                BaseSelect.Trigger,
+                {
+                  id,
+                  className: "sc-select",
+                  "data-size": size,
+                  "data-full-width": fullWidth || void 0,
+                  "data-clearable": canClear || void 0,
+                  onKeyDown: onTriggerKeyDown,
+                  children: [
+                    /* @__PURE__ */ jsx13(BaseSelect.Value, { className: "sc-select__value", placeholder }),
+                    /* @__PURE__ */ jsx13(BaseSelect.Icon, { className: "sc-select__icon", children: /* @__PURE__ */ jsx13(ChevronDownIcon, {}) })
+                  ]
+                }
+              ),
+              canClear ? /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  type: "button",
+                  className: "sc-select__clear",
+                  "aria-label": clearLabel,
+                  onClick: () => setValue(null),
+                  children: /* @__PURE__ */ jsx13(XIcon, { size: "sm" })
+                }
+              ) : null
+            ] }),
             /* @__PURE__ */ jsx13(BaseSelect.Portal, { children: /* @__PURE__ */ jsx13(
               BaseSelect.Positioner,
               {
@@ -1054,7 +1148,7 @@ function Switch({
 
 // src/components/Tabs/Tabs.tsx
 import { Tabs as BaseTabs } from "@base-ui/react/tabs";
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function Root3({ className, onValueChange, ...rest }) {
   return /* @__PURE__ */ jsx16(
     BaseTabs.Root,
@@ -1065,17 +1159,26 @@ function Root3({ className, onValueChange, ...rest }) {
     }
   );
 }
-function List({ fill = false, className, children, ...rest }) {
-  return /* @__PURE__ */ jsxs14(BaseTabs.List, { className: cx("sc-tabs__list", className), "data-fill": fill || void 0, ...rest, children: [
-    children,
-    /* @__PURE__ */ jsx16(BaseTabs.Indicator, { className: "sc-tabs__indicator" })
-  ] });
+function List({ fill = false, variant = "line", className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs14(
+    BaseTabs.List,
+    {
+      className: cx("sc-tabs__list", className),
+      "data-fill": fill || void 0,
+      "data-variant": variant,
+      ...rest,
+      children: [
+        children,
+        /* @__PURE__ */ jsx16(BaseTabs.Indicator, { className: "sc-tabs__indicator" })
+      ]
+    }
+  );
 }
 function Tab({ icon, count, className, children, ...rest }) {
   return /* @__PURE__ */ jsxs14(BaseTabs.Tab, { className: cx("sc-tabs__tab", className), ...rest, children: [
     icon ? /* @__PURE__ */ jsx16("span", { className: "sc-tabs__icon", "aria-hidden": "true", children: icon }) : null,
     /* @__PURE__ */ jsx16("span", { className: "sc-tabs__label", children }),
-    count != null ? /* @__PURE__ */ jsxs14(Fragment3, { children: [
+    count != null ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
       " ",
       /* @__PURE__ */ jsx16("span", { className: "sc-tabs__count", children: count })
     ] }) : null
@@ -1107,13 +1210,14 @@ function Separator2({ className, ...rest }) {
   return /* @__PURE__ */ jsx17(BaseToolbar.Separator, { className: cx("sc-toolbar__separator", className), ...rest });
 }
 var Button2 = BaseToolbar.Button;
+var Link = BaseToolbar.Link;
 function Spacer({ className }) {
   return /* @__PURE__ */ jsx17("div", { className: cx("sc-toolbar__spacer", className), "aria-hidden": "true" });
 }
-var Toolbar = { Root: Root4, Group: Group2, Separator: Separator2, Button: Button2, Spacer };
+var Toolbar = { Root: Root4, Group: Group2, Separator: Separator2, Button: Button2, Link, Spacer };
 
 // src/components/Banner/Banner.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var toneIcons = {
   info: /* @__PURE__ */ jsx18(InfoIcon, {}),
@@ -1135,7 +1239,7 @@ function Banner({
   children,
   ...rest
 }) {
-  const [dismissed, setDismissed] = useState(false);
+  const [dismissed, setDismissed] = useState2(false);
   const visible = open ?? !dismissed;
   if (!visible) return null;
   const glyph = icon === false ? null : icon ?? toneIcons[tone];
@@ -1255,19 +1359,11 @@ var sizeByLevel = {
   5: "md",
   6: "sm"
 };
-function Heading({
-  level = 2,
-  size,
-  as,
-  tone = "default",
-  truncate = false,
-  className,
-  ...rest
-}) {
+function Heading({ level = 2, size, as, tone, truncate = false, className, ...rest }) {
   return createElement3(as ?? `h${level}`, {
     className: cx("sc-heading", className),
     "data-size": size ?? sizeByLevel[level],
-    "data-tone": tone,
+    "data-tone": tone ?? (size === "overline" ? "muted" : "default"),
     "data-truncate": truncate || void 0,
     ...rest
   });
@@ -1283,26 +1379,53 @@ function Text({
   align,
   truncate = false,
   numeric = false,
+  family = "sans",
   className,
   style,
   ...rest
 }) {
-  const clamp = typeof truncate === "number" ? truncate : void 0;
+  const clamp2 = typeof truncate === "number" ? truncate : void 0;
   return createElement4(as, {
     className: cx("sc-text", className),
     "data-size": size,
     "data-tone": tone,
     "data-weight": weight,
     "data-align": align,
-    "data-truncate": truncate === true ? "" : clamp !== void 0 ? "clamp" : void 0,
+    "data-truncate": truncate === true ? "" : clamp2 !== void 0 ? "clamp" : void 0,
     "data-numeric": numeric || void 0,
-    style: clamp !== void 0 ? { ...style, "--sc-text-lines": clamp } : style,
+    "data-family": family === "mono" ? "mono" : void 0,
+    style: clamp2 !== void 0 ? { ...style, "--sc-text-lines": clamp2 } : style,
     ...rest
   });
 }
 
 // src/components/Table/Table.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { Checkbox as BaseCheckbox2 } from "@base-ui/react/checkbox";
+import {
+  createContext,
+  useContext
+} from "react";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var SelectionContext = createContext(null);
+var RowIdContext = createContext(void 0);
+function useSelection(part) {
+  const selection = useContext(SelectionContext);
+  if (!selection) throw new Error(`${part} needs Table.Root selection={useRowSelection(ids)}`);
+  return selection;
+}
+function isTextEntry(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (target.isContentEditable || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement)
+    return true;
+  return target instanceof HTMLInputElement && !["checkbox", "radio", "button", "submit", "reset", "image", "file", "color", "range"].includes(
+    target.type
+  );
+}
+var CONTROLS = 'a[href], button, input, select, textarea, label, summary, [role="checkbox"], [role="button"], [role="link"], [contenteditable="true"]';
+function fromControl(event) {
+  const control = event.target instanceof Element ? event.target.closest(CONTROLS) : null;
+  return control !== null && event.currentTarget.contains(control);
+}
 function Root5({
   stickyHeader = false,
   maxHeight,
@@ -1314,8 +1437,23 @@ function Root5({
   className,
   style,
   children,
+  selection,
+  onKeyDown,
   ...rest
 }) {
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (!selection || event.defaultPrevented) return;
+    if (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) return;
+    if (isTextEntry(event.target)) return;
+    if ((event.metaKey || event.ctrlKey) && !event.altKey && event.key.toLowerCase() === "a") {
+      event.preventDefault();
+      selection.selectAll();
+    } else if (event.key === "Escape" && selection.count > 0) {
+      event.preventDefault();
+      selection.clear();
+    }
+  };
   return /* @__PURE__ */ jsx21(
     "div",
     {
@@ -1331,8 +1469,9 @@ function Root5({
           "data-divided": divided || void 0,
           "data-layout": layout,
           style,
+          onKeyDown: selection ? handleKeyDown : onKeyDown,
           ...rest,
-          children
+          children: /* @__PURE__ */ jsx21(SelectionContext.Provider, { value: selection ?? null, children })
         }
       )
     }
@@ -1350,17 +1489,117 @@ function Body2({ className, ...rest }) {
 function Foot({ className, ...rest }) {
   return /* @__PURE__ */ jsx21("tfoot", { className: cx("sc-table__foot", className), ...rest });
 }
-function Row({ selected = false, interactive = false, className, ...rest }) {
-  return /* @__PURE__ */ jsx21(
+function Row({
+  selected,
+  interactive = false,
+  selectionId,
+  className,
+  onClick,
+  onMouseDown,
+  ...rest
+}) {
+  const selection = useContext(SelectionContext);
+  const selectable = selection !== null && selectionId !== void 0;
+  const isSelected = selected ?? (selectable && selection.isSelected(selectionId));
+  const row = /* @__PURE__ */ jsx21(
     "tr",
     {
       className: cx("sc-table__row", className),
-      "data-selected": selected || void 0,
+      "data-selected": isSelected || void 0,
       "data-interactive": interactive || void 0,
-      "aria-selected": selected || void 0,
+      "aria-selected": selectable ? isSelected : isSelected || void 0,
+      onClick: selectable ? (event) => {
+        if ((event.shiftKey || event.metaKey || event.ctrlKey) && !fromControl(event)) {
+          event.preventDefault();
+          if (event.shiftKey) selection.toggleRange(selectionId);
+          else selection.toggle(selectionId);
+          return;
+        }
+        onClick?.(event);
+      } : onClick,
+      onMouseDown: selectable ? (event) => {
+        if (event.shiftKey && !fromControl(event)) event.preventDefault();
+        onMouseDown?.(event);
+      } : onMouseDown,
       ...rest
     }
   );
+  return selectionId === void 0 ? row : /* @__PURE__ */ jsx21(RowIdContext.Provider, { value: selectionId, children: row });
+}
+function SelectionBox({
+  label,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx21(BaseCheckbox2.Root, { className: "sc-checkbox", "aria-label": label, ...rest, children: /* @__PURE__ */ jsxs18(BaseCheckbox2.Indicator, { className: "sc-checkbox__indicator", children: [
+    /* @__PURE__ */ jsx21(CheckIcon, { size: "sm", className: "sc-checkbox__check" }),
+    /* @__PURE__ */ jsx21(MinusIcon, { size: "sm", className: "sc-checkbox__dash" })
+  ] }) });
+}
+var onCheckbox = (event) => event.target instanceof Element && event.target.closest('[role="checkbox"]') !== null;
+function SelectionHeader({
+  label = "Select all rows",
+  className,
+  onClick,
+  ...rest
+}) {
+  const selection = useSelection("Table.SelectionHeader");
+  const disabled = selection.ids.length === 0;
+  const toggleAll = () => selection.headerState === "all" ? selection.clear() : selection.selectAll();
+  return /* @__PURE__ */ jsx21(
+    "th",
+    {
+      scope: "col",
+      className: cx("sc-table__header", "sc-table__select", className),
+      "data-disabled": disabled || void 0,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!disabled && !onCheckbox(event)) toggleAll();
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx21(
+        SelectionBox,
+        {
+          label,
+          checked: selection.headerState === "all",
+          indeterminate: selection.headerState === "some",
+          disabled,
+          onCheckedChange: toggleAll
+        }
+      )
+    }
+  );
+}
+function SelectionCell({ label, className, onClick, onClickCapture, ...rest }) {
+  const selection = useSelection("Table.SelectionCell");
+  const id = useContext(RowIdContext);
+  if (id === void 0) throw new Error("Table.SelectionCell goes inside a Table.Row with selectionId");
+  return /* @__PURE__ */ jsx21(
+    "td",
+    {
+      className: cx("sc-table__cell", "sc-table__select", className),
+      onClickCapture: (event) => {
+        onClickCapture?.(event);
+        if (!event.shiftKey) return;
+        event.preventDefault();
+        event.stopPropagation();
+        selection.toggleRange(id);
+      },
+      onClick: (event) => {
+        onClick?.(event);
+        event.stopPropagation();
+        if (!onCheckbox(event)) selection.toggle(id);
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx21(
+        SelectionBox,
+        {
+          label,
+          checked: selection.isSelected(id),
+          onCheckedChange: () => selection.toggle(id)
+        }
+      )
+    }
+  );
 }
 function Header({
   align,
@@ -1368,11 +1607,16 @@ function Header({
   nowrap = false,
   truncate = false,
   width,
+  sortable = false,
+  sortDirection = "none",
+  onSort,
   scope = "col",
   className,
   style,
+  children,
   ...rest
 }) {
+  const sorted = sortable && sortDirection !== "none";
   return /* @__PURE__ */ jsx21(
     "th",
     {
@@ -1382,8 +1626,23 @@ function Header({
       "data-numeric": numeric || void 0,
       "data-nowrap": nowrap || void 0,
       "data-truncate": truncate || void 0,
+      "data-sortable": sortable || void 0,
+      "data-sorted": sorted ? sortDirection : void 0,
+      "aria-sort": sorted ? sortDirection : void 0,
       style: width ? { ...style, inlineSize: width } : style,
-      ...rest
+      ...rest,
+      children: sortable ? /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          type: "button",
+          className: "sc-table__sort",
+          onClick: () => onSort?.(sortDirection === "ascending" ? "descending" : "ascending"),
+          children: [
+            /* @__PURE__ */ jsx21("span", { className: "sc-table__sort-label", children }),
+            /* @__PURE__ */ jsx21("span", { className: "sc-table__sort-icon", "aria-hidden": "true", children: sortDirection === "descending" ? /* @__PURE__ */ jsx21(ArrowDownIcon, { size: "xs" }) : /* @__PURE__ */ jsx21(ArrowUpIcon, { size: "xs" }) })
+          ]
+        }
+      ) : children
     }
   );
 }
@@ -1410,15 +1669,248 @@ function Cell({
     }
   );
 }
-var Table = { Root: Root5, Caption, Head, Body: Body2, Foot, Row, Header, Cell };
+var Table = { Root: Root5, Caption, Head, Body: Body2, Foot, Row, Header, Cell, SelectionHeader, SelectionCell };
+
+// src/components/Table/useRowSelection.ts
+import { useMemo, useReducer } from "react";
+
+// src/components/Table/rowSelection.ts
+function initRowSelection(ids) {
+  return { ids, selected: /* @__PURE__ */ new Set(), anchor: null };
+}
+function sameIds(a, b) {
+  if (a === b) return true;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i += 1) if (a[i] !== b[i]) return false;
+  return true;
+}
+function toggle(state, id) {
+  if (!state.ids.includes(id)) return state;
+  const selected = new Set(state.selected);
+  if (selected.has(id)) selected.delete(id);
+  else selected.add(id);
+  return { ...state, selected, anchor: id };
+}
+function toggleRange(state, id) {
+  const to = state.ids.indexOf(id);
+  if (to < 0) return state;
+  const from = state.anchor === null ? -1 : state.ids.indexOf(state.anchor);
+  if (from < 0 || from === to) return toggle(state, id);
+  const on = !state.selected.has(id);
+  const selected = new Set(state.selected);
+  const [start, end] = from < to ? [from, to] : [to, from];
+  for (let i = start; i <= end; i += 1) {
+    const rowId = state.ids[i];
+    if (on) selected.add(rowId);
+    else selected.delete(rowId);
+  }
+  return { ...state, selected, anchor: id };
+}
+function sync(state, ids) {
+  if (sameIds(state.ids, ids)) return state;
+  const present = new Set(ids);
+  let selected = state.selected;
+  for (const id of state.selected) {
+    if (present.has(id)) continue;
+    selected = new Set([...state.selected].filter((x) => present.has(x)));
+    break;
+  }
+  const anchor = state.anchor !== null && present.has(state.anchor) ? state.anchor : null;
+  return { ids, selected, anchor };
+}
+function rowSelectionReducer(state, event) {
+  switch (event.type) {
+    case "selection.sync":
+      return sync(state, event.ids);
+    case "selection.toggle":
+      return toggle(state, event.id);
+    case "selection.toggleRange":
+      return toggleRange(state, event.id);
+    case "selection.selectAll":
+      return state.selected.size === state.ids.length ? state : { ...state, selected: new Set(state.ids) };
+    case "selection.clear":
+      return state.selected.size === 0 && state.anchor === null ? state : { ...state, selected: /* @__PURE__ */ new Set(), anchor: null };
+  }
+}
+function headerState(state) {
+  if (state.selected.size === 0) return "none";
+  return state.selected.size === state.ids.length ? "all" : "some";
+}
+function selectedIds(state) {
+  return state.ids.filter((id) => state.selected.has(id));
+}
+
+// src/components/Table/useRowSelection.ts
+function useRowSelection(ids) {
+  const [stored, dispatch] = useReducer(rowSelectionReducer, ids, initRowSelection);
+  const state = sameIds(stored.ids, ids) ? stored : rowSelectionReducer(stored, { type: "selection.sync", ids });
+  if (state !== stored) dispatch({ type: "selection.sync", ids });
+  const actions = useMemo(
+    () => ({
+      toggle: (id) => dispatch({ type: "selection.toggle", id }),
+      toggleRange: (id) => dispatch({ type: "selection.toggleRange", id }),
+      selectAll: () => dispatch({ type: "selection.selectAll" }),
+      clear: () => dispatch({ type: "selection.clear" })
+    }),
+    []
+  );
+  return useMemo(
+    () => ({
+      ids: state.ids,
+      selected: state.selected,
+      selectedIds: selectedIds(state),
+      count: state.selected.size,
+      anchor: state.anchor,
+      headerState: headerState(state),
+      isSelected: (id) => state.selected.has(id),
+      ...actions
+    }),
+    [state, actions]
+  );
+}
+
+// src/components/SelectionBar/SelectionBar.tsx
+import { useEffect, useLayoutEffect, useRef, useState as useState3 } from "react";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var defaultCountLabel = (count) => `${count} selected`;
+var LEAVE_MS = 200;
+function SelectionBar({
+  count,
+  onClear,
+  children,
+  "aria-label": ariaLabel = "Bulk actions",
+  countLabel = defaultCountLabel,
+  clearLabel = "Clear",
+  clearedMessage = "Selection cleared",
+  className
+}) {
+  const open = count > 0;
+  const [hadSelection, setHadSelection] = useState3(open);
+  if (open && !hadSelection) setHadSelection(true);
+  const message = open ? countLabel(count) : hadSelection ? clearedMessage : "";
+  const [rendered, setRendered] = useState3(open);
+  const [shownCount, setShownCount] = useState3(count);
+  if (open && !rendered) setRendered(true);
+  if (open && shownCount !== count) setShownCount(count);
+  useEffect(() => {
+    if (open || !rendered) return;
+    const timer = setTimeout(() => setRendered(false), LEAVE_MS);
+    return () => clearTimeout(timer);
+  }, [open, rendered]);
+  const barRef = useRef(null);
+  const returnTo = useRef(null);
+  useLayoutEffect(() => {
+    const bar = barRef.current;
+    if (open || !bar?.contains(bar.ownerDocument.activeElement)) return;
+    if (returnTo.current?.isConnected) returnTo.current.focus();
+  }, [open]);
+  const [height, setHeight] = useState3(0);
+  useEffect(() => {
+    const bar = barRef.current;
+    if (!rendered || !bar || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(([entry]) => setHeight(entry.borderBoxSize[0]?.blockSize ?? 0));
+    observer.observe(bar);
+    return () => observer.disconnect();
+  }, [rendered]);
+  return /* @__PURE__ */ jsxs19(Fragment5, { children: [
+    /* @__PURE__ */ jsx22("span", { role: "status", className: "sc-visually-hidden", children: message }),
+    rendered ? /* @__PURE__ */ jsxs19(Fragment5, { children: [
+      open ? /* @__PURE__ */ jsx22(
+        "div",
+        {
+          className: "sc-selection-bar__spacer",
+          style: { "--sc-selection-bar-height": `${height}px` },
+          "aria-hidden": "true"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx22(
+        "div",
+        {
+          ref: barRef,
+          className: cx("sc-selection-bar", className),
+          "data-open": open || void 0,
+          onFocus: (event) => {
+            const from = event.relatedTarget;
+            if (from instanceof HTMLElement && !event.currentTarget.contains(from)) returnTo.current = from;
+          },
+          children: /* @__PURE__ */ jsxs19(Toolbar.Root, { "aria-label": ariaLabel, className: "sc-selection-bar__toolbar", children: [
+            /* @__PURE__ */ jsx22("span", { className: "sc-selection-bar__count", children: countLabel(shownCount) }),
+            /* @__PURE__ */ jsx22(Toolbar.Separator, {}),
+            children,
+            /* @__PURE__ */ jsx22(Toolbar.Spacer, {}),
+            /* @__PURE__ */ jsx22(Toolbar.Button, { render: /* @__PURE__ */ jsx22(Button, { variant: "ghost", size: "sm" }), onClick: onClear, children: clearLabel })
+          ] })
+        }
+      )
+    ] }) : null
+  ] });
+}
+
+// src/components/Toast/Toast.tsx
+import { Toast as BaseToast } from "@base-ui/react/toast";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+function Provider2({ children, timeout = 6e3, limit = 3 }) {
+  return /* @__PURE__ */ jsxs20(BaseToast.Provider, { timeout, limit, children: [
+    children,
+    /* @__PURE__ */ jsx23(BaseToast.Portal, { children: /* @__PURE__ */ jsx23(Viewport, {}) })
+  ] });
+}
+function Viewport() {
+  const { toasts, close } = BaseToast.useToastManager();
+  return /* @__PURE__ */ jsx23(BaseToast.Viewport, { className: "sc-toast-viewport", children: toasts.map((toast) => /* @__PURE__ */ jsxs20(BaseToast.Root, { toast, className: "sc-toast", "data-tone": toast.type ?? "neutral", children: [
+    /* @__PURE__ */ jsxs20(BaseToast.Content, { className: "sc-toast__content", children: [
+      /* @__PURE__ */ jsx23(BaseToast.Title, { className: "sc-toast__title" }),
+      toast.description != null ? /* @__PURE__ */ jsx23(BaseToast.Description, { className: "sc-toast__description" }) : null
+    ] }),
+    toast.actionProps ? /* @__PURE__ */ jsx23(
+      BaseToast.Action,
+      {
+        className: "sc-toast__action",
+        render: /* @__PURE__ */ jsx23(Button, { variant: "secondary", size: "sm" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx23(IconButton, { label: "Dismiss", size: "sm", className: "sc-toast__close", onClick: () => close(toast.id), children: /* @__PURE__ */ jsx23(XIcon, {}) })
+  ] }, toast.id)) });
+}
+function useToast() {
+  const manager = BaseToast.useToastManager();
+  return useMemo2(
+    () => ({
+      add: ({ title, description, tone = "neutral", action, timeout, priority }) => {
+        let id = "";
+        id = manager.add({
+          title,
+          description,
+          type: tone,
+          ...timeout !== void 0 ? { timeout } : {},
+          ...priority ? { priority } : {},
+          ...action ? {
+            actionProps: {
+              children: action.label,
+              onClick: () => {
+                action.onClick();
+                manager.close(id);
+              }
+            }
+          } : {}
+        });
+        return id;
+      },
+      close: manager.close
+    }),
+    [manager]
+  );
+}
+var Toast = { Provider: Provider2 };
 
 // src/components/Stat/Stat.tsx
 import { createElement as createElement5 } from "react";
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var trendIcons = {
-  up: /* @__PURE__ */ jsx22(ArrowUpIcon, { size: "xs" }),
-  down: /* @__PURE__ */ jsx22(ArrowDownIcon, { size: "xs" }),
-  flat: /* @__PURE__ */ jsx22(ArrowRightIcon, { size: "xs" })
+  up: /* @__PURE__ */ jsx24(ArrowUpIcon, { size: "xs" }),
+  down: /* @__PURE__ */ jsx24(ArrowDownIcon, { size: "xs" }),
+  flat: /* @__PURE__ */ jsx24(ArrowRightIcon, { size: "xs" })
 };
 function Stat({
   label,
@@ -1442,23 +1934,1712 @@ function Stat({
       "data-size": size,
       ...rest
     },
-    /* @__PURE__ */ jsxs18(Fragment4, { children: [
-      /* @__PURE__ */ jsx22("div", { className: "sc-stat__label", children: label }),
-      icon ? /* @__PURE__ */ jsx22("span", { className: "sc-stat__icon", "aria-hidden": "true", children: icon }) : null,
-      /* @__PURE__ */ jsx22("div", { className: "sc-stat__value", children: value }),
-      delta != null ? /* @__PURE__ */ jsxs18("div", { className: "sc-stat__delta", "data-tone": deltaTone, children: [
-        trend ? /* @__PURE__ */ jsx22("span", { className: "sc-stat__trend", "aria-hidden": "true", children: trendIcons[trend] }) : null,
-        trend ? /* @__PURE__ */ jsxs18("span", { className: "sc-visually-hidden", children: [
+    /* @__PURE__ */ jsxs21(Fragment6, { children: [
+      /* @__PURE__ */ jsx24("div", { className: "sc-stat__label", children: label }),
+      icon ? /* @__PURE__ */ jsx24("span", { className: "sc-stat__icon", "aria-hidden": "true", children: icon }) : null,
+      /* @__PURE__ */ jsx24("div", { className: "sc-stat__value", children: value }),
+      delta != null ? /* @__PURE__ */ jsxs21("div", { className: "sc-stat__delta", "data-tone": deltaTone, children: [
+        trend ? /* @__PURE__ */ jsx24("span", { className: "sc-stat__trend", "aria-hidden": "true", children: trendIcons[trend] }) : null,
+        trend ? /* @__PURE__ */ jsxs21("span", { className: "sc-visually-hidden", children: [
           trend === "flat" ? "unchanged" : trend,
           " "
         ] }) : null,
         delta
       ] }) : null,
-      hint != null ? /* @__PURE__ */ jsx22("div", { className: "sc-stat__hint", children: hint }) : null
+      hint != null ? /* @__PURE__ */ jsx24("div", { className: "sc-stat__hint", children: hint }) : null
     ] })
   );
 }
 
+// src/components/Chip/Chip.tsx
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+function Chip({
+  children,
+  icon,
+  tone = "neutral",
+  size = "md",
+  selected = false,
+  onClick,
+  onRemove,
+  removeLabel,
+  disabled = false,
+  className,
+  ...rest
+}) {
+  const interactive = onClick !== void 0;
+  const removeName = removeLabel ?? (typeof children === "string" ? `Remove ${children}` : "Remove");
+  const handleRemoveKey = (event) => {
+    if (onRemove && !disabled && (event.key === "Backspace" || event.key === "Delete")) {
+      event.preventDefault();
+      onRemove();
+    }
+  };
+  const shared = {
+    className: cx("sc-chip", className),
+    "data-tone": tone,
+    "data-size": size,
+    "data-selected": selected || void 0,
+    "data-removable": onRemove ? "" : void 0,
+    "data-disabled": disabled || void 0
+  };
+  const body = /* @__PURE__ */ jsxs22(Fragment7, { children: [
+    icon ? /* @__PURE__ */ jsx25("span", { className: "sc-chip__icon", "aria-hidden": "true", children: icon }) : null,
+    /* @__PURE__ */ jsx25("span", { className: "sc-chip__label", children })
+  ] });
+  const remove = onRemove ? /* @__PURE__ */ jsx25(
+    "button",
+    {
+      type: "button",
+      className: "sc-chip__remove",
+      "aria-label": removeName,
+      disabled,
+      onClick: (event) => {
+        event.stopPropagation();
+        onRemove();
+      },
+      onKeyDown: handleRemoveKey,
+      children: /* @__PURE__ */ jsx25(XIcon, { size: "xs" })
+    }
+  ) : null;
+  if (interactive) {
+    return /* @__PURE__ */ jsxs22("span", { ...shared, ...rest, children: [
+      /* @__PURE__ */ jsx25(
+        "button",
+        {
+          type: "button",
+          className: "sc-chip__action",
+          "aria-pressed": selected,
+          disabled,
+          onClick,
+          onKeyDown: handleRemoveKey,
+          children: body
+        }
+      ),
+      remove
+    ] });
+  }
+  return /* @__PURE__ */ jsxs22("span", { ...shared, ...rest, children: [
+    body,
+    remove
+  ] });
+}
+
+// src/components/Disclosure/Disclosure.tsx
+import {
+  useEffect as useEffect2,
+  useRef as useRef2,
+  useState as useState4
+} from "react";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+function Disclosure({
+  summary,
+  summaryOpen,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  previewLines,
+  summaryPosition,
+  className,
+  style,
+  children,
+  ref,
+  ...rest
+}) {
+  const controlled = open !== void 0;
+  const [internal, setInternal] = useState4(defaultOpen);
+  const isOpen = controlled ? open : internal;
+  const inner = useRef2(null);
+  useEffect2(() => {
+    if (controlled && inner.current && inner.current.open !== open) inner.current.open = open;
+  });
+  const onToggle = (event) => {
+    const next = event.currentTarget.open;
+    if (next === isOpen) return;
+    if (!controlled) setInternal(next);
+    onOpenChange?.(next);
+  };
+  const position = summaryPosition ?? (previewLines ? "end" : "start");
+  return /* @__PURE__ */ jsxs23(
+    "details",
+    {
+      ref: (node) => {
+        inner.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      className: cx("sc-disclosure", className),
+      open: isOpen,
+      onToggle,
+      "data-summary-position": position,
+      "data-preview": previewLines ? "" : void 0,
+      style: previewLines ? { ...style, "--_lines": previewLines } : style,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs23("summary", { className: "sc-disclosure__summary", children: [
+          /* @__PURE__ */ jsx26(ChevronDownIcon, { className: "sc-disclosure__chevron" }),
+          /* @__PURE__ */ jsx26("span", { className: "sc-disclosure__summary-text", children: isOpen && summaryOpen != null ? summaryOpen : summary })
+        ] }),
+        /* @__PURE__ */ jsx26("div", { className: "sc-disclosure__content", children })
+      ]
+    }
+  );
+}
+
+// src/components/EmptyState/EmptyState.tsx
+import { createElement as createElement6 } from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function EmptyState({
+  title,
+  description,
+  icon,
+  children,
+  size = "md",
+  as = "div",
+  className,
+  ...rest
+}) {
+  return createElement6(
+    as,
+    { className: cx("sc-empty-state", className), "data-size": size, ...rest },
+    icon ? /* @__PURE__ */ jsx27("span", { className: "sc-empty-state__icon", "aria-hidden": "true", children: icon }) : null,
+    /* @__PURE__ */ jsx27("p", { className: "sc-empty-state__title", children: title }),
+    description != null ? /* @__PURE__ */ jsx27("p", { className: "sc-empty-state__description", children: description }) : null,
+    children != null ? /* @__PURE__ */ jsx27("div", { className: "sc-empty-state__actions", children }) : null
+  );
+}
+
+// src/components/Skeleton/Skeleton.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Skeleton({
+  variant = "text",
+  width,
+  height,
+  lines = 1,
+  still = false,
+  className,
+  style,
+  ...rest
+}) {
+  const size = {
+    ...style,
+    ...width !== void 0 ? { inlineSize: width } : {},
+    ...height !== void 0 ? { blockSize: height } : {}
+  };
+  if (variant === "text" && lines > 1) {
+    return /* @__PURE__ */ jsx28("span", { className: cx("sc-skeleton-lines", className), "aria-hidden": "true", style, ...rest, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx28(
+      "span",
+      {
+        className: "sc-skeleton",
+        "data-variant": "text",
+        "data-still": still || void 0,
+        "data-last": i === lines - 1 || void 0,
+        style: width !== void 0 ? { inlineSize: width } : void 0
+      },
+      i
+    )) });
+  }
+  return /* @__PURE__ */ jsx28(
+    "span",
+    {
+      className: cx("sc-skeleton", className),
+      "data-variant": variant,
+      "data-still": still || void 0,
+      "aria-hidden": "true",
+      style: size,
+      ...rest
+    }
+  );
+}
+
+// src/components/FileInput/FileInput.tsx
+import { useEffect as useEffect4, useId as useId3, useRef as useRef4, useState as useState6 } from "react";
+
+// src/components/FilePreviewDialog/FilePreviewDialog.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState5 } from "react";
+
+// src/components/FileInput/accept.ts
+function parseAccept(accept) {
+  if (accept == null) return [];
+  const list = typeof accept === "string" ? accept.split(",") : accept;
+  return list.map((entry) => entry.trim().toLowerCase()).filter(Boolean);
+}
+function matchesAccept(file, accept) {
+  if (accept.length === 0) return true;
+  const name = file.name.toLowerCase();
+  const type = file.type.toLowerCase();
+  return accept.some((entry) => {
+    if (entry.startsWith(".")) return name.endsWith(entry);
+    if (entry.endsWith("/*")) return type.startsWith(entry.slice(0, -1));
+    return type === entry;
+  });
+}
+var UNITS = { b: 1, kb: 1e3, mb: 1e6, gb: 1e9 };
+function parseSize(size) {
+  if (size == null) return void 0;
+  if (typeof size === "number") return size;
+  const match = /^\s*(\d+(?:\.\d+)?)\s*(b|kb|mb|gb)\s*$/i.exec(size);
+  if (!match) throw new Error(`FileInput: maxFileSize "${size}" is not a size like "10MB".`);
+  return Math.round(Number(match[1]) * UNITS[match[2].toLowerCase()]);
+}
+function formatSize(bytes) {
+  const [unit, base] = bytes >= 1e9 ? ["GB", 1e9] : bytes >= 1e6 ? ["MB", 1e6] : bytes >= 1e3 ? ["KB", 1e3] : ["bytes", 1];
+  const value = bytes / base;
+  return `${Number.isInteger(value) ? value : Number(value.toFixed(1))} ${unit}`;
+}
+function formatListSize(bytes) {
+  const n = Math.round(Math.abs(bytes));
+  const trim = (value, decimals) => value.toFixed(decimals).replace(/\.0+$/, "");
+  if (n < 1e3) return `${n} bytes`;
+  if (n < 1e6) return `${Math.floor(n / 1e3)} KB`;
+  if (n < 1e9) return `${trim(n / 1e6, 1)} MB`;
+  return `${trim(n / 1e9, 2)} GB`;
+}
+var MIME_NAMES = {
+  "application/pdf": "PDF",
+  "application/msword": "DOC",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
+  "application/json": "JSON",
+  "text/plain": "plain text",
+  "text/markdown": "Markdown",
+  "text/csv": "CSV",
+  "image/png": "PNG",
+  "image/jpeg": "JPEG"
+};
+function describeAccept(accept) {
+  const names = accept.map((entry) => {
+    if (entry.startsWith(".")) return entry.slice(1).toUpperCase();
+    if (entry.endsWith("/*")) return `any ${entry.slice(0, -2)}`;
+    return MIME_NAMES[entry] ?? entry.split("/").pop().toUpperCase();
+  });
+  const unique = [...new Set(names)];
+  if (unique.length <= 1) return unique[0] ?? "";
+  return `${unique.slice(0, -1).join(", ")} or ${unique.at(-1)}`;
+}
+function rejectionMessage(reason, detail) {
+  switch (reason) {
+    case "type":
+      return `${detail.name} is not an accepted file type. Use ${detail.acceptLabel}.`;
+    case "size":
+      return `${detail.name} is ${formatSize(detail.size ?? 0)}, over the ${formatSize(detail.maxFileSize ?? 0)} limit.`;
+    case "count":
+      return detail.maxFiles === 1 ? "Choose one file." : `Up to ${detail.maxFiles} files. Remove one to add another.`;
+  }
+}
+function escapeHtml(text) {
+  return text.replace(
+    /[&<>"']/g,
+    (ch) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[ch]
+  );
+}
+var extensionOf = (name) => {
+  const dot = name.lastIndexOf(".");
+  return dot > 0 ? name.slice(dot + 1).toLowerCase() : "";
+};
+var TEXT_EXTENSIONS = /* @__PURE__ */ new Set(["txt", "text", "md", "markdown"]);
+var TEXT_TYPES = /* @__PURE__ */ new Set(["text/plain", "text/markdown", "text/x-markdown"]);
+var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "webp", "avif", "svg", "bmp"]);
+var UNDRAWABLE_IMAGE_TYPES = /* @__PURE__ */ new Set(["image/heic", "image/heif", "image/tiff"]);
+function previewKind(file) {
+  const ext = extensionOf(file.name);
+  const type = file.type.toLowerCase();
+  if (ext === "pdf" || type === "application/pdf") return "pdf";
+  if (TEXT_EXTENSIONS.has(ext) || TEXT_TYPES.has(type)) return "text";
+  if (UNDRAWABLE_IMAGE_TYPES.has(type)) return null;
+  if (IMAGE_EXTENSIONS.has(ext) || type.startsWith("image/")) return "image";
+  return null;
+}
+function fileTypeLabel(file) {
+  const ext = extensionOf(file.name);
+  if (ext) return ext.toUpperCase();
+  return MIME_NAMES[file.type.toLowerCase()] ?? (file.type.split("/").pop()?.toUpperCase() || "File");
+}
+
+// src/utils/useMediaQuery.ts
+import { useCallback, useSyncExternalStore } from "react";
+function useMediaQuery(query) {
+  const subscribe = useCallback(
+    (onChange) => {
+      if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {
+      };
+      const list = window.matchMedia(query);
+      list.addEventListener?.("change", onChange);
+      return () => list.removeEventListener?.("change", onChange);
+    },
+    [query]
+  );
+  return useSyncExternalStore(
+    subscribe,
+    () => typeof window.matchMedia === "function" && window.matchMedia(query).matches,
+    () => false
+  );
+}
+
+// src/components/FilePreviewDialog/FilePreviewDialog.tsx
+import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+var TEXT_LIMIT = 1e6;
+var NARROW = "(max-width: 48rem)";
+function FilePreviewDialog({ file, open, onOpenChange, finalFocus }) {
+  const kind = file ? previewKind(file) : null;
+  const narrow = useMediaQuery(NARROW);
+  const pdfInTab = kind === "pdf" && narrow;
+  return /* @__PURE__ */ jsx29(Dialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs24(
+    Dialog.Content,
+    {
+      size: "lg",
+      className: "sc-file-preview",
+      "data-kind": kind ?? "none",
+      finalFocus,
+      children: [
+        /* @__PURE__ */ jsx29(Dialog.Close, {}),
+        file ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
+          /* @__PURE__ */ jsx29(Dialog.Title, { children: file.name }),
+          /* @__PURE__ */ jsxs24(Dialog.Description, { children: [
+            fileTypeLabel(file),
+            ", ",
+            formatListSize(file.size)
+          ] }),
+          /* @__PURE__ */ jsx29(Dialog.Body, { children: /* @__PURE__ */ jsx29(PreviewBody, { file, kind, open, pdfInTab }) })
+        ] }) : /* @__PURE__ */ jsx29(Dialog.Title, { children: "Preview" })
+      ]
+    }
+  ) });
+}
+function PreviewBody({
+  file,
+  kind,
+  open,
+  pdfInTab
+}) {
+  const frameRef = useRef3(null);
+  const imageRef = useRef3(null);
+  const linkRef = useRef3(null);
+  const [text, setText] = useState5(null);
+  useEffect3(() => {
+    if (!open || kind !== "pdf" && kind !== "image") return void 0;
+    const url = URL.createObjectURL(kind === "pdf" ? new Blob([file], { type: "application/pdf" }) : file);
+    if (frameRef.current) frameRef.current.src = url;
+    if (imageRef.current) imageRef.current.src = url;
+    if (linkRef.current) linkRef.current.href = url;
+    return () => URL.revokeObjectURL(url);
+  }, [open, file, kind, pdfInTab]);
+  useEffect3(() => {
+    if (!open || kind !== "text") return void 0;
+    let cancelled = false;
+    void file.slice(0, TEXT_LIMIT).text().then((value) => {
+      if (!cancelled) setText({ file, value });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open, file, kind]);
+  if (kind === "pdf") {
+    const link = (
+      // eslint-disable-next-line jsx-a11y/anchor-is-valid -- the effect above sets href to the object URL on mount
+      /* @__PURE__ */ jsxs24(
+        "a",
+        {
+          ref: linkRef,
+          className: "sc-button",
+          "data-variant": pdfInTab ? "primary" : "secondary",
+          "data-size": "md",
+          target: "_blank",
+          rel: "noopener",
+          children: [
+            "Open in a new tab",
+            /* @__PURE__ */ jsx29(ExternalLinkIcon, {})
+          ]
+        }
+      )
+    );
+    return pdfInTab ? /* @__PURE__ */ jsxs24("div", { className: "sc-file-preview__tab", children: [
+      /* @__PURE__ */ jsx29("p", { className: "sc-file-preview__note", children: "On a small screen the PDF reads best in its own tab." }),
+      link
+    ] }) : /* @__PURE__ */ jsxs24(Fragment8, { children: [
+      /* @__PURE__ */ jsx29("iframe", { ref: frameRef, className: "sc-file-preview__frame", title: `Preview of ${file.name}` }),
+      /* @__PURE__ */ jsx29("div", { className: "sc-file-preview__actions", children: link })
+    ] });
+  }
+  if (kind === "text") {
+    const value = text?.file === file ? text.value : null;
+    return /* @__PURE__ */ jsxs24(Fragment8, { children: [
+      /* @__PURE__ */ jsx29(
+        "pre",
+        {
+          className: "sc-file-preview__text",
+          role: "region",
+          tabIndex: 0,
+          "aria-label": `Contents of ${file.name}`,
+          "aria-busy": value == null || void 0,
+          children: value
+        }
+      ),
+      file.size > TEXT_LIMIT ? /* @__PURE__ */ jsxs24("p", { className: "sc-file-preview__note", children: [
+        "Showing the first ",
+        formatSize(TEXT_LIMIT),
+        "."
+      ] }) : null
+    ] });
+  }
+  if (kind === "image") {
+    return /* @__PURE__ */ jsx29("img", { ref: imageRef, className: "sc-file-preview__image", alt: file.name });
+  }
+  return /* @__PURE__ */ jsxs24("p", { className: "sc-file-preview__note", children: [
+    "There is no preview for ",
+    fileTypeLabel(file),
+    " files."
+  ] });
+}
+
+// src/components/FileInput/FileInput.tsx
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+var REMOVE_ICON = '<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8"/></svg>';
+var sameFiles = (a, b) => a.length === b.length && a.every((file, i) => file === b[i]);
+function FileInput({
+  label,
+  hideLabel = false,
+  description,
+  error,
+  invalid = false,
+  required = false,
+  disabled = false,
+  name,
+  size = "md",
+  className,
+  accept,
+  acceptLabel,
+  maxFileSize,
+  multiple = false,
+  maxFiles,
+  files,
+  defaultFiles,
+  onFilesChange,
+  idleLabel,
+  browseLabel = "browse",
+  preview = true
+}) {
+  const id = useId3();
+  const labelId = `${id}label`;
+  const descriptionId = `${id}description`;
+  const messagesId = `${id}messages`;
+  const controlled = files !== void 0;
+  const [uncontrolledFiles, setUncontrolledFiles] = useState6(defaultFiles ?? []);
+  const current = controlled ? files : uncontrolledFiles;
+  const [rejections, setRejections] = useState6([]);
+  const [inputId, setInputId] = useState6();
+  const [previewFile, setPreviewFile] = useState6(null);
+  const [previewOpen, setPreviewOpen] = useState6(false);
+  const previewTriggerRef = useRef4(null);
+  const [pondVersion, setPondVersion] = useState6(0);
+  const hostRef = useRef4(null);
+  const pondRef = useRef4(null);
+  const moduleRef = useRef4(null);
+  const patchRef = useRef4(() => {
+  });
+  const settledRef = useRef4(current);
+  const targetRef = useRef4(null);
+  const acceptList = parseAccept(accept);
+  const acceptAttr = acceptList.join(",");
+  const maxBytes = parseSize(maxFileSize);
+  const messages = [...rejections, ...error != null ? [error] : []];
+  const isInvalid = invalid || messages.length > 0;
+  const idleText = idleLabel ?? (multiple ? "Drop files here or" : current.length > 0 ? "Drop another file to replace it, or" : "Drop a file here or");
+  const live = {
+    acceptList,
+    acceptLabel: acceptLabel ?? describeAccept(acceptList),
+    maxBytes,
+    maxFiles: multiple ? maxFiles : 1,
+    multiple,
+    current,
+    controlled,
+    onFilesChange,
+    labelId,
+    describedBy: [description != null ? descriptionId : null, messages.length > 0 ? messagesId : null],
+    isInvalid,
+    acceptAttr,
+    preview: preview && !disabled,
+    openPreview: (file, trigger) => {
+      previewTriggerRef.current = trigger;
+      setPreviewFile(file);
+      setPreviewOpen(true);
+    }
+  };
+  const liveRef = useRef4(live);
+  useEffect4(() => {
+    liveRef.current = live;
+  });
+  useEffect4(() => {
+    let cancelled = false;
+    let pond = null;
+    let observer = null;
+    const host = hostRef.current;
+    if (!host) return void 0;
+    const reject = (reason, file) => {
+      const l = liveRef.current;
+      const message = rejectionMessage(reason, {
+        name: file?.name,
+        size: file?.size,
+        acceptLabel: l.acceptLabel,
+        maxFileSize: l.maxBytes,
+        maxFiles: l.maxFiles
+      });
+      setRejections((list) => list.includes(message) ? list : [...list, message]);
+      if (file && targetRef.current) {
+        targetRef.current = targetRef.current.filter((f) => f !== file);
+        queueMicrotask(emit);
+      }
+    };
+    const startAttempt = () => setRejections((list) => list.length ? [] : list);
+    let removeIntent = false;
+    const acceptedIds = /* @__PURE__ */ new Set();
+    const noteRemove = (event) => {
+      if (event.target?.closest?.(".filepond--action-remove-item")) removeIntent = true;
+    };
+    const onPreviewClick = (event) => {
+      const button = event.target?.closest?.(
+        ".sc-file-input__preview"
+      );
+      const file = button?.dataset.fileId ? pond?.getFile(button.dataset.fileId)?.file : null;
+      if (!button || !(file instanceof File)) return;
+      event.stopPropagation();
+      liveRef.current.openPreview(file, button);
+    };
+    const emit = () => {
+      const mod = moduleRef.current;
+      if (!pond || !mod) return;
+      const idle = pond.getFiles().filter((item) => item.status === mod.FileStatus.IDLE).map((item) => item.file);
+      const accepted = liveRef.current.multiple ? idle : idle.slice(-1);
+      const target = targetRef.current;
+      if (target) {
+        if (!sameFiles(accepted, target)) return;
+        targetRef.current = null;
+        settledRef.current = accepted;
+        if (!sameFiles(accepted, liveRef.current.current)) {
+          if (!liveRef.current.controlled) setUncontrolledFiles(accepted);
+          liveRef.current.onFilesChange?.(accepted);
+        }
+        return;
+      }
+      if (sameFiles(accepted, settledRef.current)) return;
+      settledRef.current = accepted;
+      if (!liveRef.current.controlled) setUncontrolledFiles(accepted);
+      liveRef.current.onFilesChange?.(accepted);
+    };
+    const patch = () => {
+      if (!pond) return;
+      const l = liveRef.current;
+      const root = pond.element;
+      if (!root) return;
+      const set = (el, attr, value) => {
+        if (!el || el.getAttribute(attr) === value) return;
+        if (value == null) el.removeAttribute(attr);
+        else el.setAttribute(attr, value);
+      };
+      const input = root.querySelector("input.filepond--browser");
+      const dropLabel = root.querySelector(".filepond--drop-label label");
+      set(input, "aria-labelledby", l.labelId);
+      set(input, "aria-describedby", [dropLabel?.id, ...l.describedBy].filter(Boolean).join(" ") || null);
+      set(input, "aria-invalid", l.isInvalid ? "true" : null);
+      set(input, "accept", l.acceptAttr || null);
+      set(input, "multiple", l.multiple ? "" : null);
+      set(root.querySelector(".filepond--label-action"), "tabindex", null);
+      for (const item of root.querySelectorAll(".filepond--item")) {
+        const fileName = item.querySelector(".filepond--file-info-main")?.textContent?.trim();
+        const remove = item.querySelector(".filepond--action-remove-item");
+        if (fileName) set(remove, "aria-label", `Remove ${fileName}`);
+        patchPreview(item, remove);
+      }
+      setInputId(input?.id || void 0);
+    };
+    const patchPreview = (item, remove) => {
+      const row = item.querySelector(".filepond--file");
+      if (!row) return;
+      let button = row.querySelector(":scope > .sc-file-input__preview");
+      const id2 = item.id.replace(/^filepond--item-/, "");
+      const file = pond?.getFile(id2)?.file;
+      if (!liveRef.current.preview || !(file instanceof File) || previewKind(file) == null) {
+        button?.remove();
+        return;
+      }
+      if (!button) {
+        button = document.createElement("button");
+        button.type = "button";
+        button.className = "sc-file-input__preview";
+        row.insertBefore(button, remove ?? row.firstChild);
+      }
+      if (button.dataset.fileId !== id2) button.dataset.fileId = id2;
+      if (button.textContent !== file.name) button.textContent = file.name;
+      const name2 = `Preview ${file.name}`;
+      if (button.getAttribute("aria-label") !== name2) button.setAttribute("aria-label", name2);
+    };
+    void import("filepond").then((mod) => {
+      if (cancelled || !mod.supported()) return;
+      moduleRef.current = mod;
+      const options = {
+        credits: false,
+        allowPaste: false,
+        allowReorder: false,
+        allowProcess: false,
+        allowRevert: false,
+        instantUpload: false,
+        dropOnPage: false,
+        // Always multi: FilePond's own single mode replaces the current file *before* validating the new
+        // one, so a rejected file would discard a good one. Replacement happens in `addfile` instead.
+        allowMultiple: true,
+        allowReplace: false,
+        itemInsertLocation: "after",
+        fileSizeBase: 1e3,
+        iconRemove: REMOVE_ICON,
+        labelButtonRemoveItem: "Remove",
+        styleButtonRemoveItemPosition: "right",
+        beforeAddFile: (item) => {
+          const l = liveRef.current;
+          const file = item.file;
+          if (!matchesAccept(file, l.acceptList)) return reject("type", file), false;
+          if (l.maxBytes != null && file.size > l.maxBytes) return reject("size", file), false;
+          return true;
+        }
+      };
+      pond = mod.create(options);
+      const root = pond.element;
+      if (!root) return;
+      host.appendChild(root);
+      pondRef.current = pond;
+      patchRef.current = patch;
+      pond.on("addfile", (error2, added) => {
+        if (!error2) acceptedIds.add(added.id);
+        if (!error2 && !liveRef.current.multiple) {
+          for (const other of pond?.getFiles() ?? []) if (other.id !== added.id) pond?.removeFile(other.id);
+        }
+        emit();
+      });
+      pond.on("removefile", (_error, removed) => {
+        const active = document.activeElement;
+        const inRemovedRow = active?.closest(".filepond--item")?.id === `filepond--item-${removed.id}`;
+        if (inRemovedRow || removeIntent && (active == null || active === document.body))
+          root.querySelector("input.filepond--browser")?.focus();
+        removeIntent = false;
+        if (acceptedIds.delete(removed.id)) startAttempt();
+        emit();
+      });
+      pond.on("updatefiles", emit);
+      pond.on("warning", (warning) => {
+        if (warning?.body === "Max files") reject("count");
+      });
+      observer = new MutationObserver(patch);
+      observer.observe(root, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+        attributeFilter: ["tabindex", "aria-labelledby", "aria-describedby", "accept", "id", "multiple"]
+      });
+      host.addEventListener("drop", startAttempt, true);
+      host.addEventListener("change", startAttempt, true);
+      host.addEventListener("click", noteRemove, true);
+      host.addEventListener("click", onPreviewClick);
+      settledRef.current = [];
+      setPondVersion((v) => v + 1);
+    });
+    return () => {
+      cancelled = true;
+      host.removeEventListener("drop", startAttempt, true);
+      host.removeEventListener("change", startAttempt, true);
+      host.removeEventListener("click", noteRemove, true);
+      host.removeEventListener("click", onPreviewClick);
+      observer?.disconnect();
+      if (pond) {
+        pond.element?.remove();
+        pond.destroy();
+      }
+      pondRef.current = null;
+      patchRef.current = () => {
+      };
+    };
+  }, []);
+  useEffect4(() => {
+    const pond = pondRef.current;
+    if (!pond) return;
+    pond.setOptions({
+      name: name ?? "",
+      storeAsFile: name != null,
+      disabled,
+      required,
+      maxFiles: multiple ? maxFiles ?? null : null,
+      allowRemove: !disabled,
+      labelIdle: `${escapeHtml(idleText)} <span class="filepond--label-action">${escapeHtml(browseLabel)}</span>`
+    });
+    patchRef.current();
+  }, [
+    pondVersion,
+    name,
+    disabled,
+    required,
+    multiple,
+    maxFiles,
+    idleText,
+    browseLabel,
+    labelId,
+    acceptAttr,
+    isInvalid,
+    description,
+    messages.length,
+    preview
+  ]);
+  useEffect4(() => {
+    const pond = pondRef.current;
+    const mod = moduleRef.current;
+    if (!pond || !mod) return;
+    const items = pond.getFiles();
+    const idle = items.filter((item) => item.status === mod.FileStatus.IDLE);
+    const inPond = idle.map((item) => item.file);
+    if (sameFiles(inPond, current)) {
+      settledRef.current = current;
+      return;
+    }
+    targetRef.current = current;
+    for (const item of idle) if (!current.includes(item.file)) pond.removeFile(item.id);
+    const toAdd = current.filter((file) => !inPond.includes(file));
+    if (toAdd.length > 0) void pond.addFiles(toAdd);
+  }, [current, pondVersion]);
+  const ready = pondVersion > 0;
+  return /* @__PURE__ */ jsxs25(
+    "div",
+    {
+      className: cx("sc-field", "sc-file-input-field", className),
+      "data-size": size,
+      "data-disabled": disabled ? "" : void 0,
+      "data-invalid": isInvalid ? "" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs25(
+          "label",
+          {
+            id: labelId,
+            htmlFor: inputId,
+            className: cx("sc-field__label", hideLabel && "sc-visually-hidden"),
+            children: [
+              label,
+              required ? /* @__PURE__ */ jsx30("span", { className: "sc-field__required", "aria-hidden": "true", children: "*" }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs25(
+          "div",
+          {
+            className: "sc-file-input",
+            "data-ready": ready ? "" : void 0,
+            "data-disabled": disabled ? "" : void 0,
+            "data-invalid": isInvalid ? "" : void 0,
+            "data-multiple": multiple ? "" : void 0,
+            children: [
+              ready ? null : (
+                // Server render and first paint: the same drop zone, inert until FilePond takes over.
+                /* @__PURE__ */ jsxs25("div", { className: "sc-file-input__placeholder", "aria-hidden": "true", children: [
+                  idleText,
+                  " ",
+                  /* @__PURE__ */ jsx30("span", { className: "sc-file-input__browse", children: browseLabel })
+                ] })
+              ),
+              /* @__PURE__ */ jsx30("div", { ref: hostRef, className: "sc-file-input__pond" })
+            ]
+          }
+        ),
+        description != null ? /* @__PURE__ */ jsx30("p", { id: descriptionId, className: "sc-field__description", children: description }) : null,
+        /* @__PURE__ */ jsx30("div", { id: messagesId, className: "sc-file-input__messages", "aria-live": "polite", children: messages.map((message, i) => /* @__PURE__ */ jsx30("p", { className: "sc-field__error", children: message }, i)) }),
+        previewFile ? /* @__PURE__ */ jsx30(
+          FilePreviewDialog,
+          {
+            file: previewFile,
+            open: previewOpen,
+            onOpenChange: setPreviewOpen,
+            finalFocus: () => {
+              const trigger = previewTriggerRef.current;
+              if (trigger?.isConnected) return trigger;
+              return hostRef.current?.querySelector("input.filepond--browser") ?? true;
+            }
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/PriorityNav/PriorityNav.tsx
+import {
+  useEffect as useEffect5,
+  useId as useId4,
+  useLayoutEffect as useLayoutEffect2,
+  useRef as useRef5,
+  useState as useState7
+} from "react";
+
+// src/components/PriorityNav/fit.ts
+var EPSILON = 0.5;
+function rowWidth(widths, gap) {
+  let total = 0;
+  for (const w of widths) total += w;
+  return widths.length > 1 ? total + gap * (widths.length - 1) : total;
+}
+function fitCount({ widths, current, available, more, gap }) {
+  const n = widths.length;
+  const hasCurrent = current >= 0 && current < n;
+  const others = hasCurrent ? n - 1 : n;
+  if (rowWidth(widths, gap) <= available + EPSILON) return others;
+  let used = more + (hasCurrent ? widths[current] + gap : 0);
+  let count = 0;
+  for (let i = 0; i < n; i++) {
+    if (i === current) continue;
+    const next = used + widths[i] + gap;
+    if (next > available + EPSILON) break;
+    used = next;
+    count++;
+  }
+  return count;
+}
+function inlineFlags(length, current, count) {
+  const flags = [];
+  let seen = 0;
+  for (let i = 0; i < length; i++) {
+    if (i === current) flags.push(true);
+    else flags.push(seen++ < count);
+  }
+  return flags;
+}
+function isOverflowing({ widths, gap, available, was, hysteresis }) {
+  const total = rowWidth(widths, gap);
+  return was ? total + Math.max(0, hysteresis) > available + EPSILON : total > available + EPSILON;
+}
+
+// src/components/PriorityNav/place.ts
+var clamp = (value, min, max) => Math.max(min, Math.min(value, max));
+function placePanel({ anchor, panel, viewport, gutter, offset, rtl = false }) {
+  const endAligned = rtl ? anchor.left : anchor.right - panel.width;
+  const startAligned = rtl ? anchor.right - panel.width : anchor.left;
+  const fitsX = (x2) => x2 >= gutter && x2 + panel.width <= viewport.width - gutter;
+  const x = fitsX(endAligned) ? endAligned : fitsX(startAligned) ? startAligned : endAligned;
+  const left = clamp(x, gutter, Math.max(gutter, viewport.width - gutter - panel.width));
+  const below = anchor.bottom + offset;
+  const above = anchor.top - offset - panel.height;
+  const fitsBelow = below + panel.height <= viewport.height - gutter;
+  const top = fitsBelow || above < gutter ? below : above;
+  return { left, top };
+}
+
+// src/components/PriorityNav/PriorityNav.tsx
+import { Fragment as Fragment9, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+var defaultCountLabel2 = (n) => n === 1 ? "1 link" : `${n} links`;
+var defaultLink = ({ children, ...props }) => /* @__PURE__ */ jsx31("a", { ...props, children });
+var keyOf = (item) => item.id ?? item.href;
+var badgeOf = (item) => item.badge === "dot" ? "dot" : typeof item.badge === "number" && item.badge > 0 && Number.isFinite(item.badge) ? item.badge : null;
+var badgeTextOf = (item) => {
+  const badge = badgeOf(item);
+  if (badge === null) return null;
+  return item.badgeLabel ?? (badge === "dot" ? null : String(badge));
+};
+function Badge2({ value }) {
+  return /* @__PURE__ */ jsx31("span", { className: "sc-priority-nav__badge", "data-kind": value === "dot" ? "dot" : "count", "aria-hidden": "true", children: value === "dot" ? null : value });
+}
+var supportsAnchor = () => typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("anchor-name: --a");
+var supportsPopover = (el) => typeof el.showPopover === "function";
+function signatureOf(items) {
+  return items.map((item) => {
+    const text = typeof item.label === "string" || typeof item.label === "number" ? item.label : "";
+    return `${keyOf(item)}
${text}
${badgeOf(item) ?? ""}`;
+  }).join("");
+}
+function PriorityNav({
+  items,
+  moreLabel = "More",
+  moreCountLabel = defaultCountLabel2,
+  renderLink = defaultLink,
+  onOverflowChange,
+  overflowHysteresis = 0,
+  className,
+  style,
+  ...rest
+}) {
+  const signature = signatureOf(items);
+  const current = items.findIndex((item) => item.current);
+  const [fit, setFit] = useState7({ signature: null, current: -1, count: 0, overflowing: false });
+  const [open, setOpen] = useState7(false);
+  const panelId = useId4();
+  const listRef = useRef5(null);
+  const moreRef = useRef5(null);
+  const toggleRef = useRef5(null);
+  const panelRef = useRef5(null);
+  const measured = useRef5(null);
+  const currentRef = useRef5(current);
+  const fitRef = useRef5(fit);
+  const hysteresisRef = useRef5(overflowHysteresis);
+  const onOverflowRef = useRef5(onOverflowChange);
+  const solve = (m, cur, was) => ({
+    count: fitCount({ ...m, current: cur }),
+    overflowing: isOverflowing({ ...m, was, hysteresis: hysteresisRef.current })
+  });
+  const measuring = fit.signature !== signature;
+  useLayoutEffect2(() => {
+    currentRef.current = current;
+    fitRef.current = fit;
+    hysteresisRef.current = overflowHysteresis;
+    onOverflowRef.current = onOverflowChange;
+  });
+  useLayoutEffect2(() => {
+    const list = listRef.current;
+    const more = moreRef.current;
+    if (!list || !more) return;
+    if (measuring) {
+      const widths = Array.from(
+        list.querySelectorAll(":scope > .sc-priority-nav__item"),
+        (el) => el.getBoundingClientRect().width
+      );
+      measured.current = {
+        widths,
+        more: more.getBoundingClientRect().width,
+        gap: parseFloat(getComputedStyle(list).columnGap) || 0,
+        available: list.clientWidth
+      };
+    } else if (fit.current === current) return;
+    const m = measured.current;
+    if (!m) return;
+    setFit({ signature, current, ...solve(m, current, fit.overflowing) });
+  }, [measuring, signature, current, fit]);
+  useEffect5(() => {
+    const list = listRef.current;
+    const more = moreRef.current;
+    if (!list || !more || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver((entries) => {
+      const m = measured.current;
+      if (!m) return;
+      for (const entry of entries) {
+        if (entry.target === list)
+          m.available = entry.contentBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;
+        else {
+          const width = entry.borderBoxSize?.[0]?.inlineSize ?? 0;
+          if (width > 0) m.more = width;
+        }
+      }
+      const prev = fitRef.current;
+      if (prev.signature === null) return;
+      const next = solve(m, currentRef.current, prev.overflowing);
+      if (prev.count !== next.count || prev.overflowing !== next.overflowing) setFit({ ...prev, ...next });
+    });
+    observer.observe(list);
+    observer.observe(more);
+    return () => observer.disconnect();
+  }, []);
+  const reported = useRef5(false);
+  useEffect5(() => {
+    if (reported.current === fit.overflowing) return;
+    reported.current = fit.overflowing;
+    onOverflowRef.current?.(fit.overflowing);
+  }, [fit.overflowing]);
+  useEffect5(() => {
+    const fonts = typeof document === "undefined" ? void 0 : document.fonts;
+    if (!fonts || fonts.status === "loaded") return;
+    let live = true;
+    void fonts.ready.then(() => {
+      if (live) setFit((prev) => ({ ...prev, signature: null }));
+    });
+    return () => {
+      live = false;
+    };
+  }, []);
+  const flags = measuring ? null : inlineFlags(items.length, current, fit.count);
+  const overflow = flags ? items.filter((_, i) => !flags[i]) : [];
+  const expanded = open && overflow.length > 0;
+  const overflowBadges = overflow.map(badgeOf).filter((b) => b !== null);
+  const overflowCount = overflowBadges.reduce((sum, b) => sum + (b === "dot" ? 0 : b), 0);
+  const moreBadge = overflowCount > 0 ? overflowCount : overflowBadges.length > 0 ? "dot" : null;
+  const moreBadgeText = overflow.map(badgeTextOf).filter((text) => text !== null).map((text) => `, ${text}`).join("");
+  useLayoutEffect2(() => {
+    const panel = panelRef.current;
+    if (!panel || !supportsPopover(panel)) return;
+    if (!panel.hasAttribute("popover")) panel.setAttribute("popover", "manual");
+    const shown = panel.matches(":popover-open");
+    if (expanded && !shown) panel.showPopover();
+    else if (!expanded && shown) panel.hidePopover();
+  }, [expanded]);
+  useLayoutEffect2(() => {
+    const panel = panelRef.current;
+    const toggle2 = toggleRef.current;
+    if (!expanded || !panel || !toggle2 || supportsAnchor()) return;
+    const place = () => {
+      const anchor = toggle2.getBoundingClientRect();
+      const box = panel.getBoundingClientRect();
+      const css = getComputedStyle(panel);
+      const { left, top } = placePanel({
+        anchor,
+        panel: { width: box.width, height: box.height },
+        viewport: { width: document.documentElement.clientWidth, height: window.innerHeight },
+        gutter: parseFloat(css.getPropertyValue("--sc-spacing-md")) || 16,
+        offset: parseFloat(css.getPropertyValue("--sc-spacing-2xs")) || 4,
+        rtl: css.direction === "rtl"
+      });
+      panel.style.left = `${left}px`;
+      panel.style.top = `${top}px`;
+    };
+    place();
+    window.addEventListener("resize", place, { passive: true });
+    window.addEventListener("scroll", place, { passive: true, capture: true });
+    return () => {
+      window.removeEventListener("resize", place);
+      window.removeEventListener("scroll", place, { capture: true });
+      panel.style.left = "";
+      panel.style.top = "";
+    };
+  }, [expanded]);
+  useEffect5(() => {
+    if (!expanded) return;
+    const onPointerDown = (event) => {
+      if (!moreRef.current?.contains(event.target)) setOpen(false);
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      const active = document.activeElement;
+      setOpen(false);
+      if (!active || active === document.body || moreRef.current?.contains(active))
+        toggleRef.current?.focus();
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [expanded]);
+  const onBlur = (event) => {
+    if (!event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+  };
+  const link = (item, inPanel) => {
+    const badge = badgeOf(item);
+    const badgeText = badgeTextOf(item);
+    return renderLink(
+      {
+        href: item.href,
+        className: "sc-priority-nav__link",
+        "aria-current": item.current ? "page" : void 0,
+        onClick: inPanel ? () => setOpen(false) : void 0,
+        children: /* @__PURE__ */ jsxs26(Fragment9, { children: [
+          /* @__PURE__ */ jsx31("span", { className: "sc-priority-nav__label", children: item.label }),
+          badge !== null ? /* @__PURE__ */ jsx31(Badge2, { value: badge }) : null,
+          badgeText !== null ? /* @__PURE__ */ jsxs26("span", { className: "sc-visually-hidden", children: [
+            ", ",
+            badgeText
+          ] }) : null
+        ] })
+      },
+      item
+    );
+  };
+  return /* @__PURE__ */ jsx31(
+    "nav",
+    {
+      className: cx("sc-priority-nav", className),
+      "data-measuring": measuring || void 0,
+      "data-overflowing": fit.overflowing || void 0,
+      style: { ...style, "--_anchor": `--sc-priority-nav${panelId.replace(/[^\w-]/g, "")}` },
+      ...rest,
+      children: /* @__PURE__ */ jsxs26("ul", { ref: listRef, className: "sc-priority-nav__list", children: [
+        items.map(
+          (item, i) => flags && !flags[i] ? null : /* @__PURE__ */ jsx31("li", { className: "sc-priority-nav__item", "data-current": item.current || void 0, children: link(item, false) }, keyOf(item))
+        ),
+        /* @__PURE__ */ jsxs26(
+          "li",
+          {
+            ref: moreRef,
+            className: "sc-priority-nav__more",
+            hidden: measuring || overflow.length === 0,
+            onBlur,
+            children: [
+              /* @__PURE__ */ jsxs26(
+                "button",
+                {
+                  ref: toggleRef,
+                  type: "button",
+                  className: "sc-priority-nav__toggle",
+                  "aria-expanded": expanded,
+                  "aria-controls": panelId,
+                  onClick: () => setOpen((o) => !o),
+                  children: [
+                    /* @__PURE__ */ jsx31(MoreHorizontalIcon, { className: "sc-priority-nav__ellipsis" }),
+                    /* @__PURE__ */ jsx31("span", { className: "sc-priority-nav__toggle-label", children: moreLabel }),
+                    /* @__PURE__ */ jsxs26("span", { className: "sc-visually-hidden", children: [
+                      ", ",
+                      moreCountLabel(overflow.length),
+                      moreBadgeText
+                    ] }),
+                    moreBadge !== null ? /* @__PURE__ */ jsx31(Badge2, { value: moreBadge }) : null,
+                    /* @__PURE__ */ jsx31(ChevronDownIcon, { size: "sm", className: "sc-priority-nav__chevron" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx31("ul", { ref: panelRef, id: panelId, className: "sc-priority-nav__panel", hidden: !expanded, children: overflow.map((item) => /* @__PURE__ */ jsx31("li", { children: link(item, true) }, keyOf(item))) })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/Popover/Popover.tsx
+import { Popover as BasePopover } from "@base-ui/react/popover";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+function Root6({ open, defaultOpen, onOpenChange, modal = false, children }) {
+  return /* @__PURE__ */ jsx32(
+    BasePopover.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange: onOpenChange ? (next) => onOpenChange(next) : void 0,
+      modal,
+      children
+    }
+  );
+}
+function Trigger3({ render, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx32(
+    BasePopover.Trigger,
+    {
+      render: render ?? /* @__PURE__ */ jsx32(Button, { variant: "secondary", className }),
+      className: render ? className : void 0,
+      ...rest,
+      children
+    }
+  );
+}
+function Content3({
+  side = "bottom",
+  align = "center",
+  sideOffset,
+  arrow = false,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx32(BasePopover.Portal, { children: /* @__PURE__ */ jsx32(
+    BasePopover.Positioner,
+    {
+      side,
+      align,
+      sideOffset: sideOffset ?? (arrow ? 8 : 4),
+      className: "sc-popover__positioner",
+      children: /* @__PURE__ */ jsxs27(BasePopover.Popup, { className: cx("sc-popover", className), ...rest, children: [
+        arrow ? /* @__PURE__ */ jsx32(BasePopover.Arrow, { className: "sc-popover__arrow" }) : null,
+        children
+      ] })
+    }
+  ) });
+}
+function Title2({ className, ...rest }) {
+  return /* @__PURE__ */ jsx32(BasePopover.Title, { className: cx("sc-popover__title", className), ...rest });
+}
+function Description2({ className, ...rest }) {
+  return /* @__PURE__ */ jsx32(BasePopover.Description, { className: cx("sc-popover__description", className), ...rest });
+}
+function Close2({ className, children, render, ...rest }) {
+  if (children === void 0 && render === void 0) {
+    return /* @__PURE__ */ jsx32(BasePopover.Close, { className: cx("sc-popover__close", className), "aria-label": "Close", ...rest, children: /* @__PURE__ */ jsx32(XIcon, {}) });
+  }
+  return /* @__PURE__ */ jsx32(BasePopover.Close, { className, render, ...rest, children });
+}
+var Popover = { Root: Root6, Trigger: Trigger3, Content: Content3, Title: Title2, Description: Description2, Close: Close2 };
+
+// src/components/BroomIcon/BroomIcon.tsx
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+function BroomIcon({ sweeping = false, size = "lg", title, className, ...rest }) {
+  return /* @__PURE__ */ jsxs28(
+    "svg",
+    {
+      className: cx("sc-icon", "sc-broom", className),
+      "data-size": size,
+      "data-sweeping": sweeping || void 0,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      focusable: "false",
+      "aria-hidden": title ? void 0 : true,
+      role: title ? "img" : void 0,
+      "aria-label": title,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs28(
+          "g",
+          {
+            className: "sc-broom__body",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx33("path", { d: "M16.1 10.48 L19.36 1.86 A0.87 0.87 0 0 1 20.98 2.47 L17.84 10.78" }),
+              /* @__PURE__ */ jsx33("path", { d: "M13.33 12 C14.23 10.67 16.73 9.87 18.17 11 C19.07 12.67 18.93 18.33 18.4 21.4 C16.07 22.4 11.07 22.07 6.4 18.07 C9.07 16.67 11.8 15 13.33 12 Z" }),
+              /* @__PURE__ */ jsx33("path", { className: "sc-broom__band", d: "M13.47 12.13 L18.4 13.5 L18.33 14.1 L13.27 12.77 Z" }),
+              /* @__PURE__ */ jsx33("path", { d: "M12.87 13.73 L14.4 14.47 M16.2 15.27 L18.47 15.87" }),
+              /* @__PURE__ */ jsx33("path", { d: "M12.8 16.87 C11.86 18.24 10.75 19.38 9.57 20.23 M15.6 17.4 C15.22 18.96 14.6 20.44 13.77 21.71" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs28("g", { className: "sc-broom__dust", fill: "none", stroke: "currentColor", children: [
+          /* @__PURE__ */ jsx33("circle", { cx: "4.77", cy: "13.53", r: "0.5" }),
+          /* @__PURE__ */ jsx33("circle", { cx: "2.7", cy: "15.53", r: "0.87" }),
+          /* @__PURE__ */ jsx33("circle", { cx: "4.1", cy: "18.27", r: "0.5" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/FullScreenFlow/FullScreenFlow.tsx
+import {
+  Children as Children2,
+  createContext as createContext2,
+  useCallback as useCallback2,
+  useContext as useContext2,
+  useEffect as useEffect6,
+  useId as useId5,
+  useMemo as useMemo3,
+  useRef as useRef6,
+  useState as useState8
+} from "react";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+var FlowContext = createContext2({ announce: () => {
+} });
+var FrameContext = createContext2(void 0);
+var ENTER_IGNORES = 'textarea, button, a[href], summary, select, [contenteditable], [role="combobox"], [data-flow-keys="local"]';
+var ARROW_IGNORES = 'input, textarea, select, button, a[href], summary, [contenteditable], [role="radiogroup"], [role="slider"], [role="listbox"], [role="tablist"], [role="menu"], [role="grid"], [role="combobox"], [data-flow-keys="local"]';
+function Root7({
+  open = true,
+  onRequestClose,
+  onNext,
+  onBack,
+  decoration,
+  className,
+  children
+}) {
+  const popupRef = useRef6(null);
+  const [message, setMessage] = useState8("");
+  const timer = useRef6(void 0);
+  const announce = useCallback2((next) => {
+    setMessage("");
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => setMessage(next), 30);
+  }, []);
+  useEffect6(() => () => clearTimeout(timer.current), []);
+  const context = useMemo3(() => ({ announce }), [announce]);
+  const handleKeyDown = (event) => {
+    if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
+    if (event.nativeEvent.isComposing) return;
+    const target = event.target;
+    if (!event.currentTarget.contains(target)) return;
+    if (event.key === "Enter") {
+      if (!onNext || target.closest(ENTER_IGNORES)) return;
+      event.preventDefault();
+      onNext();
+      return;
+    }
+    if (event.key !== "ArrowRight" && event.key !== "ArrowLeft") return;
+    if (target.closest(ARROW_IGNORES)) return;
+    const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
+    const forward = event.key === "ArrowRight" !== rtl;
+    const handler = forward ? onNext : onBack;
+    if (!handler) return;
+    event.preventDefault();
+    handler();
+  };
+  return /* @__PURE__ */ jsx34(
+    Dialog.Root,
+    {
+      open,
+      onRequestClose: (reason) => {
+        if (reason !== "outside-press") onRequestClose(reason);
+      },
+      children: /* @__PURE__ */ jsx34(
+        Dialog.Content,
+        {
+          ref: popupRef,
+          variant: "fullscreen",
+          className: cx("sc-flow", className),
+          initialFocus: () => popupRef.current?.querySelector(".sc-flow__step-title") ?? true,
+          onKeyDown: handleKeyDown,
+          children: /* @__PURE__ */ jsxs29(FlowContext.Provider, { value: context, children: [
+            decoration ? /* @__PURE__ */ jsx34("div", { className: "sc-flow__decoration", "aria-hidden": "true", children: decoration }) : null,
+            children,
+            /* @__PURE__ */ jsx34("div", { className: "sc-visually-hidden", "aria-live": "polite", "aria-atomic": "true", children: message })
+          ] })
+        }
+      )
+    }
+  );
+}
+function Header2({
+  title,
+  logo,
+  compactTitle,
+  status,
+  closeLabel = "Close",
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs29("div", { className: cx("sc-flow__header", className), ...rest, children: [
+    /* @__PURE__ */ jsxs29("div", { className: "sc-flow__heading", "data-compact": compactTitle ? "" : void 0, children: [
+      logo ? /* @__PURE__ */ jsx34("span", { className: "sc-flow__logo", "aria-hidden": "true", children: logo }) : null,
+      /* @__PURE__ */ jsx34(Dialog.Title, { className: "sc-flow__title", children: title }),
+      compactTitle ? /* @__PURE__ */ jsx34("span", { className: "sc-flow__compact-title", children: compactTitle }) : null
+    ] }),
+    children,
+    status ? /* @__PURE__ */ jsx34("div", { className: "sc-flow__status", children: status }) : null,
+    /* @__PURE__ */ jsx34(
+      Dialog.Close,
+      {
+        className: "sc-flow__close",
+        render: /* @__PURE__ */ jsx34(IconButton, { label: closeLabel, "aria-keyshortcuts": "Escape" }),
+        children: /* @__PURE__ */ jsx34(XIcon, { size: "lg" })
+      }
+    )
+  ] });
+}
+function Progress2({
+  chapters,
+  step,
+  label,
+  listLabel = "Progress",
+  className,
+  ...rest
+}) {
+  const starts = chapters.reduce(
+    (acc, chapter, i) => [...acc, i === 0 ? 0 : acc[i - 1] + chapters[i - 1].steps],
+    []
+  );
+  return /* @__PURE__ */ jsxs29("div", { className: cx("sc-flow__progress", className), ...rest, children: [
+    label ? /* @__PURE__ */ jsx34("div", { className: "sc-flow__progress-label", children: label }) : null,
+    /* @__PURE__ */ jsx34("ol", { className: "sc-flow__segments", "aria-label": listLabel, children: chapters.map((chapter, i) => {
+      const from = starts[i];
+      const current = step > from && step <= from + chapter.steps;
+      const done = Math.min(chapter.steps, Math.max(0, step - 1 - from)) + (current ? 0.5 : 0);
+      const percent = chapter.steps > 0 ? Math.min(100, done / chapter.steps * 100) : 0;
+      return /* @__PURE__ */ jsxs29(
+        "li",
+        {
+          className: "sc-flow__segment",
+          style: { flexGrow: chapter.steps },
+          "aria-current": current ? "step" : void 0,
+          children: [
+            /* @__PURE__ */ jsx34("span", { className: "sc-flow__segment-fill", style: { inlineSize: `${percent}%` } }),
+            /* @__PURE__ */ jsx34("span", { className: "sc-visually-hidden", children: chapter.label })
+          ]
+        },
+        chapter.label
+      );
+    }) })
+  ] });
+}
+function Body3({ className, ...rest }) {
+  return /* @__PURE__ */ jsx34("div", { className: cx("sc-flow__body", className), ...rest });
+}
+function Rail({
+  "aria-label": ariaLabel = "Steps",
+  footer,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs29("nav", { className: cx("sc-flow__rail", className), "aria-label": ariaLabel, ...rest, children: [
+    children,
+    footer ? /* @__PURE__ */ jsx34("div", { className: "sc-flow__rail-note", children: footer }) : null
+  ] });
+}
+function RailGroup({ label, className, children, ...rest }) {
+  const id = useId5();
+  return /* @__PURE__ */ jsxs29("div", { className: cx("sc-flow__rail-group", className), ...rest, children: [
+    /* @__PURE__ */ jsx34("span", { className: "sc-flow__rail-label", id, children: label }),
+    /* @__PURE__ */ jsx34("ol", { className: "sc-flow__rail-list", "aria-labelledby": id, children })
+  ] });
+}
+function RailItem({
+  current = false,
+  done = false,
+  doneLabel = "done",
+  adornment,
+  type = "button",
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx34("li", { className: "sc-flow__rail-entry", children: /* @__PURE__ */ jsxs29(
+    "button",
+    {
+      type,
+      className: cx("sc-flow__rail-item", className),
+      "aria-current": current ? "step" : void 0,
+      "data-done": done || void 0,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx34("span", { className: "sc-flow__rail-mark", "aria-hidden": "true", children: done ? /* @__PURE__ */ jsx34(CheckIcon, { size: "sm" }) : null }),
+        /* @__PURE__ */ jsxs29("span", { className: "sc-flow__rail-text", children: [
+          children,
+          done ? /* @__PURE__ */ jsxs29("span", { className: "sc-visually-hidden", children: [
+            ", ",
+            doneLabel
+          ] }) : null
+        ] }),
+        adornment ? /* @__PURE__ */ jsx34("span", { className: "sc-flow__rail-adornment", children: adornment }) : null
+      ]
+    }
+  ) });
+}
+function Viewport2({ direction = "forward", className, children, ...rest }) {
+  const element = Children2.only(children);
+  const key = String(element.key ?? "");
+  const [state, setState] = useState8({
+    current: { key, element, direction },
+    leaving: null,
+    moved: false
+  });
+  if (state.current.key !== key) {
+    setState({
+      current: { key, element, direction },
+      leaving: { ...state.current, direction },
+      moved: true
+    });
+  } else if (state.current.element !== element) {
+    setState((s) => ({ ...s, current: { ...s.current, element } }));
+  }
+  const finishExit = useCallback2((leftKey) => {
+    setState((s) => s.leaving?.key === leftKey ? { ...s, leaving: null } : s);
+  }, []);
+  const ref = useRef6(null);
+  useEffect6(() => {
+    if (state.moved && ref.current) ref.current.scrollTop = 0;
+  }, [key, state.moved]);
+  const frames = [];
+  if (state.leaving && state.leaving.key !== key) frames.push({ frame: state.leaving, phase: "exit" });
+  frames.push({
+    frame: { key, element, direction: state.current.direction },
+    phase: state.moved ? "enter" : void 0
+  });
+  return /* @__PURE__ */ jsx34("div", { ref, className: cx("sc-flow__viewport", className), ...rest, children: frames.map(({ frame, phase }) => /* @__PURE__ */ jsx34(
+    FrameView,
+    {
+      frameKey: frame.key,
+      phase,
+      direction: frame.direction,
+      onExited: finishExit,
+      children: frame.element
+    },
+    frame.key
+  )) });
+}
+function FrameView({
+  frameKey,
+  phase,
+  direction,
+  onExited,
+  children
+}) {
+  const ref = useRef6(null);
+  useEffect6(() => {
+    if (phase !== "exit") return;
+    let cancelled = false;
+    const el = ref.current;
+    const animations = el && typeof el.getAnimations === "function" ? el.getAnimations() : [];
+    const done = () => {
+      if (!cancelled) onExited(frameKey);
+    };
+    Promise.all(animations.map((a) => a.finished)).then(done, done);
+    return () => {
+      cancelled = true;
+    };
+  }, [phase, frameKey, onExited]);
+  return /* @__PURE__ */ jsx34(
+    "div",
+    {
+      ref,
+      className: "sc-flow__frame",
+      "data-phase": phase,
+      "data-direction": direction,
+      inert: phase === "exit",
+      children: /* @__PURE__ */ jsx34(FrameContext.Provider, { value: phase, children })
+    }
+  );
+}
+function Step({
+  title,
+  eyebrow,
+  description,
+  announcement,
+  className,
+  children,
+  ...rest
+}) {
+  const id = useId5();
+  const titleRef = useRef6(null);
+  const phase = useContext2(FrameContext);
+  const { announce } = useContext2(FlowContext);
+  const message = announcement ?? (typeof title === "string" ? title : void 0);
+  const latest = useRef6({ message, announce });
+  useEffect6(() => {
+    latest.current = { message, announce };
+  });
+  useEffect6(() => {
+    if (phase !== "enter") return;
+    titleRef.current?.focus({ preventScroll: true });
+    if (latest.current.message) latest.current.announce(latest.current.message);
+  }, [phase]);
+  return /* @__PURE__ */ jsxs29("section", { className: cx("sc-flow__step", className), "aria-labelledby": id, ...rest, children: [
+    /* @__PURE__ */ jsxs29("div", { className: "sc-flow__step-head", children: [
+      eyebrow ? /* @__PURE__ */ jsx34("p", { className: "sc-flow__eyebrow", children: eyebrow }) : null,
+      /* @__PURE__ */ jsx34("h2", { className: "sc-flow__step-title", id, ref: titleRef, tabIndex: -1, children: title }),
+      description ? /* @__PURE__ */ jsx34("div", { className: "sc-flow__step-description", children: description }) : null
+    ] }),
+    children
+  ] });
+}
+function Footer({ back, hint, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs29("div", { className: cx("sc-flow__footer", className), ...rest, children: [
+    back ? /* @__PURE__ */ jsx34("div", { className: "sc-flow__footer-back", children: back }) : null,
+    hint ? /* @__PURE__ */ jsx34("div", { className: "sc-flow__footer-hint", children: hint }) : null,
+    /* @__PURE__ */ jsx34("div", { className: "sc-flow__footer-actions", children })
+  ] });
+}
+var FullScreenFlow = {
+  Root: Root7,
+  Header: Header2,
+  Progress: Progress2,
+  Body: Body3,
+  Rail,
+  RailGroup,
+  RailItem,
+  Viewport: Viewport2,
+  Step,
+  Footer
+};
+
+// src/components/Score/Score.tsx
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+function Score({
+  value,
+  max = 100,
+  tone = "accent",
+  variant = "tile",
+  size = "sm",
+  caption,
+  label = "Score",
+  valueText,
+  selected = false,
+  className,
+  style,
+  ...rest
+}) {
+  const scored = value !== null;
+  const fraction = scored && max > 0 ? Math.min(1, Math.max(0, value / max)) : 0;
+  return /* @__PURE__ */ jsxs30(
+    "span",
+    {
+      className: cx("sc-score", className),
+      "data-variant": variant,
+      "data-size": variant === "tile" ? size : void 0,
+      "data-tone": scored ? tone : void 0,
+      "data-unscored": scored ? void 0 : true,
+      "data-selected": selected || void 0,
+      style: variant === "ring" ? { ...style, "--sc-score-fill": (fraction * 100).toFixed(2) } : style,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx35("span", { className: "sc-visually-hidden", children: valueText ?? (scored ? `${label} ${value} out of ${max}` : `${label}: not scored`) }),
+        variant === "ring" ? /* @__PURE__ */ jsxs30("svg", { className: "sc-score__ring", viewBox: "0 0 64 64", "aria-hidden": "true", focusable: "false", children: [
+          /* @__PURE__ */ jsx35("circle", { className: "sc-score__track", cx: "32", cy: "32", r: "29", pathLength: 100 }),
+          fraction > 0 ? /* @__PURE__ */ jsx35("circle", { className: "sc-score__arc", cx: "32", cy: "32", r: "29", pathLength: 100 }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxs30("span", { className: "sc-score__body", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx35("span", { className: "sc-score__value", children: scored ? value : "\u2013" }),
+          caption != null ? /* @__PURE__ */ jsx35("span", { className: "sc-score__caption", children: caption }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ReasonList/ReasonList.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+function ReasonListRoot({ tone, size = "md", divider = false, className, ...rest }) {
+  return /* @__PURE__ */ jsx36(
+    "ul",
+    {
+      className: cx("sc-reason-list", className),
+      "data-tone": tone,
+      "data-size": size,
+      "data-divider": divider || void 0,
+      ...rest
+    }
+  );
+}
+function ReasonListItem({ className, ...rest }) {
+  return /* @__PURE__ */ jsx36("li", { className: cx("sc-reason-list__item", className), ...rest });
+}
+var ReasonList = Object.assign(ReasonListRoot, { Item: ReasonListItem });
+
+// src/components/WordDiff/WordDiff.tsx
+import { createElement as createElement7, Fragment as Fragment10 } from "react";
+import { Fragment as Fragment11, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+var edges = /^(\s*)([\s\S]*?)(\s*)$/;
+function Change({ kind, text, label }) {
+  const [, lead = "", core = "", trail = ""] = edges.exec(text) ?? [];
+  if (!core) return /* @__PURE__ */ jsx37(Fragment11, { children: text });
+  const Tag = kind === "added" ? "ins" : "del";
+  return /* @__PURE__ */ jsxs31(Fragment11, { children: [
+    lead,
+    /* @__PURE__ */ jsxs31(Tag, { className: `sc-word-diff__${kind}`, children: [
+      /* @__PURE__ */ jsxs31("span", { className: "sc-visually-hidden", children: [
+        "[",
+        label,
+        ": "
+      ] }),
+      core,
+      /* @__PURE__ */ jsx37("span", { className: "sc-visually-hidden", children: "]" })
+    ] }),
+    trail
+  ] });
+}
+function WordDiff({
+  parts,
+  as = "p",
+  size = "sm",
+  family = "sans",
+  addedLabel = "added",
+  removedLabel = "removed",
+  className,
+  ...rest
+}) {
+  const children = parts.map(
+    (part, i) => part.kind === "same" ? /* @__PURE__ */ jsx37(Fragment10, { children: part.text }, i) : /* @__PURE__ */ jsx37(
+      Change,
+      {
+        kind: part.kind,
+        text: part.text,
+        label: part.kind === "added" ? addedLabel : removedLabel
+      },
+      i
+    )
+  );
+  return createElement7(
+    as,
+    {
+      className: cx("sc-word-diff", className),
+      "data-size": size,
+      ...family === "mono" ? { "data-family": "mono" } : {},
+      ...rest
+    },
+    children
+  );
+}
+
+// src/components/Quote/Quote.tsx
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+function Quote({ label, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs32("figure", { className: cx("sc-quote", className), ...rest, children: [
+    /* @__PURE__ */ jsx38("figcaption", { className: "sc-quote__label", children: label }),
+    /* @__PURE__ */ jsx38("blockquote", { className: "sc-quote__text", children })
+  ] });
+}
+
 // src/index.ts
 var version = "0.1.1";
 export {
@@ -1471,6 +3652,7 @@ export {
   Banner,
   BellIcon,
   BriefcaseIcon,
+  BroomIcon,
   Button,
   CalendarIcon,
   Card,
@@ -1480,18 +3662,24 @@ export {
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronUpIcon,
+  Chip,
   CircleCheckIcon,
   CircleXIcon,
   ClockIcon,
   CopyIcon,
   Dialog,
+  Disclosure,
   DocumentIcon,
   DownloadIcon,
   EditIcon,
+  EmptyState,
   ExternalLinkIcon,
   EyeIcon,
+  FileInput,
+  FilePreviewDialog,
   FilterIcon,
   FlagIcon,
+  FullScreenFlow,
   Heading,
   Icon,
   IconButton,
@@ -1512,11 +3700,18 @@ export {
   PauseIcon,
   PlayIcon,
   PlusIcon,
+  Popover,
+  PriorityNav,
   Progress,
+  Quote,
+  ReasonList,
   RefreshIcon,
+  Score,
   SearchIcon,
   Select,
+  SelectionBar,
   SettingsIcon,
+  Skeleton,
   Spinner,
   Stack,
   StarIcon,
@@ -1529,14 +3724,18 @@ export {
   Textarea,
   ThumbsDownIcon,
   ThumbsUpIcon,
+  Toast,
   Toolbar,
   Tooltip,
   TrashIcon,
   UndoIcon,
   UserIcon,
   WarningIcon,
+  WordDiff,
   XIcon,
   iconNames,
+  useRowSelection,
+  useToast,
   version
 };
 //# sourceMappingURL=index.js.map