@xenide-io/the-old-ui-theme 0.5.4 → 0.6.0

package/dist/ui.js

@@ -62,40 +62,25 @@ var ui_exports = {};
 __export(ui_exports, {
   Accordion: () => Accordion,
   Alert: () => Alert,
-  AlertDialog: () => AlertDialog,
-  AppLayout: () => AppLayout,
   AuthCard: () => AuthCard,
   AuthDivider: () => AuthDivider,
   AuthLayout: () => AuthLayout,
-  Autocomplete: () => Autocomplete,
   Avatar: () => Avatar,
   AvatarGroup: () => AvatarGroup,
   Badge: () => Badge,
-  Banner: () => Banner,
-  Breadcrumbs: () => Breadcrumbs,
   Button: () => Button,
   ButtonChrome: () => ButtonChrome,
-  ButtonGroup: () => ButtonGroup,
   Calendar: () => Calendar,
   Caption: () => Caption,
   Card: () => Card,
-  ChatBubble: () => ChatBubble,
   Checkbox: () => Checkbox,
   Chip: () => Chip,
   CodeBlock: () => CodeBlock,
-  Collapsible: () => Collapsible,
   CollapsibleSection: () => CollapsibleSection,
-  Combobox: () => Combobox,
   CommandPalette: () => CommandPalette,
   ComponentDocs: () => ComponentDocs,
-  ContextMenu: () => ContextMenu,
-  DataTable: () => DataTable,
-  DatePicker: () => DatePicker,
-  Dialog: () => Dialog2,
   Display: () => Display,
-  Divider: () => Divider,
   Dot: () => Dot,
-  Drawer: () => Drawer,
   DropdownButton: () => DropdownButton,
   DropdownItem: () => DropdownItem,
   DropdownMenu: () => DropdownMenu,
@@ -113,71 +98,43 @@ __export(ui_exports, {
   H3: () => H3,
   H4: () => H4,
   H5: () => H5,
-  HoverCard: () => HoverCard,
   Icon: () => IconBase,
   IconByName: () => IconByName,
-  Indicator: () => Indicator,
   Input: () => Input,
-  InputGroup: () => InputGroup,
   Kbd: () => Kbd,
   Label: () => Label,
   Lead: () => Lead,
-  Lettermark: () => Lettermark,
   Link: () => Link,
   Loader: () => Loader,
-  LoadingBar: () => LoadingBar,
   LoadingState: () => LoadingState,
-  Menubar: () => Menubar,
-  Metric: () => Metric,
   Modal: () => Modal,
   Mono: () => Mono,
-  NumberField: () => NumberField,
   Overline: () => Overline,
   P: () => P,
-  Pagination: () => Pagination,
   Panel: () => Panel,
-  Popover: () => Popover,
   Progress: () => Progress,
-  ProgressCircle: () => ProgressCircle,
   Radio: () => Radio,
   Range: () => Range,
-  Rating: () => Rating,
-  Resizable: () => Resizable,
-  Row: () => Row,
-  ScrollArea: () => ScrollArea,
   SearchGroup: () => SearchGroup,
   SearchInput: () => SearchInput,
+  SectionTitle: () => SectionTitle,
   SegmentedControl: () => SegmentedControl,
   Select: () => Select,
   SettingsLayout: () => SettingsLayout,
   SettingsNav: () => SettingsNav,
   ShowcaseWrapper: () => ShowcaseWrapper,
-  Sidebar: () => Sidebar,
   Skeleton: () => Skeleton,
   Small: () => Small,
-  Snack: () => Snack,
   SortMenu: () => SortMenu,
   Spinner: () => Spinner,
-  Splotch: () => Splotch,
   Stat: () => Stat,
-  Stepper: () => Stepper,
   Table: () => Table,
-  Tabs: () => Tabs,
-  Tag: () => Tag,
-  Terminal: () => Terminal,
   Textarea: () => Textarea,
   ThemeDomSync: () => ThemeDomSync,
-  ThemeManager: () => ThemeManager,
   ThemeSwitcher: () => ThemeSwitcher,
-  Timeline: () => Timeline,
-  Toast: () => Toast,
-  ToastStack: () => ToastStack,
   Toggle: () => Toggle,
-  ToggleButton: () => ToggleButton,
-  ToggleGroup: () => ToggleGroup,
   Tooltip: () => Tooltip,
-  TooltipProvider: () => TooltipProvider,
-  Widget: () => Widget
+  TooltipProvider: () => TooltipProvider
 });
 module.exports = __toCommonJS(ui_exports);
 
@@ -995,55 +952,8 @@ var Card = (0, import_react7.forwardRef)(function Card2(_a, ref) {
 });
 Card.displayName = "Card";
 
-// src/components/ui/Drawer.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var sideMap = {
-  left: "left-0 border-r",
-  right: "right-0 border-l"
-};
-var sizeMap2 = {
-  sm: "w-[min(100%,18rem)]",
-  md: "w-[min(100%,22rem)]",
-  lg: "w-[min(100%,30rem)]"
-};
-function Drawer({
-  open = false,
-  onClose,
-  title,
-  children,
-  footer,
-  side = "right",
-  size = "md",
-  className,
-  showCloseButton = true
-}) {
-  if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fixed inset-0 z-[120] bg-black/45 backdrop-blur-[2px]", role: "presentation", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      "aside",
-      {
-        className: cn(
-          "fixed inset-y-0 z-[130] flex flex-col overflow-y-auto border-ph-border bg-ph-surface shadow-ph-md",
-          sideMap[side],
-          sizeMap2[size],
-          className
-        ),
-        children: [
-          (title || showCloseButton) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-bold text-ph-ink", children: title }),
-            showCloseButton && onClose && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "ghost", className: "ph-btn-circle", onClick: onClose, "aria-label": "Close drawer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconClose, { className: "h-5 w-5" }) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1", children }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("footer", { className: "border-t border-ph-border px-4 py-3", children: footer })
-        ]
-      }
-    )
-  ] });
-}
-
 // src/components/ui/Kbd.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var platformLabels = {
   text: {
     command: "Command",
@@ -1102,17 +1012,17 @@ function Kbd(_a) {
     "aria-label"
   ]);
   if (variant === "token") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("code", __spreadProps(__spreadValues({ className: cn("ph-code-token ph-kbd", className), "aria-label": ariaLabel }, props), { children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", __spreadProps(__spreadValues({ className: cn("ph-code-token ph-kbd", className), "aria-label": ariaLabel }, props), { children }));
   }
   const sourceKeys = (keys == null ? void 0 : keys.length) ? keys : children != null ? [children] : [];
   const displayKeys = sourceKeys.map((key) => formatKey(key, platform));
   const accessibleLabel = ariaLabel != null ? ariaLabel : getShortcutLabel(displayKeys);
   if (variant === "key") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys[0] }));
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys[0] }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-shortcut-group ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "contents", children: [
-    index > 0 && separator != null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ph-shortcut-separator", "aria-hidden": "true", children: separator }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ph-shortcut-key", "aria-hidden": accessibleLabel ? true : void 0, children: key })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-shortcut-group ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "contents", children: [
+    index > 0 && separator != null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ph-shortcut-separator", "aria-hidden": "true", children: separator }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ph-shortcut-key", "aria-hidden": accessibleLabel ? true : void 0, children: key })
   ] }, index)) }));
 }
 function formatKey(key, platform) {
@@ -1131,7 +1041,7 @@ function getShortcutLabel(keys) {
 }
 
 // src/components/ui/Loader.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var loaderSizeClass = {
   sm: "ph-loader-sm",
   md: "ph-loader-md",
@@ -1157,7 +1067,7 @@ function Loader(_a) {
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       role: "status",
@@ -1165,20 +1075,20 @@ function Loader(_a) {
       className: cn("ph-loader", loaderSizeClass[size], className)
     }, props), {
       children: [
-        variant === "spinner" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ph-loading", "aria-hidden": true }) : null,
-        variant === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "ph-loading-dots", "aria-hidden": true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {})
+        variant === "spinner" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ph-loading", "aria-hidden": true }) : null,
+        variant === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "ph-loading-dots", "aria-hidden": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {})
         ] }) : null,
-        variant === "pulse" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ph-loading-pulse", "aria-hidden": true }) : null
+        variant === "pulse" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ph-loading-pulse", "aria-hidden": true }) : null
       ]
     })
   );
 }
 function Skeleton(_a) {
   var _b = _a, { shape = "text", className } = _b, props = __objRest(_b, ["shape", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "span",
     __spreadValues({
       className: cn("ph-skeleton", skeletonShapeClass[shape], className),
@@ -1202,53 +1112,53 @@ function LoadingState(_a) {
     "size",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-loading-state", className), role: "status", "aria-label": label }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Loader, { variant, size, label, "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "ph-loading-state__copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-loading-state", className), role: "status", "aria-label": label }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Loader, { variant, size, label, "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ph-loading-state__copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: description }) : null
     ] })
   ] }));
 }
 
 // src/components/ui/AuthLayout.tsx
 var import_react8 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function AuthLayout(_a) {
   var _b = _a, { brand, footer, aside, children, className } = _b, props = __objRest(_b, ["brand", "footer", "aside", "children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-layout", aside != null && "ph-auth-layout--split", className) }, props), { children: [
-    aside ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("aside", { className: "ph-auth-layout__aside", children: aside }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-auth-layout__main", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ph-auth-layout__column", children: [
-      brand ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-auth-layout__brand", children: brand }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-layout", aside != null && "ph-auth-layout--split", className) }, props), { children: [
+    aside ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("aside", { className: "ph-auth-layout__aside", children: aside }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ph-auth-layout__main", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "ph-auth-layout__column", children: [
+      brand ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ph-auth-layout__brand", children: brand }) : null,
       children,
-      footer ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("footer", { className: "ph-auth-layout__footer", children: footer }) : null
+      footer ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("footer", { className: "ph-auth-layout__footer", children: footer }) : null
     ] }) })
   ] }));
 }
 function AuthCard(_a) {
   var _b = _a, { title, description, footer, children, className } = _b, props = __objRest(_b, ["title", "description", "footer", "children", "className"]);
   const titleId = (0, import_react8.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-auth-card", className), "aria-labelledby": titleId }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "ph-auth-card__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { id: titleId, children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-auth-card", className), "aria-labelledby": titleId }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("header", { className: "ph-auth-card__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { id: titleId, children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-auth-card__body", children }),
-    footer ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("footer", { className: "ph-auth-card__footer", children: footer }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ph-auth-card__body", children }),
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("footer", { className: "ph-auth-card__footer", children: footer }) : null
   ] }));
 }
 function AuthDivider(_a) {
   var _b = _a, { children = "or continue with", className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-divider", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-divider", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children }) }));
 }
 
 // src/components/ui/SettingsLayout.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function SettingsNav(_a) {
   var _b = _a, { groups, className } = _b, props = __objRest(_b, ["groups", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-settings-nav", className) }, props), { children: groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ph-settings-nav__group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { children: group.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ph-settings-nav__items", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-settings-nav", className) }, props), { children: groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ph-settings-nav__group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { children: group.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-settings-nav__items", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "a",
       {
         href: item.href,
@@ -1260,9 +1170,9 @@ function SettingsNav(_a) {
         ),
         "aria-current": item.active ? "page" : void 0,
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ph-settings-nav__icon", children: item.icon }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: item.label }),
-          item.badge ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ph-settings-nav__badge", children: item.badge }) : null
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ph-settings-nav__icon", children: item.icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: item.label }),
+          item.badge ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ph-settings-nav__badge", children: item.badge }) : null
         ]
       },
       item.id
@@ -1287,31 +1197,31 @@ function SettingsLayout(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-settings-layout", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { className: "ph-settings-layout__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-settings-layout", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "ph-settings-layout__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: description }) : null
       ] }),
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ph-settings-layout__actions", children: actions }) : null
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-settings-layout__actions", children: actions }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("details", { className: "ph-settings-layout__mobile-nav", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("summary", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconTuning, { className: "h-4 w-4", "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("details", { className: "ph-settings-layout__mobile-nav", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("summary", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconTuning, { className: "h-4 w-4", "aria-hidden": true }),
         "Settings menu"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { "aria-label": navigationLabel, children: navigation })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { "aria-label": navigationLabel, children: navigation })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ph-settings-layout__grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("aside", { className: "ph-settings-layout__sidebar", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { "aria-label": navigationLabel, children: navigation }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ph-settings-layout__content", children })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ph-settings-layout__grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("aside", { className: "ph-settings-layout__sidebar", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { "aria-label": navigationLabel, children: navigation }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-settings-layout__content", children })
     ] })
   ] }));
 }
 
 // src/components/ui/DropdownMenu.tsx
 var DropdownPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var sizeClass2 = {
   xs: "ph-btn-xs",
   sm: "ph-btn-sm",
@@ -1333,7 +1243,7 @@ function DropdownContent({
   avoidCollisions = true,
   panelClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     DropdownPrimitive.Content,
     {
       className: cn("ph-dropdown-panel", panelClassName),
@@ -1346,7 +1256,7 @@ function DropdownContent({
       sticky: "partial",
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           DropdownPrimitive.Arrow,
           {
             className: "ph-dropdown-arrow",
@@ -1398,7 +1308,7 @@ function DropdownMenu(_a) {
     "modal",
     "disabled"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     DropdownPrimitive.Root,
     {
       open,
@@ -1406,7 +1316,7 @@ function DropdownMenu(_a) {
       onOpenChange,
       modal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "button",
@@ -1417,7 +1327,7 @@ function DropdownMenu(_a) {
             children: trigger
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           DropdownContent,
           {
             align,
@@ -1482,8 +1392,8 @@ function DropdownButton(_a) {
     "modal",
     "disabled"
   ]);
-  const trailing = sideIcon != null ? sideIcon : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconChevronDown, { className: "h-4 w-4", "aria-hidden": true });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  const trailing = sideIcon != null ? sideIcon : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconChevronDown, { className: "h-4 w-4", "aria-hidden": true });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     DropdownPrimitive.Root,
     {
       open,
@@ -1491,7 +1401,7 @@ function DropdownButton(_a) {
       onOpenChange,
       modal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "button",
@@ -1504,7 +1414,7 @@ function DropdownButton(_a) {
               split && "ph-btn-split"
             ),
             "aria-label": ariaLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               ButtonChrome,
               {
                 label,
@@ -1515,7 +1425,7 @@ function DropdownButton(_a) {
             )
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           DropdownContent,
           {
             align,
@@ -1542,7 +1452,7 @@ function DropdownItem(_a) {
     "children",
     "disabled"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type: "button",
@@ -1554,7 +1464,7 @@ function DropdownItem(_a) {
   ) });
 }
 function DropdownRadioGroup(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.RadioGroup, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownPrimitive.RadioGroup, __spreadValues({}, props));
 }
 function DropdownRadioItem(_a) {
   var _b = _a, {
@@ -1564,14 +1474,14 @@ function DropdownRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     DropdownPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       className: cn("ph-dropdown-item ph-dropdown-radio-item", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ph-dropdown-item-indicator", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconCheck, { className: "h-3.5 w-3.5" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ph-dropdown-item-indicator", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconCheck, { className: "h-3.5 w-3.5" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children })
       ]
     })
   );
@@ -1582,7 +1492,7 @@ var import_react10 = require("react");
 
 // src/components/ui/FormField.tsx
 var import_react9 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function FormField(_a) {
   var _b = _a, {
     controlId,
@@ -1615,27 +1525,27 @@ function FormField(_a) {
     "aria-errormessage": errorId,
     "aria-invalid": error ? true : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-field", className) }, props), { children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-field", className) }, props), { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "label",
       {
         htmlFor: id,
         className: cn("ph-label", hideLabel && "sr-only", disabled && "opacity-50"),
         children: [
           label,
-          required ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
+          required ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
         ]
       }
     ) : null,
     typeof children === "function" ? children(controlProps) : children,
-    descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
-    errorId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
+    descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
+    errorId ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
   ] }));
 }
 
 // src/components/ui/Input.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var sizeMap3 = {
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var sizeMap2 = {
   sm: "ph-input-sm",
   md: "",
   lg: "ph-input-lg"
@@ -1675,7 +1585,7 @@ var Input = (0, import_react10.forwardRef)(function Input2(_a, ref) {
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     FormField,
     {
       controlId: id,
@@ -1686,7 +1596,7 @@ var Input = (0, import_react10.forwardRef)(function Input2(_a, ref) {
       required,
       disabled,
       className: wrapperClassName,
-      children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "input",
         __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
           ref,
@@ -1695,7 +1605,7 @@ var Input = (0, import_react10.forwardRef)(function Input2(_a, ref) {
           "aria-describedby": joinIds(ariaDescribedBy, fieldProps["aria-describedby"]),
           className: cn(
             "ph-input w-full",
-            sizeMap3[size],
+            sizeMap2[size],
             variant === "ghost" && "ph-input-ghost",
             hasError && "ph-input-error",
             disabled && "cursor-not-allowed opacity-60",
@@ -1738,7 +1648,7 @@ var Select = (0, import_react10.forwardRef)(function Select2(_a, ref) {
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "select",
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -1747,7 +1657,7 @@ var Select = (0, import_react10.forwardRef)(function Select2(_a, ref) {
       "aria-describedby": joinIds(ariaDescribedBy, fieldProps["aria-describedby"]),
       className: cn(
         "ph-select w-full",
-        sizeMap3[size],
+        sizeMap2[size],
         hasError && "ph-input-error",
         disabled && "cursor-not-allowed opacity-60",
         className
@@ -1787,7 +1697,7 @@ var Textarea = (0, import_react10.forwardRef)(function Textarea2(_a, ref) {
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "textarea",
     __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -1796,7 +1706,7 @@ var Textarea = (0, import_react10.forwardRef)(function Textarea2(_a, ref) {
       "aria-describedby": joinIds(ariaDescribedBy, fieldProps["aria-describedby"]),
       className: cn(
         "ph-textarea w-full",
-        sizeMap3[size],
+        sizeMap2[size],
         hasError && "ph-input-error",
         disabled && "cursor-not-allowed opacity-60",
         className
@@ -1830,9 +1740,9 @@ var Checkbox = (0, import_react10.forwardRef)(function Checkbox2(_a, ref) {
   const hasError = Boolean(error);
   const descriptionId = helperText && !hasError ? `${id}-description` : void 0;
   const errorId = error ? `${id}-error` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-control-row", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "ph-checkbox-wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("ph-control-row", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "ph-checkbox-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "input",
         __spreadValues({
           ref,
@@ -1850,12 +1760,12 @@ var Checkbox = (0, import_react10.forwardRef)(function Checkbox2(_a, ref) {
           )
         }, props)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "ph-control-copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label }),
-      descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
-      errorId ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "ph-control-copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label }),
+      descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
+      errorId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
     ] })
   ] });
 });
@@ -1876,8 +1786,8 @@ var Radio = (0, import_react10.forwardRef)(function Radio2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
       __spreadValues({
         ref,
@@ -1887,7 +1797,7 @@ var Radio = (0, import_react10.forwardRef)(function Radio2(_a, ref) {
         className: cn("ph-radio", disabled && "cursor-not-allowed", className)
       }, props)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label })
   ] });
 });
 Radio.displayName = "Radio";
@@ -1907,9 +1817,9 @@ var Toggle = (0, import_react10.forwardRef)(function Toggle2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: cn("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: cn("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
       __spreadValues({
         ref,
@@ -1943,13 +1853,13 @@ var Range = (0, import_react10.forwardRef)(function Range2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", __spreadValues({ ref, id, type: "range", className: cn("ph-range", className) }, props)),
-    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: minLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: valueLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: maxLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", __spreadValues({ ref, id, type: "range", className: cn("ph-range", className) }, props)),
+    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: minLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: valueLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: maxLabel })
     ] })
   ] });
 });
@@ -1970,10 +1880,10 @@ var FileUpload = (0, import_react10.forwardRef)(function FileUpload2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { htmlFor: id, className: "ph-file-upload", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", __spreadValues({ ref, id, type: "file", className: cn("sr-only", className) }, props)),
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { htmlFor: id, className: "ph-file-upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", __spreadValues({ ref, id, type: "file", className: cn("sr-only", className) }, props)),
       prompt
     ] })
   ] });
@@ -1983,8 +1893,8 @@ FileUpload.displayName = "FileUpload";
 // src/components/ui/Modal.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 var import_react11 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var sizeMap4 = {
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var sizeMap3 = {
   sm: "max-w-sm",
   md: "max-w-lg",
   lg: "max-w-2xl",
@@ -2013,15 +1923,15 @@ function Modal({
 }) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = (0, import_react11.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     Dialog.Root,
     {
       open,
       onOpenChange: (nextOpen) => {
         if (!nextOpen) onClose == null ? void 0 : onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Dialog.Portal, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Dialog.Portal, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Dialog.Overlay,
           {
             "data-test": dataTest,
@@ -2029,12 +1939,12 @@ function Modal({
             style: zIndex ? { zIndex } : void 0
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Dialog.Content,
           __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
             id,
             "data-test": panelDataTest,
-            className: cn("ph-modal-panel", sizeMap4[size], className)
+            className: cn("ph-modal-panel", sizeMap3[size], className)
           }, ariaLabel ? { "aria-label": ariaLabel } : {}), ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {}), {
             style: zIndex ? { zIndex } : void 0
           }), description ? {} : { "aria-describedby": void 0 }), {
@@ -2052,28 +1962,28 @@ function Modal({
             onPointerDownOutside: (event) => {
               if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
             },
-            children: customLayout ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+            children: customLayout ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
               children
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-              title ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
-              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { className: "ph-modal-header", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0", children: [
-                  title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+              title ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: "ph-modal-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-0", children: [
+                  title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
                 ] }),
-                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "button",
                   {
                     type: "button",
                     className: "ph-modal-close",
                     "aria-label": "Close dialog",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true })
                   }
                 ) }) : null
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ph-modal-body", children }),
-              footer ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ph-modal-body", children }),
+              footer ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
             ] })
           })
         )
@@ -2082,138 +1992,20 @@ function Modal({
   );
 }
 
-// src/components/ui/Navigation.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function Breadcrumbs({ items, label = "Breadcrumb", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("nav", { "aria-label": label, className: cn("ph-breadcrumbs", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "contents", children: [
-    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ph-breadcrumb-sep", "aria-hidden": "true", children: "/" }) : null,
-    item.current || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ph-breadcrumb-current", "aria-current": item.current ? "page" : void 0, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { href: item.href, className: "ph-breadcrumb-link", children: item.label })
-  ] }, `${item.label}-${index}`)) });
-}
-function Pagination({
-  page,
-  totalPages,
-  onPageChange,
-  label = "Pagination",
-  compact = false,
-  className
-}) {
-  const pages = compact ? [Math.max(1, page - 1), page, Math.min(totalPages, page + 1)] : [1, 2, 3, totalPages];
-  const uniquePages = Array.from(new Set(pages)).filter((n) => n >= 1 && n <= totalPages);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("nav", { "aria-label": label, className: cn("ph-pagination", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "ph-pagination-btn",
-        disabled: page <= 1,
-        "aria-label": "Previous page",
-        onClick: () => onPageChange == null ? void 0 : onPageChange(page - 1),
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconChevronLeft, { className: "mx-auto h-4 w-4", "aria-hidden": true })
-      }
-    ),
-    uniquePages.map((pageNumber, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "contents", children: [
-      !compact && index === uniquePages.length - 1 && pageNumber > 4 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ph-pagination-ellipsis", "aria-hidden": "true", children: "..." }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        "button",
-        {
-          type: "button",
-          className: cn("ph-pagination-btn", pageNumber === page && "ph-pagination-btn-active"),
-          "aria-current": pageNumber === page ? "page" : void 0,
-          onClick: () => onPageChange == null ? void 0 : onPageChange(pageNumber),
-          children: pageNumber
-        }
-      )
-    ] }, pageNumber)),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "ph-pagination-btn",
-        disabled: page >= totalPages,
-        "aria-label": "Next page",
-        onClick: () => onPageChange == null ? void 0 : onPageChange(page + 1),
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconChevronRight, { className: "mx-auto h-4 w-4", "aria-hidden": true })
-      }
-    )
-  ] });
-}
-
 // src/components/ui/Panel.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Panel(_a) {
   var _b = _a, { title, description, children, className } = _b, props = __objRest(_b, ["title", "description", "children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-panel", className) }, props), { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-sm font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-panel", className) }, props), { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "text-sm font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
     children
   ] }));
 }
 
-// src/components/ui/Rating.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function Rating(_a) {
-  var _b = _a, {
-    label,
-    value = 0,
-    max = 5,
-    readOnly = true,
-    onChange,
-    className,
-    wrapperClassName
-  } = _b, props = __objRest(_b, [
-    "label",
-    "value",
-    "max",
-    "readOnly",
-    "onChange",
-    "className",
-    "wrapperClassName"
-  ]);
-  const stars = Array.from({ length: max }, (_, index) => index + 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      "div",
-      __spreadProps(__spreadValues({
-        className: cn("ph-rating flex", className),
-        role: readOnly ? "img" : "radiogroup",
-        "aria-label": label != null ? label : `Rating: ${value} out of ${max}`
-      }, props), {
-        children: stars.map((star) => {
-          const active = star <= value;
-          if (readOnly) {
-            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-              IconStar,
-              {
-                className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border"),
-                "aria-hidden": true
-              },
-              star
-            );
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "rounded p-0.5 transition hover:scale-105 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ph-brand",
-              role: "radio",
-              "aria-checked": active,
-              "aria-label": `${star} out of ${max}`,
-              onClick: () => onChange == null ? void 0 : onChange(star),
-              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconStar, { className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border") })
-            },
-            star
-          );
-        })
-      })
-    )
-  ] });
-}
-
 // src/components/ui/SearchInput.tsx
 var import_react12 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function SearchInput(_a) {
   var _b = _a, {
     id: idProp,
@@ -2236,10 +2028,10 @@ function SearchInput(_a) {
   ]);
   const autoId = (0, import_react12.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("relative", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: id, className: hideLabel ? "sr-only" : "ph-label mb-1.5 block", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
-      shortcut != null ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("relative", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { htmlFor: id, className: hideLabel ? "sr-only" : "ph-label mb-1.5 block", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative", children: [
+      shortcut != null ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "span",
         {
           className: "ph-shortcut pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2 text-xs",
@@ -2247,7 +2039,7 @@ function SearchInput(_a) {
           children: shortcut
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "input",
         __spreadValues({
           id,
@@ -2283,10 +2075,10 @@ function SearchGroup(_a) {
   ]);
   const autoId = (0, import_react12.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ph-search-group flex w-full max-w-lg min-h-[2.3125rem] items-stretch divide-x divide-ph-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ph-search-group flex w-full max-w-lg min-h-[2.3125rem] items-stretch divide-x divide-ph-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "input",
         __spreadValues({
           id,
@@ -2295,12 +2087,12 @@ function SearchGroup(_a) {
           className: cn("ph-input ph-input-group-field min-w-0 flex-1", className)
         }, props)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Button,
         {
           type: "submit",
           variant: "primary",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSearch, { className: "h-4 w-4", "aria-hidden": true }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSearch, { className: "h-4 w-4", "aria-hidden": true }),
           className: "ph-search-group__submit",
           "aria-label": submitLabel
         }
@@ -2310,7 +2102,7 @@ function SearchGroup(_a) {
 }
 
 // src/components/ui/Table.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Table({
   data,
   columns,
@@ -2321,15 +2113,15 @@ function Table({
   className,
   caption
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("ph-table-wrap", compact && "ph-table-compact", className), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("table", { className: cn("ph-table", zebra && "ph-table-zebra", ribbon && "ph-table--ribbon"), children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("caption", { className: "sr-only", children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: col.className, children: col.header }, col.key)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tbody", { children: data.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tr", { style: getRowStyle == null ? void 0 : getRowStyle(row), children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: col.className, children: col.cell(row) }, col.key)) }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("ph-table-wrap", compact && "ph-table-compact", className), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: cn("ph-table", zebra && "ph-table-zebra", ribbon && "ph-table--ribbon"), children: [
+    caption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("caption", { className: "sr-only", children: caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { className: col.className, children: col.header }, col.key)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { children: data.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { style: getRowStyle == null ? void 0 : getRowStyle(row), children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: col.className, children: col.cell(row) }, col.key)) }, i)) })
   ] }) });
 }
 
 // src/components/ui/Stat.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var toneMap = {
   default: "text-ph-ink",
   brand: "text-ph-brand",
@@ -2346,83 +2138,14 @@ var statMap = {
 };
 function Stat(_a) {
   var _b = _a, { icon, label, value, footer, tone = "default", className } = _b, props = __objRest(_b, ["icon", "label", "value", "footer", "tone", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("article", __spreadProps(__spreadValues({ className: cn("ph-stat", statMap[tone], className) }, props), { children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("mb-2 h-7 w-7", toneMap[tone]), children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("ph-stat-label", tone === "warning" && toneMap[tone]), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("ph-stat-val", toneMap[tone]), children: value }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-ph-subtle", children: footer })
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("article", __spreadProps(__spreadValues({ className: cn("ph-stat", statMap[tone], className) }, props), { children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("mb-2 h-7 w-7", toneMap[tone]), children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("ph-stat-label", tone === "warning" && toneMap[tone]), children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("ph-stat-val", toneMap[tone]), children: value }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs text-ph-subtle", children: footer })
   ] }));
 }
 
-// src/components/ui/Toast.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var statusConfig2 = {
-  info: { icon: IconErrorOutline, color: "text-ph-info", bg: "ph-toast-info" },
-  success: { icon: IconCheckCircle, color: "text-ph-success", bg: "ph-toast-success" },
-  warning: { icon: IconExclamation, color: "text-ph-warning", bg: "ph-toast-warning" },
-  danger: { icon: IconCancel, color: "text-ph-danger", bg: "ph-toast-danger" }
-};
-function Toast({
-  status = "info",
-  title,
-  description,
-  onDismiss,
-  className
-}) {
-  const config = statusConfig2[status];
-  const Icon = config.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("ph-toast", config.bg, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { className: cn("mt-0.5 h-5 w-5 shrink-0", config.color), "aria-hidden": true }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "pr-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "font-semibold", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: description })
-    ] }),
-    onDismiss && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Dismiss ${title}`,
-        className: "absolute right-2 top-2 ph-btn ph-btn-ghost ph-btn-xs ph-btn-circle",
-        onClick: onDismiss,
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconClose, { className: "h-4 w-4" })
-      }
-    )
-  ] });
-}
-function ToastStack({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("ph-toast-stack", className), children });
-}
-
-// src/components/ui/Tabs.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function Tabs({ items, value, onChange, variant = "pill", className }) {
-  if (variant === "underline") {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("flex gap-6 border-b border-ph-border", className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange(item.value),
-        className: cn(
-          "-mb-px border-b-2 pb-2 text-sm font-semibold transition",
-          value === item.value ? "border-ph-brand text-ph-ink" : "border-transparent text-ph-mutedtext hover:text-ph-ink"
-        ),
-        children: item.label
-      },
-      item.value
-    )) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("ph-tabs-row inline-flex", className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "button",
-    {
-      type: "button",
-      onClick: () => onChange(item.value),
-      className: cn("ph-tab", value === item.value && "ph-tab-active"),
-      children: item.label
-    },
-    item.value
-  )) });
-}
-
 // src/components/ui/ThemeDomSync.tsx
 var import_react13 = require("react");
 
@@ -2565,29 +2288,19 @@ function ThemeDomSync() {
   return null;
 }
 
-// src/components/ui/ThemeManager.tsx
-var import_react14 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-function ThemeManager({ children }) {
-  (0, import_react14.useLayoutEffect)(() => {
-    persistTheme(readStoredTheme());
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children });
-}
-
 // src/components/ui/ThemeSwitcher.tsx
-var import_react15 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function ThemeSwitcher({ className }) {
-  const [themeId, setThemeId] = (0, import_react15.useState)(DEFAULT_THEME_ID);
-  (0, import_react15.useEffect)(() => {
+  const [themeId, setThemeId] = (0, import_react14.useState)(DEFAULT_THEME_ID);
+  (0, import_react14.useEffect)(() => {
     const id = readStoredTheme();
     persistTheme(id);
     setThemeId(id);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: cn("flex min-w-0 items-center gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "shrink-0 text-xs font-medium text-ph-mutedtext sm:text-sm", children: "Theme" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: cn("flex min-w-0 items-center gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "shrink-0 text-xs font-medium text-ph-mutedtext sm:text-sm", children: "Theme" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "select",
       {
         className: "ph-select max-w-[11rem] !min-h-[2rem] py-1 pl-2.5 pr-8 text-xs sm:max-w-[14rem] sm:text-sm",
@@ -2598,22 +2311,22 @@ function ThemeSwitcher({ className }) {
           persistTheme(next);
           setThemeId(next);
         },
-        children: THEME_GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("optgroup", { label: group, children: THEMES.filter((theme) => theme.group === group).map((theme) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: theme.id, children: theme.name }, theme.id)) }, group))
+        children: THEME_GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("optgroup", { label: group, children: THEMES.filter((theme) => theme.group === group).map((theme) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: theme.id, children: theme.name }, theme.id)) }, group))
       }
     )
   ] });
 }
 
 // src/components/ui/Accordion.tsx
-var import_react16 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Accordion({
   items,
   allowMultiple = false,
   defaultOpen = [],
   className
 }) {
-  const [openItems, setOpenItems] = (0, import_react16.useState)(new Set(defaultOpen));
+  const [openItems, setOpenItems] = (0, import_react15.useState)(new Set(defaultOpen));
   const toggleItem = (id) => {
     setOpenItems((prev) => {
       const next = new Set(prev);
@@ -2628,18 +2341,18 @@ function Accordion({
       return next;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("divide-y divide-ph-border rounded-xl border border-ph-border bg-ph-surface", className), children: items.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("divide-y divide-ph-border rounded-xl border border-ph-border bg-ph-surface", className), children: items.map((item) => {
     const isOpen = openItems.has(item.id);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "first:rounded-t-xl last:rounded-b-xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "first:rounded-t-xl last:rounded-b-xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         "button",
         {
           type: "button",
           onClick: () => toggleItem(item.id),
           className: "flex w-full items-center justify-between px-5 py-4 text-left transition hover:bg-ph-muted",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-semibold text-ph-ink", children: item.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "font-semibold text-ph-ink", children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               IconChevronDown,
               {
                 className: cn(
@@ -2651,82 +2364,31 @@ function Accordion({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "div",
         {
           className: cn(
             "grid transition-all duration-200",
             isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-5 pb-4 text-ph-subtle", children: item.content }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-5 pb-4 text-ph-subtle", children: item.content }) })
         }
       )
     ] }, item.id);
   }) });
 }
 
-// src/components/ui/Stepper.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-function Stepper({ steps, currentStep, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("flex items-start gap-2", className), children: steps.map((step, index) => {
-    const isCompleted = index < currentStep;
-    const isCurrent = index === currentStep;
-    const isPending = index > currentStep;
-    const isError = step.status === "error";
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-1 items-start gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-1 flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "div",
-          {
-            className: cn(
-              "flex h-9 w-9 items-center justify-center rounded-full text-sm font-bold transition-colors",
-              isCompleted && "bg-ph-success text-[var(--ph-on-success)]",
-              isCurrent && !isError && "bg-ph-brand text-[var(--ph-on-accent)] ring-4 ring-ph-brand/20",
-              isCurrent && isError && "bg-ph-danger text-[var(--ph-on-danger)]",
-              isPending && "bg-ph-muted text-ph-mutedtext"
-            ),
-            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconCheck, { className: "h-5 w-5", "aria-hidden": true }) : index + 1
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "mt-2 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            "p",
-            {
-              className: cn(
-                "text-sm font-semibold",
-                isCurrent && "text-ph-ink",
-                !isCurrent && "text-ph-mutedtext"
-              ),
-              children: step.label
-            }
-          ),
-          step.description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-0.5 text-xs text-ph-mutedtext", children: step.description })
-        ] })
-      ] }),
-      index < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        "div",
-        {
-          className: cn(
-            "mt-4 h-0.5 flex-1 rounded-full transition-colors",
-            isCompleted ? "bg-ph-success" : "bg-ph-border"
-          )
-        }
-      )
-    ] }, step.id);
-  }) });
-}
-
 // src/components/ui/SegmentedControl.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function SegmentedControl({ options, value, onChange, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       className: cn(
         "inline-flex rounded-lg bg-ph-muted p-1",
         className
       ),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "button",
         {
           type: "button",
@@ -2737,7 +2399,7 @@ function SegmentedControl({ options, value, onChange, className }) {
             value === option.value ? "bg-ph-surface text-ph-ink shadow-ph" : "text-ph-subtle hover:text-ph-ink"
           ),
           children: [
-            option.icon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-4 w-4", children: option.icon }),
+            option.icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "h-4 w-4", children: option.icon }),
             option.label
           ]
         },
@@ -2748,8 +2410,8 @@ function SegmentedControl({ options, value, onChange, className }) {
 }
 
 // src/components/ui/CommandPalette.tsx
-var import_react17 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function CommandPalette({
   items,
   isOpen,
@@ -2761,15 +2423,15 @@ function CommandPalette({
   inputId,
   inputDataTest
 }) {
-  const [query, setQuery] = (0, import_react17.useState)("");
-  const [selectedIndex, setSelectedIndex] = (0, import_react17.useState)(0);
-  const inputRef = (0, import_react17.useRef)(null);
-  const panelRef = (0, import_react17.useRef)(null);
-  const previousFocusRef = (0, import_react17.useRef)(null);
+  const [query, setQuery] = (0, import_react16.useState)("");
+  const [selectedIndex, setSelectedIndex] = (0, import_react16.useState)(0);
+  const inputRef = (0, import_react16.useRef)(null);
+  const panelRef = (0, import_react16.useRef)(null);
+  const previousFocusRef = (0, import_react16.useRef)(null);
   const filtered = items.filter(
     (item) => item.label.toLowerCase().includes(query.toLowerCase())
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a;
     if (!isOpen) return;
     previousFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
@@ -2781,7 +2443,7 @@ function CommandPalette({
       return (_a2 = previousFocusRef.current) == null ? void 0 : _a2.focus();
     };
   }, [isOpen]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const handleKeyDown = (e) => {
       var _a, _b;
       if (!isOpen) return;
@@ -2826,7 +2488,7 @@ function CommandPalette({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, filtered, selectedIndex, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       id,
@@ -2835,7 +2497,7 @@ function CommandPalette({
       onMouseDown: (event) => {
         if (event.target === event.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         "div",
         {
           ref: panelRef,
@@ -2847,9 +2509,9 @@ function CommandPalette({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-3 border-b border-ph-border px-4 py-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(IconSearch, { className: "h-5 w-5 text-ph-mutedtext" }),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3 border-b border-ph-border px-4 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconSearch, { className: "h-5 w-5 text-ph-mutedtext" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -2866,9 +2528,9 @@ function CommandPalette({
                   className: "flex-1 bg-transparent text-ph-ink outline-none placeholder:text-ph-mutedtext"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-muted px-1.5 py-0.5 text-xs text-ph-mutedtext", children: "ESC" })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-muted px-1.5 py-0.5 text-xs text-ph-mutedtext", children: "ESC" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "max-h-[50vh] overflow-y-auto py-2", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "px-4 py-8 text-center text-sm text-ph-mutedtext", children: "No results found." }) : filtered.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "max-h-[50vh] overflow-y-auto py-2", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "px-4 py-8 text-center text-sm text-ph-mutedtext", children: "No results found." }) : filtered.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "button",
               {
                 type: "button",
@@ -2884,9 +2546,9 @@ function CommandPalette({
                   index === selectedIndex ? "bg-ph-muted text-ph-ink" : "text-ph-subtle"
                 ),
                 children: [
-                  item.icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "h-5 w-5", children: item.icon }),
-                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex-1", children: item.label }),
-                  item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-surface px-1.5 py-0.5 text-xs text-ph-mutedtext", children: item.shortcut })
+                  item.icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "h-5 w-5", children: item.icon }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex-1", children: item.label }),
+                  item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-surface px-1.5 py-0.5 text-xs text-ph-mutedtext", children: item.shortcut })
                 ]
               },
               item.id
@@ -2899,10 +2561,10 @@ function CommandPalette({
 }
 
 // src/components/ui/Calendar.tsx
-var import_react18 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Calendar({ value, onChange, className }) {
-  const [currentMonth, setCurrentMonth] = (0, import_react18.useState)(value || /* @__PURE__ */ new Date());
+  const [currentMonth, setCurrentMonth] = (0, import_react17.useState)(value || /* @__PURE__ */ new Date());
   const today = /* @__PURE__ */ new Date();
   const year = currentMonth.getFullYear();
   const month = currentMonth.getMonth();
@@ -2942,37 +2604,37 @@ function Calendar({ value, onChange, className }) {
   for (let i = 1; i <= daysInMonth; i++) {
     days.push(i);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("w-[280px] rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("w-[280px] rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
         {
           type: "button",
           onClick: prevMonth,
           "aria-label": "Previous month",
           className: "rounded-lg p-1 text-ph-subtle transition hover:bg-ph-muted hover:text-ph-ink",
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconChevronLeft, { className: "h-5 w-5", "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconChevronLeft, { className: "h-5 w-5", "aria-hidden": true })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-sm font-semibold text-ph-ink", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "text-sm font-semibold text-ph-ink", children: [
         monthNames[month],
         " ",
         year
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
         {
           type: "button",
           onClick: nextMonth,
           "aria-label": "Next month",
           className: "rounded-lg p-1 text-ph-subtle transition hover:bg-ph-muted hover:text-ph-ink",
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconChevronRight, { className: "h-5 w-5", "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconChevronRight, { className: "h-5 w-5", "aria-hidden": true })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid grid-cols-7 gap-1", children: [
-      weekDays.map((day) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "py-1 text-center text-xs font-medium text-ph-mutedtext", children: day }, day)),
-      days.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "aspect-square", children: day && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-7 gap-1", children: [
+      weekDays.map((day) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "py-1 text-center text-xs font-medium text-ph-mutedtext", children: day }, day)),
+      days.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "aspect-square", children: day && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
         {
           type: "button",
@@ -2988,48 +2650,16 @@ function Calendar({ value, onChange, className }) {
   ] });
 }
 
-// src/components/ui/HoverCard.tsx
-var import_react19 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-function HoverCard({ trigger, children, className }) {
-  const [isVisible, setIsVisible] = (0, import_react19.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-    "div",
-    {
-      className: "relative inline-block",
-      onMouseEnter: () => setIsVisible(true),
-      onMouseLeave: () => setIsVisible(false),
-      children: [
-        trigger,
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-          "div",
-          {
-            className: cn(
-              "absolute left-1/2 top-full z-50 mt-2 w-64 -translate-x-1/2 rounded-lg border border-ph-border bg-ph-surface p-4 shadow-ph-md transition-all duration-150",
-              isVisible ? "visible translate-y-0 opacity-100" : "invisible -translate-y-1 opacity-0",
-              className
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute -top-1.5 left-1/2 h-3 w-3 -translate-x-1/2 rotate-45 border-l border-t border-ph-border bg-ph-surface" }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "relative", children })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/ui/Tooltip.tsx
-var import_react20 = require("react");
+var import_react18 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var TooltipDelayContext = (0, import_react20.createContext)(0);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var TooltipDelayContext = (0, import_react18.createContext)(0);
 function TooltipProvider({
   children,
   delayDuration = 0
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipDelayContext.Provider, { value: delayDuration, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipDelayContext.Provider, { value: delayDuration, children });
 }
 function tooltipPosition(trigger, side, align, offset) {
   const horizontal = align === "start" ? trigger.left : align === "end" ? trigger.right : trigger.left + trigger.width / 2;
@@ -3070,12 +2700,12 @@ function Tooltip({
   onOpenChange,
   delayDuration
 }) {
-  const providerDelay = (0, import_react20.useContext)(TooltipDelayContext);
-  const generatedId = (0, import_react20.useId)().replace(/:/g, "");
-  const triggerRef = (0, import_react20.useRef)(null);
-  const timerRef = (0, import_react20.useRef)(null);
-  const [internalOpen, setInternalOpen] = (0, import_react20.useState)(defaultOpen);
-  const [position, setPosition] = (0, import_react20.useState)(null);
+  const providerDelay = (0, import_react18.useContext)(TooltipDelayContext);
+  const generatedId = (0, import_react18.useId)().replace(/:/g, "");
+  const triggerRef = (0, import_react18.useRef)(null);
+  const timerRef = (0, import_react18.useRef)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react18.useState)(defaultOpen);
+  const [position, setPosition] = (0, import_react18.useState)(null);
   const isOpen = open != null ? open : internalOpen;
   const triggerId = children.props.id;
   const tooltipId = triggerId ? `${triggerId}-tooltip` : `ph-tooltip-${generatedId}`;
@@ -3109,7 +2739,7 @@ function Tooltip({
     clearTimer();
     setOpen(false);
   }
-  (0, import_react20.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isOpen) return;
     const reposition = () => updatePosition();
     window.addEventListener("resize", reposition);
@@ -3119,11 +2749,11 @@ function Tooltip({
       window.removeEventListener("scroll", reposition, true);
     };
   });
-  (0, import_react20.useEffect)(() => () => clearTimer(), []);
+  (0, import_react18.useEffect)(() => () => clearTimer(), []);
   const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
-  const trigger = (0, import_react20.cloneElement)(children, { "aria-describedby": describedBy });
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  const trigger = (0, import_react18.cloneElement)(children, { "aria-describedby": describedBy });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "span",
       {
         ref: triggerRef,
@@ -3139,12 +2769,12 @@ function Tooltip({
       }
     ),
     isOpen && position && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "span",
         {
           style: __spreadValues({ position: "fixed" }, position),
           className: "pointer-events-none z-[200]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "span",
             {
               id: tooltipId,
@@ -3162,9 +2792,9 @@ function Tooltip({
 }
 
 // src/components/ui/EmptyState.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       className: cn(
@@ -3172,17 +2802,17 @@ function EmptyState({ icon, title, description, action, className }) {
         className
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-ph-muted text-ph-mutedtext", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-base font-semibold text-ph-ink", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mt-1 max-w-sm text-sm text-ph-subtle", children: description }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mt-4", children: action })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-ph-muted text-ph-mutedtext", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-base font-semibold text-ph-ink", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mt-1 max-w-sm text-sm text-ph-subtle", children: description }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-4", children: action })
       ]
     }
   );
 }
 
 // src/components/ui/FilterChips.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function FilterChips({
   chips,
   onToggle,
@@ -3190,20 +2820,20 @@ function FilterChips({
   className,
   "aria-label": ariaLabel = "Applied filters"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn("ph-filter-chips", className), role: "group", "aria-label": ariaLabel, children: chips.map((chip) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("ph-filter-chips", className), role: "group", "aria-label": ariaLabel, children: chips.map((chip) => {
     var _a;
     const label = (_a = chip.removeLabel) != null ? _a : getChipText(chip);
-    const content = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ph-filter-chip__label", children: chip.label }),
-      chip.value != null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ph-filter-chip__value", children: chip.value }) : null
+    const content = /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ph-filter-chip__label", children: chip.label }),
+      chip.value != null ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ph-filter-chip__value", children: chip.value }) : null
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "span",
       {
         className: cn("ph-filter-chip", chip.active && "ph-filter-chip--active"),
         "data-state": chip.active ? "on" : "off",
         children: [
-          onToggle ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          onToggle ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "button",
             {
               type: "button",
@@ -3212,15 +2842,15 @@ function FilterChips({
               onClick: () => onToggle(chip.id),
               children: content
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ph-filter-chip__main", children: content }),
-          chip.active && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ph-filter-chip__main", children: content }),
+          chip.active && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "button",
             {
               type: "button",
               className: "ph-filter-chip__remove",
               "aria-label": `Remove ${label} filter`,
               onClick: () => onRemove(chip.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IconClose, { className: "h-3 w-3", "aria-hidden": true })
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconClose, { className: "h-3 w-3", "aria-hidden": true })
             }
           ) : null
         ]
@@ -3236,7 +2866,7 @@ function getChipText(chip) {
 }
 
 // src/components/ui/FilterBar.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function FilterBar(_a) {
   var _b = _a, {
     children,
@@ -3253,12 +2883,12 @@ function FilterBar(_a) {
     "resultCount",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-bar", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ph-filter-bar__controls", role: "group", "aria-label": label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-bar", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ph-filter-bar__controls", role: "group", "aria-label": label, children: [
       children,
-      onClear ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "ph-filter-bar__clear", onClick: onClear, children: clearLabel }) : null
+      onClear ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: "ph-filter-bar__clear", onClick: onClear, children: clearLabel }) : null
     ] }),
-    resultCount != null ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("output", { className: "ph-filter-bar__results", "aria-live": "polite", children: resultCount }) : null
+    resultCount != null ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("output", { className: "ph-filter-bar__results", "aria-live": "polite", children: resultCount }) : null
   ] }));
 }
 function FilterMenu({
@@ -3275,19 +2905,19 @@ function FilterMenu({
   const selected = options.find((option) => option.value === value);
   const displayValue = (_a = selected == null ? void 0 : selected.label) != null ? _a : placeholder;
   const accessibleValue = selected ? getOptionText(selected) : String(placeholder);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     DropdownMenu,
     {
       "aria-label": `${label}: ${accessibleValue}`,
       align,
       disabled,
       className,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: cn("ph-filter-menu-trigger", selected && "ph-filter-menu-trigger--active"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconTuning, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__value", children: displayValue })
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: cn("ph-filter-menu-trigger", selected && "ph-filter-menu-trigger--active"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconTuning, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ph-filter-menu-trigger__value", children: displayValue })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         DropdownRadioItem,
         {
           value: option.value,
@@ -3311,25 +2941,25 @@ function SortMenu({
   className
 }) {
   const selected = options.find((option) => option.value === value);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     DropdownMenu,
     {
       "aria-label": `${label}: ${selected ? getOptionText(selected) : "Choose sort order"}`,
       align,
       disabled,
       className,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "ph-filter-menu-trigger ph-sort-menu-trigger", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "ph-filter-menu-trigger ph-sort-menu-trigger", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           IconArrowDown,
           {
             className: cn("h-3.5 w-3.5", direction === "ascending" && "rotate-180"),
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
-        selected ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__value", children: selected.label }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
+        selected ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ph-filter-menu-trigger__value", children: selected.label }) : null
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         DropdownRadioItem,
         {
           value: option.value,
@@ -3349,7 +2979,7 @@ function getOptionText(option) {
 }
 
 // src/components/ui/FilterControls.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FilterControls(_a) {
   var _b = _a, {
     children,
@@ -3365,33 +2995,33 @@ function FilterControls(_a) {
     "className"
   ]);
   const hasChips = Boolean(chipsProps == null ? void 0 : chipsProps.chips.length);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-controls", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FilterBar, __spreadProps(__spreadValues({}, barProps), { children })),
-    hasChips && chipsProps ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FilterChips, __spreadValues({}, chipsProps)) : emptyState != null ? emptyState : null
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-controls", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FilterBar, __spreadProps(__spreadValues({}, barProps), { children })),
+    hasChips && chipsProps ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FilterChips, __spreadValues({}, chipsProps)) : emptyState != null ? emptyState : null
   ] }));
 }
 
 // src/components/ui/CodeBlock.tsx
-var import_react21 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function CodeBlock({ code, language = "tsx", filename, className }) {
-  const [copied, setCopied] = (0, import_react21.useState)(false);
+  const [copied, setCopied] = (0, import_react19.useState)(false);
   const handleCopy = async () => {
     await navigator.clipboard.writeText(code);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("overflow-hidden rounded-lg border border-ph-border bg-[#1a1a2e]", className), children: [
-    (filename || language) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between border-b border-white/10 px-4 py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-3 rounded-full bg-emerald-400" })
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("overflow-hidden rounded-lg border border-ph-border bg-[#1a1a2e]", className), children: [
+    (filename || language) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center justify-between border-b border-white/10 px-4 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-3 w-3 rounded-full bg-emerald-400" })
         ] }),
-        filename && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "ml-2 text-xs text-white/60", children: filename })
+        filename && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "ml-2 text-xs text-white/60", children: filename })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "button",
         {
           type: "button",
@@ -3401,35 +3031,35 @@ function CodeBlock({ code, language = "tsx", filename, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("code", { className: "font-mono text-[#e4e4e7]", children: code }) })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("code", { className: "font-mono text-[#e4e4e7]", children: code }) })
   ] });
 }
 
 // src/components/ui/ComponentDocs.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function ComponentDocs({ title = "Props & variants", rows, defaultOpen = false, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("details", { className: cn("ph-panel group overflow-hidden p-0", className), open: defaultOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 border-b border-ph-border px-4 py-3 transition hover:bg-ph-muted/60 [&::-webkit-details-marker]:hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "text-xs font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "rounded-full border border-ph-border bg-ph-surface px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext transition group-open:bg-ph-brand group-open:text-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "group-open:hidden", children: "Show" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "hidden group-open:inline", children: "Hide" })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("details", { className: cn("ph-panel group overflow-hidden p-0", className), open: defaultOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 border-b border-ph-border px-4 py-3 transition hover:bg-ph-muted/60 [&::-webkit-details-marker]:hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: "text-xs font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "rounded-full border border-ph-border bg-ph-surface px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext transition group-open:bg-ph-brand group-open:text-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "group-open:hidden", children: "Show" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "hidden group-open:inline", children: "Hide" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "overflow-x-auto border-t border-ph-border", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("table", { className: "w-full text-left text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "bg-ph-muted text-xs uppercase tracking-wider text-ph-mutedtext", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Prop" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Type" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Default" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Use" })
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "overflow-x-auto border-t border-ph-border", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("table", { className: "w-full text-left text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("thead", { className: "bg-ph-muted text-xs uppercase tracking-wider text-ph-mutedtext", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Prop" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Default" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Use" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tbody", { className: "divide-y divide-ph-border", children: rows.map((row) => {
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tbody", { className: "divide-y divide-ph-border", children: rows.map((row) => {
         var _a, _b;
-        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-ink", children: row.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: row.type }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: (_a = row.defaultValue) != null ? _a : "-" }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top text-ph-subtle", children: (_b = row.description) != null ? _b : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-ph-mutedtext", children: "\u2014" }) })
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-ink", children: row.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: row.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: (_a = row.defaultValue) != null ? _a : "-" }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-4 py-3 align-top text-ph-subtle", children: (_b = row.description) != null ? _b : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-ph-mutedtext", children: "\u2014" }) })
         ] }, row.name);
       }) })
     ] }) })
@@ -3437,8 +3067,8 @@ function ComponentDocs({ title = "Props & variants", rows, defaultOpen = false,
 }
 
 // src/components/ui/ShowcaseWrapper.tsx
-var import_react22 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function ShowcaseWrapper({
   id,
   title,
@@ -3450,13 +3080,13 @@ function ShowcaseWrapper({
   className
 }) {
   var _a;
-  const [showCode, setShowCode] = (0, import_react22.useState)(false);
+  const [showCode, setShowCode] = (0, import_react20.useState)(false);
   const fallbackId = (_a = titleIdMap[title]) != null ? _a : title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { id: id != null ? id : fallbackId, className: cn("scroll-mt-20", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ph-h2-rule mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { id: id != null ? id : fallbackId, className: cn("scroll-mt-20", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "ph-h2-rule mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "button",
           {
             type: "button",
@@ -3467,15 +3097,15 @@ function ShowcaseWrapper({
             ),
             title: showCode ? "Hide code" : "Show code",
             "aria-label": showCode ? "Hide code" : "Show code",
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconCodePreview, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(IconCodePreview, { className: "h-5 w-5", "aria-hidden": true })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("hr", {})
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("hr", {})
     ] }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "mb-6 text-sm text-ph-subtle", children: description }),
-    docs && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mb-6", children: docs }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mb-6 text-sm text-ph-subtle", children: description }),
+    docs && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mb-6", children: docs }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "div",
       {
         className: cn(
@@ -3483,15 +3113,15 @@ function ShowcaseWrapper({
           showCode ? "lg:grid lg:grid-cols-[1fr,minmax(360px,420px)]" : "block"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("min-w-0", showCode && "lg:pr-2"), children }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("min-w-0", showCode && "lg:pr-2"), children }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               className: cn(
                 "transition-all duration-300",
                 showCode ? "block opacity-100" : "hidden opacity-0 lg:hidden"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "sticky top-20", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CodeBlock, { code, filename }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "sticky top-20", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CodeBlock, { code, filename }) })
             }
           )
         ]
@@ -3540,14 +3170,14 @@ var titleIdMap = {
 };
 
 // src/components/ui/CollapsibleSection.tsx
-var import_react23 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function CollapsibleSection({ title, children, defaultOpen = true, id }) {
-  const [isOpen, setIsOpen] = (0, import_react23.useState)(defaultOpen);
-  const generatedId = (0, import_react23.useId)();
+  const [isOpen, setIsOpen] = (0, import_react21.useState)(defaultOpen);
+  const generatedId = (0, import_react21.useId)();
   const contentId = `${id != null ? id : generatedId}-content`;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("section", { id, className: "scroll-mt-20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("section", { id, className: "scroll-mt-20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "button",
       {
         type: "button",
@@ -3556,8 +3186,8 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
         "aria-controls": contentId,
         className: "mb-6 flex w-full items-center justify-between rounded-lg border border-ph-border bg-ph-muted px-5 py-4 text-left transition hover:bg-ph-muted/80",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-lg font-bold text-ph-ink", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-lg font-bold text-ph-ink", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             IconChevronDown,
             {
               className: cn(
@@ -3570,7 +3200,7 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       {
         id: contentId,
@@ -3586,7 +3216,7 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
 }
 
 // src/components/ui/Typography.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var toneMap2 = {
   default: "text-ph-ink",
   muted: "text-ph-mutedtext",
@@ -3615,48 +3245,51 @@ function Display({
   truncate,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h1", { className: textClass("text-4xl font-extrabold tracking-tight md:text-5xl", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h1", { className: textClass("ph-hero-title", tone, weight, truncate, className), children });
+}
+function SectionTitle({ children, tone = "default", weight, truncate, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: textClass("ph-section-title", tone, weight, truncate, className), children });
 }
 function H1({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h1", { className: textClass("text-3xl font-bold tracking-tight md:text-4xl", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h1", { className: textClass("text-3xl font-bold tracking-tight md:text-4xl", tone, weight, truncate, className), children });
 }
 function H2({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: textClass("text-2xl font-bold tracking-tight", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: textClass("text-2xl font-bold tracking-tight", tone, weight, truncate, className), children });
 }
 function H3({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: textClass("text-xl font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: textClass("text-xl font-semibold", tone, weight, truncate, className), children });
 }
 function H4({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h4", { className: textClass("text-lg font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h4", { className: textClass("text-lg font-semibold", tone, weight, truncate, className), children });
 }
 function H5({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h5", { className: textClass("text-base font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h5", { className: textClass("text-base font-semibold", tone, weight, truncate, className), children });
 }
 function P({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: textClass("text-base leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: textClass("text-base leading-relaxed", tone, weight, truncate, className), children });
 }
 function Small({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: textClass("text-sm leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: textClass("text-sm leading-relaxed", tone, weight, truncate, className), children });
 }
 function Caption({ children, tone = "muted", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: textClass("text-[11px] font-medium uppercase tracking-wider", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: textClass("text-[11px] font-medium uppercase tracking-wider", tone, weight, truncate, className), children });
 }
 function Overline({ children, tone = "muted", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: textClass("text-[10px] font-bold uppercase tracking-[0.15em]", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: textClass("text-[10px] font-bold uppercase tracking-[0.15em]", tone, weight, truncate, className), children });
 }
 function Lead({ children, tone = "subtle", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: textClass("text-lg leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: textClass("ph-lead", tone, weight, truncate, className), children });
 }
 function Mono({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("code", { className: textClass("text-sm font-mono leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("code", { className: textClass("text-sm font-mono leading-relaxed", tone, weight, truncate, className), children });
 }
 function Label({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { className: textClass("text-sm font-medium", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("label", { className: textClass("text-sm font-medium", tone, weight, truncate, className), children });
 }
 
 // src/components/ui/Avatar.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var sizeMap5 = {
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var sizeMap4 = {
   xs: "h-8 w-8 text-[10px]",
   sm: "h-10 w-10 text-xs",
   md: "h-12 w-12 text-base",
@@ -3687,19 +3320,19 @@ function Avatar(_a) {
     "badge",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex shrink-0", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex shrink-0", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "div",
       {
         className: cn(
           "flex items-center justify-center rounded-full border border-ph-border font-bold shadow-ph",
-          sizeMap5[size],
+          sizeMap4[size],
           color
         ),
         children: icon || label
       }
     ),
-    status && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    status && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "span",
       {
         className: cn(
@@ -3708,7 +3341,7 @@ function Avatar(_a) {
         )
       }
     ),
-    badge && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "absolute -bottom-1 -right-1 flex min-w-[22px] items-center justify-center rounded-full bg-ph-brand px-1.5 py-px text-[10px] font-bold text-white", children: badge })
+    badge && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "absolute -bottom-1 -right-1 flex min-w-[22px] items-center justify-center rounded-full bg-ph-brand px-1.5 py-px text-[10px] font-bold text-white", children: badge })
   ] }));
 }
 function AvatarGroup(_a) {
@@ -3716,9 +3349,9 @@ function AvatarGroup(_a) {
   const items = Array.isArray(children) ? children : [children];
   const visible = max ? items.slice(0, max) : items;
   const remaining = max ? items.length - max : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", __spreadProps(__spreadValues({ className: cn("-space-x-3 flex rtl:space-x-reverse", className) }, props), { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", __spreadProps(__spreadValues({ className: cn("-space-x-3 flex rtl:space-x-reverse", className) }, props), { children: [
     visible,
-    remaining > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    remaining > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       Avatar,
       {
         label: `+${remaining}`,
@@ -3730,8 +3363,8 @@ function AvatarGroup(_a) {
 }
 
 // src/components/ui/Progress.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var sizeMap6 = {
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var sizeMap5 = {
   sm: "h-1",
   md: "h-2",
   lg: "h-3"
@@ -3755,15 +3388,15 @@ function Progress(_a) {
     "className"
   ]);
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
-    (label || showPercentage) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "mb-1.5 flex justify-between text-sm text-ph-subtle", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: label }),
-      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "tabular-nums", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
+    (label || showPercentage) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mb-1.5 flex justify-between text-sm text-ph-subtle", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: label }),
+      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "tabular-nums", children: [
         Math.round(percentage),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("ph-progress", sizeMap6[size]), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("ph-progress", sizeMap5[size]), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "div",
       {
         className: cn("ph-progress-bar", color),
@@ -3777,1443 +3410,65 @@ function Progress(_a) {
   ] }));
 }
 
-// src/components/ui/ChatBubble.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-function ChatBubble(_a) {
+// src/components/ui/Link.tsx
+var import_react22 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var Link = (0, import_react22.forwardRef)(function Link2(_a, ref) {
   var _b = _a, {
-    children,
-    avatar,
-    name,
-    time,
-    variant = "from",
-    footer,
-    className
+    className,
+    disabled = false,
+    children
   } = _b, props = __objRest(_b, [
-    "children",
-    "avatar",
-    "name",
-    "time",
-    "variant",
-    "footer",
-    "className"
+    "className",
+    "disabled",
+    "children"
   ]);
-  const isSelf = variant === "self";
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    "a",
     __spreadProps(__spreadValues({
+      ref,
       className: cn(
-        "flex gap-3",
-        isSelf && "flex-row-reverse",
+        "ph-link",
+        disabled && "ph-link--disabled pointer-events-none opacity-50",
         className
-      )
+      ),
+      tabIndex: disabled ? -1 : void 0,
+      "aria-disabled": disabled || void 0
     }, props), {
-      children: [
-        avatar && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "shrink-0", children: avatar }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("min-w-0 flex-1", isSelf && "text-right"), children: [
-          (name || time) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-            "header",
-            {
-              className: cn(
-                "flex gap-2 text-xs text-ph-mutedtext",
-                isSelf && "flex-row-reverse justify-end"
-              ),
-              children: [
-                name && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "font-semibold text-ph-ink", children: name }),
-                time && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: time })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            "div",
-            {
-              className: cn(
-                "mt-2 inline-block text-left shadow-ph",
-                isSelf ? "ph-chat-self" : "ph-chat-from"
-              ),
-              children
-            }
-          ),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("footer", { className: "mt-2 text-[11px] text-ph-mutedtext", children: footer })
-        ] })
-      ]
-    })
-  );
-}
-
-// src/components/ui/Terminal.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-function Terminal(_a) {
-  var _b = _a, {
-    title = "sandbox",
-    lines,
-    children,
-    className
-  } = _b, props = __objRest(_b, [
-    "title",
-    "lines",
-    "children",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-    "div",
-    __spreadProps(__spreadValues({
-      className: cn(
-        "overflow-hidden rounded-xl border border-ph-border shadow-ph-md",
-        className
-      )
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("header", { className: "flex items-center gap-2 border-b border-ph-border bg-ph-muted px-4 py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-3 w-3 rounded-full bg-emerald-400" }),
-          title && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs font-medium text-ph-mutedtext", children: title })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ph-code rounded-none border-x-0 border-b-0 text-[13px] leading-relaxed", children: children || /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: lines == null ? void 0 : lines.map((line, i) => {
-          const text = typeof line === "string" ? line : line.text;
-          const color = typeof line === "string" ? void 0 : line.color;
-          return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: color || "text-neutral-600", children: text }),
-            i < lines.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("br", {})
-          ] }, i);
-        }) }) })
-      ]
-    })
-  );
-}
-
-// src/components/ui/Indicator.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var positionMap = {
-  "top-right": "-right-[2px] -top-[2px]",
-  "top-left": "-left-[2px] -top-[2px]",
-  "bottom-right": "-right-[2px] -bottom-[2px]",
-  "bottom-left": "-left-[2px] -bottom-[2px]"
-};
-function Indicator(_a) {
-  var _b = _a, {
-    children,
-    badge,
-    color = "bg-ph-brand",
-    position = "top-right",
-    dot = false,
-    className
-  } = _b, props = __objRest(_b, [
-    "children",
-    "badge",
-    "color",
-    "position",
-    "dot",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex items-center justify-center", className) }, props), { children: [
-    dot ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      "span",
-      {
-        className: cn(
-          "absolute z-10 h-2.5 w-2.5 rounded-full border-2 border-white",
-          color,
-          positionMap[position]
-        )
-      }
-    ) : badge != null ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      "span",
-      {
-        className: cn(
-          "absolute z-10 flex min-h-[22px] min-w-[22px] items-center justify-center rounded-full px-1 text-[11px] font-bold text-white",
-          color,
-          positionMap[position]
-        ),
-        children: badge
-      }
-    ) : null,
-    children
-  ] }));
-}
-
-// src/components/ui/Timeline.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-function Timeline(_a) {
-  var _b = _a, {
-    events,
-    alternate = false,
-    className
-  } = _b, props = __objRest(_b, [
-    "events",
-    "alternate",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    "ol",
-    __spreadProps(__spreadValues({
-      className: cn("relative space-y-8", className)
-    }, props), {
-      children: events.map((event, idx) => {
-        const align = alternate && idx % 2 !== 0 ? "lg:flex-row-reverse" : "";
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("li", { className: cn("relative flex gap-6", align), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-            "div",
-            {
-              className: cn(
-                "relative z-10 flex h-12 w-12 shrink-0 items-center justify-center rounded-full ring-8 ring-ph-muted shadow-md",
-                event.color || "bg-ph-brand text-white"
-              ),
-              children: event.icon
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("article", { className: "flex-1 rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-wrap items-baseline gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h4", { className: "text-base font-semibold text-ph-ink", children: event.title }),
-              event.time && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("time", { className: "text-[11px] font-semibold uppercase tracking-wide text-ph-mutedtext", children: event.time })
-            ] }),
-            event.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "mt-2 text-sm text-ph-subtle", children: event.description })
-          ] })
-        ] }, event.id);
-      })
-    })
-  );
-}
-
-// src/components/ui/Banner.tsx
-var import_react24 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var typeClass = {
-  info: "ph-banner-info",
-  success: "ph-banner-success",
-  warning: "ph-banner-warning",
-  danger: "ph-banner-danger",
-  ai: "ph-banner-ai"
-};
-var Banner = (0, import_react24.forwardRef)(function Banner2(_a, ref) {
-  var _b = _a, {
-    type = "info",
-    onClose,
-    action,
-    hideIcon = false,
-    square = false,
-    icon,
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "type",
-    "onClose",
-    "action",
-    "hideIcon",
-    "square",
-    "icon",
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      ref,
-      role: "alert",
-      className: cn(
-        "ph-banner",
-        typeClass[type],
-        square && "ph-banner--square",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "ph-banner__body", children: [
-        icon,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ph-banner__content", children }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ph-banner__action", children: action }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: onClose, className: "ph-banner__close", "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) }) })
-      ] })
-    })
-  );
-});
-Banner.displayName = "Banner";
-
-// src/components/ui/Dialog.tsx
-var import_react25 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-function Dialog2(_a) {
-  var _b = _a, {
-    isOpen: openProp,
-    onClose,
-    onConfirm,
-    confirmText = "Confirm",
-    cancelText = "Cancel",
-    confirmProps,
-    cancelProps,
-    children,
-    title
-  } = _b, modalProps = __objRest(_b, [
-    "isOpen",
-    "onClose",
-    "onConfirm",
-    "confirmText",
-    "cancelText",
-    "confirmProps",
-    "cancelProps",
-    "children",
-    "title"
-  ]);
-  const [loading, setLoading] = (0, import_react25.useState)(false);
-  const isOpen = openProp != null ? openProp : true;
-  const handleConfirm = async () => {
-    if (!onConfirm) return;
-    setLoading(true);
-    try {
-      await onConfirm();
-    } finally {
-      setLoading(false);
-    }
-    onClose == null ? void 0 : onClose();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-    Modal,
-    __spreadProps(__spreadValues({
-      open: isOpen,
-      onClose,
-      title,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
-        onConfirm && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          Button,
-          __spreadProps(__spreadValues({
-            variant: "primary",
-            loading
-          }, confirmProps), {
-            onClick: handleConfirm,
-            children: confirmText
-          })
-        )
-      ] })
-    }, modalProps), {
-      children
-    })
-  );
-}
-Dialog2.displayName = "Dialog";
-
-// src/components/ui/Divider.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-function Divider(_a) {
-  var _b = _a, {
-    vertical = false,
-    dashed = false,
-    thick = false,
-    label,
-    className
-  } = _b, props = __objRest(_b, [
-    "vertical",
-    "dashed",
-    "thick",
-    "label",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      role: "separator",
-      "aria-orientation": vertical ? "vertical" : "horizontal",
-      className: cn(
-        "ph-divider",
-        vertical && "ph-divider--vertical",
-        thick && "ph-divider--thick",
-        dashed && "ph-divider--dashed",
-        !!label && "ph-divider--with-label",
-        !className && (vertical ? "mx-2 self-stretch" : "my-2"),
-        className
-      )
-    }, props), {
-      children: label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "ph-divider__label", children: label })
-    })
-  );
-}
-Divider.displayName = "Divider";
-
-// src/components/ui/Tag.tsx
-var import_react26 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var typeClass2 = {
-  default: "ph-tag-default",
-  primary: "ph-tag-primary",
-  success: "ph-tag-success",
-  warning: "ph-tag-warning",
-  danger: "ph-tag-danger",
-  info: "ph-tag-info",
-  muted: "ph-tag-muted",
-  highlight: "ph-tag-highlight"
-};
-var Tag = (0, import_react26.forwardRef)(function Tag2(_a, ref) {
-  var _b = _a, {
-    type = "default",
-    size = "md",
-    icon,
-    closable = false,
-    onClose,
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "type",
-    "size",
-    "icon",
-    "closable",
-    "onClose",
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-    "div",
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "ph-tag",
-        typeClass2[type],
-        size === "sm" && "ph-tag-sm",
-        className
-      )
-    }, props), {
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "ph-tag__icon", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "ph-tag__text", children }),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: (e) => {
-              e.stopPropagation();
-              onClose == null ? void 0 : onClose();
-            },
-            className: "ph-tag__close",
-            "aria-label": "Remove",
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" }) })
-          }
-        )
-      ]
-    })
-  );
-});
-Tag.displayName = "Tag";
-
-// src/components/ui/ProgressCircle.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-function ProgressCircle(_a) {
-  var _b = _a, {
-    progress,
-    size = 40,
-    strokeWidth: sw,
-    children,
-    className
-  } = _b, props = __objRest(_b, [
-    "progress",
-    "size",
-    "strokeWidth",
-    "children",
-    "className"
-  ]);
-  const stroke = sw != null ? sw : size * 0.08;
-  const radius = (size - stroke) / 2;
-  const circumference = 2 * Math.PI * radius;
-  const offset = circumference - Math.min(1, Math.max(0, progress)) * circumference;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-    "span",
-    __spreadProps(__spreadValues({
-      className: cn("ph-progress-circle", className),
-      style: { width: size, height: size },
-      role: "progressbar",
-      "aria-valuenow": Math.round(progress * 100),
-      "aria-valuemin": 0,
-      "aria-valuemax": 100
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { width: size, height: size, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-            "circle",
-            {
-              cx: size / 2,
-              cy: size / 2,
-              r: radius,
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: stroke,
-              opacity: 0.15
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-            "circle",
-            {
-              cx: size / 2,
-              cy: size / 2,
-              r: radius,
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: stroke,
-              strokeDasharray: circumference,
-              strokeDashoffset: offset,
-              strokeLinecap: "round",
-              transform: `rotate(-90 ${size / 2} ${size / 2})`,
-              className: "ph-progress-circle__bar"
-            }
-          )
-        ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ph-progress-circle__content", children })
-      ]
-    })
-  );
-}
-ProgressCircle.displayName = "ProgressCircle";
-
-// src/components/ui/Row.tsx
-var import_react27 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var Row = (0, import_react27.forwardRef)(function Row2(_a, ref) {
-  var _b = _a, {
-    icon,
-    sideIcon,
-    status = "default",
-    fullWidth = false,
-    center = false,
-    size = "md",
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "icon",
-    "sideIcon",
-    "status",
-    "fullWidth",
-    "center",
-    "size",
-    "className",
-    "children"
-  ]);
-  const symbolic = children === null || children === void 0 || children === false;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "ph-row",
-        status !== "default" && `ph-row--${status}`,
-        fullWidth && "ph-row--full-width",
-        center && "ph-row--center",
-        size === "sm" && "ph-row--sm",
-        size === "lg" && "ph-row--lg",
-        symbolic && "ph-row--symbolic",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ph-row__main", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ph-row__icon", children: icon }),
-        !symbolic && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ph-row__content", children }),
-        sideIcon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ph-row__side-icon", children: sideIcon })
-      ] })
-    })
-  );
-});
-Row.displayName = "Row";
-
-// src/components/ui/Widget.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-function Widget({ title, onClose, actions, children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cn("ph-widget", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ph-widget__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ph-widget__title", children: title }),
-      actions,
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", onClick: onClose, className: "ph-widget__close", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M3 3l8 8M11 3l-8 8" }) }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ph-widget__content", children })
-  ] });
-}
-Widget.displayName = "Widget";
-
-// src/components/ui/Lettermark.tsx
-var import_react28 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var Lettermark = (0, import_react28.forwardRef)(function Lettermark2(_a, ref) {
-  var _b = _a, {
-    name,
-    index,
-    outlined = false,
-    rounded = false,
-    size = "md",
-    className
-  } = _b, props = __objRest(_b, [
-    "name",
-    "index",
-    "outlined",
-    "rounded",
-    "size",
-    "className"
-  ]);
-  const letter = name ? typeof name === "number" ? String(Math.floor(name)) : String.fromCodePoint(name.codePointAt(0)).toLocaleUpperCase() : "?";
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "ph-lettermark",
-        `ph-lettermark--${size}`,
-        typeof index === "number" && `ph-lettermark--v-${index % 8 + 1}`,
-        outlined && "ph-lettermark--outlined",
-        rounded && "ph-lettermark--rounded",
-        letter === "?" && "ph-lettermark--unknown",
-        className
-      ),
-      "aria-hidden": "true"
-    }, props), {
-      children: letter
-    })
-  );
-});
-Lettermark.displayName = "Lettermark";
-
-// src/components/ui/Splotch.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var colorMap = {
-  purple: "ph-splotch--purple",
-  blue: "ph-splotch--blue",
-  green: "ph-splotch--green",
-  black: "ph-splotch--black",
-  white: "ph-splotch--white",
-  orange: "ph-splotch--orange",
-  red: "ph-splotch--red",
-  yellow: "ph-splotch--yellow"
-};
-function Splotch(_a) {
-  var _b = _a, { color, className } = _b, props = __objRest(_b, ["color", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      className: cn("ph-splotch", colorMap[color], className),
-      "aria-hidden": "true"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ph-splotch__paint" })
-    })
-  );
-}
-Splotch.displayName = "Splotch";
-
-// src/components/ui/Popover.tsx
-var import_react29 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-function Popover(_a) {
-  var _b = _a, {
-    trigger,
-    children,
-    open: controlledOpen,
-    onOpenChange,
-    placement = "bottom",
-    matchTriggerWidth = false,
-    padded = true,
-    className
-  } = _b, props = __objRest(_b, [
-    "trigger",
-    "children",
-    "open",
-    "onOpenChange",
-    "placement",
-    "matchTriggerWidth",
-    "padded",
-    "className"
-  ]);
-  var _a2;
-  const [internalOpen, setInternalOpen] = (0, import_react29.useState)(false);
-  const isOpen = controlledOpen != null ? controlledOpen : internalOpen;
-  const setOpen = onOpenChange != null ? onOpenChange : setInternalOpen;
-  const triggerRef = (0, import_react29.useRef)(null);
-  const panelRef = (0, import_react29.useRef)(null);
-  (0, import_react29.useEffect)(() => {
-    if (!isOpen) return;
-    const handleClick = (e) => {
-      if (triggerRef.current && !triggerRef.current.contains(e.target) && panelRef.current && !panelRef.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, [isOpen, setOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-popover relative inline-flex", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-      "div",
-      {
-        ref: triggerRef,
-        onClick: () => setOpen(!isOpen),
-        className: "ph-popover__trigger",
-        children: trigger
-      }
-    ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-      "div",
-      {
-        ref: panelRef,
-        className: cn(
-          "ph-popover__panel",
-          `ph-popover--${placement}`,
-          padded && "ph-popover__panel--padded",
-          matchTriggerWidth && "ph-popover__panel--match"
-        ),
-        style: matchTriggerWidth ? { width: (_a2 = triggerRef.current) == null ? void 0 : _a2.offsetWidth } : void 0,
-        children
-      }
-    )
-  ] }));
-}
-Popover.displayName = "Popover";
-
-// src/components/ui/LoadingBar.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-function LoadingBar(_a) {
-  var _b = _a, { active = true, className } = _b, props = __objRest(_b, ["active", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      className: cn(
-        "ph-loading-bar",
-        active && "ph-loading-bar--active",
-        className
-      ),
-      role: "progressbar",
-      "aria-label": "Loading"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ph-loading-bar__fill" })
-    })
-  );
-}
-LoadingBar.displayName = "LoadingBar";
-
-// src/components/ui/Link.tsx
-var import_react30 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var Link = (0, import_react30.forwardRef)(function Link2(_a, ref) {
-  var _b = _a, {
-    className,
-    disabled = false,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "disabled",
-    "children"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-    "a",
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "ph-link",
-        disabled && "ph-link--disabled pointer-events-none opacity-50",
-        className
-      ),
-      tabIndex: disabled ? -1 : void 0,
-      "aria-disabled": disabled || void 0
-    }, props), {
-      children
-    })
-  );
-});
-Link.displayName = "Link";
-
-// src/components/ui/Spinner.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-function Spinner(_a) {
-  var _b = _a, { size = "sm", textColored = false, className } = _b, props = __objRest(_b, ["size", "textColored", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    "span",
-    __spreadProps(__spreadValues({
-      className: cn(
-        "ph-spinner",
-        `ph-spinner--${size}`,
-        textColored && "ph-spinner--text-colored",
-        className
-      ),
-      role: "status",
-      "aria-label": "Loading"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ph-spinner__svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", opacity: 0.2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
-      ] })
-    })
-  );
-}
-Spinner.displayName = "Spinner";
-
-// src/components/ui/Snack.tsx
-var import_react31 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var Snack = (0, import_react31.forwardRef)(function Snack2(_a, ref) {
-  var _b = _a, {
-    type = "regular",
-    onClose,
-    wrap = false,
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "type",
-    "onClose",
-    "wrap",
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
-    "span",
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "ph-snack",
-        type === "pill" && "ph-snack--pill",
-        !wrap && "truncate",
-        className
-      ),
-      title: typeof children === "string" ? children : void 0
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ph-snack__text", children }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: (e) => {
-              e.stopPropagation();
-              onClose();
-            },
-            className: "ph-snack__close",
-            "aria-label": "Remove",
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" }) })
-          }
-        )
-      ]
-    })
-  );
-});
-Snack.displayName = "Snack";
-
-// src/components/ui/Combobox.tsx
-var import_react32 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-function Combobox({
-  options,
-  value = [],
-  onChange,
-  placeholder = "Search...",
-  className,
-  disabled
-}) {
-  const [open, setOpen] = (0, import_react32.useState)(false);
-  const [search, setSearch] = (0, import_react32.useState)("");
-  const inputRef = (0, import_react32.useRef)(null);
-  const containerRef = (0, import_react32.useRef)(null);
-  const filtered = options.filter(
-    (o) => o.label.toLowerCase().includes(search.toLowerCase())
-  );
-  const selectedSet = new Set(value);
-  const toggle = (val) => {
-    const next = selectedSet.has(val) ? value.filter((v) => v !== val) : [...value, val];
-    onChange == null ? void 0 : onChange(next);
-  };
-  (0, import_react32.useEffect)(() => {
-    if (!open) return;
-    const handle = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handle);
-    return () => document.removeEventListener("mousedown", handle);
-  }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { ref: containerRef, className: cn("ph-combobox relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "ph-combobox__input-wrap", children: [
-      value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ph-combobox__chips", children: value.map((v) => {
-        var _a, _b;
-        const opt = options.find((o) => o.value === v);
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "ph-combobox__chip", children: [
-          (_a = opt == null ? void 0 : opt.label) != null ? _a : v,
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => toggle(v),
-              className: "ph-combobox__chip-remove",
-              "aria-label": `Remove ${(_b = opt == null ? void 0 : opt.label) != null ? _b : v}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
-            }
-          )
-        ] }, v);
-      }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-        "input",
-        {
-          ref: inputRef,
-          type: "text",
-          value: search,
-          onChange: (e) => {
-            setSearch(e.target.value);
-            setOpen(true);
-          },
-          onFocus: () => setOpen(true),
-          placeholder: value.length === 0 ? placeholder : "",
-          disabled,
-          className: "ph-combobox__input"
-        }
-      )
-    ] }),
-    open && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ph-combobox__dropdown", children: filtered.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
-      "button",
-      {
-        type: "button",
-        onClick: () => toggle(opt.value),
-        className: cn(
-          "ph-combobox__option",
-          selectedSet.has(opt.value) && "ph-combobox__option--selected"
-        ),
-        children: [
-          selectedSet.has(opt.value) && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M2.5 6l2.5 2.5 4.5-5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: opt.label })
-        ]
-      },
-      opt.value
-    )) })
-  ] });
-}
-Combobox.displayName = "Combobox";
-
-// src/components/ui/Autocomplete.tsx
-var import_react33 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
-function Autocomplete(_a) {
-  var _b = _a, {
-    options,
-    onSelect,
-    className,
-    value: controlledValue,
-    onChange,
-    placeholder = "Type to search..."
-  } = _b, inputProps = __objRest(_b, [
-    "options",
-    "onSelect",
-    "className",
-    "value",
-    "onChange",
-    "placeholder"
-  ]);
-  const [open, setOpen] = (0, import_react33.useState)(false);
-  const [search, setSearch] = (0, import_react33.useState)("");
-  const [activeIndex, setActiveIndex] = (0, import_react33.useState)(-1);
-  const containerRef = (0, import_react33.useRef)(null);
-  const inputRef = (0, import_react33.useRef)(null);
-  const listRef = (0, import_react33.useRef)(null);
-  const filtered = options.filter(
-    (o) => o.label.toLowerCase().includes(search.toLowerCase())
-  );
-  const handleSelect = (opt) => {
-    setSearch(opt.label);
-    setOpen(false);
-    onSelect == null ? void 0 : onSelect(opt);
-  };
-  (0, import_react33.useEffect)(() => {
-    if (!open) {
-      setActiveIndex(-1);
-      return;
-    }
-    const handle = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    const handleKey = (e) => {
-      if (e.key === "ArrowDown") {
-        setActiveIndex((i) => Math.min(i + 1, filtered.length - 1));
-        e.preventDefault();
-      }
-      if (e.key === "ArrowUp") {
-        setActiveIndex((i) => Math.max(i - 1, 0));
-        e.preventDefault();
-      }
-      if (e.key === "Enter" && activeIndex >= 0) {
-        handleSelect(filtered[activeIndex]);
-        e.preventDefault();
-      }
-      if (e.key === "Escape") {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handle);
-    document.addEventListener("keydown", handleKey);
-    return () => {
-      document.removeEventListener("mousedown", handle);
-      document.removeEventListener("keydown", handleKey);
-    };
-  }, [open, filtered, activeIndex]);
-  (0, import_react33.useEffect)(() => {
-    if (activeIndex >= 0 && listRef.current) {
-      const el = listRef.current.children[activeIndex];
-      el == null ? void 0 : el.scrollIntoView({ block: "nearest" });
-    }
-  }, [activeIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { ref: containerRef, className: cn("ph-autocomplete relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-      "input",
-      __spreadValues({
-        ref: inputRef,
-        type: "text",
-        value: search,
-        onChange: (e) => {
-          setSearch(e.target.value);
-          setOpen(true);
-          onChange == null ? void 0 : onChange(e);
-        },
-        onFocus: () => setOpen(true),
-        placeholder,
-        className: "ph-input w-full"
-      }, inputProps)
-    ),
-    open && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref: listRef, className: "ph-autocomplete__dropdown", role: "listbox", children: filtered.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-      "button",
-      {
-        type: "button",
-        role: "option",
-        "aria-selected": i === activeIndex,
-        onMouseDown: () => handleSelect(opt),
-        onMouseEnter: () => setActiveIndex(i),
-        className: cn(
-          "ph-autocomplete__option",
-          i === activeIndex && "ph-autocomplete__option--active"
-        ),
-        children: opt.label
-      },
-      opt.value
-    )) })
-  ] });
-}
-Autocomplete.displayName = "Autocomplete";
-
-// src/components/ui/ContextMenu.tsx
-var import_react34 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
-function ContextMenu(_a) {
-  var _b = _a, { items, children, className } = _b, props = __objRest(_b, ["items", "children", "className"]);
-  const [open, setOpen] = (0, import_react34.useState)(false);
-  const [pos, setPos] = (0, import_react34.useState)({ x: 0, y: 0 });
-  const menuRef = (0, import_react34.useRef)(null);
-  (0, import_react34.useEffect)(() => {
-    if (!open) return;
-    const handle = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    const handleKey = (e) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("mousedown", handle);
-    document.addEventListener("keydown", handleKey);
-    return () => {
-      document.removeEventListener("mousedown", handle);
-      document.removeEventListener("keydown", handleKey);
-    };
-  }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
-    "div",
-    __spreadProps(__spreadValues({
-      className: cn("ph-context-menu", className),
-      onContextMenu: (e) => {
-        e.preventDefault();
-        setPos({ x: e.clientX, y: e.clientY });
-        setOpen(true);
-      }
-    }, props), {
-      children: [
-        children,
-        open && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-          "div",
-          {
-            ref: menuRef,
-            className: "ph-context-menu__panel",
-            style: { left: pos.x, top: pos.y },
-            children: items.map(
-              (item, i) => item.separator ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "ph-context-menu__separator" }, i) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  disabled: item.disabled,
-                  onClick: () => {
-                    var _a2;
-                    (_a2 = item.onClick) == null ? void 0 : _a2.call(item);
-                    setOpen(false);
-                  },
-                  className: "ph-context-menu__item",
-                  children: [
-                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "ph-context-menu__icon", children: item.icon }),
-                    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: item.label })
-                  ]
-                },
-                i
-              )
-            )
-          }
-        )
-      ]
-    })
-  );
-}
-ContextMenu.displayName = "ContextMenu";
-
-// src/components/ui/Resizable.tsx
-var import_react35 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-function Resizable(_a) {
-  var _b = _a, {
-    left,
-    right,
-    defaultLeftWidth = 50,
-    minLeftWidth = 20,
-    minRightWidth = 20,
-    className
-  } = _b, props = __objRest(_b, [
-    "left",
-    "right",
-    "defaultLeftWidth",
-    "minLeftWidth",
-    "minRightWidth",
-    "className"
-  ]);
-  const [leftPercent, setLeftPercent] = (0, import_react35.useState)(defaultLeftWidth);
-  const dragging = (0, import_react35.useRef)(false);
-  const containerRef = (0, import_react35.useRef)(null);
-  const handleMouseDown = (0, import_react35.useCallback)((e) => {
-    e.preventDefault();
-    dragging.current = true;
-    const startX = e.clientX;
-    const startPercent = leftPercent;
-    const handleMove = (ev) => {
-      if (!dragging.current || !containerRef.current) return;
-      const rect = containerRef.current.getBoundingClientRect();
-      const delta = (ev.clientX - startX) / rect.width * 100;
-      const newVal = Math.max(minLeftWidth, Math.min(100 - minRightWidth, startPercent + delta));
-      setLeftPercent(newVal);
-    };
-    const handleUp = () => {
-      dragging.current = false;
-      document.removeEventListener("mousemove", handleMove);
-      document.removeEventListener("mouseup", handleUp);
-    };
-    document.addEventListener("mousemove", handleMove);
-    document.addEventListener("mouseup", handleUp);
-  }, [leftPercent, minLeftWidth, minRightWidth]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
-    "div",
-    __spreadProps(__spreadValues({
-      ref: containerRef,
-      className: cn("ph-resizable flex overflow-hidden", className)
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ph-resizable__left overflow-auto", style: { width: `${leftPercent}%` }, children: left }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-          "div",
-          {
-            className: "ph-resizable__handle cursor-col-resize shrink-0",
-            onMouseDown: handleMouseDown
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ph-resizable__right flex-1 overflow-auto", children: right })
-      ]
+      children
     })
   );
-}
-Resizable.displayName = "Resizable";
+});
+Link.displayName = "Link";
 
-// src/components/ui/ScrollArea.tsx
-var import_react36 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-function ScrollArea(_a) {
-  var _b = _a, {
-    children,
-    orientation = "vertical",
-    className
-  } = _b, props = __objRest(_b, [
-    "children",
-    "orientation",
-    "className"
-  ]);
-  const viewportRef = (0, import_react36.useRef)(null);
-  const [showTop, setShowTop] = (0, import_react36.useState)(false);
-  const [showBottom, setShowBottom] = (0, import_react36.useState)(false);
-  (0, import_react36.useEffect)(() => {
-    const el = viewportRef.current;
-    if (!el) return;
-    const update = () => {
-      setShowTop(el.scrollTop > 4);
-      setShowBottom(el.scrollTop < el.scrollHeight - el.clientHeight - 4);
-    };
-    update();
-    el.addEventListener("scroll", update, { passive: true });
-    const ro = new ResizeObserver(update);
-    ro.observe(el);
-    return () => {
-      el.removeEventListener("scroll", update);
-      ro.disconnect();
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
-    "div",
+// src/components/ui/Spinner.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function Spinner(_a) {
+  var _b = _a, { size = "sm", textColored = false, className } = _b, props = __objRest(_b, ["size", "textColored", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    "span",
     __spreadProps(__spreadValues({
       className: cn(
-        "ph-scroll-area relative overflow-hidden",
-        orientation === "horizontal" && "overflow-x-auto",
-        orientation === "both" && "overflow-auto",
+        "ph-spinner",
+        `ph-spinner--${size}`,
+        textColored && "ph-spinner--text-colored",
         className
-      )
-    }, props), {
-      children: [
-        showTop && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ph-scroll-area__shadow-top" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: viewportRef, className: "ph-scroll-area__viewport overflow-y-auto overscroll-contain", children }),
-        showBottom && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ph-scroll-area__shadow-bottom" })
-      ]
-    })
-  );
-}
-ScrollArea.displayName = "ScrollArea";
-
-// src/components/ui/NumberField.tsx
-var import_react37 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-function NumberField(_a) {
-  var _b = _a, {
-    value: controlledValue,
-    onChange,
-    min,
-    max,
-    step = 1,
-    label,
-    className,
-    disabled,
-    defaultValue
-  } = _b, inputProps = __objRest(_b, [
-    "value",
-    "onChange",
-    "min",
-    "max",
-    "step",
-    "label",
-    "className",
-    "disabled",
-    "defaultValue"
-  ]);
-  const [internal, setInternal] = (0, import_react37.useState)(controlledValue != null ? controlledValue : 0);
-  const value = controlledValue != null ? controlledValue : internal;
-  const set = (v) => {
-    const clamped = Math.max(min != null ? min : -Infinity, Math.min(max != null ? max : Infinity, v));
-    setInternal(clamped);
-    onChange == null ? void 0 : onChange(clamped);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cn("ph-number-field", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("label", { className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "ph-number-field__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-        "button",
-        {
-          type: "button",
-          disabled: disabled || min !== void 0 && value <= min,
-          onClick: () => set(value - step),
-          className: "ph-number-field__btn",
-          "aria-label": "Decrease",
-          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { width: "12", height: "2", viewBox: "0 0 12 2", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("rect", { y: "0", width: "12", height: "2", rx: "1" }) })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-        "input",
-        __spreadValues({
-          type: "number",
-          value,
-          onChange: (e) => set(Number(e.target.value)),
-          disabled,
-          min,
-          max,
-          step,
-          className: "ph-number-field__input"
-        }, inputProps)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-        "button",
-        {
-          type: "button",
-          disabled: disabled || max !== void 0 && value >= max,
-          onClick: () => set(value + step),
-          className: "ph-number-field__btn",
-          "aria-label": "Increase",
-          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M6 2v8M2 6h8" }) })
-        }
-      )
-    ] })
-  ] });
-}
-NumberField.displayName = "NumberField";
-
-// src/components/ui/InputGroup.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
-function InputGroup(_a) {
-  var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-input-group", className) }, props), { children }));
-}
-InputGroup.displayName = "InputGroup";
-
-// src/components/ui/ButtonGroup.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
-function ButtonGroup(_a) {
-  var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-btn-group", className) }, props), { children }));
-}
-ButtonGroup.displayName = "ButtonGroup";
-
-// src/components/ui/Toggle.tsx
-var import_react38 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var ToggleButton = (0, import_react38.forwardRef)(function ToggleButton2(_a, ref) {
-  var _b = _a, {
-    pressed = false,
-    onPressedChange,
-    icon,
-    children,
-    className
-  } = _b, props = __objRest(_b, [
-    "pressed",
-    "onPressedChange",
-    "icon",
-    "children",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
-    "button",
-    __spreadProps(__spreadValues({
-      ref,
-      type: "button",
-      "aria-pressed": pressed,
-      onClick: () => onPressedChange == null ? void 0 : onPressedChange(!pressed),
-      className: cn(
-        "ph-toggle-btn",
-        pressed && "ph-toggle-btn--pressed",
-        className
-      )
+      role: "status",
+      "aria-label": "Loading"
     }, props), {
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "ph-toggle-btn__icon", children: icon }),
-        children
-      ]
-    })
-  );
-});
-ToggleButton.displayName = "ToggleButton";
-function ToggleGroup({
-  type = "single",
-  value,
-  onValueChange,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("ph-toggle-group", className), role: "group", children });
-}
-ToggleGroup.displayName = "ToggleGroup";
-
-// src/components/ui/Menubar.tsx
-var import_react39 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
-function Menubar(_a) {
-  var _b = _a, { items, className } = _b, props = __objRest(_b, ["items", "className"]);
-  const [openIndex, setOpenIndex] = (0, import_react39.useState)(-1);
-  const barRef = (0, import_react39.useRef)(null);
-  (0, import_react39.useEffect)(() => {
-    if (openIndex < 0) return;
-    const handle = (e) => {
-      if (barRef.current && !barRef.current.contains(e.target)) {
-        setOpenIndex(-1);
-      }
-    };
-    document.addEventListener("mousedown", handle);
-    return () => document.removeEventListener("mousedown", handle);
-  }, [openIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", __spreadProps(__spreadValues({ ref: barRef, className: cn("ph-menubar", className) }, props), { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ph-menubar__item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpenIndex(openIndex === i ? -1 : i),
-        className: cn("ph-menubar__trigger", openIndex === i && "ph-menubar__trigger--open"),
-        children: item.label
-      }
-    ),
-    openIndex === i && item.items && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "ph-menubar__dropdown", children: item.items.map(
-      (sub, j) => sub.separator ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "ph-menubar__separator" }, j) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-        "button",
-        {
-          type: "button",
-          disabled: sub.disabled,
-          onClick: () => {
-            var _a2;
-            (_a2 = sub.onClick) == null ? void 0 : _a2.call(sub);
-            setOpenIndex(-1);
-          },
-          className: "ph-menubar__sub-item",
-          children: sub.label
-        },
-        j
-      )
-    ) })
-  ] }, i)) }));
-}
-Menubar.displayName = "Menubar";
-
-// src/components/ui/AlertDialog.tsx
-var import_react40 = require("react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
-function AlertDialog(_a) {
-  var _b = _a, {
-    isOpen: openProp,
-    onClose,
-    onConfirm,
-    confirmText = "Confirm",
-    cancelText = "Cancel",
-    confirmProps,
-    cancelProps,
-    children,
-    title
-  } = _b, modalProps = __objRest(_b, [
-    "isOpen",
-    "onClose",
-    "onConfirm",
-    "confirmText",
-    "cancelText",
-    "confirmProps",
-    "cancelProps",
-    "children",
-    "title"
-  ]);
-  const [loading, setLoading] = (0, import_react40.useState)(false);
-  const isOpen = openProp != null ? openProp : true;
-  const handleConfirm = async () => {
-    if (!onConfirm) return;
-    setLoading(true);
-    try {
-      await onConfirm();
-    } finally {
-      setLoading(false);
-    }
-    onClose == null ? void 0 : onClose();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-    Modal,
-    __spreadProps(__spreadValues({
-      open: isOpen,
-      onClose,
-      title,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
-        onConfirm && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, __spreadProps(__spreadValues({ variant: "primary", loading }, confirmProps), { onClick: handleConfirm, children: confirmText }))
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ph-spinner__svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", opacity: 0.2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
       ] })
-    }, modalProps), {
-      children
     })
   );
 }
-AlertDialog.displayName = "AlertDialog";
+Spinner.displayName = "Spinner";
 
 // src/components/ui/Dot.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var colorMap2 = {
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var colorMap = {
   green: "bg-ph-success",
   yellow: "bg-ph-warning",
   red: "bg-ph-danger",
@@ -5222,13 +3477,13 @@ var colorMap2 = {
 };
 function Dot(_a) {
   var _b = _a, { color = "gray", size = "md", className } = _b, props = __objRest(_b, ["color", "size", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "span",
     __spreadValues({
       className: cn(
         "ph-dot inline-block shrink-0 rounded-full",
         size === "sm" ? "h-1.5 w-1.5" : "h-2.5 w-2.5",
-        colorMap2[color],
+        colorMap[color],
         className
       ),
       "aria-hidden": "true"
@@ -5237,92 +3492,10 @@ function Dot(_a) {
 }
 Dot.displayName = "Dot";
 
-// src/components/ui/Collapsible.tsx
-var import_react41 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
-function Collapsible(_a) {
-  var _b = _a, {
-    trigger,
-    open: controlledOpen,
-    onOpenChange,
-    children,
-    className
-  } = _b, props = __objRest(_b, [
-    "trigger",
-    "open",
-    "onOpenChange",
-    "children",
-    "className"
-  ]);
-  const [internalOpen, setInternalOpen] = (0, import_react41.useState)(false);
-  const isOpen = controlledOpen != null ? controlledOpen : internalOpen;
-  const setOpen = onOpenChange != null ? onOpenChange : setInternalOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-collapsible", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(!isOpen),
-        className: "ph-collapsible__trigger",
-        "aria-expanded": isOpen,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-            "svg",
-            {
-              className: cn("ph-collapsible__chevron", isOpen && "ph-collapsible__chevron--open"),
-              width: "14",
-              height: "14",
-              viewBox: "0 0 14 14",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M4 5l3 3 3-3" })
-            }
-          ),
-          trigger
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ph-collapsible__content", children })
-  ] }));
-}
-Collapsible.displayName = "Collapsible";
-
-// src/components/ui/Metric.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
-function Metric(_a) {
-  var _b = _a, {
-    value,
-    label,
-    badge,
-    trend,
-    icon,
-    className
-  } = _b, props = __objRest(_b, [
-    "value",
-    "label",
-    "badge",
-    "trend",
-    "icon",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-metric", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ph-metric__header", children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ph-metric__icon", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ph-metric__label", children: label }),
-      badge && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ph-metric__badge", children: badge })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "ph-metric__value", children: value }),
-    trend && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "ph-metric__trend", children: trend })
-  ] }));
-}
-Metric.displayName = "Metric";
-
 // src/components/ui/Chip.tsx
-var import_react42 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-var Chip = (0, import_react42.forwardRef)(function Chip2(_a, ref) {
+var import_react23 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Chip = (0, import_react23.forwardRef)(function Chip2(_a, ref) {
   var _b = _a, {
     selected = false,
     onRemove,
@@ -5341,18 +3514,18 @@ var Chip = (0, import_react42.forwardRef)(function Chip2(_a, ref) {
   );
   if (onRemove) {
     const removeLabel = typeof children === "string" ? `Remove ${children}` : "Remove";
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: chipClassName, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: chipClassName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "button",
         __spreadProps(__spreadValues({
           ref,
           type: "button",
           className: "min-w-0 bg-transparent p-0 text-inherit"
         }, props), {
-          children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ph-chip__text", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ph-chip__text", children })
         })
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "button",
         {
           type: "button",
@@ -5360,288 +3533,46 @@ var Chip = (0, import_react42.forwardRef)(function Chip2(_a, ref) {
           disabled: props.disabled,
           className: "ph-chip__remove",
           "aria-label": removeLabel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "button",
     __spreadProps(__spreadValues({
       ref,
       type: "button",
       className: chipClassName
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ph-chip__text", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ph-chip__text", children })
     })
   );
 });
 Chip.displayName = "Chip";
-
-// src/components/ui/DataTable.tsx
-var import_react43 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-function DataTable({
-  columns,
-  data,
-  pageSize = 10,
-  searchable = false,
-  searchPlaceholder = "Search...",
-  className
-}) {
-  const [search, setSearch] = (0, import_react43.useState)("");
-  const [sortKey, setSortKey] = (0, import_react43.useState)(null);
-  const [sortDir, setSortDir] = (0, import_react43.useState)("asc");
-  const [page, setPage] = (0, import_react43.useState)(0);
-  const filtered = (0, import_react43.useMemo)(() => {
-    let items = data;
-    if (search) {
-      const q = search.toLowerCase();
-      items = items.filter(
-        (item) => Object.values(item).some((v) => String(v).toLowerCase().includes(q))
-      );
-    }
-    if (sortKey) {
-      items = [...items].sort((a, b) => {
-        const av = a[sortKey];
-        const bv = b[sortKey];
-        const cmp = av < bv ? -1 : av > bv ? 1 : 0;
-        return sortDir === "asc" ? cmp : -cmp;
-      });
-    }
-    return items;
-  }, [data, search, sortKey, sortDir]);
-  const totalPages = Math.ceil(filtered.length / pageSize);
-  const paged = filtered.slice(page * pageSize, (page + 1) * pageSize);
-  const handleSort = (key) => {
-    if (sortKey === key) {
-      setSortDir((d) => d === "asc" ? "desc" : "asc");
-    } else {
-      setSortKey(key);
-      setSortDir("asc");
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: cn("ph-data-table", className), children: [
-    searchable && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ph-data-table__toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-      "input",
-      {
-        type: "text",
-        value: search,
-        onChange: (e) => {
-          setSearch(e.target.value);
-          setPage(0);
-        },
-        placeholder: searchPlaceholder,
-        className: "ph-input ph-input-sm"
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ph-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("table", { className: "ph-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
-        "th",
-        {
-          className: cn(col.sortable && "cursor-pointer select-none", col.className),
-          onClick: () => col.sortable && handleSort(col.key),
-          children: [
-            col.label,
-            sortKey === col.key && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ml-1 inline-block", children: sortDir === "asc" ? "\u2191" : "\u2193" })
-          ]
-        },
-        col.key
-      )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("tbody", { children: [
-        paged.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { className: col.className, children: col.render ? col.render(item) : item[col.key] }, col.key)) }, i)),
-        paged.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { colSpan: columns.length, className: "text-center text-ph-mutedtext py-8", children: "No results" }) })
-      ] })
-    ] }) }),
-    totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ph-data-table__pagination", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("button", { disabled: page === 0, onClick: () => setPage((p) => p - 1), className: "ph-data-table__page-btn", children: "Previous" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "text-xs text-ph-mutedtext", children: [
-        "Page ",
-        page + 1,
-        " of ",
-        totalPages
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("button", { disabled: page >= totalPages - 1, onClick: () => setPage((p) => p + 1), className: "ph-data-table__page-btn", children: "Next" })
-    ] })
-  ] });
-}
-DataTable.displayName = "DataTable";
-
-// src/components/ui/DatePicker.tsx
-var import_react44 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function DatePicker(_a) {
-  var _b = _a, { value, onChange, className } = _b, props = __objRest(_b, ["value", "onChange", "className"]);
-  const [open, setOpen] = (0, import_react44.useState)(false);
-  const [viewDate, setViewDate] = (0, import_react44.useState)(value != null ? value : /* @__PURE__ */ new Date());
-  const selected = value;
-  const days = (0, import_react44.useMemo)(() => {
-    const year = viewDate.getFullYear();
-    const month = viewDate.getMonth();
-    const first = new Date(year, month, 1).getDay();
-    const last = new Date(year, month + 1, 0).getDate();
-    const prevLast = new Date(year, month, 0).getDate();
-    const cells = [];
-    for (let i = first - 1; i >= 0; i--) cells.push({ day: prevLast - i, month: "prev" });
-    for (let d = 1; d <= last; d++) cells.push({ day: d, month: "current" });
-    const remaining = 42 - cells.length;
-    for (let d = 1; d <= remaining; d++) cells.push({ day: d, month: "next" });
-    return cells;
-  }, [viewDate]);
-  const isSelected = (d, m) => {
-    if (!selected || m !== "current") return false;
-    const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), d);
-    return date.toDateString() === selected.toDateString();
-  };
-  const selectDay = (d, m) => {
-    const month = m === "prev" ? viewDate.getMonth() - 1 : m === "next" ? viewDate.getMonth() + 1 : viewDate.getMonth();
-    const year = month < 0 ? viewDate.getFullYear() - 1 : month > 11 ? viewDate.getFullYear() + 1 : viewDate.getFullYear();
-    const adjustedMonth = (month % 12 + 12) % 12;
-    const date = new Date(year, adjustedMonth, d);
-    onChange == null ? void 0 : onChange(date);
-    setOpen(false);
-  };
-  const nav = (delta) => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() + delta, 1));
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cn("ph-datepicker relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-      "input",
-      __spreadValues({
-        type: "text",
-        readOnly: true,
-        value: selected ? `${MONTHS[selected.getMonth()]} ${selected.getDate()}, ${selected.getFullYear()}` : "",
-        onFocus: () => setOpen(true),
-        placeholder: "Pick a date",
-        className: "ph-input w-full cursor-pointer"
-      }, props)
-    ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ph-datepicker__dropdown", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ph-datepicker__nav", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "button", onClick: () => nav(-1), className: "ph-datepicker__nav-btn", "aria-label": "Previous month", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M7 3L4 6l3 3" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "ph-datepicker__nav-label", children: [
-          MONTHS[viewDate.getMonth()],
-          " ",
-          viewDate.getFullYear()
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "button", onClick: () => nav(1), className: "ph-datepicker__nav-btn", "aria-label": "Next month", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M5 3l3 3-3 3" }) }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ph-datepicker__grid", children: [
-        DAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ph-datepicker__day-header", children: d }, d)),
-        days.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-          "button",
-          {
-            type: "button",
-            disabled: d.month !== "current",
-            onClick: () => selectDay(d.day, d.month),
-            className: cn(
-              "ph-datepicker__day",
-              d.month !== "current" && "ph-datepicker__day--other",
-              isSelected(d.day, d.month) && "ph-datepicker__day--selected"
-            ),
-            children: d.day
-          },
-          i
-        ))
-      ] })
-    ] })
-  ] });
-}
-DatePicker.displayName = "DatePicker";
-
-// src/components/ui/AppLayout.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
-function AppLayout({ sidebar, children, sidebarWidth = 240, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-    "div",
-    {
-      className: cn("ph-app-layout grid min-h-screen", className),
-      style: { gridTemplateColumns: `${sidebarWidth}px minmax(0, 1fr)` },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("aside", { className: "ph-app-layout__sidebar border-r border-ph-border bg-ph-surface overflow-y-auto", children: sidebar }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("main", { className: "ph-app-layout__content min-w-0 overflow-y-auto bg-ph-canvas", children })
-      ]
-    }
-  );
-}
-
-// src/components/ui/Sidebar.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
-function Sidebar({ groups, className, header, footer, children, collapsed = false, onCollapse }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("nav", { className: cn("ph-sidebar flex flex-col h-full", collapsed && "ph-sidebar--collapsed", className), children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__header px-3 py-3 border-b border-ph-border-subtle", children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__body flex-1 overflow-y-auto px-2 py-3 space-y-5", children: groups.map((group) => {
-      var _a;
-      return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ph-sidebar__group", children: [
-        group.label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { className: "ph-sidebar__group-label px-2 mb-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext", children: group.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__items space-y-0.5", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SidebarItem, __spreadProps(__spreadValues({}, item), { collapsed }), item.label)) })
-      ] }, (_a = group.label) != null ? _a : "default");
-    }) }),
-    children,
-    footer && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__footer px-3 py-3 border-t border-ph-border-subtle", children: footer })
-  ] });
-}
-function SidebarItem({ label, icon, badge, active, href, onClick, collapsed }) {
-  const Comp = onClick ? "button" : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
-    Comp,
-    {
-      type: onClick ? "button" : void 0,
-      href: onClick ? void 0 : href,
-      onClick,
-      className: cn(
-        "ph-sidebar__item flex items-center gap-2.5 w-full rounded-md px-2.5 py-2 text-sm text-left transition",
-        active ? "bg-ph-selected-bg text-ph-selected-text font-medium" : "text-ph-subtle hover:bg-ph-muted hover:text-ph-ink",
-        collapsed && "justify-center px-2"
-      ),
-      title: collapsed ? label : void 0,
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: cn("ph-sidebar__item-icon shrink-0 flex items-center justify-center", collapsed ? "w-5 h-5" : "w-4 h-4"), children: icon }),
-        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ph-sidebar__item-label truncate flex-1", children: label }),
-        !collapsed && badge && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ph-sidebar__item-badge shrink-0", children: badge })
-      ]
-    }
-  );
-}
-Sidebar.displayName = "Sidebar";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
   Alert,
-  AlertDialog,
-  AppLayout,
   AuthCard,
   AuthDivider,
   AuthLayout,
-  Autocomplete,
   Avatar,
   AvatarGroup,
   Badge,
-  Banner,
-  Breadcrumbs,
   Button,
   ButtonChrome,
-  ButtonGroup,
   Calendar,
   Caption,
   Card,
-  ChatBubble,
   Checkbox,
   Chip,
   CodeBlock,
-  Collapsible,
   CollapsibleSection,
-  Combobox,
   CommandPalette,
   ComponentDocs,
-  ContextMenu,
-  DataTable,
-  DatePicker,
-  Dialog,
   Display,
-  Divider,
   Dot,
-  Drawer,
   DropdownButton,
   DropdownItem,
   DropdownMenu,
@@ -5659,69 +3590,41 @@ Sidebar.displayName = "Sidebar";
   H3,
   H4,
   H5,
-  HoverCard,
   Icon,
   IconByName,
-  Indicator,
   Input,
-  InputGroup,
   Kbd,
   Label,
   Lead,
-  Lettermark,
   Link,
   Loader,
-  LoadingBar,
   LoadingState,
-  Menubar,
-  Metric,
   Modal,
   Mono,
-  NumberField,
   Overline,
   P,
-  Pagination,
   Panel,
-  Popover,
   Progress,
-  ProgressCircle,
   Radio,
   Range,
-  Rating,
-  Resizable,
-  Row,
-  ScrollArea,
   SearchGroup,
   SearchInput,
+  SectionTitle,
   SegmentedControl,
   Select,
   SettingsLayout,
   SettingsNav,
   ShowcaseWrapper,
-  Sidebar,
   Skeleton,
   Small,
-  Snack,
   SortMenu,
   Spinner,
-  Splotch,
   Stat,
-  Stepper,
   Table,
-  Tabs,
-  Tag,
-  Terminal,
   Textarea,
   ThemeDomSync,
-  ThemeManager,
   ThemeSwitcher,
-  Timeline,
-  Toast,
-  ToastStack,
   Toggle,
-  ToggleButton,
-  ToggleGroup,
   Tooltip,
-  TooltipProvider,
-  Widget
+  TooltipProvider
 });