npm - @ship-it-ui/ui - Versions diffs - 0.0.6 → 0.0.7 - Mend

@ship-it-ui/ui 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -537,11 +537,205 @@ function Field({ label, hint, error, required, className, children, ...props })
   ] });
 }
-// src/components/Input/Input.tsx
+// src/components/InlineEdit/InlineEdit.tsx
 import { cva as cva3 } from "class-variance-authority";
-import { forwardRef as forwardRef7 } from "react";
+import {
+  forwardRef as forwardRef7,
+  useCallback as useCallback5,
+  useEffect as useEffect5,
+  useImperativeHandle,
+  useRef as useRef3,
+  useState as useState5
+} from "react";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var inputWrapperStyles = cva3(
+var displayStyles = cva3(
+  [
+    "inline-block cursor-text rounded-[3px] px-[2px] -mx-[2px]",
+    "outline-none transition-[background,box-shadow] duration-(--duration-micro)",
+    "hover:bg-panel-2",
+    "focus-visible:ring-[2px] focus-visible:ring-accent-dim"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-[12px]",
+        md: "text-[13px]",
+        lg: "text-[14px]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var inputStyles = cva3(
+  [
+    "border bg-panel text-text font-sans outline-none",
+    "transition-[border-color,box-shadow] duration-(--duration-micro)",
+    "focus:ring-[3px] focus:ring-accent-dim focus:border-accent",
+    "placeholder:text-text-dim"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-6 px-2 text-[12px] rounded-md",
+        md: "h-[28px] px-[8px] text-[13px] rounded-md",
+        lg: "h-8 px-[10px] text-[14px] rounded-md"
+      },
+      tone: {
+        default: "border-border",
+        err: "border-err focus:border-err focus:ring-err/30"
+      }
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+);
+var InlineEdit = forwardRef7(function InlineEdit2({
+  value,
+  onValueChange,
+  as = "span",
+  activate = "dblclick",
+  commitOnBlur = true,
+  validate,
+  placeholder = "Empty",
+  disabled = false,
+  editing: editingProp,
+  onEditingChange,
+  size,
+  className,
+  inputClassName,
+  "aria-label": ariaLabel,
+  ...rest
+}, forwardedRef) {
+  const [editing, setEditing] = useControllableState({
+    value: editingProp,
+    defaultValue: false,
+    onChange: onEditingChange
+  });
+  const [draft, setDraft] = useState5(value);
+  const [error, setError] = useState5(null);
+  const inputRef = useRef3(null);
+  useEffect5(() => {
+    if (!editing) {
+      setDraft(value);
+      setError(null);
+    }
+  }, [editing, value]);
+  useEffect5(() => {
+    if (!editing) return;
+    const el = inputRef.current;
+    if (!el) return;
+    el.focus();
+    el.select();
+  }, [editing]);
+  const commit = useCallback5(() => {
+    const next = draft;
+    if (validate) {
+      const msg = validate(next);
+      if (msg !== null) {
+        setError(msg);
+        return;
+      }
+    }
+    setError(null);
+    setEditing(false);
+    if (next !== value) onValueChange(next);
+  }, [draft, validate, value, onValueChange, setEditing]);
+  const cancel = useCallback5(() => {
+    setDraft(value);
+    setError(null);
+    setEditing(false);
+  }, [value, setEditing]);
+  const beginEdit = useCallback5(() => {
+    if (disabled) return;
+    setDraft(value);
+    setError(null);
+    setEditing(true);
+  }, [disabled, value, setEditing]);
+  useImperativeHandle(forwardedRef, () => ({ edit: beginEdit, cancel }), [beginEdit, cancel]);
+  const onDisplayKeyDown = (e) => {
+    if (disabled) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      beginEdit();
+    }
+  };
+  const onDisplayActivate = (e) => {
+    if (disabled) return;
+    if (activate === "dblclick" && e.detail >= 2 || activate === "click" && e.detail >= 1) {
+      e.preventDefault();
+      beginEdit();
+    }
+  };
+  const onInputKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      commit();
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      cancel();
+    }
+  };
+  if (editing) {
+    const errorId = `${rest.id ?? "inline-edit"}-error`;
+    const inputAriaLabel = ariaLabel ?? value ?? placeholder;
+    return /* @__PURE__ */ jsxs5("span", { className: "inline-flex flex-col items-stretch gap-1", children: [
+      /* @__PURE__ */ jsx8(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: draft,
+          onChange: (e) => {
+            setDraft(e.target.value);
+            if (error) setError(null);
+          },
+          onKeyDown: onInputKeyDown,
+          onBlur: () => {
+            if (commitOnBlur) commit();
+            else cancel();
+          },
+          placeholder,
+          "aria-label": inputAriaLabel,
+          "aria-invalid": error ? true : void 0,
+          "aria-errormessage": error ? errorId : void 0,
+          className: cn(inputStyles({ size, tone: error ? "err" : "default" }), inputClassName)
+        }
+      ),
+      error && /* @__PURE__ */ jsx8("span", { id: errorId, role: "alert", className: "text-err text-[11px]", children: error })
+    ] });
+  }
+  const Tag3 = as;
+  const isHeading = as === "h1" || as === "h2" || as === "h3";
+  const isEmpty = value.length === 0;
+  const displayText = isEmpty ? placeholder : value;
+  return /* @__PURE__ */ jsx8(
+    Tag3,
+    {
+      role: isHeading ? void 0 : "button",
+      "aria-roledescription": isHeading ? "editable" : void 0,
+      tabIndex: disabled ? -1 : 0,
+      "aria-disabled": disabled || void 0,
+      "aria-label": ariaLabel ?? `Edit ${value || placeholder}`,
+      "data-empty": isEmpty || void 0,
+      onClick: onDisplayActivate,
+      onKeyDown: onDisplayKeyDown,
+      className: cn(
+        displayStyles({ size }),
+        isEmpty && "text-text-dim italic",
+        disabled && "cursor-not-allowed opacity-50 hover:bg-transparent",
+        className
+      ),
+      ...rest,
+      children: displayText
+    }
+  );
+});
+InlineEdit.displayName = "InlineEdit";
+// src/components/Input/Input.tsx
+import { cva as cva4 } from "class-variance-authority";
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var inputWrapperStyles = cva4(
   [
     "flex items-center gap-[6px] font-sans transition-[border-color,box-shadow] duration-(--duration-micro)",
     "border focus-within:ring-[3px]",
@@ -573,16 +767,16 @@ var inputWrapperStyles = cva3(
     defaultVariants: { size: "md", tone: "default", density: "comfortable" }
   }
 );
-var Input = forwardRef7(function Input2({ size, tone, density, icon, trailing, error, width, className, style, disabled, ...props }, ref) {
+var Input = forwardRef8(function Input2({ size, tone, density, icon, trailing, error, width, className, style, disabled, ...props }, ref) {
   const computedTone = error ? "err" : tone;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(inputWrapperStyles({ size, tone: computedTone, density }), className),
       style: { width, ...style },
       children: [
-        icon && /* @__PURE__ */ jsx8("span", { className: "text-text-dim leading-none", children: icon }),
-        /* @__PURE__ */ jsx8(
+        icon && /* @__PURE__ */ jsx9("span", { className: "text-text-dim leading-none", children: icon }),
+        /* @__PURE__ */ jsx9(
           "input",
           {
             ref,
@@ -596,7 +790,7 @@ var Input = forwardRef7(function Input2({ size, tone, density, icon, trailing, e
             ...props
           }
         ),
-        trailing && /* @__PURE__ */ jsx8("span", { className: "text-text-dim text-[11px]", children: trailing })
+        trailing && /* @__PURE__ */ jsx9("span", { className: "text-text-dim text-[11px]", children: trailing })
       ]
     }
   );
@@ -604,9 +798,9 @@ var Input = forwardRef7(function Input2({ size, tone, density, icon, trailing, e
 Input.displayName = "Input";
 // src/components/Input/SearchInput.tsx
-import { forwardRef as forwardRef8 } from "react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var SearchInput = forwardRef8(function SearchInput2({
+import { forwardRef as forwardRef9 } from "react";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var SearchInput = forwardRef9(function SearchInput2({
   shortcut,
   width,
   density = "comfortable",
@@ -619,7 +813,7 @@ var SearchInput = forwardRef8(function SearchInput2({
   const isTouch = density === "touch";
   const resolvedWidth = width ?? (isTouch ? "100%" : 360);
   const resolvedShortcut = shortcut ?? (isTouch ? void 0 : "\u2318K");
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn(
@@ -632,8 +826,8 @@ var SearchInput = forwardRef8(function SearchInput2({
       ),
       style: { width: resolvedWidth, ...style },
       children: [
-        /* @__PURE__ */ jsx9("span", { className: cn("text-text-dim leading-none", isTouch && "text-[18px]"), "aria-hidden": true, children: "\u2315" }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("span", { className: cn("text-text-dim leading-none", isTouch && "text-[18px]"), "aria-hidden": true, children: "\u2315" }),
+        /* @__PURE__ */ jsx10(
           "input",
           {
             ref,
@@ -647,7 +841,7 @@ var SearchInput = forwardRef8(function SearchInput2({
             ...props
           }
         ),
-        resolvedShortcut && /* @__PURE__ */ jsx9("kbd", { className: "text-text-dim border-border rounded-xs border px-[6px] py-[2px] font-mono text-[10px]", children: resolvedShortcut })
+        resolvedShortcut && /* @__PURE__ */ jsx10("kbd", { className: "text-text-dim border-border rounded-xs border px-[6px] py-[2px] font-mono text-[10px]", children: resolvedShortcut })
       ]
     }
   );
@@ -656,21 +850,21 @@ SearchInput.displayName = "SearchInput";
 // src/components/OTP/OTP.tsx
 import {
-  forwardRef as forwardRef9,
+  forwardRef as forwardRef10,
   useId as useId3,
-  useImperativeHandle,
-  useRef as useRef3,
-  useState as useState5
+  useImperativeHandle as useImperativeHandle2,
+  useRef as useRef4,
+  useState as useState6
 } from "react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var OTP = forwardRef9(function OTP2({ length = 6, onComplete, onChange, defaultValue = "", ariaLabel = "Code", className, disabled }, ref) {
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var OTP = forwardRef10(function OTP2({ length = 6, onComplete, onChange, defaultValue = "", ariaLabel = "Code", className, disabled }, ref) {
   const baseId = useId3();
-  const refs = useRef3([]);
-  const [values, setValues] = useState5(
+  const refs = useRef4([]);
+  const [values, setValues] = useState6(
     () => Array.from({ length }, (_, i) => defaultValue[i] ?? "")
   );
-  const [completedAnnouncement, setCompletedAnnouncement] = useState5("");
-  useImperativeHandle(ref, () => ({
+  const [completedAnnouncement, setCompletedAnnouncement] = useState6("");
+  useImperativeHandle2(ref, () => ({
     focus: () => refs.current[0]?.focus(),
     reset: () => {
       setValues(Array(length).fill(""));
@@ -720,8 +914,8 @@ var OTP = forwardRef9(function OTP2({ length = 6, onComplete, onChange, defaultV
     }
     refs.current[Math.min(pasted.length, length - 1)]?.focus();
   };
-  return /* @__PURE__ */ jsxs7("div", { className: cn("flex gap-2", className), children: [
-    values.map((c, i) => /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs8("div", { className: cn("flex gap-2", className), children: [
+    values.map((c, i) => /* @__PURE__ */ jsx11(
       "input",
       {
         id: `${baseId}-${i}`,
@@ -747,23 +941,23 @@ var OTP = forwardRef9(function OTP2({ length = 6, onComplete, onChange, defaultV
       },
       i
     )),
-    /* @__PURE__ */ jsx10("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: completedAnnouncement })
+    /* @__PURE__ */ jsx11("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: completedAnnouncement })
   ] });
 });
 OTP.displayName = "OTP";
 // src/components/Radio/Radio.tsx
 import * as RadixRadio from "@radix-ui/react-radio-group";
-import { forwardRef as forwardRef10, useId as useId4 } from "react";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var RadioGroup = forwardRef10(function RadioGroup2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx11(RadixRadio.Root, { ref, className: cn("flex flex-col gap-2", className), ...props });
+import { forwardRef as forwardRef11, useId as useId4 } from "react";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var RadioGroup = forwardRef11(function RadioGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx12(RadixRadio.Root, { ref, className: cn("flex flex-col gap-2", className), ...props });
 });
 RadioGroup.displayName = "RadioGroup";
-var Radio = forwardRef10(function Radio2({ label, className, id: idProp, ...props }, ref) {
+var Radio = forwardRef11(function Radio2({ label, className, id: idProp, ...props }, ref) {
   const reactId = useId4();
   const id = idProp ?? `radio-${reactId}`;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "span",
     {
       className: cn(
@@ -772,7 +966,7 @@ var Radio = forwardRef10(function Radio2({ label, className, id: idProp, ...prop
         className
       ),
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           RadixRadio.Item,
           {
             ref,
@@ -785,10 +979,10 @@ var Radio = forwardRef10(function Radio2({ label, className, id: idProp, ...prop
               "focus-visible:ring-accent-dim outline-none focus-visible:ring-[3px]"
             ),
             ...props,
-            children: /* @__PURE__ */ jsx11(RadixRadio.Indicator, { className: "bg-accent block h-[7px] w-[7px] rounded-full" })
+            children: /* @__PURE__ */ jsx12(RadixRadio.Indicator, { className: "bg-accent block h-[7px] w-[7px] rounded-full" })
           }
         ),
-        label && /* @__PURE__ */ jsx11("label", { htmlFor: id, className: "cursor-pointer text-[13px]", children: label })
+        label && /* @__PURE__ */ jsx12("label", { htmlFor: id, className: "cursor-pointer text-[13px]", children: label })
       ]
     }
   );
@@ -797,8 +991,8 @@ Radio.displayName = "Radio";
 // src/components/Select/Select.tsx
 import * as RadixSelect from "@radix-ui/react-select";
-import { forwardRef as forwardRef11 } from "react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { forwardRef as forwardRef12 } from "react";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var SelectRoot = RadixSelect.Root;
 var SelectValue = RadixSelect.Value;
 var SelectGroup = RadixSelect.Group;
@@ -808,8 +1002,8 @@ var triggerClasses = {
   md: "h-[34px] px-[10px] text-[13px]",
   lg: "h-10 px-3 text-[14px]"
 };
-var SelectTrigger = forwardRef11(function SelectTrigger2({ size = "md", className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs9(
+var SelectTrigger = forwardRef12(function SelectTrigger2({ size = "md", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs10(
     RadixSelect.Trigger,
     {
       ref,
@@ -825,15 +1019,15 @@ var SelectTrigger = forwardRef11(function SelectTrigger2({ size = "md", classNam
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx12(RadixSelect.Icon, { className: "text-text-dim text-[11px] leading-none", children: "\u25BE" })
+        /* @__PURE__ */ jsx13(RadixSelect.Icon, { className: "text-text-dim text-[11px] leading-none", children: "\u25BE" })
       ]
     }
   );
 });
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = forwardRef11(
+var SelectContent = forwardRef12(
   function SelectContent2({ className, children, position = "popper", sideOffset = 6, ...props }, ref) {
-    return /* @__PURE__ */ jsx12(RadixSelect.Portal, { children: /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(RadixSelect.Portal, { children: /* @__PURE__ */ jsx13(
       RadixSelect.Content,
       {
         ref,
@@ -845,15 +1039,15 @@ var SelectContent = forwardRef11(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx12(RadixSelect.Viewport, { children })
+        children: /* @__PURE__ */ jsx13(RadixSelect.Viewport, { children })
       }
     ) });
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = forwardRef11(
+var SelectItem = forwardRef12(
   function SelectItem2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       RadixSelect.Item,
       {
         ref,
@@ -865,7 +1059,7 @@ var SelectItem = forwardRef11(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx12(RadixSelect.ItemText, { children })
+        children: /* @__PURE__ */ jsx13(RadixSelect.ItemText, { children })
       }
     );
   }
@@ -880,30 +1074,30 @@ function Select({
   "aria-labelledby": ariaLabelledBy,
   ...rootProps
 }) {
-  return /* @__PURE__ */ jsxs9(RadixSelect.Root, { ...rootProps, children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs10(RadixSelect.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx13(
       SelectTrigger,
       {
         size,
         className,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
-        children: /* @__PURE__ */ jsx12(SelectValue, { placeholder })
+        children: /* @__PURE__ */ jsx13(SelectValue, { placeholder })
       }
     ),
-    /* @__PURE__ */ jsx12(SelectContent, { children: options.map((opt) => {
+    /* @__PURE__ */ jsx13(SelectContent, { children: options.map((opt) => {
       const value = typeof opt === "string" ? opt : opt.value;
       const label = typeof opt === "string" ? opt : opt.label;
-      return /* @__PURE__ */ jsx12(SelectItem, { value, children: label }, value);
+      return /* @__PURE__ */ jsx13(SelectItem, { value, children: label }, value);
     }) })
   ] });
 }
 // src/components/Slider/Slider.tsx
 import * as RadixSlider from "@radix-ui/react-slider";
-import { forwardRef as forwardRef12, useCallback as useCallback5, useState as useState6 } from "react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var Slider = forwardRef12(function Slider2({
+import { forwardRef as forwardRef13, useCallback as useCallback6, useState as useState7 } from "react";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var Slider = forwardRef13(function Slider2({
   showValue,
   width = 240,
   className,
@@ -918,10 +1112,10 @@ var Slider = forwardRef12(function Slider2({
   const arrValue = Array.isArray(value) ? value : value !== void 0 ? [value] : void 0;
   const arrDefault = Array.isArray(defaultValue) ? defaultValue : defaultValue !== void 0 ? [defaultValue] : void 0;
   const isControlled = arrValue !== void 0;
-  const [uncontrolledValue, setUncontrolledValue] = useState6(arrDefault);
+  const [uncontrolledValue, setUncontrolledValue] = useState7(arrDefault);
   const currentValue = isControlled ? arrValue : uncontrolledValue;
   const wasScalar = !Array.isArray(value ?? defaultValue) && (value ?? defaultValue) !== void 0;
-  const handleValueChange = useCallback5(
+  const handleValueChange = useCallback6(
     (next) => {
       if (!isControlled) setUncontrolledValue(next);
       if (onValueChange) {
@@ -932,14 +1126,14 @@ var Slider = forwardRef12(function Slider2({
   );
   const display = currentValue?.[0] ?? props.min ?? 0;
   const thumbCount = (arrValue ?? arrDefault)?.length ?? 1;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "span",
     {
       ref,
       className: cn("inline-flex items-center gap-[10px]", className),
       style: { width },
       children: [
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs11(
           RadixSlider.Root,
           {
             value: arrValue,
@@ -948,11 +1142,11 @@ var Slider = forwardRef12(function Slider2({
             className: "relative flex h-4 flex-1 touch-none items-center select-none",
             ...props,
             children: [
-              /* @__PURE__ */ jsx13(RadixSlider.Track, { className: "bg-panel-2 relative h-1 grow rounded-full", children: /* @__PURE__ */ jsx13(RadixSlider.Range, { className: "bg-accent absolute h-full rounded-full" }) }),
+              /* @__PURE__ */ jsx14(RadixSlider.Track, { className: "bg-panel-2 relative h-1 grow rounded-full", children: /* @__PURE__ */ jsx14(RadixSlider.Range, { className: "bg-accent absolute h-full rounded-full" }) }),
               Array.from({ length: thumbCount }, (_, i) => {
                 const perThumb = thumbLabels?.[i];
                 const thumbAriaLabel = perThumb ?? (ariaLabelledBy ? void 0 : ariaLabel ?? "Value");
-                return /* @__PURE__ */ jsx13(
+                return /* @__PURE__ */ jsx14(
                   RadixSlider.Thumb,
                   {
                     className: cn(
@@ -969,7 +1163,7 @@ var Slider = forwardRef12(function Slider2({
             ]
           }
         ),
-        showValue && /* @__PURE__ */ jsx13("span", { className: "text-text-muted min-w-[28px] text-right font-mono text-[11px]", children: display })
+        showValue && /* @__PURE__ */ jsx14("span", { className: "text-text-muted min-w-[28px] text-right font-mono text-[11px]", children: display })
       ]
     }
   );
@@ -978,8 +1172,8 @@ Slider.displayName = "Slider";
 // src/components/Switch/Switch.tsx
 import * as RadixSwitch from "@radix-ui/react-switch";
-import { forwardRef as forwardRef13, useId as useId5 } from "react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { forwardRef as forwardRef14, useId as useId5 } from "react";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var trackClasses = {
   comfortable: {
     sm: "h-4 w-7",
@@ -1000,10 +1194,10 @@ var thumbClasses = {
     md: "h-[26px] w-[26px] data-[state=checked]:translate-x-5"
   }
 };
-var Switch = forwardRef13(function Switch2({ label, size = "md", density = "comfortable", className, id: idProp, ...props }, ref) {
+var Switch = forwardRef14(function Switch2({ label, size = "md", density = "comfortable", className, id: idProp, ...props }, ref) {
   const reactId = useId5();
   const id = idProp ?? `sw-${reactId}`;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "span",
     {
       className: cn(
@@ -1012,7 +1206,7 @@ var Switch = forwardRef13(function Switch2({ label, size = "md", density = "comf
         className
       ),
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           RadixSwitch.Root,
           {
             ref,
@@ -1025,7 +1219,7 @@ var Switch = forwardRef13(function Switch2({ label, size = "md", density = "comf
               trackClasses[density][size]
             ),
             ...props,
-            children: /* @__PURE__ */ jsx14(
+            children: /* @__PURE__ */ jsx15(
               RadixSwitch.Thumb,
               {
                 className: cn(
@@ -1037,7 +1231,7 @@ var Switch = forwardRef13(function Switch2({ label, size = "md", density = "comf
             )
           }
         ),
-        label && /* @__PURE__ */ jsx14(
+        label && /* @__PURE__ */ jsx15(
           "label",
           {
             htmlFor: id,
@@ -1052,10 +1246,10 @@ var Switch = forwardRef13(function Switch2({ label, size = "md", density = "comf
 Switch.displayName = "Switch";
 // src/components/Textarea/Textarea.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var textareaStyles = cva4(
+import { cva as cva5 } from "class-variance-authority";
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var textareaStyles = cva5(
   [
     "w-full font-sans text-text bg-panel rounded-md p-[10px]",
     "border outline-none transition-[border-color,box-shadow] duration-(--duration-micro)",
@@ -1073,8 +1267,8 @@ var textareaStyles = cva4(
     defaultVariants: { tone: "default" }
   }
 );
-var Textarea = forwardRef14(function Textarea2({ tone, error, rows = 4, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx15(
+var Textarea = forwardRef15(function Textarea2({ tone, error, rows = 4, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx16(
     "textarea",
     {
       ref,
@@ -1089,11 +1283,11 @@ Textarea.displayName = "Textarea";
 // src/components/Avatar/Avatar.tsx
 import * as RadixAvatar from "@radix-ui/react-avatar";
-import { forwardRef as forwardRef16 } from "react";
+import { forwardRef as forwardRef17 } from "react";
 // src/components/StatusDot/StatusDot.tsx
-import { forwardRef as forwardRef15 } from "react";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { forwardRef as forwardRef16 } from "react";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var stateColor = {
   ok: "bg-ok",
   warn: "bg-warn",
@@ -1118,8 +1312,8 @@ var stateLabel = {
   sync: "Syncing",
   accent: "Active"
 };
-var StatusDot = forwardRef15(function StatusDot2({ state = "ok", label, pulse, size = 8, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs12(
+var StatusDot = forwardRef16(function StatusDot2({ state = "ok", label, pulse, size = 8, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs13(
     "span",
     {
       ref,
@@ -1128,7 +1322,7 @@ var StatusDot = forwardRef15(function StatusDot2({ state = "ok", label, pulse, s
       className: cn("inline-flex items-center gap-[6px]", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "span",
           {
             className: cn(
@@ -1140,7 +1334,7 @@ var StatusDot = forwardRef15(function StatusDot2({ state = "ok", label, pulse, s
             style: { width: size, height: size }
           }
         ),
-        label && /* @__PURE__ */ jsx16("span", { className: "text-text-muted text-[12px]", children: label })
+        label && /* @__PURE__ */ jsx17("span", { className: "text-text-muted text-[12px]", children: label })
       ]
     }
   );
@@ -1157,7 +1351,7 @@ var sizePx = {
 };
 // src/components/Avatar/Avatar.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var statusBg = {
   ok: "bg-ok",
   warn: "bg-warn",
@@ -1172,11 +1366,11 @@ function hashHue(str) {
   for (let i = 0; i < str.length; i++) h = (h * 31 + str.charCodeAt(i)) % 360;
   return h;
 }
-var Avatar = forwardRef16(function Avatar2({ name = "?", src, size = "md", status, initials, className, style, ...props }, ref) {
+var Avatar = forwardRef17(function Avatar2({ name = "?", src, size = "md", status, initials, className, style, ...props }, ref) {
   const dim = sizePx[size];
   const hue = hashHue(name);
   const computedInitials = initials ?? initialsFor(name);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "span",
     {
       ref,
@@ -1184,7 +1378,7 @@ var Avatar = forwardRef16(function Avatar2({ name = "?", src, size = "md", statu
       style: { width: dim, height: dim, ...style },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs14(
           RadixAvatar.Root,
           {
             className: "border-border relative inline-flex h-full w-full shrink-0 overflow-hidden rounded-full border",
@@ -1192,8 +1386,8 @@ var Avatar = forwardRef16(function Avatar2({ name = "?", src, size = "md", statu
               background: src ? void 0 : `oklch(var(--color-avatar-fallback-l) var(--color-avatar-fallback-c) ${hue})`
             },
             children: [
-              src && /* @__PURE__ */ jsx17(RadixAvatar.Image, { src, alt: name, className: "h-full w-full object-cover" }),
-              /* @__PURE__ */ jsx17(
+              src && /* @__PURE__ */ jsx18(RadixAvatar.Image, { src, alt: name, className: "h-full w-full object-cover" }),
+              /* @__PURE__ */ jsx18(
                 RadixAvatar.Fallback,
                 {
                   className: "flex h-full w-full items-center justify-center font-sans font-semibold text-white",
@@ -1204,7 +1398,7 @@ var Avatar = forwardRef16(function Avatar2({ name = "?", src, size = "md", statu
             ]
           }
         ),
-        status && /* @__PURE__ */ jsx17(
+        status && /* @__PURE__ */ jsx18(
           "span",
           {
             role: "img",
@@ -1223,16 +1417,16 @@ var Avatar = forwardRef16(function Avatar2({ name = "?", src, size = "md", statu
 Avatar.displayName = "Avatar";
 // src/components/Avatar/AvatarGroup.tsx
-import { forwardRef as forwardRef17 } from "react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-var AvatarGroup = forwardRef17(function AvatarGroup2({ names, max = 3, size = "md", className, ...props }, ref) {
+import { forwardRef as forwardRef18 } from "react";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+var AvatarGroup = forwardRef18(function AvatarGroup2({ names, max = 3, size = "md", className, ...props }, ref) {
   const dim = sizePx[size];
   const visible = names.slice(0, max);
   const rest = names.length - visible.length;
   const overlap = -dim * 0.35;
-  return /* @__PURE__ */ jsxs14("div", { ref, className: cn("inline-flex", className), ...props, children: [
-    visible.map((n, i) => /* @__PURE__ */ jsx18("span", { style: { marginLeft: i === 0 ? 0 : overlap }, children: /* @__PURE__ */ jsx18(Avatar, { name: n, size }) }, `${n}-${i}`)),
-    rest > 0 && /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15("div", { ref, className: cn("inline-flex", className), ...props, children: [
+    visible.map((n, i) => /* @__PURE__ */ jsx19("span", { style: { marginLeft: i === 0 ? 0 : overlap }, children: /* @__PURE__ */ jsx19(Avatar, { name: n, size }) }, `${n}-${i}`)),
+    rest > 0 && /* @__PURE__ */ jsxs15(
       "span",
       {
         "aria-label": `+${rest} more`,
@@ -1254,10 +1448,10 @@ var AvatarGroup = forwardRef17(function AvatarGroup2({ names, max = 3, size = "m
 AvatarGroup.displayName = "AvatarGroup";
 // src/components/Badge/Badge.tsx
-import { cva as cva5 } from "class-variance-authority";
-import { forwardRef as forwardRef18 } from "react";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-var badgeStyles = cva5("inline-flex items-center font-sans leading-none whitespace-nowrap", {
+import { cva as cva6 } from "class-variance-authority";
+import { forwardRef as forwardRef19 } from "react";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+var badgeStyles = cva6("inline-flex items-center font-sans leading-none whitespace-nowrap", {
   variants: {
     variant: {
       neutral: "bg-panel-2 text-text-muted border border-border",
@@ -1290,28 +1484,28 @@ var dotColorClass = {
   solid: "bg-bg"
 };
 var dotSize = { sm: "h-[5px] w-[5px]", md: "h-[6px] w-[6px]", lg: "h-[7px] w-[7px]" };
-var Badge = forwardRef18(function Badge2({ variant = "neutral", size = "md", dot, icon, className, children, ...props }, ref) {
+var Badge = forwardRef19(function Badge2({ variant = "neutral", size = "md", dot, icon, className, children, ...props }, ref) {
   const sz = size ?? "md";
   const v = variant ?? "neutral";
-  return /* @__PURE__ */ jsxs15("span", { ref, className: cn(badgeStyles({ variant, size }), className), ...props, children: [
-    dot && /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs16("span", { ref, className: cn(badgeStyles({ variant, size }), className), ...props, children: [
+    dot && /* @__PURE__ */ jsx20(
       "span",
       {
         "aria-hidden": true,
         className: cn("inline-block rounded-full", dotSize[sz], dotColorClass[v])
       }
     ),
-    icon && /* @__PURE__ */ jsx19("span", { className: "inline-flex leading-none", children: icon }),
+    icon && /* @__PURE__ */ jsx20("span", { className: "inline-flex leading-none", children: icon }),
     children
   ] });
 });
 Badge.displayName = "Badge";
 // src/components/Card/Card.tsx
-import { cva as cva6 } from "class-variance-authority";
-import { forwardRef as forwardRef19 } from "react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-var cardStyles = cva6(
+import { cva as cva7 } from "class-variance-authority";
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var cardStyles = cva7(
   "block bg-panel border border-border transition-[border-color,transform,box-shadow] duration-(--duration-step)",
   {
     variants: {
@@ -1332,7 +1526,7 @@ var cardStyles = cva6(
     defaultVariants: { variant: "default", interactive: false, density: "comfortable" }
   }
 );
-var Card = forwardRef19(function Card2({
+var Card = forwardRef20(function Card2({
   variant,
   interactive,
   density,
@@ -1364,7 +1558,7 @@ var Card = forwardRef19(function Card2({
       onClick(e);
     }
   } : void 0;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       ref,
@@ -1379,20 +1573,20 @@ var Card = forwardRef19(function Card2({
       ),
       ...props,
       children: [
-        (title || actions) && /* @__PURE__ */ jsxs16("div", { className: cn("flex items-start gap-3", (description || children) && "mb-[10px]"), children: [
-          title && /* @__PURE__ */ jsx20("div", { className: "flex-1 text-[14px] font-medium", children: title }),
-          actions && /* @__PURE__ */ jsx20("div", { className: "flex gap-1", children: actions })
+        (title || actions) && /* @__PURE__ */ jsxs17("div", { className: cn("flex items-start gap-3", (description || children) && "mb-[10px]"), children: [
+          title && /* @__PURE__ */ jsx21("div", { className: "flex-1 text-[14px] font-medium", children: title }),
+          actions && /* @__PURE__ */ jsx21("div", { className: "flex gap-1", children: actions })
         ] }),
-        description && /* @__PURE__ */ jsx20("div", { className: cn("text-text-muted text-[12px] leading-[1.55]", children && "mb-[14px]"), children: description }),
+        description && /* @__PURE__ */ jsx21("div", { className: cn("text-text-muted text-[12px] leading-[1.55]", children && "mb-[14px]"), children: description }),
         children,
-        footer && /* @__PURE__ */ jsx20("div", { className: "border-border text-text-dim mt-[14px] border-t pt-3 text-[11px]", children: footer })
+        footer && /* @__PURE__ */ jsx21("div", { className: "border-border text-text-dim mt-[14px] border-t pt-3 text-[11px]", children: footer })
       ]
     }
   );
 });
 Card.displayName = "Card";
-var CardLink = forwardRef19(function CardLink2({ variant, density, title, description, footer, className, children, href, ...props }, ref) {
-  return /* @__PURE__ */ jsxs16(
+var CardLink = forwardRef20(function CardLink2({ variant, density, title, description, footer, className, children, href, ...props }, ref) {
+  return /* @__PURE__ */ jsxs17(
     "a",
     {
       ref,
@@ -1405,10 +1599,10 @@ var CardLink = forwardRef19(function CardLink2({ variant, density, title, descri
       ),
       ...props,
       children: [
-        title && /* @__PURE__ */ jsx20("div", { className: cn("flex items-start", (description || children) && "mb-[10px]"), children: /* @__PURE__ */ jsx20("div", { className: "flex-1 text-[14px] font-medium", children: title }) }),
-        description && /* @__PURE__ */ jsx20("div", { className: cn("text-text-muted text-[12px] leading-[1.55]", children && "mb-[14px]"), children: description }),
+        title && /* @__PURE__ */ jsx21("div", { className: cn("flex items-start", (description || children) && "mb-[10px]"), children: /* @__PURE__ */ jsx21("div", { className: "flex-1 text-[14px] font-medium", children: title }) }),
+        description && /* @__PURE__ */ jsx21("div", { className: cn("text-text-muted text-[12px] leading-[1.55]", children && "mb-[14px]"), children: description }),
         children,
-        footer && /* @__PURE__ */ jsx20("div", { className: "border-border text-text-dim mt-[14px] border-t pt-3 text-[11px]", children: footer })
+        footer && /* @__PURE__ */ jsx21("div", { className: "border-border text-text-dim mt-[14px] border-t pt-3 text-[11px]", children: footer })
       ]
     }
   );
@@ -1416,28 +1610,28 @@ var CardLink = forwardRef19(function CardLink2({ variant, density, title, descri
 CardLink.displayName = "CardLink";
 // src/components/Card/StatCard.tsx
-import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { forwardRef as forwardRef21 } from "react";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var trendClasses = {
   up: "text-ok",
   down: "text-err",
   flat: "text-text-dim"
 };
 var trendArrows = { up: "\u2191", down: "\u2193", flat: "\u2192" };
-var StatCard = forwardRef20(function StatCard2({ label, value, delta, trend = "flat", icon, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs17(
+var StatCard = forwardRef21(function StatCard2({ label, value, delta, trend = "flat", icon, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       ref,
       className: cn("bg-panel border-border rounded-base block border p-[18px]", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "mb-[10px] flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx21("div", { className: "text-text-dim font-mono text-[10px] tracking-wide uppercase", children: label }),
-          icon && /* @__PURE__ */ jsx21("div", { className: "text-text-dim text-[14px]", children: icon })
+        /* @__PURE__ */ jsxs18("div", { className: "mb-[10px] flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx22("div", { className: "text-text-dim font-mono text-[10px] tracking-wide uppercase", children: label }),
+          icon && /* @__PURE__ */ jsx22("div", { className: "text-text-dim text-[14px]", children: icon })
         ] }),
-        /* @__PURE__ */ jsx21("div", { className: "text-text font-mono text-[26px] leading-none font-medium tracking-tight", children: value }),
-        delta !== void 0 && /* @__PURE__ */ jsxs17("div", { className: cn("mt-[6px] font-mono text-[11px]", trendClasses[trend]), children: [
+        /* @__PURE__ */ jsx22("div", { className: "text-text font-mono text-[26px] leading-none font-medium tracking-tight", children: value }),
+        delta !== void 0 && /* @__PURE__ */ jsxs18("div", { className: cn("mt-[6px] font-mono text-[11px]", trendClasses[trend]), children: [
           trendArrows[trend],
           " ",
           delta
@@ -1449,11 +1643,11 @@ var StatCard = forwardRef20(function StatCard2({ label, value, delta, trend = "f
 StatCard.displayName = "StatCard";
 // src/components/Chip/Chip.tsx
-import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
-var Chip = forwardRef21(function Chip2({ icon, onRemove, density = "comfortable", className, children, ...props }, ref) {
+import { forwardRef as forwardRef22 } from "react";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+var Chip = forwardRef22(function Chip2({ icon, onRemove, density = "comfortable", className, children, ...props }, ref) {
   const isTouch = density === "touch";
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "span",
     {
       ref,
@@ -1465,9 +1659,9 @@ var Chip = forwardRef21(function Chip2({ icon, onRemove, density = "comfortable"
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx22("span", { className: cn("text-text-dim inline-flex", isTouch ? "text-[12px]" : "text-[10px]"), children: icon }),
+        icon && /* @__PURE__ */ jsx23("span", { className: cn("text-text-dim inline-flex", isTouch ? "text-[12px]" : "text-[10px]"), children: icon }),
         children,
-        onRemove && /* @__PURE__ */ jsx22(
+        onRemove && /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -1487,10 +1681,10 @@ var Chip = forwardRef21(function Chip2({ icon, onRemove, density = "comfortable"
 Chip.displayName = "Chip";
 // src/components/Kbd/Kbd.tsx
-import { forwardRef as forwardRef22 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var Kbd = forwardRef22(function Kbd2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(
+import { forwardRef as forwardRef23 } from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Kbd = forwardRef23(function Kbd2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx24(
     "kbd",
     {
       ref,
@@ -1509,11 +1703,11 @@ Kbd.displayName = "Kbd";
 // src/components/ScrollArea/ScrollArea.tsx
 import * as RadixScrollArea from "@radix-ui/react-scroll-area";
-import { forwardRef as forwardRef23 } from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { forwardRef as forwardRef24 } from "react";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 var scrollbarBase = "flex touch-none select-none p-[2px] transition-colors duration-(--duration-micro)";
 var thumbBase = 'relative flex-1 rounded-full bg-text-muted/40 hover:bg-text-muted/60 before:absolute before:inset-1/2 before:size-full before:min-h-[44px] before:min-w-[44px] before:-translate-x-1/2 before:-translate-y-1/2 before:content-[""]';
-var ScrollArea = forwardRef23(function ScrollArea2({
+var ScrollArea = forwardRef24(function ScrollArea2({
   type = "hover",
   orientation = "vertical",
   scrollHideDelay = 600,
@@ -1525,7 +1719,7 @@ var ScrollArea = forwardRef23(function ScrollArea2({
 }, ref) {
   const showVertical = orientation === "vertical" || orientation === "both";
   const showHorizontal = orientation === "horizontal" || orientation === "both";
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     RadixScrollArea.Root,
     {
       ref,
@@ -1534,7 +1728,7 @@ var ScrollArea = forwardRef23(function ScrollArea2({
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           RadixScrollArea.Viewport,
           {
             ref: viewportRef,
@@ -1542,15 +1736,15 @@ var ScrollArea = forwardRef23(function ScrollArea2({
             children
           }
         ),
-        showVertical && /* @__PURE__ */ jsx24(
+        showVertical && /* @__PURE__ */ jsx25(
           RadixScrollArea.Scrollbar,
           {
             orientation: "vertical",
             className: cn(scrollbarBase, "bg-panel-2/40 hover:bg-panel-2/80 h-full w-[10px]"),
-            children: /* @__PURE__ */ jsx24(RadixScrollArea.Thumb, { className: thumbBase })
+            children: /* @__PURE__ */ jsx25(RadixScrollArea.Thumb, { className: thumbBase })
           }
         ),
-        showHorizontal && /* @__PURE__ */ jsx24(
+        showHorizontal && /* @__PURE__ */ jsx25(
           RadixScrollArea.Scrollbar,
           {
             orientation: "horizontal",
@@ -1558,10 +1752,10 @@ var ScrollArea = forwardRef23(function ScrollArea2({
               scrollbarBase,
               "bg-panel-2/40 hover:bg-panel-2/80 h-[10px] w-full flex-col"
             ),
-            children: /* @__PURE__ */ jsx24(RadixScrollArea.Thumb, { className: thumbBase })
+            children: /* @__PURE__ */ jsx25(RadixScrollArea.Thumb, { className: thumbBase })
           }
         ),
-        orientation === "both" && /* @__PURE__ */ jsx24(RadixScrollArea.Corner, { className: "bg-panel-2/60" })
+        orientation === "both" && /* @__PURE__ */ jsx25(RadixScrollArea.Corner, { className: "bg-panel-2/60" })
       ]
     }
   );
@@ -1569,10 +1763,10 @@ var ScrollArea = forwardRef23(function ScrollArea2({
 ScrollArea.displayName = "ScrollArea";
 // src/components/Skeleton/Skeleton.tsx
-import { cva as cva7 } from "class-variance-authority";
-import { forwardRef as forwardRef24 } from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var skeletonStyles = cva7("block bg-panel-2 animate-[ship-skeleton_1.4s_infinite]", {
+import { cva as cva8 } from "class-variance-authority";
+import { forwardRef as forwardRef25 } from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var skeletonStyles = cva8("block bg-panel-2 animate-[ship-skeleton_1.4s_infinite]", {
   variants: {
     shape: {
       line: "rounded-xs",
@@ -1583,11 +1777,11 @@ var skeletonStyles = cva7("block bg-panel-2 animate-[ship-skeleton_1.4s_infinite
   defaultVariants: { shape: "line" }
 });
 var defaultHeight = { line: 14, block: 80, circle: 40 };
-var Skeleton = forwardRef24(function Skeleton2({ shape = "line", width = "100%", height, standalone = false, className, style, ...props }, ref) {
+var Skeleton = forwardRef25(function Skeleton2({ shape = "line", width = "100%", height, standalone = false, className, style, ...props }, ref) {
   const h = height ?? defaultHeight[shape];
   const w = shape === "circle" ? h : width;
   const a11yProps = standalone ? { role: "status", "aria-busy": true, "aria-label": "Loading" } : { "aria-hidden": true };
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       ref,
@@ -1599,11 +1793,11 @@ var Skeleton = forwardRef24(function Skeleton2({ shape = "line", width = "100%",
   );
 });
 Skeleton.displayName = "Skeleton";
-var SkeletonGroup = forwardRef24(function SkeletonGroup2({ label = "Loading", loading = true, className, children, ...props }, ref) {
+var SkeletonGroup = forwardRef25(function SkeletonGroup2({ label = "Loading", loading = true, className, children, ...props }, ref) {
   if (!loading) {
-    return /* @__PURE__ */ jsx25("div", { ref, className, ...props, children });
+    return /* @__PURE__ */ jsx26("div", { ref, className, ...props, children });
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       ref,
@@ -1619,10 +1813,10 @@ var SkeletonGroup = forwardRef24(function SkeletonGroup2({ label = "Loading", lo
 SkeletonGroup.displayName = "SkeletonGroup";
 // src/components/Tag/Tag.tsx
-import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
-var Tag = forwardRef25(function Tag2({ onRemove, icon, size = 22, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs20(
+import { forwardRef as forwardRef26 } from "react";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+var Tag = forwardRef26(function Tag2({ onRemove, icon, size = 22, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs21(
     "span",
     {
       ref,
@@ -1634,9 +1828,9 @@ var Tag = forwardRef25(function Tag2({ onRemove, icon, size = 22, className, chi
       style: { height: size },
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx26("span", { className: "text-text-dim inline-flex", children: icon }),
+        icon && /* @__PURE__ */ jsx27("span", { className: "text-text-dim inline-flex", children: icon }),
         children,
-        onRemove && /* @__PURE__ */ jsx26(
+        onRemove && /* @__PURE__ */ jsx27(
           "button",
           {
             type: "button",
@@ -1654,14 +1848,14 @@ Tag.displayName = "Tag";
 // src/components/ContextMenu/ContextMenu.tsx
 import * as RadixContext from "@radix-ui/react-context-menu";
-import { forwardRef as forwardRef26 } from "react";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { forwardRef as forwardRef27 } from "react";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 var ContextMenuRoot = RadixContext.Root;
 var ContextMenuTrigger = RadixContext.Trigger;
 var ContextMenuPortal = RadixContext.Portal;
-var ContextMenuContent = forwardRef26(
+var ContextMenuContent = forwardRef27(
   function ContextMenuContent2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx27(RadixContext.Portal, { children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(RadixContext.Portal, { children: /* @__PURE__ */ jsx28(
       RadixContext.Content,
       {
         ref,
@@ -1681,26 +1875,26 @@ var itemBase = cn(
   "data-[highlighted]:bg-panel-2",
   "data-[disabled]:opacity-40 data-[disabled]:cursor-not-allowed"
 );
-var ContextMenuItem = forwardRef26(
+var ContextMenuItem = forwardRef27(
   function ContextMenuItem2({ icon, trailing, destructive, className, children, ...props }, ref) {
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       RadixContext.Item,
       {
         ref,
         className: cn(itemBase, destructive ? "text-err" : "text-text", className),
         ...props,
         children: [
-          icon && /* @__PURE__ */ jsx27("span", { className: "w-[14px] text-[12px] opacity-70", children: icon }),
-          /* @__PURE__ */ jsx27("span", { className: "flex-1", children }),
-          trailing && /* @__PURE__ */ jsx27("span", { className: "text-text-dim font-mono text-[10px]", children: trailing })
+          icon && /* @__PURE__ */ jsx28("span", { className: "w-[14px] text-[12px] opacity-70", children: icon }),
+          /* @__PURE__ */ jsx28("span", { className: "flex-1", children }),
+          trailing && /* @__PURE__ */ jsx28("span", { className: "text-text-dim font-mono text-[10px]", children: trailing })
         ]
       }
     );
   }
 );
 ContextMenuItem.displayName = "ContextMenuItem";
-var ContextMenuSeparator = forwardRef26(function ContextMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx27(
+var ContextMenuSeparator = forwardRef27(function ContextMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx28(
     RadixContext.Separator,
     {
       ref,
@@ -1714,15 +1908,15 @@ var ContextMenu = RadixContext.Root;
 // src/components/Dialog/Dialog.tsx
 import * as RadixDialog from "@radix-ui/react-dialog";
-import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { forwardRef as forwardRef28 } from "react";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var DialogRoot = RadixDialog.Root;
 var DialogTrigger = RadixDialog.Trigger;
 var DialogClose = RadixDialog.Close;
 var DialogPortal = RadixDialog.Portal;
-var DialogOverlay = forwardRef27(
+var DialogOverlay = forwardRef28(
   function DialogOverlay2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       RadixDialog.Overlay,
       {
         ref,
@@ -1737,10 +1931,10 @@ var DialogOverlay = forwardRef27(
   }
 );
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = forwardRef27(function DialogContent2({ className, width = 460, style, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs22(DialogPortal, { children: [
-    /* @__PURE__ */ jsx28(DialogOverlay, {}),
-    /* @__PURE__ */ jsx28(
+var DialogContent = forwardRef28(function DialogContent2({ className, width = 460, style, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs23(DialogPortal, { children: [
+    /* @__PURE__ */ jsx29(DialogOverlay, {}),
+    /* @__PURE__ */ jsx29(
       RadixDialog.Content,
       {
         ref,
@@ -1760,32 +1954,32 @@ var DialogContent = forwardRef27(function DialogContent2({ className, width = 46
 });
 DialogContent.displayName = "DialogContent";
 function Dialog({ title, description, footer, width, children, ...rootProps }) {
-  return /* @__PURE__ */ jsx28(DialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs22(DialogContent, { width, children: [
-    title && /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(DialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs23(DialogContent, { width, children: [
+    title && /* @__PURE__ */ jsx29(
       RadixDialog.Title,
       {
         className: cn("text-[16px] font-medium", description ? "mb-[6px]" : "mb-4"),
         children: title
       }
     ),
-    description && /* @__PURE__ */ jsx28(RadixDialog.Description, { className: "text-text-muted mb-[18px] text-[13px] leading-[1.55]", children: description }),
+    description && /* @__PURE__ */ jsx29(RadixDialog.Description, { className: "text-text-muted mb-[18px] text-[13px] leading-[1.55]", children: description }),
     children,
-    footer && /* @__PURE__ */ jsx28("div", { className: "mt-5 flex justify-end gap-2", children: footer })
+    footer && /* @__PURE__ */ jsx29("div", { className: "mt-5 flex justify-end gap-2", children: footer })
   ] }) });
 }
 // src/components/Dialog/Drawer.tsx
 import * as RadixDialog2 from "@radix-ui/react-dialog";
-import { forwardRef as forwardRef28 } from "react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { forwardRef as forwardRef29 } from "react";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var sideClasses = {
   left: "top-0 bottom-0 left-0 border-r border-border-strong data-[state=open]:animate-[ship-slide-in-left_220ms_var(--easing-out)]",
   right: "top-0 bottom-0 right-0 border-l border-border-strong data-[state=open]:animate-[ship-slide-in-right_220ms_var(--easing-out)]",
   bottom: "bottom-0 left-0 right-0 border-t border-border-strong rounded-t-m-sheet data-[state=open]:animate-[ship-slide-in-bottom_240ms_var(--easing-out)]"
 };
-var DrawerHeader = ({ title, onClose }) => /* @__PURE__ */ jsxs23("div", { className: "border-border flex items-center justify-between border-b p-[16px] px-5", children: [
-  /* @__PURE__ */ jsx29(RadixDialog2.Title, { className: "text-[14px] font-medium", children: title }),
-  /* @__PURE__ */ jsx29(
+var DrawerHeader = ({ title, onClose }) => /* @__PURE__ */ jsxs24("div", { className: "border-border flex items-center justify-between border-b p-[16px] px-5", children: [
+  /* @__PURE__ */ jsx30(RadixDialog2.Title, { className: "text-[14px] font-medium", children: title }),
+  /* @__PURE__ */ jsx30(
     RadixDialog2.Close,
     {
       onClick: onClose,
@@ -1795,15 +1989,15 @@ var DrawerHeader = ({ title, onClose }) => /* @__PURE__ */ jsxs23("div", { class
     }
   )
 ] });
-var SheetHeader = ({ title }) => /* @__PURE__ */ jsx29("div", { className: "px-5 pb-3", children: /* @__PURE__ */ jsx29(RadixDialog2.Title, { className: "text-m-body-lg font-semibold tracking-tight", children: title }) });
-var DragHandle = () => /* @__PURE__ */ jsx29("div", { className: "flex justify-center pt-3 pb-2", "aria-hidden": true, children: /* @__PURE__ */ jsx29("span", { className: "bg-border-strong h-1 w-9 rounded-full" }) });
-var Drawer = forwardRef28(function Drawer2({ side = "right", title, width = 420, height = "85vh", handle, children, ...rootProps }, ref) {
+var SheetHeader = ({ title }) => /* @__PURE__ */ jsx30("div", { className: "px-5 pb-3", children: /* @__PURE__ */ jsx30(RadixDialog2.Title, { className: "text-m-body-lg font-semibold tracking-tight", children: title }) });
+var DragHandle = () => /* @__PURE__ */ jsx30("div", { className: "flex justify-center pt-3 pb-2", "aria-hidden": true, children: /* @__PURE__ */ jsx30("span", { className: "bg-border-strong h-1 w-9 rounded-full" }) });
+var Drawer = forwardRef29(function Drawer2({ side = "right", title, width = 420, height = "85vh", handle, children, ...rootProps }, ref) {
   const isBottom = side === "bottom";
   const showHandle = isBottom && (handle ?? true);
   const dimensionStyle = isBottom ? { height } : { width };
-  return /* @__PURE__ */ jsx29(DialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs23(DialogPortal, { children: [
-    /* @__PURE__ */ jsx29(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx30(DialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs24(DialogPortal, { children: [
+    /* @__PURE__ */ jsx30(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs24(
       RadixDialog2.Content,
       {
         ref,
@@ -1814,9 +2008,9 @@ var Drawer = forwardRef28(function Drawer2({ side = "right", title, width = 420,
         ),
         style: dimensionStyle,
         children: [
-          showHandle && /* @__PURE__ */ jsx29(DragHandle, {}),
-          title ? isBottom ? /* @__PURE__ */ jsx29(SheetHeader, { title }) : /* @__PURE__ */ jsx29(DrawerHeader, { title }) : /* @__PURE__ */ jsx29(RadixDialog2.Title, { className: "sr-only", children: isBottom ? "Sheet" : "Drawer" }),
-          /* @__PURE__ */ jsx29("div", { className: cn("flex-1 overflow-auto", isBottom ? "px-5 pb-6" : "p-5"), children })
+          showHandle && /* @__PURE__ */ jsx30(DragHandle, {}),
+          title ? isBottom ? /* @__PURE__ */ jsx30(SheetHeader, { title }) : /* @__PURE__ */ jsx30(DrawerHeader, { title }) : /* @__PURE__ */ jsx30(RadixDialog2.Title, { className: "sr-only", children: isBottom ? "Sheet" : "Drawer" }),
+          /* @__PURE__ */ jsx30("div", { className: cn("flex-1 overflow-auto", isBottom ? "px-5 pb-6" : "p-5"), children })
         ]
       }
     )
@@ -1826,12 +2020,12 @@ Drawer.displayName = "Drawer";
 // src/components/Dialog/Sheet.tsx
 import * as RadixDialog3 from "@radix-ui/react-dialog";
-import { forwardRef as forwardRef29 } from "react";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
-var Sheet = forwardRef29(function Sheet2({ title, width = "min(640px, 90vw)", children, ...rootProps }, ref) {
-  return /* @__PURE__ */ jsx30(DialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs24(DialogPortal, { children: [
-    /* @__PURE__ */ jsx30(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs24(
+import { forwardRef as forwardRef30 } from "react";
+import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+var Sheet = forwardRef30(function Sheet2({ title, width = "min(640px, 90vw)", children, ...rootProps }, ref) {
+  return /* @__PURE__ */ jsx31(DialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs25(DialogPortal, { children: [
+    /* @__PURE__ */ jsx31(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs25(
       RadixDialog3.Content,
       {
         ref,
@@ -1843,7 +2037,7 @@ var Sheet = forwardRef29(function Sheet2({ title, width = "min(640px, 90vw)", ch
         ),
         style: { width },
         children: [
-          title ? /* @__PURE__ */ jsx30(RadixDialog3.Title, { className: "mb-1 text-[15px] font-medium", children: title }) : /* @__PURE__ */ jsx30(RadixDialog3.Title, { className: "sr-only", children: "Sheet" }),
+          title ? /* @__PURE__ */ jsx31(RadixDialog3.Title, { className: "mb-1 text-[15px] font-medium", children: title }) : /* @__PURE__ */ jsx31(RadixDialog3.Title, { className: "sr-only", children: "Sheet" }),
           children
         ]
       }
@@ -1854,15 +2048,15 @@ Sheet.displayName = "Sheet";
 // src/components/Dialog/AlertDialog.tsx
 import * as RadixAlert from "@radix-ui/react-alert-dialog";
-import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { forwardRef as forwardRef31 } from "react";
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 var AlertDialogRoot = RadixAlert.Root;
 var AlertDialogTrigger = RadixAlert.Trigger;
 var AlertDialogAction = RadixAlert.Action;
 var AlertDialogCancel = RadixAlert.Cancel;
-var AlertDialog = forwardRef30(function AlertDialog2({ title, description, footer, width = 460, children, ...rootProps }, ref) {
-  return /* @__PURE__ */ jsx31(AlertDialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs25(RadixAlert.Portal, { children: [
-    /* @__PURE__ */ jsx31(
+var AlertDialog = forwardRef31(function AlertDialog2({ title, description, footer, width = 460, children, ...rootProps }, ref) {
+  return /* @__PURE__ */ jsx32(AlertDialogRoot, { ...rootProps, children: /* @__PURE__ */ jsxs26(RadixAlert.Portal, { children: [
+    /* @__PURE__ */ jsx32(
       RadixAlert.Overlay,
       {
         className: cn(
@@ -1871,7 +2065,7 @@ var AlertDialog = forwardRef30(function AlertDialog2({ title, description, foote
         )
       }
     ),
-    /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs26(
       RadixAlert.Content,
       {
         ref,
@@ -1882,16 +2076,16 @@ var AlertDialog = forwardRef30(function AlertDialog2({ title, description, foote
           "data-[state=open]:animate-[ship-dialog-in_180ms_var(--easing-out)]"
         ),
         children: [
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             RadixAlert.Title,
             {
               className: cn("text-[16px] font-medium", description ? "mb-[6px]" : "mb-4"),
               children: title
             }
           ),
-          description && /* @__PURE__ */ jsx31(RadixAlert.Description, { className: "text-text-muted mb-[18px] text-[13px] leading-[1.55]", children: description }),
+          description && /* @__PURE__ */ jsx32(RadixAlert.Description, { className: "text-text-muted mb-[18px] text-[13px] leading-[1.55]", children: description }),
           children,
-          footer && /* @__PURE__ */ jsx31("div", { className: "mt-5 flex justify-end gap-2", children: footer })
+          footer && /* @__PURE__ */ jsx32("div", { className: "mt-5 flex justify-end gap-2", children: footer })
         ]
       }
     )
@@ -1901,17 +2095,17 @@ AlertDialog.displayName = "AlertDialog";
 // src/components/DropdownMenu/DropdownMenu.tsx
 import * as RadixMenu from "@radix-ui/react-dropdown-menu";
-import { forwardRef as forwardRef31 } from "react";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { forwardRef as forwardRef32 } from "react";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var DropdownMenuRoot = RadixMenu.Root;
 var DropdownMenuTrigger = RadixMenu.Trigger;
 var DropdownMenuPortal = RadixMenu.Portal;
 var DropdownMenuGroup = RadixMenu.Group;
 var DropdownMenuLabel = RadixMenu.Label;
 var DropdownMenuRadioGroup = RadixMenu.RadioGroup;
-var DropdownMenuContent = forwardRef31(
+var DropdownMenuContent = forwardRef32(
   function DropdownMenuContent2({ className, sideOffset = 6, align = "start", ...props }, ref) {
-    return /* @__PURE__ */ jsx32(RadixMenu.Portal, { children: /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(RadixMenu.Portal, { children: /* @__PURE__ */ jsx33(
       RadixMenu.Content,
       {
         ref,
@@ -1933,32 +2127,32 @@ var itemBase2 = cn(
   "data-[highlighted]:bg-panel-2",
   "data-[disabled]:opacity-40 data-[disabled]:cursor-not-allowed"
 );
-var MenuItem = forwardRef31(function MenuItem2({ icon, trailing, destructive, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs26(
+var MenuItem = forwardRef32(function MenuItem2({ icon, trailing, destructive, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs27(
     RadixMenu.Item,
     {
       ref,
       className: cn(itemBase2, destructive ? "text-err" : "text-text", className),
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx32("span", { className: "w-[14px] text-[12px] opacity-70", children: icon }),
-        /* @__PURE__ */ jsx32("span", { className: "flex-1", children }),
-        trailing && /* @__PURE__ */ jsx32("span", { className: "text-text-dim font-mono text-[10px]", children: trailing })
+        icon && /* @__PURE__ */ jsx33("span", { className: "w-[14px] text-[12px] opacity-70", children: icon }),
+        /* @__PURE__ */ jsx33("span", { className: "flex-1", children }),
+        trailing && /* @__PURE__ */ jsx33("span", { className: "text-text-dim font-mono text-[10px]", children: trailing })
       ]
     }
   );
 });
 MenuItem.displayName = "MenuItem";
-var MenuCheckboxItem = forwardRef31(
+var MenuCheckboxItem = forwardRef32(
   function MenuCheckboxItem2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs27(
       RadixMenu.CheckboxItem,
       {
         ref,
         className: cn(itemBase2, "text-text relative pl-[26px]", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx32(RadixMenu.ItemIndicator, { className: "text-accent absolute top-1/2 left-2 -translate-y-1/2 text-[10px]", children: "\u2713" }),
+          /* @__PURE__ */ jsx33(RadixMenu.ItemIndicator, { className: "text-accent absolute top-1/2 left-2 -translate-y-1/2 text-[10px]", children: "\u2713" }),
           children
         ]
       }
@@ -1966,9 +2160,9 @@ var MenuCheckboxItem = forwardRef31(
   }
 );
 MenuCheckboxItem.displayName = "MenuCheckboxItem";
-var MenuSeparator = forwardRef31(
+var MenuSeparator = forwardRef32(
   function MenuSeparator2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       RadixMenu.Separator,
       {
         ref,
@@ -1983,14 +2177,14 @@ var DropdownMenu = RadixMenu.Root;
 // src/components/HoverCard/HoverCard.tsx
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
-import { forwardRef as forwardRef32 } from "react";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { forwardRef as forwardRef33 } from "react";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var HoverCardRoot = RadixHoverCard.Root;
 var HoverCardTrigger = RadixHoverCard.Trigger;
 var HoverCardPortal = RadixHoverCard.Portal;
-var HoverCardContent = forwardRef32(
+var HoverCardContent = forwardRef33(
   function HoverCardContent2({ className, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx33(RadixHoverCard.Portal, { children: /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(RadixHoverCard.Portal, { children: /* @__PURE__ */ jsx34(
       RadixHoverCard.Content,
       {
         ref,
@@ -2007,25 +2201,25 @@ var HoverCardContent = forwardRef32(
 );
 HoverCardContent.displayName = "HoverCardContent";
 function HoverCard({ trigger, content, ...rootProps }) {
-  return /* @__PURE__ */ jsxs27(RadixHoverCard.Root, { openDelay: 200, closeDelay: 120, ...rootProps, children: [
-    /* @__PURE__ */ jsx33(RadixHoverCard.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx33(HoverCardContent, { children: content })
+  return /* @__PURE__ */ jsxs28(RadixHoverCard.Root, { openDelay: 200, closeDelay: 120, ...rootProps, children: [
+    /* @__PURE__ */ jsx34(RadixHoverCard.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx34(HoverCardContent, { children: content })
   ] });
 }
 // src/components/Popover/Popover.tsx
 import * as RadixPopover from "@radix-ui/react-popover";
-import { forwardRef as forwardRef33 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { forwardRef as forwardRef34 } from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var PopoverRoot = RadixPopover.Root;
 var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
 var PopoverArrow = RadixPopover.Arrow;
-var PopoverContent = forwardRef33(
+var PopoverContent = forwardRef34(
   function PopoverContent2({ className, align = "start", sideOffset = 6, ...props }, ref) {
-    return /* @__PURE__ */ jsx34(RadixPopover.Portal, { children: /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(RadixPopover.Portal, { children: /* @__PURE__ */ jsx35(
       RadixPopover.Content,
       {
         ref,
@@ -2048,13 +2242,13 @@ var Popover = RadixPopover.Root;
 import * as RadixToast from "@radix-ui/react-toast";
 import {
   createContext,
-  forwardRef as forwardRef34,
-  useCallback as useCallback6,
+  forwardRef as forwardRef35,
+  useCallback as useCallback7,
   useContext,
   useMemo,
-  useState as useState7
+  useState as useState8
 } from "react";
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 var ToastContext = createContext(null);
 var variantIcon = {
   default: "\u25CF",
@@ -2080,8 +2274,8 @@ var variantBorderLeft = {
 var toastIdCounter = 0;
 var nextToastId = () => `toast-${++toastIdCounter}`;
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = useState7([]);
-  const toast = useCallback6((t) => {
+  const [toasts, setToasts] = useState8([]);
+  const toast = useCallback7((t) => {
     const explicitId = t.id;
     const id = explicitId ?? nextToastId();
     const entry = { ...t, id };
@@ -2093,14 +2287,14 @@ function ToastProvider({ children }) {
     });
     return id;
   }, []);
-  const dismiss = useCallback6((id) => {
+  const dismiss = useCallback7((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
   const value = useMemo(() => ({ toast, dismiss }), [toast, dismiss]);
-  return /* @__PURE__ */ jsx35(ToastContext.Provider, { value, children: /* @__PURE__ */ jsxs28(RadixToast.Provider, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ jsx36(ToastContext.Provider, { value, children: /* @__PURE__ */ jsxs29(RadixToast.Provider, { swipeDirection: "right", children: [
     children,
-    toasts.map((t) => /* @__PURE__ */ jsx35(ToastCard, { toast: t, onDismiss: () => dismiss(t.id) }, t.id)),
-    /* @__PURE__ */ jsx35(RadixToast.Viewport, { className: "z-toast fixed right-5 bottom-5 flex w-[380px] max-w-[calc(100vw-40px)] flex-col gap-2 outline-none" })
+    toasts.map((t) => /* @__PURE__ */ jsx36(ToastCard, { toast: t, onDismiss: () => dismiss(t.id) }, t.id)),
+    /* @__PURE__ */ jsx36(RadixToast.Viewport, { className: "z-toast fixed right-5 bottom-5 flex w-[380px] max-w-[calc(100vw-40px)] flex-col gap-2 outline-none" })
   ] }) });
 }
 function useToast() {
@@ -2108,9 +2302,9 @@ function useToast() {
   if (!ctx) throw new Error("useToast must be inside <ToastProvider>");
   return ctx;
 }
-var ToastCard = forwardRef34(function ToastCard2({ toast, onDismiss }, ref) {
+var ToastCard = forwardRef35(function ToastCard2({ toast, onDismiss }, ref) {
   const variant = toast.variant ?? "default";
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     RadixToast.Root,
     {
       ref,
@@ -2125,13 +2319,13 @@ var ToastCard = forwardRef34(function ToastCard2({ toast, onDismiss }, ref) {
         variantBorderLeft[variant]
       ),
       children: [
-        /* @__PURE__ */ jsx35("span", { className: cn("mt-px text-[14px] leading-none", variantTextColor[variant]), children: variantIcon[variant] }),
-        /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx35(RadixToast.Title, { className: "text-text text-[13px] font-medium", children: toast.title }),
-          toast.description && /* @__PURE__ */ jsx35(RadixToast.Description, { className: "text-text-muted mt-[2px] text-[12px] leading-[1.5]", children: toast.description }),
-          toast.action && /* @__PURE__ */ jsx35("div", { className: "mt-2", children: toast.action })
+        /* @__PURE__ */ jsx36("span", { className: cn("mt-px text-[14px] leading-none", variantTextColor[variant]), children: variantIcon[variant] }),
+        /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx36(RadixToast.Title, { className: "text-text text-[13px] font-medium", children: toast.title }),
+          toast.description && /* @__PURE__ */ jsx36(RadixToast.Description, { className: "text-text-muted mt-[2px] text-[12px] leading-[1.5]", children: toast.description }),
+          toast.action && /* @__PURE__ */ jsx36("div", { className: "mt-2", children: toast.action })
         ] }),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           RadixToast.Close,
           {
             "aria-label": "Dismiss",
@@ -2147,16 +2341,16 @@ ToastCard.displayName = "ToastCard";
 // src/components/Tooltip/Tooltip.tsx
 import * as RadixTooltip from "@radix-ui/react-tooltip";
-import { forwardRef as forwardRef35 } from "react";
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { forwardRef as forwardRef36 } from "react";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var TooltipProvider = RadixTooltip.Provider;
 var Tooltip = RadixTooltip.Root;
 var TooltipTrigger = RadixTooltip.Trigger;
 var TooltipPortal = RadixTooltip.Portal;
 var TooltipArrow = RadixTooltip.Arrow;
-var TooltipContent = forwardRef35(
+var TooltipContent = forwardRef36(
   function TooltipContent2({ className, sideOffset = 6, ...props }, ref) {
-    return /* @__PURE__ */ jsx36(RadixTooltip.Portal, { children: /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(RadixTooltip.Portal, { children: /* @__PURE__ */ jsx37(
       RadixTooltip.Content,
       {
         ref,
@@ -2179,17 +2373,17 @@ function SimpleTooltip({
   side = "top",
   delayDuration = 400
 }) {
-  return /* @__PURE__ */ jsx36(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs29(Tooltip, { children: [
-    /* @__PURE__ */ jsx36(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx36(TooltipContent, { side, children: content })
+  return /* @__PURE__ */ jsx37(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs30(Tooltip, { children: [
+    /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx37(TooltipContent, { side, children: content })
   ] }) });
 }
 // src/patterns/Alert/Alert.tsx
-import { cva as cva8 } from "class-variance-authority";
-import { forwardRef as forwardRef36 } from "react";
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
-var alertStyles = cva8("flex items-start gap-3 rounded-base border bg-panel p-3 text-[13px]", {
+import { cva as cva9 } from "class-variance-authority";
+import { forwardRef as forwardRef37 } from "react";
+import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+var alertStyles = cva9("flex items-start gap-3 rounded-base border bg-panel p-3 text-[13px]", {
   variants: {
     tone: {
       accent: "border-border border-l-2 border-l-accent",
@@ -2212,7 +2406,7 @@ var defaultGlyph = {
   warn: "!",
   err: "\xD7"
 };
-var Alert = forwardRef36(function Alert2({
+var Alert = forwardRef37(function Alert2({
   tone = "accent",
   title,
   description,
@@ -2224,7 +2418,7 @@ var Alert = forwardRef36(function Alert2({
   ...props
 }, ref) {
   const t = tone ?? "accent";
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       ref,
@@ -2233,13 +2427,13 @@ var Alert = forwardRef36(function Alert2({
       className: cn(alertStyles({ tone }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx37("span", { "aria-hidden": true, className: cn("mt-[1px] text-[14px] leading-none", iconColorClass[t]), children: icon ?? defaultGlyph[t] }),
-        /* @__PURE__ */ jsxs30("div", { className: "min-w-0 flex-1", children: [
-          title && /* @__PURE__ */ jsx37("div", { className: "font-medium", children: title }),
-          description && /* @__PURE__ */ jsx37("div", { className: "text-text-muted mt-[2px] text-[12px]", children: description }),
+        /* @__PURE__ */ jsx38("span", { "aria-hidden": true, className: cn("mt-[1px] text-[14px] leading-none", iconColorClass[t]), children: icon ?? defaultGlyph[t] }),
+        /* @__PURE__ */ jsxs31("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx38("div", { className: "font-medium", children: title }),
+          description && /* @__PURE__ */ jsx38("div", { className: "text-text-muted mt-[2px] text-[12px]", children: description }),
           children
         ] }),
-        action && /* @__PURE__ */ jsx37("div", { className: "ml-1 shrink-0", children: action })
+        action && /* @__PURE__ */ jsx38("div", { className: "ml-1 shrink-0", children: action })
       ]
     }
   );
@@ -2247,10 +2441,10 @@ var Alert = forwardRef36(function Alert2({
 Alert.displayName = "Alert";
 // src/patterns/Banner/Banner.tsx
-import { cva as cva9 } from "class-variance-authority";
-import { forwardRef as forwardRef37 } from "react";
-import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
-var bannerStyles = cva9(
+import { cva as cva10 } from "class-variance-authority";
+import { forwardRef as forwardRef38 } from "react";
+import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+var bannerStyles = cva10(
   "flex items-center gap-3 border-b border-border px-[14px] py-2 text-[12px]",
   {
     variants: {
@@ -2274,9 +2468,9 @@ var defaultGlyph2 = {
   warn: "!",
   err: "\xD7"
 };
-var Banner = forwardRef37(function Banner2({ tone = "accent", sticky, icon, action, live = "polite", className, children, ...props }, ref) {
+var Banner = forwardRef38(function Banner2({ tone = "accent", sticky, icon, action, live = "polite", className, children, ...props }, ref) {
   const t = tone ?? "accent";
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       ref,
@@ -2285,9 +2479,9 @@ var Banner = forwardRef37(function Banner2({ tone = "accent", sticky, icon, acti
       className: cn(bannerStyles({ tone, sticky }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx38("span", { "aria-hidden": true, className: "leading-none", children: icon ?? defaultGlyph2[t] }),
-        /* @__PURE__ */ jsx38("div", { className: "min-w-0 flex-1", children }),
-        action && /* @__PURE__ */ jsx38("div", { className: "ml-auto", children: action })
+        /* @__PURE__ */ jsx39("span", { "aria-hidden": true, className: "leading-none", children: icon ?? defaultGlyph2[t] }),
+        /* @__PURE__ */ jsx39("div", { className: "min-w-0 flex-1", children }),
+        action && /* @__PURE__ */ jsx39("div", { className: "ml-auto", children: action })
       ]
     }
   );
@@ -2297,30 +2491,30 @@ Banner.displayName = "Banner";
 // src/patterns/Breadcrumbs/Breadcrumbs.tsx
 import {
   Children as Children2,
-  forwardRef as forwardRef38,
+  forwardRef as forwardRef39,
   isValidElement as isValidElement2
 } from "react";
-import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
-var Breadcrumbs = forwardRef38(function Breadcrumbs2({ separator = "/", className, children, ...props }, ref) {
+import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+var Breadcrumbs = forwardRef39(function Breadcrumbs2({ separator = "/", className, children, ...props }, ref) {
   const crumbs = Children2.toArray(children).filter(isValidElement2);
   const last = crumbs.length - 1;
-  return /* @__PURE__ */ jsx39("nav", { ref, "aria-label": "Breadcrumb", className: cn("text-[13px]", className), ...props, children: /* @__PURE__ */ jsx39("ol", { className: "text-text-muted flex flex-wrap items-center gap-[6px]", children: crumbs.map((crumb, i) => {
+  return /* @__PURE__ */ jsx40("nav", { ref, "aria-label": "Breadcrumb", className: cn("text-[13px]", className), ...props, children: /* @__PURE__ */ jsx40("ol", { className: "text-text-muted flex flex-wrap items-center gap-[6px]", children: crumbs.map((crumb, i) => {
     const isCurrent = i === last;
-    return /* @__PURE__ */ jsxs32("li", { className: "inline-flex items-center gap-[6px]", children: [
-      isCurrent ? /* @__PURE__ */ jsx39(Crumb, { ...crumb.props, current: true }) : crumb,
-      !isCurrent && /* @__PURE__ */ jsx39("span", { "aria-hidden": true, className: "text-text-dim", children: separator })
+    return /* @__PURE__ */ jsxs33("li", { className: "inline-flex items-center gap-[6px]", children: [
+      isCurrent ? /* @__PURE__ */ jsx40(Crumb, { ...crumb.props, current: true }) : crumb,
+      !isCurrent && /* @__PURE__ */ jsx40("span", { "aria-hidden": true, className: "text-text-dim", children: separator })
     ] }, i);
   }) }) });
 });
 Breadcrumbs.displayName = "Breadcrumbs";
-var Crumb = forwardRef38(function Crumb2({ current, className, href, children, ...props }, ref) {
+var Crumb = forwardRef39(function Crumb2({ current, className, href, children, ...props }, ref) {
   if (current) {
-    return /* @__PURE__ */ jsx39("span", { "aria-current": "page", className: cn("text-text", className), children });
+    return /* @__PURE__ */ jsx40("span", { "aria-current": "page", className: cn("text-text", className), children });
   }
   if (href === void 0) {
-    return /* @__PURE__ */ jsx39("span", { className: cn("text-text-dim", className), children });
+    return /* @__PURE__ */ jsx40("span", { className: cn("text-text-dim", className), children });
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "a",
     {
       ref,
@@ -2335,14 +2529,14 @@ Crumb.displayName = "Crumb";
 // src/patterns/Combobox/Combobox.tsx
 import {
-  forwardRef as forwardRef39,
-  useEffect as useEffect5,
+  forwardRef as forwardRef40,
+  useEffect as useEffect6,
   useId as useId6,
   useMemo as useMemo2,
-  useRef as useRef4,
-  useState as useState8
+  useRef as useRef5,
+  useState as useState9
 } from "react";
-import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 function normalize(option) {
   if (typeof option === "string") {
     return { value: option, label: option, searchText: option.toLowerCase() };
@@ -2358,7 +2552,7 @@ function normalize(option) {
   };
 }
 var defaultFilter = (option, query) => option.searchText.includes(query.toLowerCase());
-var Combobox = forwardRef39(function Combobox2({
+var Combobox = forwardRef40(function Combobox2({
   options,
   value: valueProp,
   defaultValue,
@@ -2397,8 +2591,8 @@ var Combobox = forwardRef39(function Combobox2({
     defaultValue: initialQuery,
     onChange: onQueryChange
   });
-  const [open, setOpen] = useState8(false);
-  const wrapperRef = useRef4(null);
+  const [open, setOpen] = useState9(false);
+  const wrapperRef = useRef5(null);
   useOutsideClick(wrapperRef, () => setOpen(false));
   const filtered = useMemo2(
     () => query ? normalized.filter((o) => filter(o, query)) : normalized,
@@ -2412,7 +2606,7 @@ var Combobox = forwardRef39(function Combobox2({
       if (item && !item.disabled) commit(item);
     }
   });
-  useEffect5(() => {
+  useEffect6(() => {
     setCursor(0);
   }, [query, setCursor]);
   function commit(option) {
@@ -2435,8 +2629,8 @@ var Combobox = forwardRef39(function Combobox2({
       setOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs33("div", { ref: wrapperRef, className: "relative", style: { width }, children: [
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs34("div", { ref: wrapperRef, className: "relative", style: { width }, children: [
+    /* @__PURE__ */ jsx41(
       "input",
       {
         ref,
@@ -2470,7 +2664,7 @@ var Combobox = forwardRef39(function Combobox2({
         )
       }
     ),
-    open && /* @__PURE__ */ jsx40(
+    open && /* @__PURE__ */ jsx41(
       "ul",
       {
         id: listboxId,
@@ -2480,9 +2674,9 @@ var Combobox = forwardRef39(function Combobox2({
           "z-dropdown absolute top-full right-0 left-0 mt-1 max-h-[220px] overflow-auto",
           "border-border bg-panel rounded-md border p-1 shadow-lg"
         ),
-        children: filtered.length === 0 ? /* @__PURE__ */ jsx40("li", { className: "text-text-dim px-2 py-3 text-center text-[12px]", role: "presentation", children: emptyState ?? "No matches" }) : filtered.map((option, i) => {
+        children: filtered.length === 0 ? /* @__PURE__ */ jsx41("li", { className: "text-text-dim px-2 py-3 text-center text-[12px]", role: "presentation", children: emptyState ?? "No matches" }) : filtered.map((option, i) => {
           const isActive = i === cursor;
-          return /* @__PURE__ */ jsxs33(
+          return /* @__PURE__ */ jsxs34(
             "li",
             {
               id: `${listboxId}-option-${i}`,
@@ -2500,8 +2694,8 @@ var Combobox = forwardRef39(function Combobox2({
                 option.disabled && "pointer-events-none opacity-40"
               ),
               children: [
-                /* @__PURE__ */ jsx40("div", { children: option.label }),
-                option.description && /* @__PURE__ */ jsx40("div", { className: "text-text-dim text-[11px]", children: option.description })
+                /* @__PURE__ */ jsx41("div", { children: option.label }),
+                option.description && /* @__PURE__ */ jsx41("div", { className: "text-text-dim text-[11px]", children: option.description })
               ]
             },
             option.value
@@ -2509,19 +2703,19 @@ var Combobox = forwardRef39(function Combobox2({
         })
       }
     ),
-    name && /* @__PURE__ */ jsx40("input", { type: "hidden", name, value: value ?? "", readOnly: true })
+    name && /* @__PURE__ */ jsx41("input", { type: "hidden", name, value: value ?? "", readOnly: true })
   ] });
 });
 Combobox.displayName = "Combobox";
 // src/patterns/CommandPalette/CommandPalette.tsx
 import * as RadixDialog4 from "@radix-ui/react-dialog";
-import { forwardRef as forwardRef40, useEffect as useEffect6, useId as useId7, useMemo as useMemo3 } from "react";
-import { Fragment, jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import { forwardRef as forwardRef41, useEffect as useEffect7, useId as useId7, useMemo as useMemo3 } from "react";
+import { Fragment, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 function flatItems(groups) {
   return groups.flatMap((g) => g.items);
 }
-var CommandPalette = forwardRef40(
+var CommandPalette = forwardRef41(
   function CommandPalette2({
     open,
     onOpenChange,
@@ -2547,11 +2741,11 @@ var CommandPalette = forwardRef40(
     const listboxId = `${reactId}-listbox`;
     const optionId = (i) => `${listboxId}-option-${i}`;
     const hasMatches = flat.length > 0;
-    useEffect6(() => {
+    useEffect7(() => {
       setCursor(0);
     }, [query, groups, setCursor]);
-    return /* @__PURE__ */ jsx41(RadixDialog4.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(RadixDialog4.Portal, { children: [
-      /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(RadixDialog4.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs35(RadixDialog4.Portal, { children: [
+      /* @__PURE__ */ jsx42(
         RadixDialog4.Overlay,
         {
           className: cn(
@@ -2560,7 +2754,7 @@ var CommandPalette = forwardRef40(
           )
         }
       ),
-      /* @__PURE__ */ jsxs34(
+      /* @__PURE__ */ jsxs35(
         RadixDialog4.Content,
         {
           ref,
@@ -2574,10 +2768,10 @@ var CommandPalette = forwardRef40(
           ),
           onKeyDown,
           children: [
-            /* @__PURE__ */ jsx41(RadixDialog4.Title, { className: "sr-only", children: "Command palette" }),
-            /* @__PURE__ */ jsxs34("div", { className: "border-border flex items-center gap-[10px] border-b px-4 py-[14px]", children: [
-              /* @__PURE__ */ jsx41("span", { "aria-hidden": true, className: "text-text-dim", children: "\u2315" }),
-              /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx42(RadixDialog4.Title, { className: "sr-only", children: "Command palette" }),
+            /* @__PURE__ */ jsxs35("div", { className: "border-border flex items-center gap-[10px] border-b px-4 py-[14px]", children: [
+              /* @__PURE__ */ jsx42("span", { "aria-hidden": true, className: "text-text-dim", children: "\u2315" }),
+              /* @__PURE__ */ jsx42(
                 "input",
                 {
                   autoFocus: true,
@@ -2594,9 +2788,9 @@ var CommandPalette = forwardRef40(
                   className: "text-text placeholder:text-text-dim flex-1 border-0 bg-transparent text-[14px] outline-none"
                 }
               ),
-              /* @__PURE__ */ jsx41("span", { className: "border-border text-text-dim rounded-xs border px-[6px] py-[2px] font-mono text-[10px]", children: "ESC" })
+              /* @__PURE__ */ jsx42("span", { className: "border-border text-text-dim rounded-xs border px-[6px] py-[2px] font-mono text-[10px]", children: "ESC" })
             ] }),
-            /* @__PURE__ */ jsx41("div", { id: listboxId, className: "min-h-[220px] p-2", role: "listbox", "aria-label": "Results", children: flat.length === 0 ? emptyState ?? /* @__PURE__ */ jsx41("div", { className: "text-text-dim px-3 py-5 text-center text-[12px]", children: "No matches" }) : /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx42("div", { id: listboxId, className: "min-h-[220px] p-2", role: "listbox", "aria-label": "Results", children: flat.length === 0 ? emptyState ?? /* @__PURE__ */ jsx42("div", { className: "text-text-dim px-3 py-5 text-center text-[12px]", children: "No matches" }) : /* @__PURE__ */ jsx42(
               CommandGroups,
               {
                 groups,
@@ -2606,7 +2800,7 @@ var CommandPalette = forwardRef40(
                 optionId
               }
             ) }),
-            footer && /* @__PURE__ */ jsx41("div", { className: "border-border text-text-dim flex gap-4 border-t px-[14px] py-[10px] font-mono text-[10px]", children: footer })
+            footer && /* @__PURE__ */ jsx42("div", { className: "border-border text-text-dim flex gap-4 border-t px-[14px] py-[10px] font-mono text-[10px]", children: footer })
           ]
         }
       )
@@ -2616,10 +2810,10 @@ var CommandPalette = forwardRef40(
 CommandPalette.displayName = "CommandPalette";
 function CommandGroups({ groups, cursor, setCursor, onSelect, optionId }) {
   let runningIndex = 0;
-  return /* @__PURE__ */ jsx41(Fragment, { children: groups.map((group, gIdx) => {
+  return /* @__PURE__ */ jsx42(Fragment, { children: groups.map((group, gIdx) => {
     if (group.items.length === 0) return null;
-    return /* @__PURE__ */ jsxs34("div", { children: [
-      group.label && /* @__PURE__ */ jsxs34("div", { className: "text-text-dim px-2 pt-2 pb-1 font-mono text-[9px] tracking-[1.4px] uppercase", children: [
+    return /* @__PURE__ */ jsxs35("div", { children: [
+      group.label && /* @__PURE__ */ jsxs35("div", { className: "text-text-dim px-2 pt-2 pb-1 font-mono text-[9px] tracking-[1.4px] uppercase", children: [
         group.label,
         " \xB7 ",
         group.items.length
@@ -2627,7 +2821,7 @@ function CommandGroups({ groups, cursor, setCursor, onSelect, optionId }) {
       group.items.map((item) => {
         const myIndex = runningIndex++;
         const isActive = cursor === myIndex;
-        return /* @__PURE__ */ jsxs34(
+        return /* @__PURE__ */ jsxs35(
           "button",
           {
             id: optionId(myIndex),
@@ -2641,7 +2835,7 @@ function CommandGroups({ groups, cursor, setCursor, onSelect, optionId }) {
               isActive ? "bg-accent-dim text-accent" : "text-text hover:bg-panel-2"
             ),
             children: [
-              item.glyph != null && /* @__PURE__ */ jsx41(
+              item.glyph != null && /* @__PURE__ */ jsx42(
                 "span",
                 {
                   "aria-hidden": true,
@@ -2652,11 +2846,11 @@ function CommandGroups({ groups, cursor, setCursor, onSelect, optionId }) {
                   children: item.glyph
                 }
               ),
-              /* @__PURE__ */ jsxs34("span", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx41("span", { className: "block truncate text-[13px]", children: item.label }),
-                item.description && /* @__PURE__ */ jsx41("span", { className: "text-text-dim block truncate text-[11px]", children: item.description })
+              /* @__PURE__ */ jsxs35("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx42("span", { className: "block truncate text-[13px]", children: item.label }),
+                item.description && /* @__PURE__ */ jsx42("span", { className: "text-text-dim block truncate text-[11px]", children: item.description })
               ] }),
-              item.trailing && /* @__PURE__ */ jsx41("span", { className: "text-text-dim font-mono text-[10px]", children: item.trailing })
+              item.trailing && /* @__PURE__ */ jsx42("span", { className: "text-text-dim font-mono text-[10px]", children: item.trailing })
             ]
           },
           item.id
@@ -2678,8 +2872,8 @@ function filterCommandItems(query, groups) {
 }
 // src/patterns/DataTable/DataTable.tsx
-import { useEffect as useEffect7, useMemo as useMemo4, useRef as useRef5 } from "react";
-import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useMemo as useMemo4, useRef as useRef6 } from "react";
+import { jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 var alignClass = {
   left: "text-left",
   right: "text-right",
@@ -2735,8 +2929,8 @@ function DataTable(props) {
   const selectedSet = selected ?? EMPTY_SET;
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedSet.has(id));
   const someSelected = !allSelected && allIds.some((id) => selectedSet.has(id));
-  const headerCheckRef = useRef5(null);
-  useEffect7(() => {
+  const headerCheckRef = useRef6(null);
+  useEffect8(() => {
     if (headerCheckRef.current) headerCheckRef.current.indeterminate = someSelected;
   }, [someSelected]);
   const toggleSort = (key) => {
@@ -2767,10 +2961,10 @@ function DataTable(props) {
       return next;
     });
   };
-  return /* @__PURE__ */ jsxs35("table", { ref, className: cn("w-full border-collapse text-[12px]", className), children: [
-    caption && /* @__PURE__ */ jsx42("caption", { className: "sr-only", children: caption }),
-    /* @__PURE__ */ jsx42("thead", { className: cn("bg-panel-2", stickyHeader && "z-raised sticky top-0"), children: /* @__PURE__ */ jsxs35("tr", { children: [
-      selectable && /* @__PURE__ */ jsx42("th", { scope: "col", className: "border-border w-8 border-b px-3 py-2 text-left", children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs36("table", { ref, className: cn("w-full border-collapse text-[12px]", className), children: [
+    caption && /* @__PURE__ */ jsx43("caption", { className: "sr-only", children: caption }),
+    /* @__PURE__ */ jsx43("thead", { className: cn("bg-panel-2", stickyHeader && "z-raised sticky top-0"), children: /* @__PURE__ */ jsxs36("tr", { children: [
+      selectable && /* @__PURE__ */ jsx43("th", { scope: "col", className: "border-border w-8 border-b px-3 py-2 text-left", children: /* @__PURE__ */ jsx43(
         "input",
         {
           ref: headerCheckRef,
@@ -2786,8 +2980,8 @@ function DataTable(props) {
         const isSorted = sort?.key === col.key;
         const ariaSort = !sortable ? void 0 : isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : "none";
         const align = col.align ?? "left";
-        const indicator = sortable && isSorted && /* @__PURE__ */ jsx42("span", { "aria-hidden": true, className: "ml-1", children: sort?.direction === "asc" ? "\u2191" : "\u2193" });
-        return /* @__PURE__ */ jsx42(
+        const indicator = sortable && isSorted && /* @__PURE__ */ jsx43("span", { "aria-hidden": true, className: "ml-1", children: sort?.direction === "asc" ? "\u2191" : "\u2193" });
+        return /* @__PURE__ */ jsx43(
           "th",
           {
             scope: "col",
@@ -2799,7 +2993,7 @@ function DataTable(props) {
               sortable && "cursor-pointer",
               isSorted ? "text-accent" : "text-text-dim"
             ),
-            children: sortable ? /* @__PURE__ */ jsxs35(
+            children: sortable ? /* @__PURE__ */ jsxs36(
               "button",
               {
                 type: "button",
@@ -2816,8 +3010,8 @@ function DataTable(props) {
         );
       })
     ] }) }),
-    /* @__PURE__ */ jsxs35("tbody", { children: [
-      sortedData.length === 0 && /* @__PURE__ */ jsx42("tr", { children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsxs36("tbody", { children: [
+      sortedData.length === 0 && /* @__PURE__ */ jsx43("tr", { children: /* @__PURE__ */ jsx43(
         "td",
         {
           colSpan: columns.length + (selectable ? 1 : 0),
@@ -2828,7 +3022,7 @@ function DataTable(props) {
       sortedData.map((row) => {
         const id = rowKey(row);
         const isSelected = selectedSet.has(id);
-        return /* @__PURE__ */ jsxs35(
+        return /* @__PURE__ */ jsxs36(
           "tr",
           {
             "data-state": isSelected ? "selected" : void 0,
@@ -2837,7 +3031,7 @@ function DataTable(props) {
               isSelected ? "bg-accent-dim/50" : "hover:bg-panel-2"
             ),
             children: [
-              selectable && /* @__PURE__ */ jsx42("td", { className: "px-3 py-[10px]", children: /* @__PURE__ */ jsx42(
+              selectable && /* @__PURE__ */ jsx43("td", { className: "px-3 py-[10px]", children: /* @__PURE__ */ jsx43(
                 "input",
                 {
                   type: "checkbox",
@@ -2847,7 +3041,7 @@ function DataTable(props) {
                   className: "cursor-pointer accent-[var(--color-accent)]"
                 }
               ) }),
-              columns.map((col) => /* @__PURE__ */ jsx42("td", { className: cn("px-3 py-[10px]", alignClass[col.align ?? "left"]), children: col.cell ? col.cell(row) : col.accessor ? String(col.accessor(row)) : null }, col.key))
+              columns.map((col) => /* @__PURE__ */ jsx43("td", { className: cn("px-3 py-[10px]", alignClass[col.align ?? "left"]), children: col.cell ? col.cell(row) : col.accessor ? String(col.accessor(row)) : null }, col.key))
             ]
           },
           id
@@ -2859,13 +3053,13 @@ function DataTable(props) {
 // src/patterns/DatePicker/Calendar.tsx
 import {
-  forwardRef as forwardRef41,
-  useCallback as useCallback7,
-  useEffect as useEffect8,
-  useRef as useRef6,
-  useState as useState9
+  forwardRef as forwardRef42,
+  useCallback as useCallback8,
+  useEffect as useEffect9,
+  useRef as useRef7,
+  useState as useState10
 } from "react";
-import { jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
 var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 var DAYS = ["S", "M", "T", "W", "T", "F", "S"];
 function isSameDay(a, b) {
@@ -2876,7 +3070,7 @@ function clampDay(year, month, day) {
   const max = new Date(year, month + 1, 0).getDate();
   return Math.min(Math.max(1, day), max);
 }
-var Calendar = forwardRef41(function Calendar2({
+var Calendar = forwardRef42(function Calendar2({
   value,
   defaultValue,
   onValueChange,
@@ -2889,9 +3083,9 @@ var Calendar = forwardRef41(function Calendar2({
   className,
   ...props
 }, ref) {
-  const [today] = useState9(() => /* @__PURE__ */ new Date());
-  const [hydrated, setHydrated] = useState9(false);
-  useEffect8(() => setHydrated(true), []);
+  const [today] = useState10(() => /* @__PURE__ */ new Date());
+  const [hydrated, setHydrated] = useState10(false);
+  useEffect9(() => setHydrated(true), []);
   const [selectedDate, setSelectedDate] = useControllableState({
     value,
     defaultValue,
@@ -2899,12 +3093,12 @@ var Calendar = forwardRef41(function Calendar2({
   });
   const initialMonth = defaultMonth ?? defaultValue?.getMonth() ?? today.getMonth();
   const initialYear = defaultYear ?? defaultValue?.getFullYear() ?? today.getFullYear();
-  const [internalMonth, setInternalMonth] = useState9(initialMonth);
-  const [internalYear, setInternalYear] = useState9(initialYear);
+  const [internalMonth, setInternalMonth] = useState10(initialMonth);
+  const [internalYear, setInternalYear] = useState10(initialYear);
   const month = monthProp ?? internalMonth;
   const year = yearProp ?? internalYear;
   const isControlled = monthProp !== void 0 && yearProp !== void 0;
-  const setVisible = useCallback7(
+  const setVisible = useCallback8(
     (m, y) => {
       if (!isControlled) {
         setInternalMonth(m);
@@ -2914,36 +3108,36 @@ var Calendar = forwardRef41(function Calendar2({
     },
     [isControlled, onVisibleMonthChange]
   );
-  const goPrev = useCallback7(() => {
+  const goPrev = useCallback8(() => {
     const m = month === 0 ? 11 : month - 1;
     const y = month === 0 ? year - 1 : year;
     setVisible(m, y);
   }, [month, year, setVisible]);
-  const goNext = useCallback7(() => {
+  const goNext = useCallback8(() => {
     const m = month === 11 ? 0 : month + 1;
     const y = month === 11 ? year + 1 : year;
     setVisible(m, y);
   }, [month, year, setVisible]);
   const daysInMonth = new Date(year, month + 1, 0).getDate();
   const firstDayOfMonth = new Date(year, month, 1).getDay();
-  const [focusedDate, setFocusedDate] = useState9(() => {
+  const [focusedDate, setFocusedDate] = useState10(() => {
     if (selectedDate) return selectedDate;
     return new Date(initialYear, initialMonth, 1);
   });
-  useEffect8(() => {
+  useEffect9(() => {
     if (selectedDate) setFocusedDate(selectedDate);
   }, [selectedDate]);
   const focusedInVisibleMonth = focusedDate.getMonth() === month && focusedDate.getFullYear() === year;
   const effectiveFocusDay = focusedInVisibleMonth ? focusedDate.getDate() : clampDay(year, month, focusedDate.getDate());
-  const dayRefs = useRef6(/* @__PURE__ */ new Map());
-  const shouldFocusRef = useRef6(false);
-  useEffect8(() => {
+  const dayRefs = useRef7(/* @__PURE__ */ new Map());
+  const shouldFocusRef = useRef7(false);
+  useEffect9(() => {
     if (!shouldFocusRef.current) return;
     shouldFocusRef.current = false;
     const node = dayRefs.current.get(effectiveFocusDay);
     node?.focus();
   }, [effectiveFocusDay, month, year]);
-  const moveFocus = useCallback7(
+  const moveFocus = useCallback8(
     (next) => {
       setFocusedDate(next);
       shouldFocusRef.current = true;
@@ -2955,7 +3149,7 @@ var Calendar = forwardRef41(function Calendar2({
     },
     [month, year, setVisible]
   );
-  const onCellKeyDown = useCallback7(
+  const onCellKeyDown = useCallback8(
     (e, day) => {
       const current = new Date(year, month, day);
       let next = null;
@@ -3007,7 +3201,7 @@ var Calendar = forwardRef41(function Calendar2({
     },
     [month, year, moveFocus]
   );
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       ref,
@@ -3019,14 +3213,14 @@ var Calendar = forwardRef41(function Calendar2({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs36("div", { className: "mb-3 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs36("span", { className: "text-[13px] font-medium", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxs37("div", { className: "mb-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs37("span", { className: "text-[13px] font-medium", "aria-live": "polite", children: [
             MONTHS[month],
             " ",
             year
           ] }),
-          /* @__PURE__ */ jsxs36("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsxs37("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx44(
               IconButton,
               {
                 size: "sm",
@@ -3036,11 +3230,11 @@ var Calendar = forwardRef41(function Calendar2({
                 onClick: goPrev
               }
             ),
-            /* @__PURE__ */ jsx43(IconButton, { size: "sm", variant: "ghost", icon: "\u203A", "aria-label": "Next month", onClick: goNext })
+            /* @__PURE__ */ jsx44(IconButton, { size: "sm", variant: "ghost", icon: "\u203A", "aria-label": "Next month", onClick: goNext })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs36("div", { role: "grid", "aria-label": `${MONTHS[month]} ${year}`, className: "flex flex-col gap-[2px]", children: [
-          /* @__PURE__ */ jsx43("div", { role: "row", className: "grid grid-cols-7 gap-[2px]", children: DAYS.map((d, i) => /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsxs37("div", { role: "grid", "aria-label": `${MONTHS[month]} ${year}`, className: "flex flex-col gap-[2px]", children: [
+          /* @__PURE__ */ jsx44("div", { role: "row", className: "grid grid-cols-7 gap-[2px]", children: DAYS.map((d, i) => /* @__PURE__ */ jsx44(
             "div",
             {
               role: "columnheader",
@@ -3060,7 +3254,7 @@ var Calendar = forwardRef41(function Calendar2({
                 const cellIndex = r * 7 + c;
                 const dayNum = cellIndex - firstDayOfMonth + 1;
                 if (dayNum < 1 || dayNum > daysInMonth) {
-                  cells.push(/* @__PURE__ */ jsx43("div", { role: "gridcell", "aria-hidden": true }, `pad-${r}-${c}`));
+                  cells.push(/* @__PURE__ */ jsx44("div", { role: "gridcell", "aria-hidden": true }, `pad-${r}-${c}`));
                   continue;
                 }
                 const date = new Date(year, month, dayNum);
@@ -3070,7 +3264,7 @@ var Calendar = forwardRef41(function Calendar2({
                 const isFocused = dayNum === effectiveFocusDay;
                 const day = dayNum;
                 cells.push(
-                  /* @__PURE__ */ jsx43("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx44("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx44(
                     "button",
                     {
                       ref: (node) => {
@@ -3101,7 +3295,7 @@ var Calendar = forwardRef41(function Calendar2({
                 );
               }
               rows.push(
-                /* @__PURE__ */ jsx43("div", { role: "row", className: "grid grid-cols-7 gap-[2px]", children: cells }, `row-${r}`)
+                /* @__PURE__ */ jsx44("div", { role: "row", className: "grid grid-cols-7 gap-[2px]", children: cells }, `row-${r}`)
               );
             }
             return rows;
@@ -3115,10 +3309,10 @@ Calendar.displayName = "Calendar";
 // src/patterns/DatePicker/DatePicker.tsx
 import * as RadixPopover2 from "@radix-ui/react-popover";
-import { forwardRef as forwardRef42, useState as useState10 } from "react";
-import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+import { forwardRef as forwardRef43, useState as useState11 } from "react";
+import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 var defaultFormat = (d) => d.toLocaleDateString();
-var DatePicker = forwardRef42(function DatePicker2({
+var DatePicker = forwardRef43(function DatePicker2({
   value: valueProp,
   defaultValue,
   onValueChange,
@@ -3132,14 +3326,14 @@ var DatePicker = forwardRef42(function DatePicker2({
   id,
   name
 }, ref) {
-  const [open, setOpen] = useState10(false);
+  const [open, setOpen] = useState11(false);
   const [value, setValue] = useControllableState({
     value: valueProp,
     defaultValue,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsxs37(RadixPopover2.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx44(RadixPopover2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(RadixPopover2.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx45(RadixPopover2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs38(
       "button",
       {
         ref,
@@ -3156,18 +3350,18 @@ var DatePicker = forwardRef42(function DatePicker2({
         ),
         style: { width },
         children: [
-          /* @__PURE__ */ jsx44("span", { "aria-hidden": true, className: "text-text-dim", children: "\u25A2" }),
-          /* @__PURE__ */ jsx44("span", { className: cn("flex-1 truncate", !value && "text-text-dim"), children: value ? format(value) : emptyLabel ?? placeholder })
+          /* @__PURE__ */ jsx45("span", { "aria-hidden": true, className: "text-text-dim", children: "\u25A2" }),
+          /* @__PURE__ */ jsx45("span", { className: cn("flex-1 truncate", !value && "text-text-dim"), children: value ? format(value) : emptyLabel ?? placeholder })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx44(RadixPopover2.Portal, { children: /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(RadixPopover2.Portal, { children: /* @__PURE__ */ jsx45(
       RadixPopover2.Content,
       {
         align: "start",
         sideOffset: 6,
         className: "z-popover outline-none data-[state=open]:animate-[ship-pop-in_140ms_var(--easing-out)]",
-        children: /* @__PURE__ */ jsx44(
+        children: /* @__PURE__ */ jsx45(
           Calendar,
           {
             value,
@@ -3182,17 +3376,17 @@ var DatePicker = forwardRef42(function DatePicker2({
         )
       }
     ) }),
-    name && /* @__PURE__ */ jsx44("input", { type: "hidden", name, value: value ? value.toISOString() : "", readOnly: true })
+    name && /* @__PURE__ */ jsx45("input", { type: "hidden", name, value: value ? value.toISOString() : "", readOnly: true })
   ] });
 });
 DatePicker.displayName = "DatePicker";
 // src/patterns/Dots/Dots.tsx
-import { forwardRef as forwardRef43 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
-var Dots = forwardRef43(function Dots2({ total, current, onChange, className, "aria-label": ariaLabel = "Progress", ...props }, ref) {
+import { forwardRef as forwardRef44 } from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var Dots = forwardRef44(function Dots2({ total, current, onChange, className, "aria-label": ariaLabel = "Progress", ...props }, ref) {
   const interactive = typeof onChange === "function";
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "nav",
     {
       ref,
@@ -3206,7 +3400,7 @@ var Dots = forwardRef43(function Dots2({ total, current, onChange, className, "a
           isActive ? "w-[18px] bg-accent" : "w-[6px] bg-panel-2"
         );
         if (interactive) {
-          return /* @__PURE__ */ jsx45(
+          return /* @__PURE__ */ jsx46(
             "button",
             {
               type: "button",
@@ -3223,7 +3417,7 @@ var Dots = forwardRef43(function Dots2({ total, current, onChange, className, "a
             i
           );
         }
-        return /* @__PURE__ */ jsx45("span", { "aria-hidden": true, className: sharedClass }, i);
+        return /* @__PURE__ */ jsx46("span", { "aria-hidden": true, className: sharedClass }, i);
       })
     }
   );
@@ -3232,15 +3426,15 @@ Dots.displayName = "Dots";
 // src/patterns/Dropzone/Dropzone.tsx
 import {
-  forwardRef as forwardRef44,
-  useState as useState11
+  forwardRef as forwardRef45,
+  useState as useState12
 } from "react";
-import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function listToArray(list) {
   if (!list) return [];
   return Array.from(list);
 }
-var Dropzone = forwardRef44(function Dropzone2({
+var Dropzone = forwardRef45(function Dropzone2({
   onFiles,
   accept,
   multiple = true,
@@ -3251,7 +3445,7 @@ var Dropzone = forwardRef44(function Dropzone2({
   className,
   ...props
 }, ref) {
-  const [isDragging, setIsDragging] = useState11(false);
+  const [isDragging, setIsDragging] = useState12(false);
   const onDragOver = (e) => {
     if (disabled) return;
     e.preventDefault();
@@ -3265,7 +3459,7 @@ var Dropzone = forwardRef44(function Dropzone2({
     const files = listToArray(e.dataTransfer.files);
     if (files.length) onFiles?.(files);
   };
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "label",
     {
       ref,
@@ -3282,7 +3476,7 @@ var Dropzone = forwardRef44(function Dropzone2({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "input",
           {
             type: "file",
@@ -3298,7 +3492,7 @@ var Dropzone = forwardRef44(function Dropzone2({
             }
           }
         ),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "div",
           {
             "aria-hidden": true,
@@ -3306,8 +3500,8 @@ var Dropzone = forwardRef44(function Dropzone2({
             children: icon
           }
         ),
-        /* @__PURE__ */ jsx46("div", { className: "mb-1 text-[13px] font-medium", children: title }),
-        description && /* @__PURE__ */ jsx46("div", { className: "text-text-dim text-[11px]", children: description })
+        /* @__PURE__ */ jsx47("div", { className: "mb-1 text-[13px] font-medium", children: title }),
+        description && /* @__PURE__ */ jsx47("div", { className: "text-text-dim text-[11px]", children: description })
       ]
     }
   );
@@ -3315,10 +3509,10 @@ var Dropzone = forwardRef44(function Dropzone2({
 Dropzone.displayName = "Dropzone";
 // src/patterns/EmptyState/EmptyState.tsx
-import { cva as cva10 } from "class-variance-authority";
-import { forwardRef as forwardRef45 } from "react";
-import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
-var plateStyles = cva10("grid h-12 w-12 place-items-center rounded-base text-[22px]", {
+import { cva as cva11 } from "class-variance-authority";
+import { forwardRef as forwardRef46 } from "react";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+var plateStyles = cva11("grid h-12 w-12 place-items-center rounded-base text-[22px]", {
   variants: {
     tone: {
       neutral: "bg-panel-2 text-text-muted",
@@ -3330,8 +3524,8 @@ var plateStyles = cva10("grid h-12 w-12 place-items-center rounded-base text-[22
   },
   defaultVariants: { tone: "neutral" }
 });
-var EmptyState = forwardRef45(function EmptyState2({ icon, title, description, action, chips, tone, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs39(
+var EmptyState = forwardRef46(function EmptyState2({ icon, title, description, action, chips, tone, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       ref,
@@ -3341,10 +3535,10 @@ var EmptyState = forwardRef45(function EmptyState2({ icon, title, description, a
       ),
       ...props,
       children: [
-        icon != null && /* @__PURE__ */ jsx47("span", { "aria-hidden": true, className: plateStyles({ tone: tone ?? "neutral" }), children: icon }),
-        /* @__PURE__ */ jsx47("div", { className: "text-[14px] font-medium", children: title }),
-        description && /* @__PURE__ */ jsx47("div", { className: "text-text-muted max-w-[260px] text-[12px] leading-[1.5]", children: description }),
-        chips && chips.length > 0 && /* @__PURE__ */ jsx47("div", { className: "flex w-full flex-col gap-1", children: chips.map((c, i) => /* @__PURE__ */ jsx47(
+        icon != null && /* @__PURE__ */ jsx48("span", { "aria-hidden": true, className: plateStyles({ tone: tone ?? "neutral" }), children: icon }),
+        /* @__PURE__ */ jsx48("div", { className: "text-[14px] font-medium", children: title }),
+        description && /* @__PURE__ */ jsx48("div", { className: "text-text-muted max-w-[260px] text-[12px] leading-[1.5]", children: description }),
+        chips && chips.length > 0 && /* @__PURE__ */ jsx48("div", { className: "flex w-full flex-col gap-1", children: chips.map((c, i) => /* @__PURE__ */ jsx48(
           "button",
           {
             type: "button",
@@ -3366,18 +3560,18 @@ var EmptyState = forwardRef45(function EmptyState2({ icon, title, description, a
 EmptyState.displayName = "EmptyState";
 // src/patterns/FileChip/FileChip.tsx
-import { forwardRef as forwardRef46 } from "react";
-import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import { forwardRef as forwardRef47 } from "react";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function deriveExt(name) {
   const dot = name.lastIndexOf(".");
   if (dot < 0) return "FILE";
   return name.slice(dot + 1).slice(0, 4).toUpperCase();
 }
-var FileChip = forwardRef46(function FileChip2({ name, size, progress, icon, onRemove, failed, className, ...props }, ref) {
+var FileChip = forwardRef47(function FileChip2({ name, size, progress, icon, onRemove, failed, className, ...props }, ref) {
   const ext = deriveExt(name);
   const showProgress = typeof progress === "number";
   const isComplete = showProgress && progress >= 100;
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       ref,
@@ -3387,7 +3581,7 @@ var FileChip = forwardRef46(function FileChip2({ name, size, progress, icon, onR
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx49(
           "span",
           {
             "aria-hidden": true,
@@ -3395,17 +3589,17 @@ var FileChip = forwardRef46(function FileChip2({ name, size, progress, icon, onR
             children: icon ?? ext
           }
         ),
-        /* @__PURE__ */ jsxs40("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx48("div", { className: "truncate text-[12px] font-medium", children: name }),
-          /* @__PURE__ */ jsxs40("div", { className: cn("font-mono text-[10px]", failed ? "text-err" : "text-text-dim"), children: [
+        /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx49("div", { className: "truncate text-[12px] font-medium", children: name }),
+          /* @__PURE__ */ jsxs41("div", { className: cn("font-mono text-[10px]", failed ? "text-err" : "text-text-dim"), children: [
             size,
-            showProgress && !isComplete && /* @__PURE__ */ jsxs40("span", { children: [
+            showProgress && !isComplete && /* @__PURE__ */ jsxs41("span", { children: [
               " \xB7 ",
               Math.round(progress),
               "%"
             ] })
           ] }),
-          showProgress && !isComplete && /* @__PURE__ */ jsx48("div", { className: "bg-panel mt-1 h-[2px] overflow-hidden rounded-full", children: /* @__PURE__ */ jsx48(
+          showProgress && !isComplete && /* @__PURE__ */ jsx49("div", { className: "bg-panel mt-1 h-[2px] overflow-hidden rounded-full", children: /* @__PURE__ */ jsx49(
             "div",
             {
               className: cn(
@@ -3416,7 +3610,7 @@ var FileChip = forwardRef46(function FileChip2({ name, size, progress, icon, onR
             }
           ) })
         ] }),
-        onRemove && /* @__PURE__ */ jsx48(
+        onRemove && /* @__PURE__ */ jsx49(
           "button",
           {
             type: "button",
@@ -3436,10 +3630,10 @@ var FileChip = forwardRef46(function FileChip2({ name, size, progress, icon, onR
 FileChip.displayName = "FileChip";
 // src/patterns/FilterPanel/FilterPanel.tsx
-import { forwardRef as forwardRef47, useCallback as useCallback8, useState as useState12 } from "react";
-import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+import { forwardRef as forwardRef48, useCallback as useCallback9, useState as useState13 } from "react";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 var EMPTY = Object.freeze({});
-var FilterPanel = forwardRef47(function FilterPanel2({
+var FilterPanel = forwardRef48(function FilterPanel2({
   facets,
   value,
   defaultValue,
@@ -3457,7 +3651,7 @@ var FilterPanel = forwardRef47(function FilterPanel2({
     onChange: onValueChange
   });
   const total = facets.reduce((sum, facet) => sum + (selection[facet.id]?.length ?? 0), 0);
-  const toggle = useCallback8(
+  const toggle = useCallback9(
     (facetId, optionValue, next) => {
       setSelection((prev) => {
         const current = prev?.[facetId] ?? [];
@@ -3468,11 +3662,11 @@ var FilterPanel = forwardRef47(function FilterPanel2({
     },
     [setSelection]
   );
-  const handleReset = useCallback8(() => {
+  const handleReset = useCallback9(() => {
     setSelection(EMPTY);
     onReset?.();
   }, [setSelection, onReset]);
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     "div",
     {
       ref,
@@ -3484,10 +3678,10 @@ var FilterPanel = forwardRef47(function FilterPanel2({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx49("span", { className: "text-text-dim font-mono text-[10px] tracking-[1.4px] uppercase", children: title }),
-          total > 0 && /* @__PURE__ */ jsx49(Badge, { size: "sm", variant: "accent", children: total }),
-          /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx50("span", { className: "text-text-dim font-mono text-[10px] tracking-[1.4px] uppercase", children: title }),
+          total > 0 && /* @__PURE__ */ jsx50(Badge, { size: "sm", variant: "accent", children: total }),
+          /* @__PURE__ */ jsx50(
             Button,
             {
               type: "button",
@@ -3500,7 +3694,7 @@ var FilterPanel = forwardRef47(function FilterPanel2({
             }
           )
         ] }),
-        facets.map((facet) => /* @__PURE__ */ jsx49(
+        facets.map((facet) => /* @__PURE__ */ jsx50(
           FilterFacetGroup,
           {
             facet,
@@ -3517,12 +3711,12 @@ var FilterPanel = forwardRef47(function FilterPanel2({
 FilterPanel.displayName = "FilterPanel";
 function FilterFacetGroup({ facet, selected, counts, onToggle }) {
   const collapsible = facet.collapsible ?? true;
-  const [open, setOpen] = useState12(facet.defaultOpen ?? true);
+  const [open, setOpen] = useState13(facet.defaultOpen ?? true);
   const isOpen = !collapsible || open;
   const selectedCount = selected.length;
   const headingClass = "text-text-muted flex items-center gap-[6px] font-mono text-[10px] tracking-[1.4px] uppercase";
-  return /* @__PURE__ */ jsxs41("section", { className: "flex flex-col gap-1", children: [
-    collapsible ? /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42("section", { className: "flex flex-col gap-1", children: [
+    collapsible ? /* @__PURE__ */ jsxs42(
       "button",
       {
         type: "button",
@@ -3535,20 +3729,20 @@ function FilterFacetGroup({ facet, selected, counts, onToggle }) {
           "hover:text-text"
         ),
         children: [
-          /* @__PURE__ */ jsx49("span", { className: "flex-1 text-left", children: facet.label }),
-          selectedCount > 0 && /* @__PURE__ */ jsx49(Badge, { size: "sm", variant: "neutral", children: selectedCount }),
-          /* @__PURE__ */ jsx49("span", { "aria-hidden": true, className: "text-[10px] opacity-70", children: isOpen ? "\u25BE" : "\u25B8" })
+          /* @__PURE__ */ jsx50("span", { className: "flex-1 text-left", children: facet.label }),
+          selectedCount > 0 && /* @__PURE__ */ jsx50(Badge, { size: "sm", variant: "neutral", children: selectedCount }),
+          /* @__PURE__ */ jsx50("span", { "aria-hidden": true, className: "text-[10px] opacity-70", children: isOpen ? "\u25BE" : "\u25B8" })
         ]
       }
-    ) : /* @__PURE__ */ jsxs41("div", { className: cn(headingClass, "px-1 py-[2px]"), children: [
-      /* @__PURE__ */ jsx49("span", { className: "flex-1", children: facet.label }),
-      selectedCount > 0 && /* @__PURE__ */ jsx49(Badge, { size: "sm", variant: "neutral", children: selectedCount })
+    ) : /* @__PURE__ */ jsxs42("div", { className: cn(headingClass, "px-1 py-[2px]"), children: [
+      /* @__PURE__ */ jsx50("span", { className: "flex-1", children: facet.label }),
+      selectedCount > 0 && /* @__PURE__ */ jsx50(Badge, { size: "sm", variant: "neutral", children: selectedCount })
     ] }),
-    isOpen && /* @__PURE__ */ jsx49("ul", { className: "m-0 flex list-none flex-col gap-[2px] p-0", children: facet.options.map((option) => {
+    isOpen && /* @__PURE__ */ jsx50("ul", { className: "m-0 flex list-none flex-col gap-[2px] p-0", children: facet.options.map((option) => {
       const isSelected = selected.includes(option.value);
       const count = counts?.[option.value];
-      return /* @__PURE__ */ jsxs41("li", { className: "flex items-center gap-2 px-1 py-[3px]", children: [
-        /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsxs42("li", { className: "flex items-center gap-2 px-1 py-[3px]", children: [
+        /* @__PURE__ */ jsx50(
           Checkbox,
           {
             checked: isSelected,
@@ -3556,25 +3750,25 @@ function FilterFacetGroup({ facet, selected, counts, onToggle }) {
             label: option.label
           }
         ),
-        typeof count === "number" && /* @__PURE__ */ jsx49("span", { className: "text-text-dim ml-auto font-mono text-[10px] tabular-nums", children: count })
+        typeof count === "number" && /* @__PURE__ */ jsx50("span", { className: "text-text-dim ml-auto font-mono text-[10px] tabular-nums", children: count })
       ] }, option.value);
     }) })
   ] });
 }
 // src/patterns/HealthScore/HealthScore.tsx
-import { forwardRef as forwardRef49 } from "react";
+import { forwardRef as forwardRef50 } from "react";
 // src/patterns/RadialProgress/RadialProgress.tsx
-import { forwardRef as forwardRef48 } from "react";
-import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import { forwardRef as forwardRef49 } from "react";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 var toneStrokeClass = {
   accent: "stroke-accent",
   ok: "stroke-ok",
   warn: "stroke-warn",
   err: "stroke-err"
 };
-var RadialProgress = forwardRef48(
+var RadialProgress = forwardRef49(
   function RadialProgress2({
     value,
     max = 100,
@@ -3592,7 +3786,7 @@ var RadialProgress = forwardRef48(
     const c = 2 * Math.PI * r;
     const dash = pct / 100 * c;
     const resolvedTone = tone ?? (clamped >= max ? "ok" : "accent");
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         ref,
@@ -3605,8 +3799,8 @@ var RadialProgress = forwardRef48(
         style: { width: size, height: size },
         ...props,
         children: [
-          /* @__PURE__ */ jsxs42("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
-            /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsxs43("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+            /* @__PURE__ */ jsx51(
               "circle",
               {
                 cx: size / 2,
@@ -3617,7 +3811,7 @@ var RadialProgress = forwardRef48(
                 className: "stroke-panel-2"
               }
             ),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx51(
               "circle",
               {
                 cx: size / 2,
@@ -3635,7 +3829,7 @@ var RadialProgress = forwardRef48(
               }
             )
           ] }),
-          /* @__PURE__ */ jsx50("div", { className: "absolute inset-0 grid place-items-center font-mono text-[11px] font-medium tabular-nums", children: children ?? `${Math.round(pct)}%` })
+          /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 grid place-items-center font-mono text-[11px] font-medium tabular-nums", children: children ?? `${Math.round(pct)}%` })
         ]
       }
     );
@@ -3644,7 +3838,7 @@ var RadialProgress = forwardRef48(
 RadialProgress.displayName = "RadialProgress";
 // src/patterns/HealthScore/HealthScore.tsx
-import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function deltaTone(delta) {
   if (delta > 0) return "ok";
   if (delta < 0) return "err";
@@ -3661,7 +3855,7 @@ var toneTextClass = {
   warn: "text-warn",
   err: "text-err"
 };
-var HealthScore = forwardRef49(function HealthScore2({
+var HealthScore = forwardRef50(function HealthScore2({
   value,
   max = 100,
   delta,
@@ -3676,7 +3870,7 @@ var HealthScore = forwardRef49(function HealthScore2({
   const pct = max > 0 ? Math.round(Math.min(max, Math.max(0, value)) / max * 100) : 0;
   const resolvedTone = tone ?? (pct >= 80 ? "ok" : pct >= 50 ? "accent" : "warn");
   const indicatorTone = typeof delta === "number" ? deltaTone(delta) : "accent";
-  const core = /* @__PURE__ */ jsxs43(
+  const core = /* @__PURE__ */ jsxs44(
     "div",
     {
       ref,
@@ -3684,10 +3878,10 @@ var HealthScore = forwardRef49(function HealthScore2({
       "aria-label": ariaLabel ?? `${pct}% health`,
       ...props,
       children: [
-        /* @__PURE__ */ jsx51(RadialProgress, { value, max, size, tone: resolvedTone }),
-        label && /* @__PURE__ */ jsx51("div", { className: "text-text-muted mt-1 text-[12px] leading-tight", children: label }),
-        typeof delta === "number" && /* @__PURE__ */ jsxs43("div", { className: cn("font-mono text-[11px] tabular-nums", toneTextClass[indicatorTone]), children: [
-          /* @__PURE__ */ jsx51("span", { "aria-hidden": true, children: deltaGlyph(delta) }),
+        /* @__PURE__ */ jsx52(RadialProgress, { value, max, size, tone: resolvedTone }),
+        label && /* @__PURE__ */ jsx52("div", { className: "text-text-muted mt-1 text-[12px] leading-tight", children: label }),
+        typeof delta === "number" && /* @__PURE__ */ jsxs44("div", { className: cn("font-mono text-[11px] tabular-nums", toneTextClass[indicatorTone]), children: [
+          /* @__PURE__ */ jsx52("span", { "aria-hidden": true, children: deltaGlyph(delta) }),
           " ",
           Math.abs(delta)
         ] })
@@ -3697,15 +3891,15 @@ var HealthScore = forwardRef49(function HealthScore2({
   if (!breakdown || breakdown.length === 0) {
     return core;
   }
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     HoverCard,
     {
-      trigger: /* @__PURE__ */ jsx51("span", { className: "inline-flex", children: core }),
-      content: /* @__PURE__ */ jsxs43("div", { className: "flex min-w-[180px] flex-col gap-2", children: [
-        /* @__PURE__ */ jsx51("div", { className: "text-text-dim font-mono text-[9px] tracking-[1.4px] uppercase", children: "Breakdown" }),
-        /* @__PURE__ */ jsx51("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-[12px]", children: breakdown.map((entry, i) => /* @__PURE__ */ jsxs43("li", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx51("span", { className: "text-text-muted flex-1 truncate", children: entry.label }),
-          /* @__PURE__ */ jsx51(
+      trigger: /* @__PURE__ */ jsx52("span", { className: "inline-flex", children: core }),
+      content: /* @__PURE__ */ jsxs44("div", { className: "flex min-w-[180px] flex-col gap-2", children: [
+        /* @__PURE__ */ jsx52("div", { className: "text-text-dim font-mono text-[9px] tracking-[1.4px] uppercase", children: "Breakdown" }),
+        /* @__PURE__ */ jsx52("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-[12px]", children: breakdown.map((entry, i) => /* @__PURE__ */ jsxs44("li", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx52("span", { className: "text-text-muted flex-1 truncate", children: entry.label }),
+          /* @__PURE__ */ jsx52(
             "span",
             {
               className: cn(
@@ -3723,21 +3917,21 @@ var HealthScore = forwardRef49(function HealthScore2({
 HealthScore.displayName = "HealthScore";
 // src/patterns/LargeTitle/LargeTitle.tsx
-import { forwardRef as forwardRef50 } from "react";
-import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
-var LargeTitle = forwardRef50(function LargeTitle2({ title, eyebrow, trailing, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs44(
+import { forwardRef as forwardRef51 } from "react";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
+var LargeTitle = forwardRef51(function LargeTitle2({ title, eyebrow, trailing, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs45(
     "header",
     {
       ref,
       className: cn("px-screen flex items-end justify-between gap-3 py-3 pb-4", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs44("div", { className: "min-w-0 flex-1", children: [
-          eyebrow && /* @__PURE__ */ jsx52("div", { className: "text-m-eyebrow text-accent mb-[6px] font-mono tracking-wide uppercase", children: eyebrow }),
-          /* @__PURE__ */ jsx52("h1", { className: "text-m-h1 m-0 truncate leading-tight font-medium tracking-tight", children: title })
+        /* @__PURE__ */ jsxs45("div", { className: "min-w-0 flex-1", children: [
+          eyebrow && /* @__PURE__ */ jsx53("div", { className: "text-m-eyebrow text-accent mb-[6px] font-mono tracking-wide uppercase", children: eyebrow }),
+          /* @__PURE__ */ jsx53("h1", { className: "text-m-h1 m-0 truncate leading-tight font-medium tracking-tight", children: title })
         ] }),
-        trailing && /* @__PURE__ */ jsx52("div", { className: "shrink-0", children: trailing })
+        trailing && /* @__PURE__ */ jsx53("div", { className: "shrink-0", children: trailing })
       ]
     }
   );
@@ -3746,10 +3940,10 @@ LargeTitle.displayName = "LargeTitle";
 // src/patterns/Menubar/Menubar.tsx
 import * as RadixMenubar from "@radix-ui/react-menubar";
-import { forwardRef as forwardRef51 } from "react";
-import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
-var Menubar = forwardRef51(function Menubar2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx53(
+import { forwardRef as forwardRef52 } from "react";
+import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
+var Menubar = forwardRef52(function Menubar2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx54(
     RadixMenubar.Root,
     {
       ref,
@@ -3763,9 +3957,9 @@ var Menubar = forwardRef51(function Menubar2({ className, ...props }, ref) {
 });
 Menubar.displayName = "Menubar";
 var MenubarMenu = RadixMenubar.Menu;
-var MenubarTrigger = forwardRef51(
+var MenubarTrigger = forwardRef52(
   function MenubarTrigger2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       RadixMenubar.Trigger,
       {
         ref,
@@ -3782,9 +3976,9 @@ var MenubarTrigger = forwardRef51(
   }
 );
 MenubarTrigger.displayName = "MenubarTrigger";
-var MenubarContent = forwardRef51(
+var MenubarContent = forwardRef52(
   function MenubarContent2({ className, sideOffset = 6, align = "start", ...props }, ref) {
-    return /* @__PURE__ */ jsx53(RadixMenubar.Portal, { children: /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(RadixMenubar.Portal, { children: /* @__PURE__ */ jsx54(
       RadixMenubar.Content,
       {
         ref,
@@ -3806,24 +4000,24 @@ var itemBase3 = cn(
   "data-[highlighted]:bg-panel-2",
   "data-[disabled]:opacity-40 data-[disabled]:cursor-not-allowed"
 );
-var MenubarItem = forwardRef51(function MenubarItem2({ trailing, destructive, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs45(
+var MenubarItem = forwardRef52(function MenubarItem2({ trailing, destructive, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs46(
     RadixMenubar.Item,
     {
       ref,
       className: cn(itemBase3, destructive ? "text-err" : "text-text", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx53("span", { className: "flex-1", children }),
-        trailing && /* @__PURE__ */ jsx53("span", { className: "text-text-dim font-mono text-[10px]", children: trailing })
+        /* @__PURE__ */ jsx54("span", { className: "flex-1", children }),
+        trailing && /* @__PURE__ */ jsx54("span", { className: "text-text-dim font-mono text-[10px]", children: trailing })
       ]
     }
   );
 });
 MenubarItem.displayName = "MenubarItem";
-var MenubarSeparator = forwardRef51(
+var MenubarSeparator = forwardRef52(
   function MenubarSeparator2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       RadixMenubar.Separator,
       {
         ref,
@@ -3838,22 +4032,22 @@ MenubarSeparator.displayName = "MenubarSeparator";
 // src/patterns/NavBar/NavBar.tsx
 import * as RadixNav from "@radix-ui/react-navigation-menu";
 import {
-  forwardRef as forwardRef53,
-  useCallback as useCallback10,
-  useEffect as useEffect9,
-  useRef as useRef7,
-  useState as useState14
+  forwardRef as forwardRef54,
+  useCallback as useCallback11,
+  useEffect as useEffect10,
+  useRef as useRef8,
+  useState as useState15
 } from "react";
 // src/patterns/Sidebar/Sidebar.tsx
 import {
-  forwardRef as forwardRef52,
-  useCallback as useCallback9,
-  useState as useState13
+  forwardRef as forwardRef53,
+  useCallback as useCallback10,
+  useState as useState14
 } from "react";
-import { Fragment as Fragment2, jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
-var Sidebar = forwardRef52(function Sidebar2({ width = 240, className, style, ...props }, ref) {
-  return /* @__PURE__ */ jsx54(
+import { Fragment as Fragment2, jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
+var Sidebar = forwardRef53(function Sidebar2({ width = 240, className, style, ...props }, ref) {
+  return /* @__PURE__ */ jsx55(
     "aside",
     {
       ref,
@@ -3867,12 +4061,12 @@ var Sidebar = forwardRef52(function Sidebar2({ width = 240, className, style, ..
   );
 });
 Sidebar.displayName = "Sidebar";
-var NavItem = forwardRef52(
+var NavItem = forwardRef53(
   function NavItem2({ icon, label, active, badge, href, disabled, className, ...props }, ref) {
-    const inner = /* @__PURE__ */ jsxs46(Fragment2, { children: [
-      icon && /* @__PURE__ */ jsx54("span", { "aria-hidden": true, className: "w-[14px] text-center opacity-80", children: icon }),
-      /* @__PURE__ */ jsx54("span", { className: "flex-1 truncate", children: label }),
-      badge != null && /* @__PURE__ */ jsx54(
+    const inner = /* @__PURE__ */ jsxs47(Fragment2, { children: [
+      icon && /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "w-[14px] text-center opacity-80", children: icon }),
+      /* @__PURE__ */ jsx55("span", { className: "flex-1 truncate", children: label }),
+      badge != null && /* @__PURE__ */ jsx55(
         "span",
         {
           className: cn(
@@ -3893,7 +4087,7 @@ var NavItem = forwardRef52(
     );
     if (href) {
       const anchorProps = props;
-      return /* @__PURE__ */ jsx54(
+      return /* @__PURE__ */ jsx55(
         "a",
         {
           ref,
@@ -3907,7 +4101,7 @@ var NavItem = forwardRef52(
       );
     }
     const buttonProps = props;
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx55(
       "button",
       {
         ref,
@@ -3922,7 +4116,7 @@ var NavItem = forwardRef52(
   }
 );
 NavItem.displayName = "NavItem";
-var NavSection = forwardRef52(function NavSection2({
+var NavSection = forwardRef53(function NavSection2({
   label,
   icon,
   action,
@@ -3936,16 +4130,16 @@ var NavSection = forwardRef52(function NavSection2({
   ...props
 }, ref) {
   const isControlled = open !== void 0;
-  const [internalOpen, setInternalOpen] = useState13(defaultOpen);
+  const [internalOpen, setInternalOpen] = useState14(defaultOpen);
   const isOpen = !collapsible || (isControlled ? open : internalOpen);
-  const toggle = useCallback9(() => {
+  const toggle = useCallback10(() => {
     const next = !isOpen;
     if (!isControlled) setInternalOpen(next);
     onOpenChange?.(next);
   }, [isOpen, isControlled, onOpenChange]);
   const eyebrowClass = "text-text-dim flex items-center gap-[6px] px-2 pt-2 font-mono text-[9px] tracking-[1.4px] uppercase";
-  return /* @__PURE__ */ jsxs46("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
-    collapsible ? /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs47("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+    collapsible ? /* @__PURE__ */ jsxs47(
       "button",
       {
         type: "button",
@@ -3958,18 +4152,18 @@ var NavSection = forwardRef52(function NavSection2({
           "hover:text-text-muted"
         ),
         children: [
-          icon != null && /* @__PURE__ */ jsx54("span", { "aria-hidden": true, className: "opacity-80", children: icon }),
-          /* @__PURE__ */ jsx54("span", { className: "flex-1 text-left", children: label }),
+          icon != null && /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "opacity-80", children: icon }),
+          /* @__PURE__ */ jsx55("span", { className: "flex-1 text-left", children: label }),
           action,
-          /* @__PURE__ */ jsx54("span", { "aria-hidden": true, className: "text-[10px] opacity-70", children: isOpen ? "\u25BE" : "\u25B8" })
+          /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "text-[10px] opacity-70", children: isOpen ? "\u25BE" : "\u25B8" })
         ]
       }
-    ) : /* @__PURE__ */ jsxs46("div", { className: eyebrowClass, children: [
-      icon != null && /* @__PURE__ */ jsx54("span", { "aria-hidden": true, className: "opacity-80", children: icon }),
-      /* @__PURE__ */ jsx54("span", { className: "flex-1", children: label }),
+    ) : /* @__PURE__ */ jsxs47("div", { className: eyebrowClass, children: [
+      icon != null && /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "opacity-80", children: icon }),
+      /* @__PURE__ */ jsx55("span", { className: "flex-1", children: label }),
       action
     ] }),
-    isOpen && /* @__PURE__ */ jsx54(
+    isOpen && /* @__PURE__ */ jsx55(
       "div",
       {
         className: cn("flex flex-col gap-[2px]", indent > 0 && "border-border ml-2 border-l"),
@@ -3982,12 +4176,12 @@ var NavSection = forwardRef52(function NavSection2({
 NavSection.displayName = "NavSection";
 // src/patterns/NavBar/NavBar.tsx
-import { Fragment as Fragment3, jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
 function isActiveTree(item, activeId) {
   if (item.id === activeId) return true;
   return item.children?.some((c) => isActiveTree(c, activeId)) ?? false;
 }
-var NavBar = forwardRef53(function NavBar2({
+var NavBar = forwardRef54(function NavBar2({
   orientation = "horizontal",
   items,
   brand,
@@ -4001,17 +4195,17 @@ var NavBar = forwardRef53(function NavBar2({
   ...props
 }, ref) {
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState14(defaultValue);
+  const [internalValue, setInternalValue] = useState15(defaultValue);
   const activeId = isControlled ? value : internalValue;
-  const [drawerOpen, setDrawerOpen] = useState14(false);
-  const select = useCallback10(
+  const [drawerOpen, setDrawerOpen] = useState15(false);
+  const select = useCallback11(
     (id) => {
       if (!isControlled) setInternalValue(id);
       onValueChange?.(id);
     },
     [isControlled, onValueChange]
   );
-  const handleItemActivate = useCallback10(
+  const handleItemActivate = useCallback11(
     (id) => {
       select(id);
       setDrawerOpen(false);
@@ -4023,7 +4217,7 @@ var NavBar = forwardRef53(function NavBar2({
     // drawer is open on a viewport that's resizing past `md`, both navs can
     // sit in the DOM together. Identical accessible names would trip axe's
     // `landmark-unique` rule.
-    /* @__PURE__ */ jsx55("nav", { "aria-label": "Mobile navigation", className: "flex flex-col gap-1", children: items.map((item) => /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56("nav", { "aria-label": "Mobile navigation", className: "flex flex-col gap-1", children: items.map((item) => /* @__PURE__ */ jsx56(
       VerticalItem,
       {
         item,
@@ -4033,14 +4227,14 @@ var NavBar = forwardRef53(function NavBar2({
       item.id
     )) })
   );
-  const mobileBar = responsive ? /* @__PURE__ */ jsxs47(
+  const mobileBar = responsive ? /* @__PURE__ */ jsxs48(
     "div",
     {
       className: cn(
         "border-border bg-panel z-overlay sticky top-0 flex h-[52px] items-center gap-4 border-b px-5 md:hidden"
       ),
       children: [
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "button",
           {
             type: "button",
@@ -4050,15 +4244,15 @@ var NavBar = forwardRef53(function NavBar2({
             children: "\u2630"
           }
         ),
-        brand && /* @__PURE__ */ jsx55("div", { className: "flex flex-1 items-center text-[13px] font-medium whitespace-nowrap", children: brand }),
-        actions && /* @__PURE__ */ jsx55("div", { className: "flex items-center gap-3", children: actions })
+        brand && /* @__PURE__ */ jsx56("div", { className: "flex flex-1 items-center text-[13px] font-medium whitespace-nowrap", children: brand }),
+        actions && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-3", children: actions })
       ]
     }
   ) : null;
   if (orientation === "horizontal") {
-    return /* @__PURE__ */ jsxs47(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs48(Fragment3, { children: [
       mobileBar,
-      /* @__PURE__ */ jsxs47(
+      /* @__PURE__ */ jsxs48(
         "header",
         {
           ref,
@@ -4069,10 +4263,10 @@ var NavBar = forwardRef53(function NavBar2({
           ),
           ...props,
           children: [
-            brand && /* @__PURE__ */ jsx55("div", { className: "shrink-0 text-[13px] font-medium whitespace-nowrap", children: brand }),
-            /* @__PURE__ */ jsxs47(RadixNav.Root, { className: "relative flex-1", delayDuration: 120, children: [
-              /* @__PURE__ */ jsx55(RadixNav.List, { className: "m-0! flex list-none! items-center gap-1 p-0! [&_li]:m-0!", children: items.map(
-                (item) => item.children?.length ? /* @__PURE__ */ jsx55(
+            brand && /* @__PURE__ */ jsx56("div", { className: "shrink-0 text-[13px] font-medium whitespace-nowrap", children: brand }),
+            /* @__PURE__ */ jsxs48(RadixNav.Root, { className: "relative flex-1", delayDuration: 120, children: [
+              /* @__PURE__ */ jsx56(RadixNav.List, { className: "m-0! flex list-none! items-center gap-1 p-0! [&_li]:m-0!", children: items.map(
+                (item) => item.children?.length ? /* @__PURE__ */ jsx56(
                   HorizontalDropdown,
                   {
                     item,
@@ -4081,7 +4275,7 @@ var NavBar = forwardRef53(function NavBar2({
                     onActivate: handleItemActivate
                   },
                   item.id
-                ) : /* @__PURE__ */ jsx55(RadixNav.Item, { children: /* @__PURE__ */ jsx55(
+                ) : /* @__PURE__ */ jsx56(RadixNav.Item, { children: /* @__PURE__ */ jsx56(
                   HorizontalLink,
                   {
                     item,
@@ -4090,13 +4284,13 @@ var NavBar = forwardRef53(function NavBar2({
                   }
                 ) }, item.id)
               ) }),
-              /* @__PURE__ */ jsx55("div", { className: "z-popover absolute top-full left-0 flex justify-start", children: /* @__PURE__ */ jsx55(RadixNav.Viewport, { className: "origin-top-left data-[state=open]:animate-[ship-fade-in_120ms_var(--easing-out)]" }) })
+              /* @__PURE__ */ jsx56("div", { className: "z-popover absolute top-full left-0 flex justify-start", children: /* @__PURE__ */ jsx56(RadixNav.Viewport, { className: "origin-top-left data-[state=open]:animate-[ship-fade-in_120ms_var(--easing-out)]" }) })
             ] }),
-            actions && /* @__PURE__ */ jsx55("div", { className: "flex items-center gap-3", children: actions })
+            actions && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-3", children: actions })
           ]
         }
       ),
-      responsive && /* @__PURE__ */ jsx55(
+      responsive && /* @__PURE__ */ jsx56(
         Drawer,
         {
           open: drawerOpen,
@@ -4109,9 +4303,9 @@ var NavBar = forwardRef53(function NavBar2({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs47(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs48(Fragment3, { children: [
     mobileBar,
-    /* @__PURE__ */ jsxs47(
+    /* @__PURE__ */ jsxs48(
       "aside",
       {
         ref,
@@ -4124,8 +4318,8 @@ var NavBar = forwardRef53(function NavBar2({
         ),
         ...props,
         children: [
-          brand && /* @__PURE__ */ jsx55("div", { className: "px-2 py-1 text-[13px] font-medium", children: brand }),
-          /* @__PURE__ */ jsx55("nav", { "aria-label": "Sidebar navigation", className: "flex flex-1 flex-col gap-1 overflow-y-auto", children: items.map((item) => /* @__PURE__ */ jsx55(
+          brand && /* @__PURE__ */ jsx56("div", { className: "px-2 py-1 text-[13px] font-medium", children: brand }),
+          /* @__PURE__ */ jsx56("nav", { "aria-label": "Sidebar navigation", className: "flex flex-1 flex-col gap-1 overflow-y-auto", children: items.map((item) => /* @__PURE__ */ jsx56(
             VerticalItem,
             {
               item,
@@ -4134,11 +4328,11 @@ var NavBar = forwardRef53(function NavBar2({
             },
             item.id
           )) }),
-          actions && /* @__PURE__ */ jsx55("div", { className: "border-border mt-auto flex flex-col gap-2 border-t pt-3", children: actions })
+          actions && /* @__PURE__ */ jsx56("div", { className: "border-border mt-auto flex flex-col gap-2 border-t pt-3", children: actions })
         ]
       }
     ),
-    responsive && /* @__PURE__ */ jsx55(
+    responsive && /* @__PURE__ */ jsx56(
       Drawer,
       {
         open: drawerOpen,
@@ -4167,13 +4361,13 @@ function HorizontalLink({ item, active, onActivate }) {
     }
     onActivate(item.id);
   };
-  const inner = /* @__PURE__ */ jsxs47(Fragment3, { children: [
-    item.icon != null && /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "opacity-80", children: item.icon }),
-    /* @__PURE__ */ jsx55("span", { children: item.label }),
-    item.badge != null && /* @__PURE__ */ jsx55(ItemBadge, { active, children: item.badge })
+  const inner = /* @__PURE__ */ jsxs48(Fragment3, { children: [
+    item.icon != null && /* @__PURE__ */ jsx56("span", { "aria-hidden": true, className: "opacity-80", children: item.icon }),
+    /* @__PURE__ */ jsx56("span", { children: item.label }),
+    item.badge != null && /* @__PURE__ */ jsx56(ItemBadge, { active, children: item.badge })
   ] });
   if (item.href) {
-    return /* @__PURE__ */ jsx55(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx56(
       "a",
       {
         href: item.href,
@@ -4185,7 +4379,7 @@ function HorizontalLink({ item, active, onActivate }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx55(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx56(
     "button",
     {
       type: "button",
@@ -4198,8 +4392,8 @@ function HorizontalLink({ item, active, onActivate }) {
   ) });
 }
 function HorizontalDropdown({ item, active, activeId, onActivate }) {
-  return /* @__PURE__ */ jsxs47(RadixNav.Item, { children: [
-    /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(RadixNav.Item, { children: [
+    /* @__PURE__ */ jsxs48(
       RadixNav.Trigger,
       {
         className: cn(
@@ -4211,9 +4405,9 @@ function HorizontalDropdown({ item, active, activeId, onActivate }) {
         ),
         disabled: item.disabled,
         children: [
-          item.icon != null && /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "opacity-80", children: item.icon }),
-          /* @__PURE__ */ jsx55("span", { children: item.label }),
-          /* @__PURE__ */ jsx55(
+          item.icon != null && /* @__PURE__ */ jsx56("span", { "aria-hidden": true, className: "opacity-80", children: item.icon }),
+          /* @__PURE__ */ jsx56("span", { children: item.label }),
+          /* @__PURE__ */ jsx56(
             "span",
             {
               "aria-hidden": true,
@@ -4224,7 +4418,7 @@ function HorizontalDropdown({ item, active, activeId, onActivate }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx55(RadixNav.Content, { className: "border-border bg-panel min-w-[220px] rounded-xs border p-2 shadow-lg", children: /* @__PURE__ */ jsx55("ul", { className: "m-0! flex list-none! flex-col gap-[2px] p-0! [&_li]:m-0!", children: item.children.map((child) => /* @__PURE__ */ jsx55("li", { children: /* @__PURE__ */ jsx55(DropdownLink, { item: child, active: child.id === activeId, onActivate }) }, child.id)) }) })
+    /* @__PURE__ */ jsx56(RadixNav.Content, { className: "border-border bg-panel min-w-[220px] rounded-xs border p-2 shadow-lg", children: /* @__PURE__ */ jsx56("ul", { className: "m-0! flex list-none! flex-col gap-[2px] p-0! [&_li]:m-0!", children: item.children.map((child) => /* @__PURE__ */ jsx56("li", { children: /* @__PURE__ */ jsx56(DropdownLink, { item: child, active: child.id === activeId, onActivate }) }, child.id)) }) })
   ] });
 }
 function DropdownLink({ item, active, onActivate }) {
@@ -4241,13 +4435,13 @@ function DropdownLink({ item, active, onActivate }) {
     }
     onActivate(item.id);
   };
-  const inner = /* @__PURE__ */ jsxs47(Fragment3, { children: [
-    item.icon != null && /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "opacity-80", children: item.icon }),
-    /* @__PURE__ */ jsx55("span", { className: "flex-1", children: item.label }),
-    item.badge != null && /* @__PURE__ */ jsx55(ItemBadge, { active, children: item.badge })
+  const inner = /* @__PURE__ */ jsxs48(Fragment3, { children: [
+    item.icon != null && /* @__PURE__ */ jsx56("span", { "aria-hidden": true, className: "opacity-80", children: item.icon }),
+    /* @__PURE__ */ jsx56("span", { className: "flex-1", children: item.label }),
+    item.badge != null && /* @__PURE__ */ jsx56(ItemBadge, { active, children: item.badge })
   ] });
   if (item.href) {
-    return /* @__PURE__ */ jsx55(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx56(
       "a",
       {
         href: item.href,
@@ -4259,7 +4453,7 @@ function DropdownLink({ item, active, onActivate }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx55(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(RadixNav.Link, { asChild: true, active, children: /* @__PURE__ */ jsx56(
     "button",
     {
       type: "button",
@@ -4274,9 +4468,9 @@ function DropdownLink({ item, active, onActivate }) {
 function VerticalItem({ item, activeId, onActivate }) {
   const hasChildren = (item.children?.length ?? 0) > 0;
   const treeActive = isActiveTree(item, activeId);
-  const [open, setOpen] = useState14(treeActive);
-  const prevTreeActive = useRef7(treeActive);
-  useEffect9(() => {
+  const [open, setOpen] = useState15(treeActive);
+  const prevTreeActive = useRef8(treeActive);
+  useEffect10(() => {
     if (treeActive && !prevTreeActive.current) setOpen(true);
     prevTreeActive.current = treeActive;
   }, [treeActive]);
@@ -4288,7 +4482,7 @@ function VerticalItem({ item, activeId, onActivate }) {
       }
       onActivate(item.id);
     };
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       NavItem,
       {
         icon: item.icon,
@@ -4301,8 +4495,8 @@ function VerticalItem({ item, activeId, onActivate }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs47("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs48(
       "button",
       {
         type: "button",
@@ -4318,18 +4512,18 @@ function VerticalItem({ item, activeId, onActivate }) {
           item.disabled && "pointer-events-none opacity-50"
         ),
         children: [
-          item.icon != null && /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "w-[14px] text-center opacity-80", children: item.icon }),
-          /* @__PURE__ */ jsx55("span", { className: "flex-1 truncate", children: item.label }),
-          item.badge != null && /* @__PURE__ */ jsx55(ItemBadge, { active: treeActive, children: item.badge }),
-          /* @__PURE__ */ jsx55("span", { "aria-hidden": true, className: "text-[10px] opacity-60", children: open ? "\u25BE" : "\u25B8" })
+          item.icon != null && /* @__PURE__ */ jsx56("span", { "aria-hidden": true, className: "w-[14px] text-center opacity-80", children: item.icon }),
+          /* @__PURE__ */ jsx56("span", { className: "flex-1 truncate", children: item.label }),
+          item.badge != null && /* @__PURE__ */ jsx56(ItemBadge, { active: treeActive, children: item.badge }),
+          /* @__PURE__ */ jsx56("span", { "aria-hidden": true, className: "text-[10px] opacity-60", children: open ? "\u25BE" : "\u25B8" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx55("div", { className: "border-border mt-1 ml-[18px] flex flex-col gap-[2px] border-l pl-3", children: item.children.map((child) => /* @__PURE__ */ jsx55(VerticalItem, { item: child, activeId, onActivate }, child.id)) })
+    open && /* @__PURE__ */ jsx56("div", { className: "border-border mt-1 ml-[18px] flex flex-col gap-[2px] border-l pl-3", children: item.children.map((child) => /* @__PURE__ */ jsx56(VerticalItem, { item: child, activeId, onActivate }, child.id)) })
   ] });
 }
 function ItemBadge({ active, children }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "span",
     {
       className: cn(
@@ -4342,8 +4536,8 @@ function ItemBadge({ active, children }) {
 }
 // src/patterns/OnboardingChecklist/OnboardingChecklist.tsx
-import { forwardRef as forwardRef54 } from "react";
-import { Fragment as Fragment4, jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
+import { forwardRef as forwardRef55 } from "react";
+import { Fragment as Fragment4, jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
 var statusDot = {
   pending: "off",
   "in-progress": "sync",
@@ -4354,11 +4548,11 @@ var labelStateClass = {
   "in-progress": "text-text",
   done: "text-text-dim line-through"
 };
-var OnboardingChecklist = forwardRef54(
+var OnboardingChecklist = forwardRef55(
   function OnboardingChecklist2({ items, onItemClick, title = "Get started", progressLabel, hideProgress, className, ...props }, ref) {
     const total = items.length;
     const done = items.filter((i) => i.status === "done").length;
-    return /* @__PURE__ */ jsxs48(
+    return /* @__PURE__ */ jsxs49(
       "section",
       {
         ref,
@@ -4369,11 +4563,11 @@ var OnboardingChecklist = forwardRef54(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs48("header", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx56("span", { className: "text-[14px] font-medium", children: title }),
-            /* @__PURE__ */ jsx56("span", { className: "text-text-dim ml-auto font-mono text-[11px] tabular-nums", children: progressLabel ?? `${done} of ${total} complete` })
+          /* @__PURE__ */ jsxs49("header", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx57("span", { className: "text-[14px] font-medium", children: title }),
+            /* @__PURE__ */ jsx57("span", { className: "text-text-dim ml-auto font-mono text-[11px] tabular-nums", children: progressLabel ?? `${done} of ${total} complete` })
           ] }),
-          !hideProgress && total > 0 && /* @__PURE__ */ jsx56(
+          !hideProgress && total > 0 && /* @__PURE__ */ jsx57(
             "div",
             {
               role: "progressbar",
@@ -4382,7 +4576,7 @@ var OnboardingChecklist = forwardRef54(
               "aria-valuenow": done,
               "aria-label": typeof title === "string" ? `${title} progress` : "Setup progress",
               className: "bg-panel-2 h-[3px] w-full overflow-hidden rounded-full",
-              children: /* @__PURE__ */ jsx56(
+              children: /* @__PURE__ */ jsx57(
                 "span",
                 {
                   "aria-hidden": true,
@@ -4395,10 +4589,10 @@ var OnboardingChecklist = forwardRef54(
               )
             }
           ),
-          /* @__PURE__ */ jsx56("ul", { className: "m-0 flex list-none flex-col gap-1 p-0", children: items.map((item) => {
+          /* @__PURE__ */ jsx57("ul", { className: "m-0 flex list-none flex-col gap-1 p-0", children: items.map((item) => {
             const interactive = typeof onItemClick === "function";
-            const labelBlock = /* @__PURE__ */ jsxs48(Fragment4, { children: [
-              /* @__PURE__ */ jsx56(
+            const labelBlock = /* @__PURE__ */ jsxs49(Fragment4, { children: [
+              /* @__PURE__ */ jsx57(
                 StatusDot,
                 {
                   state: statusDot[item.status],
@@ -4407,17 +4601,17 @@ var OnboardingChecklist = forwardRef54(
                   className: "mt-[3px]"
                 }
               ),
-              /* @__PURE__ */ jsxs48("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
-                /* @__PURE__ */ jsx56("span", { className: cn("text-[13px]", labelStateClass[item.status]), children: item.label }),
-                item.description && /* @__PURE__ */ jsx56("span", { className: "text-text-muted text-[12px] leading-[1.45]", children: item.description })
+              /* @__PURE__ */ jsxs49("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
+                /* @__PURE__ */ jsx57("span", { className: cn("text-[13px]", labelStateClass[item.status]), children: item.label }),
+                item.description && /* @__PURE__ */ jsx57("span", { className: "text-text-muted text-[12px] leading-[1.45]", children: item.description })
               ] })
             ] });
             const labelRegionClass = cn(
               "flex flex-1 items-start gap-3 rounded-md px-2 py-2 text-left transition-colors duration-(--duration-micro)",
               interactive && "cursor-pointer outline-none hover:bg-panel-2 focus-visible:ring-[3px] focus-visible:ring-accent-dim"
             );
-            return /* @__PURE__ */ jsxs48("li", { className: "flex items-start gap-2", children: [
-              interactive ? /* @__PURE__ */ jsx56(
+            return /* @__PURE__ */ jsxs49("li", { className: "flex items-start gap-2", children: [
+              interactive ? /* @__PURE__ */ jsx57(
                 "button",
                 {
                   type: "button",
@@ -4426,8 +4620,8 @@ var OnboardingChecklist = forwardRef54(
                   className: labelRegionClass,
                   children: labelBlock
                 }
-              ) : /* @__PURE__ */ jsx56("div", { className: labelRegionClass, children: labelBlock }),
-              item.action && /* @__PURE__ */ jsx56("div", { className: "shrink-0 self-center", children: item.action })
+              ) : /* @__PURE__ */ jsx57("div", { className: labelRegionClass, children: labelBlock }),
+              item.action && /* @__PURE__ */ jsx57("div", { className: "shrink-0 self-center", children: item.action })
             ] }, item.id);
           }) })
         ]
@@ -4438,8 +4632,8 @@ var OnboardingChecklist = forwardRef54(
 OnboardingChecklist.displayName = "OnboardingChecklist";
 // src/patterns/Pagination/Pagination.tsx
-import { forwardRef as forwardRef55 } from "react";
-import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
+import { forwardRef as forwardRef56 } from "react";
+import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
 function buildRange(page, total, siblings) {
   if (total <= 0) return [];
   const items = [];
@@ -4452,9 +4646,9 @@ function buildRange(page, total, siblings) {
   if (total > 1) items.push(total);
   return items;
 }
-var Pagination = forwardRef55(function Pagination2({ page, total, onPageChange, siblings = 1, className, ...props }, ref) {
+var Pagination = forwardRef56(function Pagination2({ page, total, onPageChange, siblings = 1, className, ...props }, ref) {
   const items = buildRange(page, total, siblings);
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     "nav",
     {
       ref,
@@ -4462,7 +4656,7 @@ var Pagination = forwardRef55(function Pagination2({ page, total, onPageChange,
       className: cn("inline-flex items-center gap-1", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx58(
           IconButton,
           {
             size: "sm",
@@ -4475,7 +4669,7 @@ var Pagination = forwardRef55(function Pagination2({ page, total, onPageChange,
         ),
         items.map((item, i) => {
           if (item === "start-ellipsis" || item === "end-ellipsis") {
-            return /* @__PURE__ */ jsx57(
+            return /* @__PURE__ */ jsx58(
               "span",
               {
                 "aria-hidden": true,
@@ -4486,7 +4680,7 @@ var Pagination = forwardRef55(function Pagination2({ page, total, onPageChange,
             );
           }
           const isActive = item === page;
-          return /* @__PURE__ */ jsx57(
+          return /* @__PURE__ */ jsx58(
             "button",
             {
               type: "button",
@@ -4504,7 +4698,7 @@ var Pagination = forwardRef55(function Pagination2({ page, total, onPageChange,
             item
           );
         }),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx58(
           IconButton,
           {
             size: "sm",
@@ -4522,10 +4716,10 @@ var Pagination = forwardRef55(function Pagination2({ page, total, onPageChange,
 Pagination.displayName = "Pagination";
 // src/patterns/Progress/Progress.tsx
-import { cva as cva11 } from "class-variance-authority";
-import { forwardRef as forwardRef56 } from "react";
-import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
-var trackStyles = cva11("w-full rounded-full bg-panel-2 overflow-hidden", {
+import { cva as cva12 } from "class-variance-authority";
+import { forwardRef as forwardRef57 } from "react";
+import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
+var trackStyles = cva12("w-full rounded-full bg-panel-2 overflow-hidden", {
   variants: {
     size: {
       sm: "h-[3px]",
@@ -4535,7 +4729,7 @@ var trackStyles = cva11("w-full rounded-full bg-panel-2 overflow-hidden", {
   },
   defaultVariants: { size: "md" }
 });
-var fillStyles = cva11("h-full rounded-full transition-[width] duration-(--duration-step)", {
+var fillStyles = cva12("h-full rounded-full transition-[width] duration-(--duration-step)", {
   variants: {
     tone: {
       accent: "bg-accent",
@@ -4546,7 +4740,7 @@ var fillStyles = cva11("h-full rounded-full transition-[width] duration-(--durat
   },
   defaultVariants: { tone: "accent" }
 });
-var Progress = forwardRef56(function Progress2({
+var Progress = forwardRef57(function Progress2({
   value = 0,
   max = 100,
   indeterminate = false,
@@ -4560,15 +4754,15 @@ var Progress = forwardRef56(function Progress2({
   const clamped = Math.min(max, Math.max(0, value));
   const pct = max > 0 ? clamped / max * 100 : 0;
   const display = Math.round(pct);
-  return /* @__PURE__ */ jsxs50("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...props, children: [
-    label != null && /* @__PURE__ */ jsxs50("div", { className: "flex text-[12px]", children: [
-      /* @__PURE__ */ jsx58("span", { className: "text-text-muted", children: label }),
-      showValue && !indeterminate && /* @__PURE__ */ jsxs50("span", { className: "text-text ml-auto font-mono tabular-nums", children: [
+  return /* @__PURE__ */ jsxs51("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...props, children: [
+    label != null && /* @__PURE__ */ jsxs51("div", { className: "flex text-[12px]", children: [
+      /* @__PURE__ */ jsx59("span", { className: "text-text-muted", children: label }),
+      showValue && !indeterminate && /* @__PURE__ */ jsxs51("span", { className: "text-text ml-auto font-mono tabular-nums", children: [
         display,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       "div",
       {
         role: "progressbar",
@@ -4577,7 +4771,7 @@ var Progress = forwardRef56(function Progress2({
         "aria-valuenow": indeterminate ? void 0 : display,
         "aria-label": typeof label === "string" ? label : void 0,
         className: trackStyles({ size }),
-        children: indeterminate ? /* @__PURE__ */ jsx58(
+        children: indeterminate ? /* @__PURE__ */ jsx59(
           "span",
           {
             "aria-hidden": true,
@@ -4587,7 +4781,7 @@ var Progress = forwardRef56(function Progress2({
               "animate-[ship-indeterminate_1.4s_linear_infinite]"
             )
           }
-        ) : /* @__PURE__ */ jsx58("span", { "aria-hidden": true, className: fillStyles({ tone }), style: { width: `${pct}%` } })
+        ) : /* @__PURE__ */ jsx59("span", { "aria-hidden": true, className: fillStyles({ tone }), style: { width: `${pct}%` } })
       }
     )
   ] });
@@ -4595,18 +4789,18 @@ var Progress = forwardRef56(function Progress2({
 Progress.displayName = "Progress";
 // src/patterns/PullToRefresh/PullToRefresh.tsx
-import { forwardRef as forwardRef57 } from "react";
-import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
+import { forwardRef as forwardRef58 } from "react";
+import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
 var labels = {
   idle: "Pull to refresh",
   pulling: "Pull to refresh",
   ready: "Release to refresh",
   loading: "Refreshing\u2026"
 };
-var PullToRefresh = forwardRef57(function PullToRefresh2({ state = "idle", label, className, ...props }, ref) {
+var PullToRefresh = forwardRef58(function PullToRefresh2({ state = "idle", label, className, ...props }, ref) {
   const isLoading = state === "loading";
   const transform = state === "ready" ? "rotate(180deg)" : state === "pulling" ? "rotate(90deg)" : "rotate(0deg)";
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs52(
     "div",
     {
       ref,
@@ -4616,7 +4810,7 @@ var PullToRefresh = forwardRef57(function PullToRefresh2({ state = "idle", label
       className: cn("text-text-muted flex flex-col items-center gap-[6px] py-3", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx60(
           "div",
           {
             "aria-hidden": true,
@@ -4632,7 +4826,7 @@ var PullToRefresh = forwardRef57(function PullToRefresh2({ state = "idle", label
             }
           }
         ),
-        /* @__PURE__ */ jsx59("span", { className: "text-m-eyebrow font-mono tracking-wide uppercase", children: label ?? labels[state] })
+        /* @__PURE__ */ jsx60("span", { className: "text-m-eyebrow font-mono tracking-wide uppercase", children: label ?? labels[state] })
       ]
     }
   );
@@ -4640,8 +4834,8 @@ var PullToRefresh = forwardRef57(function PullToRefresh2({ state = "idle", label
 PullToRefresh.displayName = "PullToRefresh";
 // src/patterns/Sparkline/Sparkline.tsx
-import { forwardRef as forwardRef58, useMemo as useMemo5 } from "react";
-import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
+import { forwardRef as forwardRef59, useMemo as useMemo5 } from "react";
+import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
 function buildPath(values, w, h) {
   if (values.length === 0) return { line: "", area: "" };
   const pad = 2;
@@ -4660,7 +4854,7 @@ function buildPath(values, w, h) {
   )} L${pad.toFixed(2)},${(h - pad).toFixed(2)} Z`;
   return { line, area };
 }
-var Sparkline = forwardRef58(function Sparkline2({
+var Sparkline = forwardRef59(function Sparkline2({
   values,
   width = 160,
   height = 32,
@@ -4672,7 +4866,7 @@ var Sparkline = forwardRef58(function Sparkline2({
   ...props
 }, ref) {
   const { line, area } = useMemo5(() => buildPath(values, width, height), [values, width, height]);
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs53(
     "svg",
     {
       ref,
@@ -4684,8 +4878,8 @@ var Sparkline = forwardRef58(function Sparkline2({
       className: cn("inline-block", className),
       ...props,
       children: [
-        fill && /* @__PURE__ */ jsx60("path", { d: area, fill: stroke, fillOpacity: 0.16, stroke: "none" }),
-        /* @__PURE__ */ jsx60(
+        fill && /* @__PURE__ */ jsx61("path", { d: area, fill: stroke, fillOpacity: 0.16, stroke: "none" }),
+        /* @__PURE__ */ jsx61(
           "path",
           {
             d: line,
@@ -4703,16 +4897,16 @@ var Sparkline = forwardRef58(function Sparkline2({
 Sparkline.displayName = "Sparkline";
 // src/patterns/Spinner/Spinner.tsx
-import { forwardRef as forwardRef59 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { forwardRef as forwardRef60 } from "react";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var sizes = {
   sm: { box: "h-3 w-3", border: "border-[2px]" },
   md: { box: "h-4 w-4", border: "border-[2px]" },
   lg: { box: "h-5 w-5", border: "border-[2px]" }
 };
-var Spinner2 = forwardRef59(function Spinner3({ size = "md", label = "Loading", className, ...props }, ref) {
+var Spinner2 = forwardRef60(function Spinner3({ size = "md", label = "Loading", className, ...props }, ref) {
   const s = sizes[size];
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     "span",
     {
       ref,
@@ -4720,7 +4914,7 @@ var Spinner2 = forwardRef59(function Spinner3({ size = "md", label = "Loading",
       "aria-label": label,
       className: cn("inline-block", className),
       ...props,
-      children: /* @__PURE__ */ jsx61(
+      children: /* @__PURE__ */ jsx62(
         "span",
         {
           "aria-hidden": true,
@@ -4737,8 +4931,8 @@ var Spinner2 = forwardRef59(function Spinner3({ size = "md", label = "Loading",
 Spinner2.displayName = "Spinner";
 // src/patterns/Stepper/Stepper.tsx
-import { forwardRef as forwardRef60, Fragment as Fragment5 } from "react";
-import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
+import { forwardRef as forwardRef61, Fragment as Fragment5 } from "react";
+import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
 var dotBase = "h-6 w-6 rounded-full grid place-items-center text-[11px] font-mono font-semibold border";
 var dotStateClass = {
   done: "bg-accent text-on-accent border-accent",
@@ -4755,8 +4949,8 @@ function stateFor(index, current) {
   if (index === current) return "current";
   return "upcoming";
 }
-var Stepper = forwardRef60(function Stepper2({ steps, current, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx62(
+var Stepper = forwardRef61(function Stepper2({ steps, current, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx63(
     "ol",
     {
       ref,
@@ -4768,19 +4962,19 @@ var Stepper = forwardRef60(function Stepper2({ steps, current, className, ...pro
         const id = typeof step === "string" ? void 0 : step.id;
         const state = stateFor(i, current);
         const connectorActive = i < current;
-        return /* @__PURE__ */ jsxs53(Fragment5, { children: [
-          /* @__PURE__ */ jsxs53(
+        return /* @__PURE__ */ jsxs54(Fragment5, { children: [
+          /* @__PURE__ */ jsxs54(
             "li",
             {
               "aria-current": state === "current" ? "step" : void 0,
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx62("span", { "aria-hidden": true, className: cn(dotBase, dotStateClass[state]), children: state === "done" ? "\u2713" : i + 1 }),
-                /* @__PURE__ */ jsx62("span", { className: cn("text-[12px]", labelStateClass2[state]), children: label })
+                /* @__PURE__ */ jsx63("span", { "aria-hidden": true, className: cn(dotBase, dotStateClass[state]), children: state === "done" ? "\u2713" : i + 1 }),
+                /* @__PURE__ */ jsx63("span", { className: cn("text-[12px]", labelStateClass2[state]), children: label })
               ]
             }
           ),
-          i < steps.length - 1 && /* @__PURE__ */ jsx62(
+          i < steps.length - 1 && /* @__PURE__ */ jsx63(
             "span",
             {
               "aria-hidden": true,
@@ -4796,16 +4990,16 @@ Stepper.displayName = "Stepper";
 // src/patterns/TabBar/TabBar.tsx
 import {
-  forwardRef as forwardRef61,
-  useCallback as useCallback11,
-  useState as useState15
+  forwardRef as forwardRef62,
+  useCallback as useCallback12,
+  useState as useState16
 } from "react";
-import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
-var TabBar = forwardRef61(function TabBar2({ items, value, defaultValue, onValueChange, className, ...props }, ref) {
+import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
+var TabBar = forwardRef62(function TabBar2({ items, value, defaultValue, onValueChange, className, ...props }, ref) {
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState15(defaultValue);
+  const [internalValue, setInternalValue] = useState16(defaultValue);
   const activeId = isControlled ? value : internalValue;
-  const handleSelect = useCallback11(
+  const handleSelect = useCallback12(
     (id, e) => {
       if (!isControlled) setInternalValue(id);
       onValueChange?.(id);
@@ -4813,7 +5007,7 @@ var TabBar = forwardRef61(function TabBar2({ items, value, defaultValue, onValue
     },
     [isControlled, onValueChange]
   );
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "nav",
     {
       ref,
@@ -4828,7 +5022,7 @@ var TabBar = forwardRef61(function TabBar2({ items, value, defaultValue, onValue
       children: items.map((item) => {
         const isActive = item.id === activeId;
         if (item.elevated) {
-          return /* @__PURE__ */ jsx63("div", { className: "grid place-items-center", children: /* @__PURE__ */ jsxs54(
+          return /* @__PURE__ */ jsx64("div", { className: "grid place-items-center", children: /* @__PURE__ */ jsxs55(
             "button",
             {
               type: "button",
@@ -4844,13 +5038,13 @@ var TabBar = forwardRef61(function TabBar2({ items, value, defaultValue, onValue
                 "disabled:cursor-not-allowed disabled:opacity-40"
               ),
               children: [
-                /* @__PURE__ */ jsx63("span", { "aria-hidden": true, children: item.icon }),
-                /* @__PURE__ */ jsx63("span", { className: "sr-only", children: item.label })
+                /* @__PURE__ */ jsx64("span", { "aria-hidden": true, children: item.icon }),
+                /* @__PURE__ */ jsx64("span", { className: "sr-only", children: item.label })
               ]
             }
           ) }, item.id);
         }
-        return /* @__PURE__ */ jsxs54(
+        return /* @__PURE__ */ jsxs55(
           "button",
           {
             type: "button",
@@ -4865,9 +5059,9 @@ var TabBar = forwardRef61(function TabBar2({ items, value, defaultValue, onValue
               isActive ? "text-accent-text" : "text-text-muted hover:text-text"
             ),
             children: [
-              /* @__PURE__ */ jsxs54("span", { className: "relative inline-flex", "aria-hidden": true, children: [
+              /* @__PURE__ */ jsxs55("span", { className: "relative inline-flex", "aria-hidden": true, children: [
                 item.icon,
-                item.badge != null && /* @__PURE__ */ jsx63(
+                item.badge != null && /* @__PURE__ */ jsx64(
                   "span",
                   {
                     className: cn(
@@ -4878,9 +5072,9 @@ var TabBar = forwardRef61(function TabBar2({ items, value, defaultValue, onValue
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs54("span", { className: "text-[10px] font-medium tracking-tight", children: [
+              /* @__PURE__ */ jsxs55("span", { className: "text-[10px] font-medium tracking-tight", children: [
                 item.label,
-                item.badge != null && /* @__PURE__ */ jsxs54("span", { className: "sr-only", children: [
+                item.badge != null && /* @__PURE__ */ jsxs55("span", { className: "sr-only", children: [
                   ", ",
                   item.badge,
                   " unread"
@@ -4898,11 +5092,11 @@ TabBar.displayName = "TabBar";
 // src/patterns/Tabs/Tabs.tsx
 import * as RadixTabs from "@radix-ui/react-tabs";
-import { cva as cva12 } from "class-variance-authority";
-import { createContext as createContext2, forwardRef as forwardRef62, useContext as useContext2 } from "react";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { cva as cva13 } from "class-variance-authority";
+import { createContext as createContext2, forwardRef as forwardRef63, useContext as useContext2 } from "react";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var TabsVariantContext = createContext2("underline");
-var tabsListStyles = cva12("", {
+var tabsListStyles = cva13("", {
   variants: {
     variant: {
       underline: "flex gap-6 border-b border-border",
@@ -4910,7 +5104,7 @@ var tabsListStyles = cva12("", {
     }
   }
 });
-var tabsTriggerStyles = cva12(
+var tabsTriggerStyles = cva13(
   "cursor-pointer outline-none transition-colors duration-(--duration-micro) focus-visible:ring-[3px] focus-visible:ring-accent-dim",
   {
     variants: {
@@ -4931,8 +5125,8 @@ var tabsTriggerStyles = cva12(
     }
   }
 );
-var Tabs = forwardRef62(function Tabs2({ variant = "underline", className, ...props }, ref) {
-  return /* @__PURE__ */ jsx64(TabsVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx64(
+var Tabs = forwardRef63(function Tabs2({ variant = "underline", className, ...props }, ref) {
+  return /* @__PURE__ */ jsx65(TabsVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx65(
     RadixTabs.Root,
     {
       ref,
@@ -4942,14 +5136,14 @@ var Tabs = forwardRef62(function Tabs2({ variant = "underline", className, ...pr
   ) });
 });
 Tabs.displayName = "Tabs";
-var TabsList = forwardRef62(function TabsList2({ className, ...props }, ref) {
+var TabsList = forwardRef63(function TabsList2({ className, ...props }, ref) {
   const variant = useContext2(TabsVariantContext);
-  return /* @__PURE__ */ jsx64(RadixTabs.List, { ref, className: cn(tabsListStyles({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx65(RadixTabs.List, { ref, className: cn(tabsListStyles({ variant }), className), ...props });
 });
 TabsList.displayName = "TabsList";
-var Tab = forwardRef62(function Tab2({ className, ...props }, ref) {
+var Tab = forwardRef63(function Tab2({ className, ...props }, ref) {
   const variant = useContext2(TabsVariantContext);
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     RadixTabs.Trigger,
     {
       ref,
@@ -4959,9 +5153,9 @@ var Tab = forwardRef62(function Tab2({ className, ...props }, ref) {
   );
 });
 Tab.displayName = "Tab";
-var TabsContent = forwardRef62(
+var TabsContent = forwardRef63(
   function TabsContent2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx65(
       RadixTabs.Content,
       {
         ref,
@@ -4977,8 +5171,8 @@ var TabsContent = forwardRef62(
 TabsContent.displayName = "TabsContent";
 // src/patterns/Timeline/Timeline.tsx
-import { forwardRef as forwardRef63 } from "react";
-import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
+import { forwardRef as forwardRef64 } from "react";
+import { jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
 var ringClass = {
   accent: "border-accent",
   ok: "border-ok",
@@ -4986,8 +5180,8 @@ var ringClass = {
   err: "border-err",
   muted: "border-text-dim"
 };
-var Timeline = forwardRef63(function Timeline2({ events, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx65(
+var Timeline = forwardRef64(function Timeline2({ events, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx66(
     "ol",
     {
       ref,
@@ -4997,14 +5191,14 @@ var Timeline = forwardRef63(function Timeline2({ events, className, children, ..
         className
       ),
       ...props,
-      children: events ? events.map((e, i) => /* @__PURE__ */ jsx65(TimelineItem, { tone: e.tone, time: e.time, description: e.description, children: e.title }, i)) : children
+      children: events ? events.map((e, i) => /* @__PURE__ */ jsx66(TimelineItem, { tone: e.tone, time: e.time, description: e.description, children: e.title }, i)) : children
     }
   );
 });
 Timeline.displayName = "Timeline";
-var TimelineItem = forwardRef63(function TimelineItem2({ tone = "accent", description, time, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs55("li", { ref, className: cn("relative mb-[18px] last:mb-0", className), ...props, children: [
-    /* @__PURE__ */ jsx65(
+var TimelineItem = forwardRef64(function TimelineItem2({ tone = "accent", description, time, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs56("li", { ref, className: cn("relative mb-[18px] last:mb-0", className), ...props, children: [
+    /* @__PURE__ */ jsx66(
       "span",
       {
         "aria-hidden": true,
@@ -5014,15 +5208,15 @@ var TimelineItem = forwardRef63(function TimelineItem2({ tone = "accent", descri
         )
       }
     ),
-    /* @__PURE__ */ jsx65("div", { className: "text-[13px] font-medium", children }),
-    description && /* @__PURE__ */ jsx65("div", { className: "text-text-muted text-[12px]", children: description }),
-    time && /* @__PURE__ */ jsx65("div", { className: "text-text-dim mt-[2px] font-mono text-[10px]", children: time })
+    /* @__PURE__ */ jsx66("div", { className: "text-[13px] font-medium", children }),
+    description && /* @__PURE__ */ jsx66("div", { className: "text-text-muted text-[12px]", children: description }),
+    time && /* @__PURE__ */ jsx66("div", { className: "text-text-dim mt-[2px] font-mono text-[10px]", children: time })
   ] });
 });
 TimelineItem.displayName = "TimelineItem";
 // src/patterns/Timeline/ActivityTimeline.tsx
-import { forwardRef as forwardRef64 } from "react";
+import { forwardRef as forwardRef65 } from "react";
 // src/patterns/Timeline/formatRelative.ts
 var SECOND = 1e3;
@@ -5057,7 +5251,7 @@ function formatRelative(input, now = /* @__PURE__ */ new Date()) {
 }
 // src/patterns/Timeline/ActivityTimeline.tsx
-import { jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
 var ringClass2 = {
   accent: "border-accent",
   ok: "border-ok",
@@ -5065,10 +5259,10 @@ var ringClass2 = {
   err: "border-err",
   muted: "border-text-dim"
 };
-var ActivityTimeline = forwardRef64(
+var ActivityTimeline = forwardRef65(
   function ActivityTimeline2({ events, relativeNow, className, ...props }, ref) {
     const now = relativeNow ?? /* @__PURE__ */ new Date();
-    return /* @__PURE__ */ jsx66(
+    return /* @__PURE__ */ jsx67(
       "ol",
       {
         ref,
@@ -5081,8 +5275,8 @@ var ActivityTimeline = forwardRef64(
         children: events.map((event) => {
           const tone = event.tone ?? "accent";
           const time = formatRelative(event.at, now);
-          return /* @__PURE__ */ jsxs56("li", { className: "relative mb-4 last:mb-0", children: [
-            /* @__PURE__ */ jsx66(
+          return /* @__PURE__ */ jsxs57("li", { className: "relative mb-4 last:mb-0", children: [
+            /* @__PURE__ */ jsx67(
               "span",
               {
                 "aria-hidden": true,
@@ -5092,16 +5286,16 @@ var ActivityTimeline = forwardRef64(
                 )
               }
             ),
-            /* @__PURE__ */ jsxs56("div", { className: "flex items-baseline gap-2", children: [
-              event.icon && /* @__PURE__ */ jsx66("span", { "aria-hidden": true, className: "text-text-muted font-mono text-[12px]", children: event.icon }),
-              /* @__PURE__ */ jsx66("div", { className: "text-[13px] font-medium", children: event.title }),
-              time && /* @__PURE__ */ jsx66("time", { className: "text-text-dim ml-auto font-mono text-[10px]", children: time })
+            /* @__PURE__ */ jsxs57("div", { className: "flex items-baseline gap-2", children: [
+              event.icon && /* @__PURE__ */ jsx67("span", { "aria-hidden": true, className: "text-text-muted font-mono text-[12px]", children: event.icon }),
+              /* @__PURE__ */ jsx67("div", { className: "text-[13px] font-medium", children: event.title }),
+              time && /* @__PURE__ */ jsx67("time", { className: "text-text-dim ml-auto font-mono text-[10px]", children: time })
             ] }),
-            event.actor && /* @__PURE__ */ jsxs56("div", { className: "text-text-muted mt-[2px] flex items-center gap-[6px] text-[12px]", children: [
-              event.actor.avatar && /* @__PURE__ */ jsx66("span", { "aria-hidden": true, className: "inline-flex", children: event.actor.avatar }),
-              /* @__PURE__ */ jsx66("span", { children: event.actor.name })
+            event.actor && /* @__PURE__ */ jsxs57("div", { className: "text-text-muted mt-[2px] flex items-center gap-[6px] text-[12px]", children: [
+              event.actor.avatar && /* @__PURE__ */ jsx67("span", { "aria-hidden": true, className: "inline-flex", children: event.actor.avatar }),
+              /* @__PURE__ */ jsx67("span", { children: event.actor.name })
             ] }),
-            event.payload && /* @__PURE__ */ jsx66("div", { className: "border-border bg-panel-2 mt-2 rounded-md border px-3 py-2 font-mono text-[11px] leading-[1.5]", children: event.payload })
+            event.payload && /* @__PURE__ */ jsx67("div", { className: "border-border bg-panel-2 mt-2 rounded-md border px-3 py-2 font-mono text-[11px] leading-[1.5]", children: event.payload })
           ] }, event.id);
         })
       }
@@ -5111,9 +5305,9 @@ var ActivityTimeline = forwardRef64(
 ActivityTimeline.displayName = "ActivityTimeline";
 // src/patterns/Topbar/Topbar.tsx
-import { forwardRef as forwardRef65 } from "react";
-import { jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
-var Topbar = forwardRef65(function Topbar2({
+import { forwardRef as forwardRef66 } from "react";
+import { jsx as jsx68, jsxs as jsxs58 } from "react/jsx-runtime";
+var Topbar = forwardRef66(function Topbar2({
   title,
   eyebrow,
   leading,
@@ -5127,7 +5321,7 @@ var Topbar = forwardRef65(function Topbar2({
 }, ref) {
   const isTouch = density === "touch";
   const backHandler = typeof back === "function" ? back : back ? onBack : void 0;
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     "header",
     {
       ref,
@@ -5138,7 +5332,7 @@ var Topbar = forwardRef65(function Topbar2({
       ),
       ...props,
       children: [
-        isTouch && back && /* @__PURE__ */ jsx67(
+        isTouch && back && /* @__PURE__ */ jsx68(
           "button",
           {
             type: "button",
@@ -5152,7 +5346,7 @@ var Topbar = forwardRef65(function Topbar2({
               "hover:bg-panel-2 h-touch w-touch",
               "focus-visible:ring-accent-dim outline-none focus-visible:ring-[3px]"
             ),
-            children: /* @__PURE__ */ jsx67(
+            children: /* @__PURE__ */ jsx68(
               "svg",
               {
                 width: "20",
@@ -5162,15 +5356,15 @@ var Topbar = forwardRef65(function Topbar2({
                 stroke: "currentColor",
                 strokeWidth: "2",
                 "aria-hidden": true,
-                children: /* @__PURE__ */ jsx67("path", { d: "m15 18-6-6 6-6" })
+                children: /* @__PURE__ */ jsx68("path", { d: "m15 18-6-6 6-6" })
               }
             )
           }
         ),
         leading,
-        (title || isTouch && eyebrow) && /* @__PURE__ */ jsxs57("div", { className: cn("min-w-0", isTouch && "flex-1"), children: [
-          isTouch && eyebrow && /* @__PURE__ */ jsx67("div", { className: "text-m-eyebrow text-accent font-mono tracking-wide uppercase", children: eyebrow }),
-          title && /* @__PURE__ */ jsx67(
+        (title || isTouch && eyebrow) && /* @__PURE__ */ jsxs58("div", { className: cn("min-w-0", isTouch && "flex-1"), children: [
+          isTouch && eyebrow && /* @__PURE__ */ jsx68("div", { className: "text-m-eyebrow text-accent font-mono tracking-wide uppercase", children: eyebrow }),
+          title && /* @__PURE__ */ jsx68(
             "div",
             {
               className: cn(
@@ -5180,8 +5374,8 @@ var Topbar = forwardRef65(function Topbar2({
             }
           )
         ] }),
-        !isTouch && /* @__PURE__ */ jsx67("div", { className: "flex flex-1 items-center" }),
-        actions && /* @__PURE__ */ jsx67("div", { className: cn("flex items-center", isTouch ? "gap-1" : "gap-3"), children: actions }),
+        !isTouch && /* @__PURE__ */ jsx68("div", { className: "flex flex-1 items-center" }),
+        actions && /* @__PURE__ */ jsx68("div", { className: cn("flex items-center", isTouch ? "gap-1" : "gap-3"), children: actions }),
         children
       ]
     }
@@ -5191,14 +5385,14 @@ Topbar.displayName = "Topbar";
 // src/patterns/Tree/Tree.tsx
 import {
-  forwardRef as forwardRef66,
-  useCallback as useCallback12,
-  useEffect as useEffect10,
+  forwardRef as forwardRef67,
+  useCallback as useCallback13,
+  useEffect as useEffect11,
   useMemo as useMemo6,
-  useRef as useRef8,
-  useState as useState16
+  useRef as useRef9,
+  useState as useState17
 } from "react";
-import { jsx as jsx68, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs59 } from "react/jsx-runtime";
 var EMPTY_SET2 = /* @__PURE__ */ new Set();
 function flattenVisible(items, expanded, level, parentId, out) {
   for (const item of items) {
@@ -5209,7 +5403,7 @@ function flattenVisible(items, expanded, level, parentId, out) {
     }
   }
 }
-var Tree = forwardRef66(function Tree2({
+var Tree = forwardRef67(function Tree2({
   items,
   expanded: expandedProp,
   defaultExpanded,
@@ -5237,8 +5431,8 @@ var Tree = forwardRef66(function Tree2({
     flattenVisible(items, expandedSet, 1, null, out);
     return out;
   }, [items, expandedSet]);
-  const [activeId, setActiveId] = useState16(null);
-  useEffect10(() => {
+  const [activeId, setActiveId] = useState17(null);
+  useEffect11(() => {
     if (activeId && !flatVisible.some((f) => f.id === activeId)) {
       setActiveId(null);
     }
@@ -5248,8 +5442,8 @@ var Tree = forwardRef66(function Tree2({
     if (value && flatVisible.some((f) => f.id === value)) return value;
     return flatVisible[0]?.id ?? null;
   }, [activeId, flatVisible, value]);
-  const listRef = useRef8(null);
-  const setRefs = useCallback12(
+  const listRef = useRef9(null);
+  const setRefs = useCallback13(
     (node) => {
       listRef.current = node;
       if (typeof ref === "function") ref(node);
@@ -5257,20 +5451,20 @@ var Tree = forwardRef66(function Tree2({
     },
     [ref]
   );
-  const focusItem = useCallback12((id) => {
+  const focusItem = useCallback13((id) => {
     const root = listRef.current;
     if (!root) return;
     const el = root.querySelector(`[data-treeitem-id="${CSS.escape(id)}"]`);
     el?.focus();
   }, []);
-  const moveActive = useCallback12(
+  const moveActive = useCallback13(
     (id) => {
       setActiveId(id);
       queueMicrotask(() => focusItem(id));
     },
     [focusItem]
   );
-  const toggle = useCallback12(
+  const toggle = useCallback13(
     (id) => {
       setExpanded((prev) => {
         const next = new Set(prev ?? EMPTY_SET2);
@@ -5281,7 +5475,7 @@ var Tree = forwardRef66(function Tree2({
     },
     [setExpanded]
   );
-  const expand = useCallback12(
+  const expand = useCallback13(
     (id) => {
       setExpanded((prev) => {
         const base = prev ?? EMPTY_SET2;
@@ -5293,7 +5487,7 @@ var Tree = forwardRef66(function Tree2({
     },
     [setExpanded]
   );
-  const collapse = useCallback12(
+  const collapse = useCallback13(
     (id) => {
       setExpanded((prev) => {
         const base = prev ?? EMPTY_SET2;
@@ -5305,13 +5499,13 @@ var Tree = forwardRef66(function Tree2({
     },
     [setExpanded]
   );
-  const selectItem = useCallback12(
+  const selectItem = useCallback13(
     (id) => {
       setValue(id);
     },
     [setValue]
   );
-  const handleKeyDown = useCallback12(
+  const handleKeyDown = useCallback13(
     (e) => {
       onKeyDown?.(e);
       if (e.defaultPrevented) return;
@@ -5391,7 +5585,7 @@ var Tree = forwardRef66(function Tree2({
       toggle
     ]
   );
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "ul",
     {
       ref: setRefs,
@@ -5399,7 +5593,7 @@ var Tree = forwardRef66(function Tree2({
       className: cn("flex flex-col gap-px text-[12px]", className),
       onKeyDown: handleKeyDown,
       ...props,
-      children: items.map((item) => /* @__PURE__ */ jsx68(
+      children: items.map((item) => /* @__PURE__ */ jsx69(
         TreeItemRow,
         {
           item,
@@ -5434,8 +5628,8 @@ function TreeItemRow({
   const isExpanded = hasChildren && expanded.has(item.id);
   const isSelected = selected === item.id;
   const isTabStop = tabStopId === item.id;
-  return /* @__PURE__ */ jsxs58("li", { role: "none", children: [
-    /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59("li", { role: "none", children: [
+    /* @__PURE__ */ jsxs59(
       "div",
       {
         role: "treeitem",
@@ -5458,14 +5652,14 @@ function TreeItemRow({
           isSelected ? "bg-accent-dim text-accent" : "text-text hover:bg-panel-2"
         ),
         children: [
-          /* @__PURE__ */ jsx68("span", { "aria-hidden": true, className: "text-text-dim grid w-3 place-items-center text-[10px]", children: hasChildren ? isExpanded ? "\u25BE" : "\u25B8" : "" }),
-          item.icon && /* @__PURE__ */ jsx68("span", { "aria-hidden": true, className: "text-[12px] opacity-80", children: item.icon }),
-          /* @__PURE__ */ jsx68("span", { className: "flex-1 truncate", children: item.label }),
+          /* @__PURE__ */ jsx69("span", { "aria-hidden": true, className: "text-text-dim grid w-3 place-items-center text-[10px]", children: hasChildren ? isExpanded ? "\u25BE" : "\u25B8" : "" }),
+          item.icon && /* @__PURE__ */ jsx69("span", { "aria-hidden": true, className: "text-[12px] opacity-80", children: item.icon }),
+          /* @__PURE__ */ jsx69("span", { className: "flex-1 truncate", children: item.label }),
           item.trailing
         ]
       }
     ),
-    hasChildren && isExpanded && /* @__PURE__ */ jsx68("ul", { role: "group", className: "flex flex-col gap-px", children: (item.children ?? []).map((child) => /* @__PURE__ */ jsx68(
+    hasChildren && isExpanded && /* @__PURE__ */ jsx69("ul", { role: "group", className: "flex flex-col gap-px", children: (item.children ?? []).map((child) => /* @__PURE__ */ jsx69(
       TreeItemRow,
       {
         item: child,
@@ -5484,9 +5678,9 @@ function TreeItemRow({
 // src/patterns/WizardDialog/WizardDialog.tsx
 import * as RadixDialog5 from "@radix-ui/react-dialog";
-import { forwardRef as forwardRef67, useCallback as useCallback13, useMemo as useMemo7, useState as useState17 } from "react";
-import { jsx as jsx69, jsxs as jsxs59 } from "react/jsx-runtime";
-var WizardDialog = forwardRef67(function WizardDialog2({
+import { forwardRef as forwardRef68, useCallback as useCallback14, useMemo as useMemo7, useState as useState18 } from "react";
+import { jsx as jsx70, jsxs as jsxs60 } from "react/jsx-runtime";
+var WizardDialog = forwardRef68(function WizardDialog2({
   open,
   defaultOpen,
   onOpenChange,
@@ -5502,18 +5696,18 @@ var WizardDialog = forwardRef67(function WizardDialog2({
   cancelLabel,
   onCancel
 }, ref) {
-  const [current, setCurrent] = useState17(initialStep);
+  const [current, setCurrent] = useState18(initialStep);
   const total = steps.length;
   const safeCurrent = Math.min(current, Math.max(0, total - 1));
   const step = steps[safeCurrent];
-  const goTo = useCallback13(
+  const goTo = useCallback14(
     (index) => {
       setCurrent(Math.min(Math.max(0, index), Math.max(0, total - 1)));
     },
     [total]
   );
-  const goNext = useCallback13(() => setCurrent((c) => Math.min(c + 1, total - 1)), [total]);
-  const goBack = useCallback13(() => setCurrent((c) => Math.max(c - 1, 0)), []);
+  const goNext = useCallback14(() => setCurrent((c) => Math.min(c + 1, total - 1)), [total]);
+  const goBack = useCallback14(() => setCurrent((c) => Math.max(c - 1, 0)), []);
   const ctx = useMemo7(
     () => ({
       current: safeCurrent,
@@ -5537,23 +5731,23 @@ var WizardDialog = forwardRef67(function WizardDialog2({
       goNext();
     }
   };
-  return /* @__PURE__ */ jsx69(DialogRoot, { open, defaultOpen, onOpenChange, children: /* @__PURE__ */ jsxs59(DialogContent, { ref, width, children: [
-    title && /* @__PURE__ */ jsx69(WizardTitle, { children: title }),
-    description && /* @__PURE__ */ jsx69(WizardDescription, { children: description }),
-    /* @__PURE__ */ jsx69("div", { className: "mb-5", children: /* @__PURE__ */ jsx69(Stepper, { steps: stepperSteps, current: safeCurrent }) }),
-    /* @__PURE__ */ jsx69("div", { className: "mb-5", children: body }),
-    /* @__PURE__ */ jsxs59("div", { className: "flex justify-end gap-2", children: [
-      cancelLabel && /* @__PURE__ */ jsx69(Button, { type: "button", variant: "ghost", onClick: onCancel, children: cancelLabel }),
-      /* @__PURE__ */ jsx69(Button, { type: "button", variant: "secondary", onClick: goBack, disabled: ctx.isFirst, children: backLabel }),
-      /* @__PURE__ */ jsx69(Button, { type: "button", variant: "primary", onClick: handlePrimary, disabled: !canAdvance, children: ctx.isLast ? completeLabel : nextLabel })
+  return /* @__PURE__ */ jsx70(DialogRoot, { open, defaultOpen, onOpenChange, children: /* @__PURE__ */ jsxs60(DialogContent, { ref, width, children: [
+    title && /* @__PURE__ */ jsx70(WizardTitle, { children: title }),
+    description && /* @__PURE__ */ jsx70(WizardDescription, { children: description }),
+    /* @__PURE__ */ jsx70("div", { className: "mb-5", children: /* @__PURE__ */ jsx70(Stepper, { steps: stepperSteps, current: safeCurrent }) }),
+    /* @__PURE__ */ jsx70("div", { className: "mb-5", children: body }),
+    /* @__PURE__ */ jsxs60("div", { className: "flex justify-end gap-2", children: [
+      cancelLabel && /* @__PURE__ */ jsx70(Button, { type: "button", variant: "ghost", onClick: onCancel, children: cancelLabel }),
+      /* @__PURE__ */ jsx70(Button, { type: "button", variant: "secondary", onClick: goBack, disabled: ctx.isFirst, children: backLabel }),
+      /* @__PURE__ */ jsx70(Button, { type: "button", variant: "primary", onClick: handlePrimary, disabled: !canAdvance, children: ctx.isLast ? completeLabel : nextLabel })
     ] })
   ] }) });
 });
 function WizardTitle({ children }) {
-  return /* @__PURE__ */ jsx69(RadixDialog5.Title, { className: "mb-2 text-[16px] font-medium", children });
+  return /* @__PURE__ */ jsx70(RadixDialog5.Title, { className: "mb-2 text-[16px] font-medium", children });
 }
 function WizardDescription({ children }) {
-  return /* @__PURE__ */ jsx69(RadixDialog5.Description, { className: "text-text-muted mb-4 text-[13px] leading-[1.55]", children });
+  return /* @__PURE__ */ jsx70(RadixDialog5.Description, { className: "text-text-muted mb-4 text-[13px] leading-[1.55]", children });
 }
 WizardDialog.displayName = "WizardDialog";
 export {
@@ -5618,6 +5812,7 @@ export {
   HoverCardRoot,
   HoverCardTrigger,
   IconButton,
+  InlineEdit,
   Input,
   Kbd,
   LargeTitle,