@salemcobalt/ui 0.2.0-rc.0 → 0.2.0-rc.10

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
       ]
     }
@@ -196,12 +200,18 @@ function ArchiveIcon(props) {
     /* @__PURE__ */ jsx5("path", { d: "M3.25 5.75v6.5a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1v-6.5M6.5 8.75h3" })
   ] });
 }
+function ArrowDownIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M8 3v10M4 9l4 4 4-4" }) });
+}
 function ArrowLeftIcon(props) {
   return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M13 8H3M7 4 3 8l4 4" }) });
 }
 function ArrowRightIcon(props) {
   return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M3 8h10M9 4l4 4-4 4" }) });
 }
+function ArrowUpIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M8 13V3M4 7l4-4 4 4" }) });
+}
 function BellIcon(props) {
   return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
     /* @__PURE__ */ jsx5("path", { d: "M4 6.5a4 4 0 0 1 8 0v3l1.25 2H2.75L4 9.5z" }),
@@ -451,7 +461,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(
@@ -459,6 +469,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
@@ -489,8 +500,10 @@ var Dialog = { Root, Trigger, Content, Title, Description, Body, Actions, Close
 // src/icons/icon-names.gen.ts
 var iconNames = [
   "archive",
+  "arrow-down",
   "arrow-left",
   "arrow-right",
+  "arrow-up",
   "bell",
   "briefcase",
   "calendar",
@@ -537,6 +550,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";
@@ -574,7 +590,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,
@@ -584,9 +600,12 @@ function IconButton({
   tooltipSide = "top",
   round = false,
   loading = false,
-  type = "button",
+  dot,
+  type,
   className,
   onClick,
+  render,
+  ref,
   ...rest
 }) {
   const handleClick = (event) => {
@@ -596,10 +615,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,
@@ -609,19 +631,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,
@@ -661,7 +684,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
@@ -737,40 +760,2198 @@ var Menu = {
   Separator
 };
 
+// src/components/Input/Input.tsx
+import { Field as Field2 } from "@base-ui/react/field";
+
+// src/components/Field/FieldShell.tsx
+import { Field } from "@base-ui/react/field";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function FieldShell({
+  label,
+  hideLabel = false,
+  description,
+  error,
+  invalid = false,
+  required = false,
+  disabled = false,
+  name,
+  size = "md",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs9(
+    Field.Root,
+    {
+      className: cx("sc-field", className),
+      name,
+      disabled,
+      invalid: invalid || error != null,
+      "data-size": size,
+      children: [
+        /* @__PURE__ */ jsxs9(Field.Label, { className: cx("sc-field__label", hideLabel && "sc-visually-hidden"), children: [
+          label,
+          required ? /* @__PURE__ */ jsx10("span", { className: "sc-field__required", "aria-hidden": "true", children: "*" }) : null
+        ] }),
+        children,
+        description != null ? /* @__PURE__ */ jsx10(Field.Description, { className: "sc-field__description", children: description }) : null,
+        error != null ? /* @__PURE__ */ jsx10(Field.Error, { className: "sc-field__error", match: true, children: error }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function Input({
+  label,
+  hideLabel,
+  description,
+  error,
+  invalid,
+  required,
+  disabled,
+  name,
+  size,
+  className,
+  iconStart,
+  iconEnd,
+  onValueChange,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx11(
+    FieldShell,
+    {
+      label,
+      hideLabel,
+      description,
+      error,
+      invalid,
+      required,
+      disabled,
+      name,
+      size,
+      className,
+      children: /* @__PURE__ */ jsxs10(
+        "span",
+        {
+          className: "sc-input-wrap",
+          "data-icon-start": iconStart ? "" : void 0,
+          "data-icon-end": iconEnd ? "" : void 0,
+          children: [
+            iconStart ? /* @__PURE__ */ jsx11("span", { className: "sc-input__icon", "data-side": "start", "aria-hidden": "true", children: iconStart }) : null,
+            /* @__PURE__ */ jsx11(
+              Field2.Control,
+              {
+                className: "sc-input",
+                required,
+                onValueChange: onValueChange ? (value) => onValueChange(value) : void 0,
+                ...rest
+              }
+            ),
+            iconEnd ? /* @__PURE__ */ jsx11("span", { className: "sc-input__icon", "data-side": "end", "aria-hidden": "true", children: iconEnd }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Textarea/Textarea.tsx
+import { Field as Field3 } from "@base-ui/react/field";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Textarea({
+  label,
+  hideLabel,
+  description,
+  error,
+  invalid,
+  required,
+  disabled,
+  name,
+  className,
+  rows = 3,
+  resize = "vertical",
+  variant = "default",
+  onValueChange,
+  spellCheck,
+  autoCorrect,
+  autoCapitalize,
+  ...rest
+}) {
+  const code = variant === "code";
+  return /* @__PURE__ */ jsx12(
+    FieldShell,
+    {
+      label,
+      hideLabel,
+      description,
+      error,
+      invalid,
+      required,
+      disabled,
+      name,
+      className,
+      children: /* @__PURE__ */ jsx12(
+        Field3.Control,
+        {
+          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
+        }
+      )
+    }
+  );
+}
+
+// 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;
+}
+function Option({ option }) {
+  return /* @__PURE__ */ jsxs11(BaseSelect.Item, { value: option.value, disabled: option.disabled, className: "sc-select__item", children: [
+    /* @__PURE__ */ jsx13(BaseSelect.ItemIndicator, { className: "sc-select__indicator", children: /* @__PURE__ */ jsx13(CheckIcon, { size: "sm" }) }),
+    /* @__PURE__ */ jsx13(BaseSelect.ItemText, { className: "sc-select__item-text", children: option.label })
+  ] });
+}
+function Select({
+  label,
+  hideLabel,
+  description,
+  error,
+  invalid,
+  required,
+  disabled,
+  name,
+  size = "md",
+  className,
+  options,
+  value,
+  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,
+    {
+      label,
+      hideLabel,
+      description,
+      error,
+      invalid,
+      required,
+      disabled,
+      name,
+      size,
+      className,
+      children: /* @__PURE__ */ jsxs11(
+        BaseSelect.Root,
+        {
+          items,
+          value: current,
+          onValueChange: (next) => setValue(next),
+          disabled,
+          required,
+          readOnly,
+          children: [
+            /* @__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,
+              {
+                className: "sc-select__positioner",
+                sideOffset: 4,
+                alignItemWithTrigger: false,
+                children: /* @__PURE__ */ jsx13(BaseSelect.Popup, { className: "sc-select__popup", children: /* @__PURE__ */ jsx13(BaseSelect.List, { children: options.map(
+                  (entry, i) => isGroup(entry) ? /* @__PURE__ */ jsxs11(BaseSelect.Group, { className: "sc-select__group", children: [
+                    /* @__PURE__ */ jsx13(BaseSelect.GroupLabel, { className: "sc-select__group-label", children: entry.label }),
+                    entry.options.map((option) => /* @__PURE__ */ jsx13(Option, { option }, option.value))
+                  ] }, i) : /* @__PURE__ */ jsx13(Option, { option: entry }, entry.value)
+                ) }) })
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Checkbox/Checkbox.tsx
+import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
+import { useId } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function Checkbox({
+  label,
+  description,
+  onCheckedChange,
+  className,
+  disabled,
+  ...rest
+}) {
+  const descriptionId = useId();
+  return /* @__PURE__ */ jsxs12("div", { className: cx("sc-choice", className), "data-disabled": disabled || void 0, children: [
+    /* @__PURE__ */ jsxs12("label", { className: "sc-choice__control", children: [
+      /* @__PURE__ */ jsx14(
+        BaseCheckbox.Root,
+        {
+          className: "sc-checkbox",
+          disabled,
+          "aria-describedby": description != null ? descriptionId : void 0,
+          onCheckedChange: onCheckedChange ? (checked) => onCheckedChange(checked) : void 0,
+          ...rest,
+          children: /* @__PURE__ */ jsxs12(BaseCheckbox.Indicator, { className: "sc-checkbox__indicator", children: [
+            /* @__PURE__ */ jsx14(CheckIcon, { size: "sm", className: "sc-checkbox__check" }),
+            /* @__PURE__ */ jsx14(MinusIcon, { size: "sm", className: "sc-checkbox__dash" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx14("span", { className: "sc-choice__label", children: label })
+    ] }),
+    description != null ? /* @__PURE__ */ jsx14("span", { className: "sc-choice__description", id: descriptionId, children: description }) : null
+  ] });
+}
+
+// src/components/Switch/Switch.tsx
+import { Switch as BaseSwitch } from "@base-ui/react/switch";
+import { useId as useId2 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function Switch({
+  label,
+  description,
+  onCheckedChange,
+  labelPosition = "end",
+  className,
+  disabled,
+  ...rest
+}) {
+  const descriptionId = useId2();
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      className: cx("sc-choice", className),
+      "data-disabled": disabled || void 0,
+      "data-label-position": labelPosition,
+      children: [
+        /* @__PURE__ */ jsxs13("label", { className: "sc-choice__control", children: [
+          /* @__PURE__ */ jsx15(
+            BaseSwitch.Root,
+            {
+              className: "sc-switch",
+              disabled,
+              "aria-describedby": description != null ? descriptionId : void 0,
+              onCheckedChange: onCheckedChange ? (checked) => onCheckedChange(checked) : void 0,
+              ...rest,
+              children: /* @__PURE__ */ jsx15(BaseSwitch.Thumb, { className: "sc-switch__thumb" })
+            }
+          ),
+          /* @__PURE__ */ jsx15("span", { className: "sc-choice__label", children: label })
+        ] }),
+        description != null ? /* @__PURE__ */ jsx15("span", { className: "sc-choice__description", id: descriptionId, children: description }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Tabs/Tabs.tsx
+import { Tabs as BaseTabs } from "@base-ui/react/tabs";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function Root3({ className, onValueChange, ...rest }) {
+  return /* @__PURE__ */ jsx16(
+    BaseTabs.Root,
+    {
+      className: cx("sc-tabs", className),
+      onValueChange: onValueChange ? (value) => onValueChange(String(value)) : void 0,
+      ...rest
+    }
+  );
+}
+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(Fragment4, { children: [
+      " ",
+      /* @__PURE__ */ jsx16("span", { className: "sc-tabs__count", children: count })
+    ] }) : null
+  ] });
+}
+function Panel({ className, ...rest }) {
+  return /* @__PURE__ */ jsx16(BaseTabs.Panel, { className: cx("sc-tabs__panel", className), ...rest });
+}
+var Tabs = { Root: Root3, List, Tab, Panel };
+
+// src/components/Toolbar/Toolbar.tsx
+import { Toolbar as BaseToolbar } from "@base-ui/react/toolbar";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Root4({ wrap = true, gap = "xs", className, ...rest }) {
+  return /* @__PURE__ */ jsx17(
+    BaseToolbar.Root,
+    {
+      className: cx("sc-toolbar", className),
+      "data-wrap": wrap || void 0,
+      "data-gap": gap,
+      ...rest
+    }
+  );
+}
+function Group2({ gap = "2xs", className, ...rest }) {
+  return /* @__PURE__ */ jsx17(BaseToolbar.Group, { className: cx("sc-toolbar__group", className), "data-gap": gap, ...rest });
+}
+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, Link, Spacer };
+
+// src/components/Banner/Banner.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+var toneIcons = {
+  info: /* @__PURE__ */ jsx18(InfoIcon, {}),
+  success: /* @__PURE__ */ jsx18(CircleCheckIcon, {}),
+  warning: /* @__PURE__ */ jsx18(WarningIcon, {}),
+  danger: /* @__PURE__ */ jsx18(CircleXIcon, {}),
+  neutral: null
+};
+function Banner({
+  tone = "info",
+  icon,
+  action,
+  dismissible = false,
+  onDismiss,
+  open,
+  dismissLabel = "Dismiss",
+  role,
+  className,
+  children,
+  ...rest
+}) {
+  const [dismissed, setDismissed] = useState2(false);
+  const visible = open ?? !dismissed;
+  if (!visible) return null;
+  const glyph = icon === false ? null : icon ?? toneIcons[tone];
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      role: role ?? (tone === "warning" || tone === "danger" ? "alert" : "status"),
+      className: cx("sc-banner", className),
+      "data-tone": tone,
+      ...rest,
+      children: [
+        glyph ? /* @__PURE__ */ jsx18("span", { className: "sc-banner__icon", "aria-hidden": "true", children: glyph }) : null,
+        /* @__PURE__ */ jsx18("div", { className: "sc-banner__body", children }),
+        action ? /* @__PURE__ */ jsx18("div", { className: "sc-banner__action", children: action }) : null,
+        dismissible ? /* @__PURE__ */ jsx18(
+          IconButton,
+          {
+            label: dismissLabel,
+            size: "sm",
+            className: "sc-banner__dismiss",
+            onClick: () => {
+              setDismissed(true);
+              onDismiss?.();
+            },
+            children: /* @__PURE__ */ jsx18(XIcon, {})
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/Spinner/Spinner.tsx
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+function Spinner({
+  size = "md",
+  label = "Loading",
+  decorative = false,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx19(
+    "span",
+    {
+      className: cx("sc-spinner", className),
+      "data-size": size,
+      role: decorative ? void 0 : "status",
+      "aria-label": decorative ? void 0 : label,
+      "aria-hidden": decorative || void 0,
+      ...rest,
+      children: /* @__PURE__ */ jsxs16(
+        "svg",
+        {
+          viewBox: "0 0 16 16",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.75",
+          "aria-hidden": "true",
+          focusable: "false",
+          children: [
+            /* @__PURE__ */ jsx19("circle", { className: "sc-spinner__track", cx: "8", cy: "8", r: "6.25" }),
+            /* @__PURE__ */ jsx19("circle", { className: "sc-spinner__arc", cx: "8", cy: "8", r: "6.25", strokeLinecap: "round" })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Progress/Progress.tsx
+import { Progress as BaseProgress } from "@base-ui/react/progress";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+function Progress({
+  value,
+  max = 100,
+  min = 0,
+  label,
+  valueText,
+  showValue = false,
+  tone = "accent",
+  size = "md",
+  variant = "bar",
+  className,
+  ...rest
+}) {
+  const current = value ?? null;
+  const hasValueText = valueText != null || showValue && current !== null;
+  return /* @__PURE__ */ jsxs17(
+    BaseProgress.Root,
+    {
+      value: current,
+      max,
+      min,
+      getAriaValueText: (formatted) => typeof valueText === "string" ? valueText : formatted ?? "",
+      className: cx("sc-progress", className),
+      "data-variant": variant,
+      "data-tone": tone,
+      "data-size": size,
+      ...rest,
+      children: [
+        variant === "inline" ? /* @__PURE__ */ jsx20(Spinner, { size: "sm", decorative: true, className: "sc-progress__spinner" }) : null,
+        label != null ? /* @__PURE__ */ jsx20(BaseProgress.Label, { className: "sc-progress__label", children: label }) : null,
+        hasValueText ? /* @__PURE__ */ jsx20(BaseProgress.Value, { className: "sc-progress__value", children: (formatted) => valueText != null ? valueText : formatted }) : null,
+        variant === "bar" ? /* @__PURE__ */ jsx20(BaseProgress.Track, { className: "sc-progress__track", children: /* @__PURE__ */ jsx20(BaseProgress.Indicator, { className: "sc-progress__indicator" }) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Heading/Heading.tsx
+import { createElement as createElement3 } from "react";
+var sizeByLevel = {
+  1: "3xl",
+  2: "2xl",
+  3: "xl",
+  4: "lg",
+  5: "md",
+  6: "sm"
+};
+function Heading({
+  level = 2,
+  size,
+  as,
+  tone = "default",
+  truncate = false,
+  className,
+  ...rest
+}) {
+  return createElement3(as ?? `h${level}`, {
+    className: cx("sc-heading", className),
+    "data-size": size ?? sizeByLevel[level],
+    "data-tone": tone,
+    "data-truncate": truncate || void 0,
+    ...rest
+  });
+}
+
+// src/components/Text/Text.tsx
+import { createElement as createElement4 } from "react";
+function Text({
+  as = "p",
+  size = "sm",
+  tone = "default",
+  weight = "regular",
+  align,
+  truncate = false,
+  numeric = false,
+  className,
+  style,
+  ...rest
+}) {
+  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 ? "" : clamp2 !== void 0 ? "clamp" : void 0,
+    "data-numeric": numeric || void 0,
+    style: clamp2 !== void 0 ? { ...style, "--sc-text-lines": clamp2 } : style,
+    ...rest
+  });
+}
+
+// src/components/Table/Table.tsx
+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,
+  density,
+  divided = true,
+  layout = "auto",
+  wrapperClassName,
+  wrapperStyle,
+  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",
+    {
+      className: cx("sc-table-wrap", wrapperClassName),
+      "data-sticky-header": stickyHeader || void 0,
+      "data-scroll": maxHeight ? "" : void 0,
+      style: maxHeight ? { ...wrapperStyle, maxBlockSize: maxHeight } : wrapperStyle,
+      children: /* @__PURE__ */ jsx21(
+        "table",
+        {
+          className: cx("sc-table", className),
+          "data-density": density,
+          "data-divided": divided || void 0,
+          "data-layout": layout,
+          style,
+          onKeyDown: selection ? handleKeyDown : onKeyDown,
+          ...rest,
+          children: /* @__PURE__ */ jsx21(SelectionContext.Provider, { value: selection ?? null, children })
+        }
+      )
+    }
+  );
+}
+function Caption({ className, ...rest }) {
+  return /* @__PURE__ */ jsx21("caption", { className: cx("sc-table__caption", className), ...rest });
+}
+function Head({ className, ...rest }) {
+  return /* @__PURE__ */ jsx21("thead", { className: cx("sc-table__head", className), ...rest });
+}
+function Body2({ className, ...rest }) {
+  return /* @__PURE__ */ jsx21("tbody", { className: cx("sc-table__body", className), ...rest });
+}
+function Foot({ className, ...rest }) {
+  return /* @__PURE__ */ jsx21("tfoot", { className: cx("sc-table__foot", className), ...rest });
+}
+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": isSelected || void 0,
+      "data-interactive": interactive || 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,
+  numeric = false,
+  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",
+    {
+      scope,
+      className: cx("sc-table__header", className),
+      "data-align": align ?? (numeric ? "end" : void 0),
+      "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,
+      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
+    }
+  );
+}
+function Cell({
+  align,
+  numeric = false,
+  nowrap = false,
+  truncate = false,
+  width,
+  className,
+  style,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx21(
+    "td",
+    {
+      className: cx("sc-table__cell", className),
+      "data-align": align ?? (numeric ? "end" : void 0),
+      "data-numeric": numeric || void 0,
+      "data-nowrap": nowrap || void 0,
+      "data-truncate": truncate || void 0,
+      style: width ? { ...style, inlineSize: width } : style,
+      ...rest
+    }
+  );
+}
+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 Fragment6, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+var trendIcons = {
+  up: /* @__PURE__ */ jsx24(ArrowUpIcon, { size: "xs" }),
+  down: /* @__PURE__ */ jsx24(ArrowDownIcon, { size: "xs" }),
+  flat: /* @__PURE__ */ jsx24(ArrowRightIcon, { size: "xs" })
+};
+function Stat({
+  label,
+  value,
+  delta,
+  deltaTone = "neutral",
+  trend,
+  hint,
+  icon,
+  variant = "outlined",
+  size = "md",
+  as = "div",
+  className,
+  ...rest
+}) {
+  return createElement5(
+    as,
+    {
+      className: cx("sc-stat", className),
+      "data-variant": variant,
+      "data-size": size,
+      ...rest
+    },
+    /* @__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__ */ 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 useEffect3, useId as useId3, 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}`;
+}
+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]
+  );
+}
+
+// src/components/FileInput/FileInput.tsx
+import { jsx as jsx29, jsxs as jsxs24 } 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"
+}) {
+  const id = useId3();
+  const labelId = `${id}label`;
+  const descriptionId = `${id}description`;
+  const messagesId = `${id}messages`;
+  const controlled = files !== void 0;
+  const [uncontrolledFiles, setUncontrolledFiles] = useState5(defaultFiles ?? []);
+  const current = controlled ? files : uncontrolledFiles;
+  const [rejections, setRejections] = useState5([]);
+  const [inputId, setInputId] = useState5();
+  const [pondVersion, setPondVersion] = useState5(0);
+  const hostRef = useRef3(null);
+  const pondRef = useRef3(null);
+  const moduleRef = useRef3(null);
+  const patchRef = useRef3(() => {
+  });
+  const settledRef = useRef3(current);
+  const targetRef = useRef3(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
+  };
+  const liveRef = useRef3(live);
+  useEffect3(() => {
+    liveRef.current = live;
+  });
+  useEffect3(() => {
+    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 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();
+        if (fileName)
+          set(item.querySelector(".filepond--action-remove-item"), "aria-label", `Remove ${fileName}`);
+      }
+      setInputId(input?.id || void 0);
+    };
+    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);
+      settledRef.current = [];
+      setPondVersion((v) => v + 1);
+    });
+    return () => {
+      cancelled = true;
+      host.removeEventListener("drop", startAttempt, true);
+      host.removeEventListener("change", startAttempt, true);
+      host.removeEventListener("click", noteRemove, true);
+      observer?.disconnect();
+      if (pond) {
+        pond.element?.remove();
+        pond.destroy();
+      }
+      pondRef.current = null;
+      patchRef.current = () => {
+      };
+    };
+  }, []);
+  useEffect3(() => {
+    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
+  ]);
+  useEffect3(() => {
+    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__ */ jsxs24(
+    "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__ */ jsxs24(
+          "label",
+          {
+            id: labelId,
+            htmlFor: inputId,
+            className: cx("sc-field__label", hideLabel && "sc-visually-hidden"),
+            children: [
+              label,
+              required ? /* @__PURE__ */ jsx29("span", { className: "sc-field__required", "aria-hidden": "true", children: "*" }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs24(
+          "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__ */ jsxs24("div", { className: "sc-file-input__placeholder", "aria-hidden": "true", children: [
+                  idleText,
+                  " ",
+                  /* @__PURE__ */ jsx29("span", { className: "sc-file-input__browse", children: browseLabel })
+                ] })
+              ),
+              /* @__PURE__ */ jsx29("div", { ref: hostRef, className: "sc-file-input__pond" })
+            ]
+          }
+        ),
+        description != null ? /* @__PURE__ */ jsx29("p", { id: descriptionId, className: "sc-field__description", children: description }) : null,
+        /* @__PURE__ */ jsx29("div", { id: messagesId, className: "sc-file-input__messages", "aria-live": "polite", children: messages.map((message, i) => /* @__PURE__ */ jsx29("p", { className: "sc-field__error", children: message }, i)) })
+      ]
+    }
+  );
+}
+
+// src/components/PriorityNav/PriorityNav.tsx
+import {
+  useEffect as useEffect4,
+  useId as useId4,
+  useLayoutEffect as useLayoutEffect2,
+  useRef as useRef4,
+  useState as useState6
+} 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 { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+var defaultCountLabel2 = (n) => n === 1 ? "1 link" : `${n} links`;
+var defaultLink = ({ children, ...props }) => /* @__PURE__ */ jsx30("a", { ...props, children });
+var keyOf = (item) => item.id ?? item.href;
+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}`;
+  }).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] = useState6({ signature: null, current: -1, count: 0, overflowing: false });
+  const [open, setOpen] = useState6(false);
+  const panelId = useId4();
+  const listRef = useRef4(null);
+  const moreRef = useRef4(null);
+  const toggleRef = useRef4(null);
+  const panelRef = useRef4(null);
+  const measured = useRef4(null);
+  const currentRef = useRef4(current);
+  const fitRef = useRef4(fit);
+  const hysteresisRef = useRef4(overflowHysteresis);
+  const onOverflowRef = useRef4(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]);
+  useEffect4(() => {
+    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 = useRef4(false);
+  useEffect4(() => {
+    if (reported.current === fit.overflowing) return;
+    reported.current = fit.overflowing;
+    onOverflowRef.current?.(fit.overflowing);
+  }, [fit.overflowing]);
+  useEffect4(() => {
+    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;
+  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]);
+  useEffect4(() => {
+    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) => renderLink(
+    {
+      href: item.href,
+      className: "sc-priority-nav__link",
+      "aria-current": item.current ? "page" : void 0,
+      onClick: inPanel ? () => setOpen(false) : void 0,
+      children: /* @__PURE__ */ jsx30("span", { className: "sc-priority-nav__label", children: item.label })
+    },
+    item
+  );
+  return /* @__PURE__ */ jsx30(
+    "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__ */ jsxs25("ul", { ref: listRef, className: "sc-priority-nav__list", children: [
+        items.map(
+          (item, i) => flags && !flags[i] ? null : /* @__PURE__ */ jsx30("li", { className: "sc-priority-nav__item", "data-current": item.current || void 0, children: link(item, false) }, keyOf(item))
+        ),
+        /* @__PURE__ */ jsxs25(
+          "li",
+          {
+            ref: moreRef,
+            className: "sc-priority-nav__more",
+            hidden: measuring || overflow.length === 0,
+            onBlur,
+            children: [
+              /* @__PURE__ */ jsxs25(
+                "button",
+                {
+                  ref: toggleRef,
+                  type: "button",
+                  className: "sc-priority-nav__toggle",
+                  "aria-expanded": expanded,
+                  "aria-controls": panelId,
+                  onClick: () => setOpen((o) => !o),
+                  children: [
+                    /* @__PURE__ */ jsx30(MoreHorizontalIcon, { className: "sc-priority-nav__ellipsis" }),
+                    /* @__PURE__ */ jsx30("span", { className: "sc-priority-nav__toggle-label", children: moreLabel }),
+                    /* @__PURE__ */ jsxs25("span", { className: "sc-visually-hidden", children: [
+                      ", ",
+                      moreCountLabel(overflow.length)
+                    ] }),
+                    /* @__PURE__ */ jsx30(ChevronDownIcon, { size: "sm", className: "sc-priority-nav__chevron" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx30("ul", { ref: panelRef, id: panelId, className: "sc-priority-nav__panel", hidden: !expanded, children: overflow.map((item) => /* @__PURE__ */ jsx30("li", { children: link(item, true) }, keyOf(item))) })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/Popover/Popover.tsx
+import { Popover as BasePopover } from "@base-ui/react/popover";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+function Root6({ open, defaultOpen, onOpenChange, modal = false, children }) {
+  return /* @__PURE__ */ jsx31(
+    BasePopover.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange: onOpenChange ? (next) => onOpenChange(next) : void 0,
+      modal,
+      children
+    }
+  );
+}
+function Trigger3({ render, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx31(
+    BasePopover.Trigger,
+    {
+      render: render ?? /* @__PURE__ */ jsx31(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__ */ jsx31(BasePopover.Portal, { children: /* @__PURE__ */ jsx31(
+    BasePopover.Positioner,
+    {
+      side,
+      align,
+      sideOffset: sideOffset ?? (arrow ? 8 : 4),
+      className: "sc-popover__positioner",
+      children: /* @__PURE__ */ jsxs26(BasePopover.Popup, { className: cx("sc-popover", className), ...rest, children: [
+        arrow ? /* @__PURE__ */ jsx31(BasePopover.Arrow, { className: "sc-popover__arrow" }) : null,
+        children
+      ] })
+    }
+  ) });
+}
+function Title2({ className, ...rest }) {
+  return /* @__PURE__ */ jsx31(BasePopover.Title, { className: cx("sc-popover__title", className), ...rest });
+}
+function Description2({ className, ...rest }) {
+  return /* @__PURE__ */ jsx31(BasePopover.Description, { className: cx("sc-popover__description", className), ...rest });
+}
+function Close2({ className, children, render, ...rest }) {
+  if (children === void 0 && render === void 0) {
+    return /* @__PURE__ */ jsx31(BasePopover.Close, { className: cx("sc-popover__close", className), "aria-label": "Close", ...rest, children: /* @__PURE__ */ jsx31(XIcon, {}) });
+  }
+  return /* @__PURE__ */ jsx31(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 jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+function BroomIcon({ sweeping = false, size = "lg", title, className, ...rest }) {
+  return /* @__PURE__ */ jsxs27(
+    "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__ */ jsxs27(
+          "g",
+          {
+            className: "sc-broom__body",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx32("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__ */ jsx32("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__ */ jsx32("path", { className: "sc-broom__band", d: "M13.47 12.13 L18.4 13.5 L18.33 14.1 L13.27 12.77 Z" }),
+              /* @__PURE__ */ jsx32("path", { d: "M12.87 13.73 L14.4 14.47 M16.2 15.27 L18.47 15.87" }),
+              /* @__PURE__ */ jsx32("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__ */ jsxs27("g", { className: "sc-broom__dust", fill: "none", stroke: "currentColor", children: [
+          /* @__PURE__ */ jsx32("circle", { cx: "4.77", cy: "13.53", r: "0.5" }),
+          /* @__PURE__ */ jsx32("circle", { cx: "2.7", cy: "15.53", r: "0.87" }),
+          /* @__PURE__ */ jsx32("circle", { cx: "4.1", cy: "18.27", r: "0.5" })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/index.ts
 var version = "0.1.1";
 export {
   ArchiveIcon,
+  ArrowDownIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
+  ArrowUpIcon,
   Badge,
+  Banner,
   BellIcon,
   BriefcaseIcon,
+  BroomIcon,
   Button,
   CalendarIcon,
   Card,
   CheckIcon,
+  Checkbox,
   ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronUpIcon,
+  Chip,
   CircleCheckIcon,
   CircleXIcon,
   ClockIcon,
   CopyIcon,
   Dialog,
+  Disclosure,
   DocumentIcon,
   DownloadIcon,
   EditIcon,
+  EmptyState,
   ExternalLinkIcon,
   EyeIcon,
+  FileInput,
   FilterIcon,
   FlagIcon,
+  Heading,
   Icon,
   IconButton,
   InboxIcon,
   InfoIcon,
   Inline,
+  Input,
   Kbd,
   LinkIcon,
   MailIcon,
@@ -784,14 +2965,29 @@ export {
   PauseIcon,
   PlayIcon,
   PlusIcon,
+  Popover,
+  PriorityNav,
+  Progress,
   RefreshIcon,
   SearchIcon,
+  Select,
+  SelectionBar,
   SettingsIcon,
+  Skeleton,
+  Spinner,
   Stack,
   StarIcon,
+  Stat,
   SunIcon,
+  Switch,
+  Table,
+  Tabs,
+  Text,
+  Textarea,
   ThumbsDownIcon,
   ThumbsUpIcon,
+  Toast,
+  Toolbar,
   Tooltip,
   TrashIcon,
   UndoIcon,
@@ -799,6 +2995,8 @@ export {
   WarningIcon,
   XIcon,
   iconNames,
+  useRowSelection,
+  useToast,
   version
 };
 //# sourceMappingURL=index.js.map