@xenide-io/the-old-ui-theme 0.4.0 → 0.4.3

package/dist/{chunk-KORWJCIO.mjs → chunk-54ZR4VL5.mjs}

@@ -1,3 +1,25 @@
+import {
+  ButtonChrome,
+  DropdownMenu,
+  DropdownRadioGroup,
+  DropdownRadioItem,
+  IconArrowDown,
+  IconCancel,
+  IconCheck,
+  IconCheckCircle,
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronRight,
+  IconClose,
+  IconCodePreview,
+  IconErrorOutline,
+  IconExclamation,
+  IconInfo,
+  IconSearch,
+  IconStar,
+  IconTuning,
+  cn
+} from "./chunk-G53YLHVE.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -6,25 +28,7 @@ import {
 
 // src/components/ui/Button.tsx
 import { forwardRef } from "react";
-
-// src/components/ui/ButtonChrome.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ButtonChrome({ label, icon, sideIcon, split }) {
-  return /* @__PURE__ */ jsxs("span", { className: "ph-btn-chrome", children: [
-    icon != null ? /* @__PURE__ */ jsx("span", { className: "ph-btn-icon", children: icon }) : null,
-    label != null ? /* @__PURE__ */ jsx("span", { className: "ph-btn-label", children: label }) : null,
-    split ? /* @__PURE__ */ jsx("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
-    sideIcon != null ? /* @__PURE__ */ jsx("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
-  ] });
-}
-
-// src/lib/cn.ts
-function cn(...parts) {
-  return parts.filter(Boolean).join(" ");
-}
-
-// src/components/ui/Button.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var variantClass = {
   primary: "ph-btn-primary",
   secondary: "ph-btn-secondary",
@@ -83,14 +87,14 @@ var Button = forwardRef(function Button2(_a, ref) {
   ]);
   const usesLemonChrome = !["tertiary", "ghost", "link"].includes(variant);
   const label = loadingLabel != null ? loadingLabel : children;
-  const leadingIcon = loading ? /* @__PURE__ */ jsx2("span", { className: "ph-btn-spinner", "aria-hidden": true }) : icon;
-  const content = usesLemonChrome ? /* @__PURE__ */ jsx2(ButtonChrome, { label, icon: leadingIcon, sideIcon, split }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-    leadingIcon != null ? /* @__PURE__ */ jsx2("span", { className: "ph-btn-icon", children: leadingIcon }) : null,
-    label != null ? /* @__PURE__ */ jsx2("span", { className: "ph-btn-label", children: label }) : null,
-    split ? /* @__PURE__ */ jsx2("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
-    sideIcon != null ? /* @__PURE__ */ jsx2("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
+  const leadingIcon = loading ? /* @__PURE__ */ jsx("span", { className: "ph-btn-spinner", "aria-hidden": true }) : icon;
+  const content = usesLemonChrome ? /* @__PURE__ */ jsx(ButtonChrome, { label, icon: leadingIcon, sideIcon, split }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    leadingIcon != null ? /* @__PURE__ */ jsx("span", { className: "ph-btn-icon", children: leadingIcon }) : null,
+    label != null ? /* @__PURE__ */ jsx("span", { className: "ph-btn-label", children: label }) : null,
+    split ? /* @__PURE__ */ jsx("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
+    sideIcon != null ? /* @__PURE__ */ jsx("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
   ] });
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -115,547 +119,8 @@ var Button = forwardRef(function Button2(_a, ref) {
 Button.displayName = "Button";
 
 // src/components/ui/Alert.tsx
-import { forwardRef as forwardRef5 } from "react";
-
-// src/components/icons/IconBase.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var IconBase = forwardRef2(function IconBase2(_a, ref) {
-  var _b = _a, {
-    className,
-    size,
-    children,
-    viewBox = "0 0 24 24",
-    fill: fill2 = "none",
-    xmlns = "http://www.w3.org/2000/svg",
-    focusable = "false",
-    style,
-    role,
-    "aria-hidden": ariaHidden,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy
-  } = _b, props = __objRest(_b, [
-    "className",
-    "size",
-    "children",
-    "viewBox",
-    "fill",
-    "xmlns",
-    "focusable",
-    "style",
-    "role",
-    "aria-hidden",
-    "aria-label",
-    "aria-labelledby"
-  ]);
-  const hasAccessibleName = Boolean(ariaLabel || ariaLabelledBy);
-  return /* @__PURE__ */ jsx3(
-    "svg",
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn("ph-icon", className),
-      viewBox,
-      fill: fill2,
-      xmlns,
-      focusable,
-      role: role != null ? role : hasAccessibleName ? "img" : void 0,
-      "aria-hidden": ariaHidden != null ? ariaHidden : hasAccessibleName ? void 0 : true,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      style: __spreadValues({ width: size, height: size }, style)
-    }, props), {
-      children
-    })
-  );
-});
-IconBase.displayName = "IconBase";
-
-// src/components/icons/createIconBase.tsx
-import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function createIconBase({ name = "IconGlyph", viewBox = "0 0 24 24", paths }) {
-  const IconGlyph = forwardRef3(function IconGlyph2(props, ref) {
-    return /* @__PURE__ */ jsx4(IconBase, __spreadProps(__spreadValues({ ref, viewBox }, props), { children: paths }));
-  });
-  IconGlyph.displayName = name;
-  return IconGlyph;
-}
-function createIconBasePath(d, viewBox = "0 0 24 24", name) {
-  return createIconBase({
-    name,
-    viewBox,
-    paths: /* @__PURE__ */ jsx4("path", { d, fill: "currentColor" })
-  });
-}
-
-// src/components/icons/icons.tsx
-import { forwardRef as forwardRef4 } from "react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var fill = (d) => /* @__PURE__ */ jsx5("path", { d, fill: "currentColor" });
-var IconAreaChart = createIconBase({
-  paths: fill("M3 20V7l4 3 5-7 5 4h4v13Zm5-3 4-5.5 7 5.45V9h-2.7l-3.9-3.125-4.95 6.95L5 11v3.6Z")
-});
-var IconCumulativeChart = createIconBase({
-  paths: fill(
-    "M20.8805 7.97408C15.0614 18.7809 6.51281 19.5979 2.71265 18.4578L3.28734 16.5422C6.15384 17.4021 13.7386 17.0191 19.1195 7.02588L20.8805 7.97408Z"
-  )
-});
-var IconTableChart = createIconBase({
-  paths: fill(
-    "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 2v3H5V5h15zm-5 14h-5v-9h5v9zM5 10h3v9H5v-9zm12 9v-9h3v9h-3z"
-  )
-});
-var IconHandClick = createIconBase({
-  viewBox: "0 0 18 18",
-  paths: fill(
-    "M14.9942 7.90164C14.9942 7.82992 14.9583 7.46993 14.6342 7.10993C14.2925 6.71407 13.7524 6.49822 13.05 6.44407C12.9783 6.33579 12.8883 6.22822 12.7442 6.11993C12.3483 5.81407 11.7359 5.65164 10.9442 5.63407C10.8724 5.54407 10.7459 5.43578 10.6024 5.32822C10.2425 5.0765 9.79245 4.93236 9.23416 4.87822V3.41993C9.23416 3.27579 9.25244 2.66407 8.83831 2.23164C8.65831 2.03335 8.31659 1.79993 7.74002 1.79993C7.14587 1.79993 6.80416 2.03407 6.60587 2.23164C6.22759 2.64578 6.22759 3.18578 6.22759 3.31164V8.46C5.88587 8.1 5.50759 7.70414 5.29173 7.56C4.84173 7.21829 3.99587 7.39828 3.51002 7.75829C3.04173 8.1 2.88002 8.62243 3.06002 9.12658C3.38416 10.0266 4.19416 10.9266 4.39173 11.1424C4.57173 11.4841 5.38173 12.9782 6.10173 13.5182C6.48002 13.8065 6.76759 14.9941 6.84002 15.7499L6.87588 16.1457H13.6801V14.364C13.7701 14.1123 13.9859 13.5723 14.2201 13.3199C14.7783 12.7616 14.9583 11.3582 14.9583 10.9257V7.91986L14.9942 7.90164ZM14.1117 10.89C14.1117 11.4117 13.8959 12.4017 13.6259 12.6717C13.1576 13.14 12.87 14.04 12.8517 14.13L12.8335 14.1841V15.2283H7.68583C7.64997 15.03 7.61411 14.7783 7.54169 14.5083C7.32583 13.6441 7.03754 13.0866 6.65998 12.7983C6.13826 12.4024 5.39998 11.1241 5.16583 10.6566L5.09411 10.5484C5.09411 10.5301 4.2124 9.63008 3.90582 8.80251C3.86996 8.69423 3.86996 8.60422 3.99582 8.47836C4.22997 8.26251 4.67997 8.20836 4.78754 8.24422C5.05754 8.46008 5.88582 9.34251 6.35339 9.86422L7.12754 10.7284L7.12824 3.29418V3.25762C7.12824 3.1859 7.14652 2.95176 7.27238 2.82591C7.36238 2.71763 7.52409 2.66419 7.75824 2.66419C7.95652 2.66419 8.09995 2.71833 8.20824 2.80833C8.35238 2.97005 8.36996 3.25833 8.36996 3.36662V8.02826H9.25167V5.7599C10.0617 5.8499 10.2958 6.19161 10.3317 6.24575L10.3675 6.33575V8.02747H11.2492V6.53332C12.0051 6.60504 12.2934 6.83918 12.3651 6.94747V8.65747H13.2468V7.34332C14.021 7.4516 14.1468 7.86504 14.1651 7.95504L14.1658 10.8899L14.1117 10.89Z"
-  )
-});
-var IconSurveys = createIconBase({
-  paths: fill(
-    "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17l-.59.59-.58.58V4h16v12zm-9.5-2H18v-2h-5.5zm3.86-5.87c.2-.2.2-.51 0-.71l-1.77-1.77c-.2-.2-.51-.2-.71 0L6 11.53V14h2.47l5.89-5.87z"
-  )
-});
-var IconCohort = createIconBase({
-  paths: fill(
-    "m4 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm1.13 1.1c-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58-.74.32-1.22 1.04-1.22 1.85v1.57h4.5v-1.61c0-.83.23-1.61.63-2.29zm14.87-1.1c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4 3.43c0-.81-.48-1.53-1.22-1.85-.85-.37-1.79-.58-2.78-.58-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29v1.61h4.5zm-7.76-2.78c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9c-1.08.48-1.76 1.56-1.76 2.74v1.61h12v-1.61c0-1.18-.68-2.26-1.76-2.74zm-8.17 2.35c.09-.23.13-.39.91-.69.97-.38 1.99-.56 3.02-.56s2.05.18 3.02.56c.77.3.81.46.91.69zm3.93-8c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
-  )
-});
-var IconRecording = createIconBase({
-  paths: fill(
-    "m10 8v8l5-4zm9-5h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm0 16h-14v-14h14z"
-  )
-});
-var IconFlare = createIconBase({
-  paths: fill(
-    "m7 11h-6v2h6zm2.17-3.24-2.12-2.12-1.41 1.41 2.12 2.12zm3.83-6.76h-2v6h2zm5.36 6.05-1.41-1.41-2.12 2.12 1.41 1.41zm-1.36 3.95v2h6v-2zm-5-2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zm2.83 7.24 2.12 2.12 1.41-1.41-2.12-2.12zm-9.19.71 1.41 1.41 2.12-2.12-1.41-1.41zm5.36 6.05h2v-6h-2z"
-  )
-});
-var IconSelectEvents = createIconBase({
-  paths: /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    fill("M17.5 9L16.56 6.94L14.5 6L16.56 5.06L17.5 3L18.44 5.06L20.5 6L18.44 6.94L17.5 9Z"),
-    fill("M6 12.5L6.94 14.56L9 15.5L6.94 16.44L6 18.5L5.06 16.44L3 15.5L5.06 14.56L6 12.5Z"),
-    fill("M6 9L5.06 6.94L3 6L5.06 5.06L6 3L6.94 5.06L9 6L6.94 6.94L6 9Z"),
-    fill("M16.23 14.26L20 13L10 10L13 20L14.26 16.23L18.53 20.5L20.51 18.52L16.23 14.26Z")
-  ] })
-});
-var IconClipboardEdit = createIconBase({
-  paths: fill(
-    "M21.04 12.13C21.18 12.13 21.31 12.19 21.42 12.3L22.7 13.58C22.92 13.79 22.92 14.14 22.7 14.35L21.7 15.35L19.65 13.3L20.65 12.3C20.76 12.19 20.9 12.13 21.04 12.13M19.07 13.88L21.12 15.93L15.06 22H13V19.94L19.07 13.88M11 19L9 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1C13.3 1 14.4 1.84 14.82 3H19C20.1 3 21 3.9 21 5V9L19 11V5H17V7H7V5H5V19H11M12 3C11.45 3 11 3.45 11 4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4C13 3.45 12.55 3 12 3Z"
-  )
-});
-var IconQueryEditor = createIconBase({
-  paths: fill(
-    "M4,14V17C4,19 7.05,20.72 11,21V18.11L11.13,18C7.12,17.76 4,16.06 4,14M12,13C7.58,13 4,11.21 4,9V12C4,14.21 7.58,16 12,16C12.39,16 12.77,16 13.16,16L17,12.12C15.4,12.72 13.71,13 12,13M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M21,11.13C20.85,11.13 20.71,11.19 20.61,11.3L19.61,12.3L21.66,14.3L22.66,13.3C22.87,13.1 22.88,12.76 22.66,12.53L21.42,11.3C21.32,11.19 21.18,11.13 21.04,11.13M19.04,12.88L13,18.94V21H15.06L21.12,14.93L19.04,12.88Z"
-  )
-});
-var IconTuning = createIconBase({
-  paths: fill(
-    "M3,17V19H9V17H3M3,5V7H13V5H3M13,21V19H21V17H13V15H11V21H13M7,9V11H3V13H7V15H9V9H7M21,13V11H11V13H21M15,9H17V7H21V5H17V3H15V9Z"
-  )
-});
-var IconSync = createIconBase({
-  paths: fill(
-    "m12.5 4v-3l-4 4 4 4v-3c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46c.78-1.23 1.24-2.69 1.24-4.26 0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8l-1.46-1.46c-.78 1.23-1.24 2.69-1.24 4.26 0 4.42 3.58 8 8 8v3l4-4-4-4z"
-  )
-});
-var IconPlayCircle = createIconBase({
-  paths: fill(
-    "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM9.5 16.5L16.5 12L9.5 7.5V16.5Z"
-  )
-});
-var IconGridView = createIconBase({
-  paths: fill("M3 3v8h8V3H3zm6 6H5V5h4v4zm-6 4v8h8v-8H3zm6 6H5v-4h4v4zm4-16v8h8V3h-8zm6 6h-4V5h4v4zm-6 4v8h8v-8h-8zm6 6h-4v-4h4v4z")
-});
-var IconListView = createIconBase({
-  paths: fill(
-    "M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z"
-  )
-});
-var IconPremium = createIconBase({
-  paths: fill(
-    "m9.68 13.69 2.32-1.76 2.31 1.76-.88-2.85 2.32-1.84h-2.84l-.91-2.81-.91 2.81h-2.84l2.31 1.84zm10.32-3.69c0-4.42-3.58-8-8-8s-8 3.58-8 8c0 2.03.76 3.87 2 5.28v7.72l6-2 6 2v-7.72c1.24-1.41 2-3.25 2-5.28zm-8-6c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6 2.69-6 6-6zm0 15-4 1.02v-3.1c1.18.68 2.54 1.08 4 1.08s2.82-.4 4-1.08v3.1z"
-  )
-});
-var IconGift = createIconBase({
-  paths: fill(
-    "M14.4495 4.55495C15.264 4.31223 15.8631 4.48426 16.1 4.80007C16.4013 5.20182 16.4765 5.57305 16.4336 5.91424C16.3888 6.27088 16.2084 6.63998 15.9211 7.00139C15.3397 7.73275 14.4193 8.30877 13.8244 8.53186C13.598 8.61674 13.4648 8.85138 13.508 9.08924C13.5511 9.32709 13.7582 9.50002 13.9999 9.50002L19.4999 9.50002V12.5H17.9999C17.7237 12.5 17.4999 12.7239 17.4999 13V20.5H6.49988V14.5C6.49988 14.2239 6.27602 14 5.99988 14C5.72374 14 5.49988 14.2239 5.49988 14.5V21C5.49988 21.2762 5.72374 21.5 5.99988 21.5H17.9999C18.276 21.5 18.4999 21.2762 18.4999 21V13.5H19.9999C20.276 13.5 20.4999 13.2762 20.4999 13V9.00002C20.4999 8.86741 20.4472 8.74023 20.3534 8.64646C20.2597 8.5527 20.1325 8.50002 19.9999 8.50002L15.8202 8.50002C16.1407 8.24235 16.4465 7.94742 16.7039 7.62365C17.0625 7.17257 17.3508 6.63541 17.4258 6.03894C17.5027 5.42702 17.3487 4.79826 16.8999 4.20003C16.2882 3.3845 15.1373 3.30652 14.1639 3.5966C13.3806 3.83005 12.5842 4.3279 12.0008 5.07014C11.4285 4.33982 10.6586 3.86464 9.88727 3.64427C8.91382 3.36616 7.82238 3.47045 7.14633 4.14645C6.65753 4.63523 6.41235 5.18234 6.41347 5.75925C6.41457 6.32144 6.64952 6.84016 6.97799 7.28883C7.30058 7.72946 7.7389 8.13769 8.22434 8.50002L3.99988 8.50002C3.86727 8.50002 3.74009 8.5527 3.64632 8.64646C3.55256 8.74023 3.49988 8.86741 3.49988 9.00002V13C3.49988 13.2762 3.72374 13.5 3.99988 13.5H15.4999C15.776 13.5 15.9999 13.2762 15.9999 13C15.9999 12.7239 15.776 12.5 15.4999 12.5H4.49988V9.50002L9.99995 9.50002C10.2318 9.50002 10.4333 9.34058 10.4866 9.1149C10.5398 8.88921 10.431 8.65651 10.2236 8.55281C9.25206 8.06706 8.29723 7.39797 7.78487 6.69811C7.53216 6.35292 7.41402 6.03722 7.41347 5.7573C7.41295 5.49209 7.51758 5.1894 7.85342 4.85358C8.17738 4.52964 8.83597 4.38393 9.61256 4.6058C10.3657 4.82096 11.1212 5.36045 11.5528 6.22359C11.6375 6.39298 11.8106 6.49997 12 6.49997C12.1894 6.49997 12.3625 6.39297 12.4472 6.22358C12.8783 5.36141 13.672 4.78667 14.4495 4.55495Z"
-  )
-});
-var IconRobot = createIconBase({
-  paths: fill(
-    "M17.5 15.5C17.5 16.61 16.61 17.5 15.5 17.5S13.5 16.61 13.5 15.5 14.4 13.5 15.5 13.5 17.5 14.4 17.5 15.5M8.5 13.5C7.4 13.5 6.5 14.4 6.5 15.5S7.4 17.5 8.5 17.5 10.5 16.61 10.5 15.5 9.61 13.5 8.5 13.5M23 15V18C23 18.55 22.55 19 22 19H21V20C21 21.11 20.11 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 10.13 6.13 7 10 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C17.87 7 21 10.13 21 14H22C22.55 14 23 14.45 23 15M21 16H19V14C19 11.24 16.76 9 14 9H10C7.24 9 5 11.24 5 14V16H3V17H5V20H19V17H21V16Z"
-  )
-});
-var IconExclamation = createIconBase({
-  paths: /* @__PURE__ */ jsxs3("g", { fill: "currentColor", children: [
-    /* @__PURE__ */ jsx5("path", { d: "m12 21c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2z" }),
-    /* @__PURE__ */ jsx5("path", { d: "m10 3h4v12h-4z" })
-  ] })
-});
-var IconErrorOutline = createIconBase({
-  paths: fill(
-    "m11 15h2v2h-2zm0-8h2v6h-2zm.99-5c-5.52 0-9.99 4.48-9.99 10s4.47 10 9.99 10c5.53 0 10.01-4.48 10.01-10s-4.48-10-10.01-10zm.01 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-  )
-});
-var IconInfo = createIconBase({
-  name: "IconInfo",
-  paths: fill(
-    "M11 10h2v7h-2v-7zm0-3h2v2h-2V7zm1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-  )
-});
-var IconCancel = createIconBase({
-  paths: fill(
-    "m12 2c-5.53 0-10 4.47-10 10s4.47 10 10 10 10-4.47 10-10-4.47-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13-3.59 3.59-3.59-3.59-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59z"
-  )
-});
-var IconCheckCircle = createIconBase({
-  paths: fill(
-    "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-  )
-});
-var IconArrowUp = createIconBase({
-  paths: fill("M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z")
-});
-var IconArrowDown = createIconBase({
-  paths: fill("M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z")
-});
-var IconChevronLeft = createIconBasePath("M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z");
-var IconChevronRight = createIconBasePath("M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z");
-var IconChevronDown = createIconBasePath("M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z");
-var IconSubArrowRight = createIconBase({
-  paths: /* @__PURE__ */ jsx5("g", { transform: "translate(4 5.5)", children: fill("M2 0H0V10H12.01V13L16 9L12.01 5V8H2V0Z") })
-});
-var IconSearch = createIconBasePath(
-  "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
-);
-var IconBell = createIconBasePath(
-  "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2m6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1z"
-);
-var IconBellOff = createIconBasePath(
-  "M20 18.69 7.84 6.14 5.27 3.49 4 4.76l2.8 2.8v.01c-.52.99-.8 2.16-.8 3.42v5l-2 2v1h13.73l2 2L21 19.72zM12 22c1.11 0 2-.89 2-2h-4c0 1.11.89 2 2 2m6-7.32V11c0-3.08-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.15.03-.29.08-.42.12-.1.03-.2.07-.3.11h-.01c-.01 0-.01 0-.02.01-.23.09-.46.2-.68.31 0 0-.01 0-.01.01z"
-);
-var IconPerson = createIconBasePath(
-  "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-);
-var IconHome = createIconBasePath("M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z");
-var IconPanelRight = createIconBasePath(
-  "M3 5v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2zm12 4h-5v10h5V9zm-7 0H5v10h3V9z"
-);
-var IconPlus = createIconBasePath("M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z");
-var IconCheck = createIconBasePath("M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z");
-var IconClose = createIconBasePath("M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z");
-var IconTrash = createIconBasePath("M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z");
-var IconDownload = createIconBasePath("M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z");
-var IconUpload = createIconBasePath("M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z");
-var IconSave = createIconBasePath(
-  "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"
-);
-var IconCopy = createIconBasePath(
-  "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
-);
-var IconEdit = createIconBasePath(
-  "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
-);
-var IconLogout = createIconBasePath(
-  "M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.59L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"
-);
-var IconStar = createIconBasePath(
-  "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
-);
-var IconMail = createIconBasePath(
-  "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"
-);
-var IconShoppingCart = createIconBasePath(
-  "M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"
-);
-var IconMoon = createIconBasePath(
-  "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"
-);
-var IconSun = createIconBasePath(
-  "M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z"
-);
-var IconVolume = createIconBasePath(
-  "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
-);
-var IconVolumeOff = createIconBasePath(
-  "M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"
-);
-var IconFlag = createIconBasePath("M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6z");
-var IconDatabase = createIconBasePath(
-  "M12 3C7.58 3 4 4.79 4 7s3.58 4 8 4 8-1.79 8-4-3.58-4-8-4zM4 9v3c0 2.21 3.58 4 8 4s8-1.79 8-4V9c0 2.21-3.58 4-8 4s-8-1.79-8-4zm0 5v3c0 2.21 3.58 4 8 4s8-1.79 8-4v-3c0 2.21-3.58 4-8 4s-8-1.79-8-4z"
-);
-var IconLayers = createIconBasePath("M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z");
-var IconBox = createIconBasePath(
-  "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
-);
-var IconBolt = createIconBasePath(
-  "M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66-.19-.34-.04-.12-.07-.12C8.48 10.94 10.42 7.54 11 7V3h1v4c.58 0 .57.32.38.66-.19-.34-.04-.12-.07-.12-.95 2.28-2.96 5.66-3.31 6.22H13l-1 7h-1z"
-);
-var IconRadar = createIconBasePath(
-  "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z"
-);
-var IconToggle = createIconBasePath(
-  "M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zm0 8H7c-1.66 0-3-1.34-3-3s1.34-3 3-3h10c1.66 0 3 1.34 3 3s-1.34 3-3 3zM7 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-);
-var IconRocket = createIconBasePath(
-  "M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33 1.26zm5.45 8.67l-1.33-1.26c-.66-.13-1.34.08-1.81.55L2 18.31l3.62 3.57c.31-.13 3.6-1.53 5.89-3.57 1.53-1.72 2.52-3.76 2.87-5.02zM12 2c-1.1 0-2 .9-2 2v1.09c2.84.48 5 2.94 5 5.91 0 2.97-2.16 5.43-5 5.91V20c0 1.1.9 2 2 2s2-.9 2-2v-1.09c-2.84-.48-5-2.94-5-5.91 0-2.97 2.16-5.43 5-5.91V4c0-1.1-.9-2-2-2z"
-);
-var IconTerminal = createIconBase({
-  name: "IconTerminal",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M3 4v16h18V4H3zm2 2h14v12H5V6zm2 2.2L10.8 12 7 15.8 8.4 17.2l5.2-5.2-5.2-5.2L7 8.2zM13 17h5v-2h-5v2z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconOldWindow = createIconBase({
-  name: "IconOldWindow",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M3 3v18h18V3H3zm2 7v9h14v-9H5zm1-4h2v1H6V6zm3 0h2v1H9V6z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconCommandCursor = createIconBase({
-  name: "IconCommandCursor",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M4 3v18h16V3H4zm2 2h12v14H6V5zm1.5 3.5L11 12l-3.5 3.5L9 17l5-5-5-5-1.5 1.5zM13 17h4v-2h-4v2z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconDataReel = createIconBase({
-  name: "IconDataReel",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M3 5v14h18V5H3zm2 2h14v10H5V7zm3 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm8 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM10 11h4v1.5h-4V11z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconCodePreview = createIconBase({
-  name: "IconCodePreview",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M3 3v15h18V3H3zm2 2h14v11H5V5zm3.5 2L5 10.5 8.5 14l1.4-1.4-2.1-2.1 2.1-2.1L8.5 7zm7 0-1.4 1.4 2.1 2.1-2.1 2.1 1.4 1.4 3.5-3.5L15.5 7zM9 20h6v2H9v-2z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconInsightBoard = createIconBase({
-  name: "IconInsightBoard",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M3 3v18h18V3H3zm2 2h14v3H5V5zm0 5h6v9H5v-9zm8 0h6v4h-6v-4zm0 6h6v3h-6v-3zM6 6h2v1H6V6zm3 0h2v1H9V6z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconEventStream = createIconBase({
-  name: "IconEventStream",
-  paths: /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx5("path", { d: "M5 4h2v16H5V4z", fill: "currentColor", opacity: "0.45" }),
-    fill("M6 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 8a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm5-6h10v2H11V5zm0 8h7v2h-7v-2zm0 5h10v2H11v-2z")
-  ] })
-});
-var IconFeatureGate = createIconBase({
-  name: "IconFeatureGate",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M4 3h2v18H4V3zm3 2h12l-3 4 3 4H7V5zm4 1-2.2 4H12l-1 4 4.2-5H12l1-3h-2z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconReplayFrame = createIconBase({
-  name: "IconReplayFrame",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M3 3v18h18V3H3zm2 2h14v11H5V5zm5 2v7l6-3.5L10 7zm-5 11h9v1H5v-1zm11 0h3v1h-3v-1z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var IconQueryStack = createIconBase({
-  name: "IconQueryStack",
-  paths: fill(
-    "M4 5c0-1.66 3.58-3 8-3s8 1.34 8 3-3.58 3-8 3-8-1.34-8-3zm0 3v3c0 1.66 3.58 3 8 3 .7 0 1.38-.04 2-.12V11.8c-.64.13-1.31.2-2 .2-4.42 0-8-1.34-8-3zm0 6v3c0 1.66 3.58 3 8 3 .7 0 1.38-.04 2-.12v-2.08c-.64.13-1.31.2-2 .2-4.42 0-8-1.34-8-3zm12-1 5 4-5 4v-3h-4v-2h4v-3z"
-  )
-});
-var IconExperimentSplit = createIconBase({
-  name: "IconExperimentSplit",
-  paths: fill(
-    "M5 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm14 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM5 15a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm1-6h2c0 2.2 1.8 4 4 4h2.17A3 3 0 0 1 19 11v2a3 3 0 0 1-4.83-2H12a6 6 0 0 1-6-6v4zm0 4a6 6 0 0 0 6-6h2a8 8 0 0 1-8 8v-2z"
-  )
-});
-var IconSurveyCard = createIconBase({
-  name: "IconSurveyCard",
-  paths: /* @__PURE__ */ jsx5(
-    "path",
-    {
-      d: "M3 3v18h18V3H3zm2 2h14v14H5V5zm2 2h7v2H7V7zm0 4h4v2H7v-2zm7-.4-2.5 2.5-1-1-1.4 1.4 2.4 2.4 3.9-3.9-1.4-1.4zM7 16h10v1H7v-1z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  )
-});
-var OLD_UI_ICONS = {
-  oldWindow: IconOldWindow,
-  commandCursor: IconCommandCursor,
-  dataReel: IconDataReel,
-  codePreview: IconCodePreview,
-  insightBoard: IconInsightBoard,
-  eventStream: IconEventStream,
-  featureGate: IconFeatureGate,
-  replayFrame: IconReplayFrame,
-  queryStack: IconQueryStack,
-  experimentSplit: IconExperimentSplit,
-  surveyCard: IconSurveyCard
-};
-var IconActivity = createIconBasePath(
-  "M22 12h-4l-3 9L9 3l-3 9H2v2h6.76l2.24-6.72L15 15l2.24-6.72L19 14h3v-2z"
-);
-var IconFlask = createIconBasePath(
-  "M19.8 18.4L14 10.67V6.5l1.35-1.35c.39-.39.39-1.02 0-1.41L14.65 2.7a.9959.9959 0 0 0-1.41 0L9.35 6.54c-.39.39-.39 1.02 0 1.41L10.7 9.3v4.17L4.2 18.4C3.53 19.07 4.04 20.25 5 20.25h14c.96 0 1.47-1.18.8-1.85zM6.91 18.25l5.09-5.09 5.09 5.09H6.91z"
-);
-var IconSpinner = forwardRef4(function IconSpinner2(_a, ref) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx5(IconSync, __spreadValues({ ref, className: cn("ph-icon-spin", className) }, props));
-});
-IconSpinner.displayName = "IconSpinner";
-var CANONICAL_ICONS = {
-  activity: IconActivity,
-  areaChart: IconAreaChart,
-  arrowDown: IconArrowDown,
-  arrowUp: IconArrowUp,
-  bell: IconBell,
-  bellOff: IconBellOff,
-  bolt: IconBolt,
-  box: IconBox,
-  cancel: IconCancel,
-  check: IconCheck,
-  checkCircle: IconCheckCircle,
-  chevronDown: IconChevronDown,
-  chevronLeft: IconChevronLeft,
-  chevronRight: IconChevronRight,
-  clipboardEdit: IconClipboardEdit,
-  close: IconClose,
-  codePreview: IconCodePreview,
-  cohort: IconCohort,
-  commandCursor: IconCommandCursor,
-  copy: IconCopy,
-  cumulativeChart: IconCumulativeChart,
-  dataReel: IconDataReel,
-  database: IconDatabase,
-  download: IconDownload,
-  edit: IconEdit,
-  errorOutline: IconErrorOutline,
-  eventStream: IconEventStream,
-  exclamation: IconExclamation,
-  experimentSplit: IconExperimentSplit,
-  featureGate: IconFeatureGate,
-  flag: IconFlag,
-  flare: IconFlare,
-  flask: IconFlask,
-  gift: IconGift,
-  gridView: IconGridView,
-  handClick: IconHandClick,
-  home: IconHome,
-  info: IconInfo,
-  insightBoard: IconInsightBoard,
-  layers: IconLayers,
-  listView: IconListView,
-  logout: IconLogout,
-  mail: IconMail,
-  moon: IconMoon,
-  oldWindow: IconOldWindow,
-  panelRight: IconPanelRight,
-  person: IconPerson,
-  playCircle: IconPlayCircle,
-  plus: IconPlus,
-  premium: IconPremium,
-  queryEditor: IconQueryEditor,
-  queryStack: IconQueryStack,
-  radar: IconRadar,
-  recording: IconRecording,
-  replayFrame: IconReplayFrame,
-  robot: IconRobot,
-  rocket: IconRocket,
-  save: IconSave,
-  search: IconSearch,
-  selectEvents: IconSelectEvents,
-  shoppingCart: IconShoppingCart,
-  spinner: IconSpinner,
-  star: IconStar,
-  subArrowRight: IconSubArrowRight,
-  sun: IconSun,
-  surveyCard: IconSurveyCard,
-  surveys: IconSurveys,
-  sync: IconSync,
-  tableChart: IconTableChart,
-  terminal: IconTerminal,
-  toggle: IconToggle,
-  trash: IconTrash,
-  tuning: IconTuning,
-  upload: IconUpload,
-  volume: IconVolume,
-  volumeOff: IconVolumeOff
-};
-var PH_ICON_ALIASES = {
-  clipboard: IconClipboardEdit,
-  grid: IconGridView,
-  list: IconListView,
-  play: IconPlayCircle,
-  settings: IconTuning,
-  trendingUp: IconArrowUp,
-  warning: IconExclamation,
-  xCircle: IconCancel
-};
-var PH_ICONS = __spreadValues(__spreadValues({}, CANONICAL_ICONS), PH_ICON_ALIASES);
-for (const [name, Icon] of Object.entries(CANONICAL_ICONS)) {
-  const namedIcon = Icon;
-  if (!namedIcon.displayName || namedIcon.displayName === "IconGlyph") {
-    namedIcon.displayName = `Icon${name[0].toUpperCase()}${name.slice(1)}`;
-  }
-}
-var IconByName = forwardRef4(function IconByName2(_a, ref) {
-  var _b = _a, { name } = _b, props = __objRest(_b, ["name"]);
-  const Icon = PH_ICONS[name];
-  return /* @__PURE__ */ jsx5(Icon, __spreadValues({ ref }, props));
-});
-IconByName.displayName = "IconByName";
-
-// src/components/ui/Alert.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var statusConfig = {
   info: { icon: IconInfo },
   success: { icon: IconCheckCircle },
@@ -668,7 +133,7 @@ var statusClassMap = {
   warning: "ph-alert-warning",
   danger: "ph-alert-danger"
 };
-var Alert = forwardRef5(function Alert2(_a, ref) {
+var Alert = forwardRef2(function Alert2(_a, ref) {
   var _b = _a, {
     status = "info",
     title,
@@ -694,7 +159,7 @@ var Alert = forwardRef5(function Alert2(_a, ref) {
   ]);
   const config = statusConfig[status];
   const Icon = config.icon;
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs2(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -703,20 +168,20 @@ var Alert = forwardRef5(function Alert2(_a, ref) {
       className: cn("ph-alert", statusClassMap[status], className)
     }, props), {
       children: [
-        icon != null ? icon : /* @__PURE__ */ jsx6(Icon, { className: "ph-alert-icon mt-0.5 h-5 w-5 shrink-0", "aria-hidden": true }),
-        /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
-          title && /* @__PURE__ */ jsx6("p", { className: "font-semibold", children: title }),
-          description && /* @__PURE__ */ jsx6("p", { className: "mt-1 text-sm text-ph-subtle", children: description }),
+        icon != null ? icon : /* @__PURE__ */ jsx2(Icon, { className: "ph-alert-icon mt-0.5 h-5 w-5 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx2("p", { className: "font-semibold", children: title }),
+          description && /* @__PURE__ */ jsx2("p", { className: "mt-1 text-sm text-ph-subtle", children: description }),
           children
         ] }),
-        onDismiss && /* @__PURE__ */ jsx6(
+        onDismiss && /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
             onClick: onDismiss,
             className: "ph-alert-dismiss",
             "aria-label": dismissLabel,
-            children: /* @__PURE__ */ jsx6(IconClose, { className: "h-4 w-4", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx2(IconClose, { className: "h-4 w-4", "aria-hidden": true })
           }
         )
       ]
@@ -726,8 +191,8 @@ var Alert = forwardRef5(function Alert2(_a, ref) {
 Alert.displayName = "Alert";
 
 // src/components/ui/Badge.tsx
-import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var variantMap = {
   brand: "ph-badge-brand",
   neutral: "ph-badge-neutral",
@@ -741,7 +206,7 @@ var sizeMap = {
   sm: "text-[10px] px-1.5 py-0.5",
   md: ""
 };
-var Badge = forwardRef6(function Badge2(_a, ref) {
+var Badge = forwardRef3(function Badge2(_a, ref) {
   var _b = _a, {
     variant = "neutral",
     size = "md",
@@ -753,7 +218,7 @@ var Badge = forwardRef6(function Badge2(_a, ref) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx3(
     "span",
     __spreadProps(__spreadValues({
       ref,
@@ -771,15 +236,15 @@ var Badge = forwardRef6(function Badge2(_a, ref) {
 Badge.displayName = "Badge";
 
 // src/components/ui/Card.tsx
-import { forwardRef as forwardRef7 } from "react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var variantMap2 = {
   default: "",
   outlined: "border-2 border-ph-border",
   elevated: "ph-card-elevated",
   highlighted: "ph-card-highlighted"
 };
-var Card = forwardRef7(function Card2(_a, ref) {
+var Card = forwardRef4(function Card2(_a, ref) {
   var _b = _a, {
     children,
     title,
@@ -805,7 +270,7 @@ var Card = forwardRef7(function Card2(_a, ref) {
     "interactive",
     "titleAs"
   ]);
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs3(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -817,14 +282,14 @@ var Card = forwardRef7(function Card2(_a, ref) {
       )
     }, props), {
       children: [
-        media && /* @__PURE__ */ jsx8("div", { className: "ph-card-media", children: media }),
-        /* @__PURE__ */ jsxs5("div", { className: cn("ph-card-body", bodyClassName), children: [
-          title && /* @__PURE__ */ jsx8(Title2, { className: "ph-card-title", children: title }),
-          description && /* @__PURE__ */ jsx8("p", { className: "text-sm text-ph-subtle", children: description }),
+        media && /* @__PURE__ */ jsx4("div", { className: "ph-card-media", children: media }),
+        /* @__PURE__ */ jsxs3("div", { className: cn("ph-card-body", bodyClassName), children: [
+          title && /* @__PURE__ */ jsx4(Title2, { className: "ph-card-title", children: title }),
+          description && /* @__PURE__ */ jsx4("p", { className: "text-sm text-ph-subtle", children: description }),
           children,
-          actions && /* @__PURE__ */ jsx8("div", { className: "ph-card-actions", children: actions })
+          actions && /* @__PURE__ */ jsx4("div", { className: "ph-card-actions", children: actions })
         ] }),
-        footer && /* @__PURE__ */ jsx8("div", { className: "border-t border-ph-border px-6 py-4 text-xs text-ph-subtle", children: footer })
+        footer && /* @__PURE__ */ jsx4("div", { className: "border-t border-ph-border px-6 py-4 text-xs text-ph-subtle", children: footer })
       ]
     })
   );
@@ -832,7 +297,7 @@ var Card = forwardRef7(function Card2(_a, ref) {
 Card.displayName = "Card";
 
 // src/components/ui/Drawer.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var sideMap = {
   left: "left-0 border-r",
   right: "right-0 border-l"
@@ -854,9 +319,9 @@ function Drawer({
   showCloseButton = true
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    /* @__PURE__ */ jsx9("div", { className: "fixed inset-0 z-[120] bg-black/45 backdrop-blur-[2px]", role: "presentation", onClick: onClose }),
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 z-[120] bg-black/45 backdrop-blur-[2px]", role: "presentation", onClick: onClose }),
+    /* @__PURE__ */ jsxs4(
       "aside",
       {
         className: cn(
@@ -866,12 +331,12 @@ function Drawer({
           className
         ),
         children: [
-          (title || showCloseButton) && /* @__PURE__ */ jsxs6("header", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [
-            /* @__PURE__ */ jsx9("span", { className: "text-sm font-bold text-ph-ink", children: title }),
-            showCloseButton && onClose && /* @__PURE__ */ jsx9(Button, { variant: "ghost", className: "ph-btn-circle", onClick: onClose, "aria-label": "Close drawer", children: /* @__PURE__ */ jsx9(IconClose, { className: "h-5 w-5" }) })
+          (title || showCloseButton) && /* @__PURE__ */ jsxs4("header", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [
+            /* @__PURE__ */ jsx5("span", { className: "text-sm font-bold text-ph-ink", children: title }),
+            showCloseButton && onClose && /* @__PURE__ */ jsx5(Button, { variant: "ghost", className: "ph-btn-circle", onClick: onClose, "aria-label": "Close drawer", children: /* @__PURE__ */ jsx5(IconClose, { className: "h-5 w-5" }) })
           ] }),
-          /* @__PURE__ */ jsx9("div", { className: "flex-1", children }),
-          footer && /* @__PURE__ */ jsx9("footer", { className: "border-t border-ph-border px-4 py-3", children: footer })
+          /* @__PURE__ */ jsx5("div", { className: "flex-1", children }),
+          footer && /* @__PURE__ */ jsx5("footer", { className: "border-t border-ph-border px-4 py-3", children: footer })
         ]
       }
     )
@@ -879,7 +344,7 @@ function Drawer({
 }
 
 // src/components/ui/Kbd.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var platformLabels = {
   text: {
     command: "Command",
@@ -938,17 +403,17 @@ function Kbd(_a) {
     "aria-label"
   ]);
   if (variant === "token") {
-    return /* @__PURE__ */ jsx10("code", __spreadProps(__spreadValues({ className: cn("ph-code-token ph-kbd", className), "aria-label": ariaLabel }, props), { children }));
+    return /* @__PURE__ */ jsx6("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__ */ jsx10("kbd", __spreadProps(__spreadValues({ className: cn("ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys[0] }));
+    return /* @__PURE__ */ jsx6("kbd", __spreadProps(__spreadValues({ className: cn("ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys[0] }));
   }
-  return /* @__PURE__ */ jsx10("kbd", __spreadProps(__spreadValues({ className: cn("ph-shortcut-group ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys.map((key, index) => /* @__PURE__ */ jsxs7("span", { className: "contents", children: [
-    index > 0 && separator != null ? /* @__PURE__ */ jsx10("span", { className: "ph-shortcut-separator", "aria-hidden": "true", children: separator }) : null,
-    /* @__PURE__ */ jsx10("span", { className: "ph-shortcut-key", "aria-hidden": accessibleLabel ? true : void 0, children: key })
+  return /* @__PURE__ */ jsx6("kbd", __spreadProps(__spreadValues({ className: cn("ph-shortcut-group ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys.map((key, index) => /* @__PURE__ */ jsxs5("span", { className: "contents", children: [
+    index > 0 && separator != null ? /* @__PURE__ */ jsx6("span", { className: "ph-shortcut-separator", "aria-hidden": "true", children: separator }) : null,
+    /* @__PURE__ */ jsx6("span", { className: "ph-shortcut-key", "aria-hidden": accessibleLabel ? true : void 0, children: key })
   ] }, index)) }));
 }
 function formatKey(key, platform) {
@@ -967,7 +432,7 @@ function getShortcutLabel(keys) {
 }
 
 // src/components/ui/Loader.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var loaderSizeClass = {
   sm: "ph-loader-sm",
   md: "ph-loader-md",
@@ -993,7 +458,7 @@ function Loader(_a) {
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs6(
     "span",
     __spreadProps(__spreadValues({
       role: "status",
@@ -1001,20 +466,20 @@ function Loader(_a) {
       className: cn("ph-loader", loaderSizeClass[size], className)
     }, props), {
       children: [
-        variant === "spinner" ? /* @__PURE__ */ jsx11("span", { className: "ph-loading", "aria-hidden": true }) : null,
-        variant === "dots" ? /* @__PURE__ */ jsxs8("span", { className: "ph-loading-dots", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx11("span", {}),
-          /* @__PURE__ */ jsx11("span", {}),
-          /* @__PURE__ */ jsx11("span", {})
+        variant === "spinner" ? /* @__PURE__ */ jsx7("span", { className: "ph-loading", "aria-hidden": true }) : null,
+        variant === "dots" ? /* @__PURE__ */ jsxs6("span", { className: "ph-loading-dots", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx7("span", {}),
+          /* @__PURE__ */ jsx7("span", {}),
+          /* @__PURE__ */ jsx7("span", {})
         ] }) : null,
-        variant === "pulse" ? /* @__PURE__ */ jsx11("span", { className: "ph-loading-pulse", "aria-hidden": true }) : null
+        variant === "pulse" ? /* @__PURE__ */ jsx7("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__ */ jsx11(
+  return /* @__PURE__ */ jsx7(
     "span",
     __spreadValues({
       className: cn("ph-skeleton", skeletonShapeClass[shape], className),
@@ -1038,62 +503,62 @@ function LoadingState(_a) {
     "size",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs8("div", __spreadProps(__spreadValues({ className: cn("ph-loading-state", className), role: "status", "aria-label": label }, props), { children: [
-    /* @__PURE__ */ jsx11(Loader, { variant, size, label, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs8("div", { className: "ph-loading-state__copy", children: [
-      /* @__PURE__ */ jsx11("strong", { children: title }),
-      description ? /* @__PURE__ */ jsx11("span", { children: description }) : null
+  return /* @__PURE__ */ jsxs6("div", __spreadProps(__spreadValues({ className: cn("ph-loading-state", className), role: "status", "aria-label": label }, props), { children: [
+    /* @__PURE__ */ jsx7(Loader, { variant, size, label, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs6("div", { className: "ph-loading-state__copy", children: [
+      /* @__PURE__ */ jsx7("strong", { children: title }),
+      description ? /* @__PURE__ */ jsx7("span", { children: description }) : null
     ] })
   ] }));
 }
 
 // src/components/ui/AuthLayout.tsx
 import { useId } from "react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "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__ */ jsxs9("div", __spreadProps(__spreadValues({ className: cn("ph-auth-layout", aside != null && "ph-auth-layout--split", className) }, props), { children: [
-    aside ? /* @__PURE__ */ jsx12("aside", { className: "ph-auth-layout__aside", children: aside }) : null,
-    /* @__PURE__ */ jsx12("div", { className: "ph-auth-layout__main", children: /* @__PURE__ */ jsxs9("div", { className: "ph-auth-layout__column", children: [
-      brand ? /* @__PURE__ */ jsx12("div", { className: "ph-auth-layout__brand", children: brand }) : null,
+  return /* @__PURE__ */ jsxs7("div", __spreadProps(__spreadValues({ className: cn("ph-auth-layout", aside != null && "ph-auth-layout--split", className) }, props), { children: [
+    aside ? /* @__PURE__ */ jsx8("aside", { className: "ph-auth-layout__aside", children: aside }) : null,
+    /* @__PURE__ */ jsx8("div", { className: "ph-auth-layout__main", children: /* @__PURE__ */ jsxs7("div", { className: "ph-auth-layout__column", children: [
+      brand ? /* @__PURE__ */ jsx8("div", { className: "ph-auth-layout__brand", children: brand }) : null,
       children,
-      footer ? /* @__PURE__ */ jsx12("footer", { className: "ph-auth-layout__footer", children: footer }) : null
+      footer ? /* @__PURE__ */ jsx8("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 = useId();
-  return /* @__PURE__ */ jsxs9("section", __spreadProps(__spreadValues({ className: cn("ph-auth-card", className), "aria-labelledby": titleId }, props), { children: [
-    /* @__PURE__ */ jsxs9("header", { className: "ph-auth-card__header", children: [
-      /* @__PURE__ */ jsx12("h1", { id: titleId, children: title }),
-      description ? /* @__PURE__ */ jsx12("p", { children: description }) : null
+  return /* @__PURE__ */ jsxs7("section", __spreadProps(__spreadValues({ className: cn("ph-auth-card", className), "aria-labelledby": titleId }, props), { children: [
+    /* @__PURE__ */ jsxs7("header", { className: "ph-auth-card__header", children: [
+      /* @__PURE__ */ jsx8("h1", { id: titleId, children: title }),
+      description ? /* @__PURE__ */ jsx8("p", { children: description }) : null
     ] }),
-    /* @__PURE__ */ jsx12("div", { className: "ph-auth-card__body", children }),
-    footer ? /* @__PURE__ */ jsx12("footer", { className: "ph-auth-card__footer", children: footer }) : null
+    /* @__PURE__ */ jsx8("div", { className: "ph-auth-card__body", children }),
+    footer ? /* @__PURE__ */ jsx8("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__ */ jsx12("div", __spreadProps(__spreadValues({ className: cn("ph-auth-divider", className) }, props), { children: /* @__PURE__ */ jsx12("span", { children }) }));
+  return /* @__PURE__ */ jsx8("div", __spreadProps(__spreadValues({ className: cn("ph-auth-divider", className) }, props), { children: /* @__PURE__ */ jsx8("span", { children }) }));
 }
 
 // src/components/ui/SettingsLayout.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function SettingsNav(_a) {
   var _b = _a, { groups, className } = _b, props = __objRest(_b, ["groups", "className"]);
-  return /* @__PURE__ */ jsx13("div", __spreadProps(__spreadValues({ className: cn("ph-settings-nav", className) }, props), { children: groups.map((group, index) => /* @__PURE__ */ jsxs10("div", { className: "ph-settings-nav__group", children: [
-    /* @__PURE__ */ jsx13("h3", { children: group.label }),
-    /* @__PURE__ */ jsx13("div", { className: "ph-settings-nav__items", children: group.items.map((item) => /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx9("div", __spreadProps(__spreadValues({ className: cn("ph-settings-nav", className) }, props), { children: groups.map((group, index) => /* @__PURE__ */ jsxs8("div", { className: "ph-settings-nav__group", children: [
+    /* @__PURE__ */ jsx9("h3", { children: group.label }),
+    /* @__PURE__ */ jsx9("div", { className: "ph-settings-nav__items", children: group.items.map((item) => /* @__PURE__ */ jsxs8(
       "a",
       {
         href: item.href,
         className: cn("ph-settings-nav__item", item.active && "ph-settings-nav__item--active"),
         "aria-current": item.active ? "page" : void 0,
         children: [
-          item.icon ? /* @__PURE__ */ jsx13("span", { className: "ph-settings-nav__icon", children: item.icon }) : null,
-          /* @__PURE__ */ jsx13("span", { children: item.label }),
-          item.badge ? /* @__PURE__ */ jsx13("span", { className: "ph-settings-nav__badge", children: item.badge }) : null
+          item.icon ? /* @__PURE__ */ jsx9("span", { className: "ph-settings-nav__icon", children: item.icon }) : null,
+          /* @__PURE__ */ jsx9("span", { children: item.label }),
+          item.badge ? /* @__PURE__ */ jsx9("span", { className: "ph-settings-nav__badge", children: item.badge }) : null
         ]
       },
       item.id
@@ -1118,252 +583,34 @@ function SettingsLayout(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs10("section", __spreadProps(__spreadValues({ className: cn("ph-settings-layout", className) }, props), { children: [
-    /* @__PURE__ */ jsxs10("header", { className: "ph-settings-layout__header", children: [
-      /* @__PURE__ */ jsxs10("div", { children: [
-        /* @__PURE__ */ jsx13("h2", { children: title }),
-        description ? /* @__PURE__ */ jsx13("p", { children: description }) : null
+  return /* @__PURE__ */ jsxs8("section", __spreadProps(__spreadValues({ className: cn("ph-settings-layout", className) }, props), { children: [
+    /* @__PURE__ */ jsxs8("header", { className: "ph-settings-layout__header", children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx9("h2", { children: title }),
+        description ? /* @__PURE__ */ jsx9("p", { children: description }) : null
       ] }),
-      actions ? /* @__PURE__ */ jsx13("div", { className: "ph-settings-layout__actions", children: actions }) : null
+      actions ? /* @__PURE__ */ jsx9("div", { className: "ph-settings-layout__actions", children: actions }) : null
     ] }),
-    /* @__PURE__ */ jsxs10("details", { className: "ph-settings-layout__mobile-nav", children: [
-      /* @__PURE__ */ jsxs10("summary", { children: [
-        /* @__PURE__ */ jsx13(IconTuning, { className: "h-4 w-4", "aria-hidden": true }),
+    /* @__PURE__ */ jsxs8("details", { className: "ph-settings-layout__mobile-nav", children: [
+      /* @__PURE__ */ jsxs8("summary", { children: [
+        /* @__PURE__ */ jsx9(IconTuning, { className: "h-4 w-4", "aria-hidden": true }),
         "Settings menu"
       ] }),
-      /* @__PURE__ */ jsx13("nav", { "aria-label": navigationLabel, children: navigation })
+      /* @__PURE__ */ jsx9("nav", { "aria-label": navigationLabel, children: navigation })
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "ph-settings-layout__grid", children: [
-      /* @__PURE__ */ jsx13("aside", { className: "ph-settings-layout__sidebar", children: /* @__PURE__ */ jsx13("nav", { "aria-label": navigationLabel, children: navigation }) }),
-      /* @__PURE__ */ jsx13("div", { className: "ph-settings-layout__content", children })
+    /* @__PURE__ */ jsxs8("div", { className: "ph-settings-layout__grid", children: [
+      /* @__PURE__ */ jsx9("aside", { className: "ph-settings-layout__sidebar", children: /* @__PURE__ */ jsx9("nav", { "aria-label": navigationLabel, children: navigation }) }),
+      /* @__PURE__ */ jsx9("div", { className: "ph-settings-layout__content", children })
     ] })
   ] }));
 }
 
-// src/components/ui/DropdownMenu.tsx
-import * as DropdownPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var sizeClass2 = {
-  xs: "ph-btn-xs",
-  sm: "ph-btn-sm",
-  md: "",
-  lg: "ph-btn-lg"
-};
-var variantClass2 = {
-  primary: "ph-btn-primary",
-  secondary: "ph-btn-secondary",
-  accent: "ph-btn-accent"
-};
-function DropdownContent({
-  children,
-  align = "start",
-  side = "bottom",
-  sideOffset = 7,
-  alignOffset = 0,
-  collisionPadding = 8,
-  avoidCollisions = true,
-  panelClassName
-}) {
-  return /* @__PURE__ */ jsx14(DropdownPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
-    DropdownPrimitive.Content,
-    {
-      className: cn("ph-dropdown-panel", panelClassName),
-      align,
-      side,
-      sideOffset,
-      alignOffset,
-      collisionPadding,
-      avoidCollisions,
-      sticky: "partial",
-      children: [
-        children,
-        /* @__PURE__ */ jsx14(DropdownPrimitive.Arrow, { className: "ph-dropdown-arrow", width: 12, height: 6 })
-      ]
-    }
-  ) });
-}
-function DropdownMenu(_a) {
-  var _b = _a, {
-    trigger,
-    children,
-    align,
-    side,
-    sideOffset,
-    alignOffset,
-    collisionPadding,
-    avoidCollisions,
-    className,
-    panelClassName,
-    "aria-label": ariaLabel,
-    open,
-    defaultOpen,
-    onOpenChange,
-    modal = false,
-    disabled
-  } = _b, props = __objRest(_b, [
-    "trigger",
-    "children",
-    "align",
-    "side",
-    "sideOffset",
-    "alignOffset",
-    "collisionPadding",
-    "avoidCollisions",
-    "className",
-    "panelClassName",
-    "aria-label",
-    "open",
-    "defaultOpen",
-    "onOpenChange",
-    "modal",
-    "disabled"
-  ]);
-  return /* @__PURE__ */ jsx14("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ jsxs11(
-    DropdownPrimitive.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      modal,
-      children: [
-        /* @__PURE__ */ jsx14(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ jsx14("button", { type: "button", className: "ph-dropdown-trigger", "aria-label": ariaLabel, children: trigger }) }),
-        /* @__PURE__ */ jsx14(
-          DropdownContent,
-          {
-            align,
-            side,
-            sideOffset,
-            alignOffset,
-            collisionPadding,
-            avoidCollisions,
-            panelClassName,
-            children
-          }
-        )
-      ]
-    }
-  ) }));
-}
-function DropdownButton(_a) {
-  var _b = _a, {
-    label,
-    variant = "secondary",
-    outline = false,
-    size = "md",
-    split = false,
-    icon,
-    sideIcon,
-    children,
-    align,
-    side,
-    sideOffset,
-    alignOffset,
-    collisionPadding,
-    avoidCollisions,
-    className,
-    panelClassName,
-    "aria-label": ariaLabel,
-    open,
-    defaultOpen,
-    onOpenChange,
-    modal = false,
-    disabled
-  } = _b, props = __objRest(_b, [
-    "label",
-    "variant",
-    "outline",
-    "size",
-    "split",
-    "icon",
-    "sideIcon",
-    "children",
-    "align",
-    "side",
-    "sideOffset",
-    "alignOffset",
-    "collisionPadding",
-    "avoidCollisions",
-    "className",
-    "panelClassName",
-    "aria-label",
-    "open",
-    "defaultOpen",
-    "onOpenChange",
-    "modal",
-    "disabled"
-  ]);
-  const trailing = sideIcon != null ? sideIcon : /* @__PURE__ */ jsx14(IconChevronDown, { className: "h-4 w-4", "aria-hidden": true });
-  return /* @__PURE__ */ jsx14("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ jsxs11(
-    DropdownPrimitive.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      modal,
-      children: [
-        /* @__PURE__ */ jsx14(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ jsx14(
-          "button",
-          {
-            type: "button",
-            disabled,
-            className: cn(
-              "ph-btn ph-btn-raised ph-dropdown-button",
-              variantClass2[variant],
-              outline && "ph-btn-outline",
-              sizeClass2[size],
-              split && "ph-btn-split"
-            ),
-            "aria-label": ariaLabel,
-            children: /* @__PURE__ */ jsx14(ButtonChrome, { label, icon, sideIcon: trailing, split })
-          }
-        ) }),
-        /* @__PURE__ */ jsx14(
-          DropdownContent,
-          {
-            align,
-            side,
-            sideOffset,
-            alignOffset,
-            collisionPadding,
-            avoidCollisions,
-            panelClassName,
-            children
-          }
-        )
-      ]
-    }
-  ) }));
-}
-function DropdownItem(_a) {
-  var _b = _a, { className, children, disabled } = _b, props = __objRest(_b, ["className", "children", "disabled"]);
-  return /* @__PURE__ */ jsx14(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ jsx14(
-    "button",
-    __spreadProps(__spreadValues({
-      type: "button",
-      disabled,
-      className: cn("ph-dropdown-item w-full text-left", className)
-    }, props), {
-      children
-    })
-  ) });
-}
-function DropdownRadioGroup(props) {
-  return /* @__PURE__ */ jsx14(DropdownPrimitive.RadioGroup, __spreadValues({}, props));
-}
-function DropdownRadioItem(_a) {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs11(DropdownPrimitive.RadioItem, __spreadProps(__spreadValues({ className: cn("ph-dropdown-item ph-dropdown-radio-item", className) }, props), { children: [
-    /* @__PURE__ */ jsx14("span", { className: "ph-dropdown-item-indicator", "aria-hidden": true, children: /* @__PURE__ */ jsx14(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(IconCheck, { className: "h-3.5 w-3.5" }) }) }),
-    /* @__PURE__ */ jsx14("span", { children })
-  ] }));
-}
-
 // src/components/ui/Input.tsx
-import { forwardRef as forwardRef8, useId as useId3 } from "react";
+import { forwardRef as forwardRef5, useId as useId3 } from "react";
 
 // src/components/ui/FormField.tsx
 import { useId as useId2 } from "react";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function FormField(_a) {
   var _b = _a, {
     controlId,
@@ -1396,26 +643,26 @@ function FormField(_a) {
     "aria-errormessage": errorId,
     "aria-invalid": error ? true : void 0
   };
-  return /* @__PURE__ */ jsxs12("div", __spreadProps(__spreadValues({ className: cn("ph-field", className) }, props), { children: [
-    label ? /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs9("div", __spreadProps(__spreadValues({ className: cn("ph-field", className) }, props), { children: [
+    label ? /* @__PURE__ */ jsxs9(
       "label",
       {
         htmlFor: id,
         className: cn("ph-label", hideLabel && "sr-only", disabled && "opacity-50"),
         children: [
           label,
-          required ? /* @__PURE__ */ jsx15("span", { "aria-hidden": "true", children: " *" }) : null
+          required ? /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: " *" }) : null
         ]
       }
     ) : null,
     typeof children === "function" ? children(controlProps) : children,
-    descriptionId ? /* @__PURE__ */ jsx15("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
-    errorId ? /* @__PURE__ */ jsx15("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
+    descriptionId ? /* @__PURE__ */ jsx10("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
+    errorId ? /* @__PURE__ */ jsx10("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
   ] }));
 }
 
 // src/components/ui/Input.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var sizeMap3 = {
   sm: "ph-input-sm",
   md: "",
@@ -1425,7 +672,7 @@ function joinIds(...ids) {
   const value = ids.filter(Boolean).join(" ");
   return value || void 0;
 }
-var Input = forwardRef8(function Input2(_a, ref) {
+var Input = forwardRef5(function Input2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1456,7 +703,7 @@ var Input = forwardRef8(function Input2(_a, ref) {
   const autoId = useId3();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx11(
     FormField,
     {
       controlId: id,
@@ -1467,7 +714,7 @@ var Input = forwardRef8(function Input2(_a, ref) {
       required,
       disabled,
       className: wrapperClassName,
-      children: (fieldProps) => /* @__PURE__ */ jsx16(
+      children: (fieldProps) => /* @__PURE__ */ jsx11(
         "input",
         __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
           ref,
@@ -1488,7 +735,7 @@ var Input = forwardRef8(function Input2(_a, ref) {
   );
 });
 Input.displayName = "Input";
-var Select = forwardRef8(function Select2(_a, ref) {
+var Select = forwardRef5(function Select2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1519,7 +766,7 @@ var Select = forwardRef8(function Select2(_a, ref) {
   const autoId = useId3();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ jsx16(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx11(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ jsx11(
     "select",
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -1539,7 +786,7 @@ var Select = forwardRef8(function Select2(_a, ref) {
   ) });
 });
 Select.displayName = "Select";
-var Textarea = forwardRef8(function Textarea2(_a, ref) {
+var Textarea = forwardRef5(function Textarea2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1568,7 +815,7 @@ var Textarea = forwardRef8(function Textarea2(_a, ref) {
   const autoId = useId3();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ jsx16(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx11(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ jsx11(
     "textarea",
     __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -1586,7 +833,7 @@ var Textarea = forwardRef8(function Textarea2(_a, ref) {
   ) });
 });
 Textarea.displayName = "Textarea";
-var Checkbox = forwardRef8(function Checkbox2(_a, ref) {
+var Checkbox = forwardRef5(function Checkbox2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1611,9 +858,9 @@ var Checkbox = forwardRef8(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__ */ jsxs13("div", { className: cn("ph-control-row", wrapperClassName), children: [
-    /* @__PURE__ */ jsxs13("span", { className: "ph-checkbox-wrap", children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs10("div", { className: cn("ph-control-row", wrapperClassName), children: [
+    /* @__PURE__ */ jsxs10("span", { className: "ph-checkbox-wrap", children: [
+      /* @__PURE__ */ jsx11(
         "input",
         __spreadValues({
           ref,
@@ -1631,17 +878,17 @@ var Checkbox = forwardRef8(function Checkbox2(_a, ref) {
           )
         }, props)
       ),
-      /* @__PURE__ */ jsx16(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
+      /* @__PURE__ */ jsx11(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "ph-control-copy", children: [
-      /* @__PURE__ */ jsx16("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label }),
-      descriptionId ? /* @__PURE__ */ jsx16("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
-      errorId ? /* @__PURE__ */ jsx16("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
+    /* @__PURE__ */ jsxs10("div", { className: "ph-control-copy", children: [
+      /* @__PURE__ */ jsx11("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label }),
+      descriptionId ? /* @__PURE__ */ jsx11("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
+      errorId ? /* @__PURE__ */ jsx11("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
     ] })
   ] });
 });
 Checkbox.displayName = "Checkbox";
-var Radio = forwardRef8(function Radio2(_a, ref) {
+var Radio = forwardRef5(function Radio2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1657,8 +904,8 @@ var Radio = forwardRef8(function Radio2(_a, ref) {
   ]);
   const autoId = useId3();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ jsxs13("div", { className: cn("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs10("div", { className: cn("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ jsx11(
       "input",
       __spreadValues({
         ref,
@@ -1668,11 +915,11 @@ var Radio = forwardRef8(function Radio2(_a, ref) {
         className: cn("ph-radio", disabled && "cursor-not-allowed", className)
       }, props)
     ),
-    /* @__PURE__ */ jsx16("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label })
+    /* @__PURE__ */ jsx11("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label })
   ] });
 });
 Radio.displayName = "Radio";
-var Toggle = forwardRef8(function Toggle2(_a, ref) {
+var Toggle = forwardRef5(function Toggle2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1688,9 +935,9 @@ var Toggle = forwardRef8(function Toggle2(_a, ref) {
   ]);
   const autoId = useId3();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ jsxs13("label", { className: cn("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ jsx16("span", { className: disabled ? "opacity-60" : void 0, children: label }),
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs10("label", { className: cn("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ jsx11("span", { className: disabled ? "opacity-60" : void 0, children: label }),
+    /* @__PURE__ */ jsx11(
       "input",
       __spreadValues({
         ref,
@@ -1704,7 +951,7 @@ var Toggle = forwardRef8(function Toggle2(_a, ref) {
   ] });
 });
 Toggle.displayName = "Toggle";
-var Range = forwardRef8(function Range2(_a, ref) {
+var Range = forwardRef5(function Range2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1724,18 +971,18 @@ var Range = forwardRef8(function Range2(_a, ref) {
   ]);
   const autoId = useId3();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ jsxs13("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ jsx16("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ jsx16("input", __spreadValues({ ref, id, type: "range", className: cn("ph-range", className) }, props)),
-    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ jsxs13("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
-      /* @__PURE__ */ jsx16("span", { children: minLabel }),
-      /* @__PURE__ */ jsx16("span", { children: valueLabel }),
-      /* @__PURE__ */ jsx16("span", { children: maxLabel })
+  return /* @__PURE__ */ jsxs10("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ jsx11("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ jsx11("input", __spreadValues({ ref, id, type: "range", className: cn("ph-range", className) }, props)),
+    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ jsxs10("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
+      /* @__PURE__ */ jsx11("span", { children: minLabel }),
+      /* @__PURE__ */ jsx11("span", { children: valueLabel }),
+      /* @__PURE__ */ jsx11("span", { children: maxLabel })
     ] })
   ] });
 });
 Range.displayName = "Range";
-var FileUpload = forwardRef8(function FileUpload2(_a, ref) {
+var FileUpload = forwardRef5(function FileUpload2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -1751,10 +998,10 @@ var FileUpload = forwardRef8(function FileUpload2(_a, ref) {
   ]);
   const autoId = useId3();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ jsxs13("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ jsx16("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ jsxs13("label", { htmlFor: id, className: "ph-file-upload", children: [
-      /* @__PURE__ */ jsx16("input", __spreadValues({ ref, id, type: "file", className: cn("sr-only", className) }, props)),
+  return /* @__PURE__ */ jsxs10("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ jsx11("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ jsxs10("label", { htmlFor: id, className: "ph-file-upload", children: [
+      /* @__PURE__ */ jsx11("input", __spreadValues({ ref, id, type: "file", className: cn("sr-only", className) }, props)),
       prompt
     ] })
   ] });
@@ -1764,7 +1011,7 @@ FileUpload.displayName = "FileUpload";
 // src/components/ui/Modal.tsx
 import * as Dialog from "@radix-ui/react-dialog";
 import { useRef } from "react";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var sizeMap4 = {
   sm: "max-w-sm",
   md: "max-w-lg",
@@ -1788,16 +1035,16 @@ function Modal({
 }) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = useRef(null);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx12(
     Dialog.Root,
     {
       open,
       onOpenChange: (nextOpen) => {
         if (!nextOpen) onClose == null ? void 0 : onClose();
       },
-      children: /* @__PURE__ */ jsxs14(Dialog.Portal, { children: [
-        /* @__PURE__ */ jsx17(Dialog.Overlay, { className: "ph-modal-overlay" }),
-        /* @__PURE__ */ jsxs14(
+      children: /* @__PURE__ */ jsxs11(Dialog.Portal, { children: [
+        /* @__PURE__ */ jsx12(Dialog.Overlay, { className: "ph-modal-overlay" }),
+        /* @__PURE__ */ jsxs11(
           Dialog.Content,
           __spreadProps(__spreadValues({
             className: cn("ph-modal-panel", sizeMap4[size], className),
@@ -1818,16 +1065,16 @@ function Modal({
               if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
             },
             children: [
-              title ? null : /* @__PURE__ */ jsx17(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
-              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ jsxs14("header", { className: "ph-modal-header", children: [
-                /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
-                  title ? /* @__PURE__ */ jsx17(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
-                  description ? /* @__PURE__ */ jsx17(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
+              title ? null : /* @__PURE__ */ jsx12(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ jsxs11("header", { className: "ph-modal-header", children: [
+                /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
+                  title ? /* @__PURE__ */ jsx12(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
+                  description ? /* @__PURE__ */ jsx12(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
                 ] }),
-                showCloseButton && canDismiss ? /* @__PURE__ */ jsx17(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx17("button", { type: "button", className: "ph-modal-close", "aria-label": "Close dialog", children: /* @__PURE__ */ jsx17(IconClose, { className: "h-5 w-5", "aria-hidden": true }) }) }) : null
+                showCloseButton && canDismiss ? /* @__PURE__ */ jsx12(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx12("button", { type: "button", className: "ph-modal-close", "aria-label": "Close dialog", children: /* @__PURE__ */ jsx12(IconClose, { className: "h-5 w-5", "aria-hidden": true }) }) }) : null
               ] }) : null,
-              /* @__PURE__ */ jsx17("div", { className: "ph-modal-body", children }),
-              footer ? /* @__PURE__ */ jsx17("div", { className: "ph-modal-footer", children: footer }) : null
+              /* @__PURE__ */ jsx12("div", { className: "ph-modal-body", children }),
+              footer ? /* @__PURE__ */ jsx12("div", { className: "ph-modal-footer", children: footer }) : null
             ]
           })
         )
@@ -1837,11 +1084,11 @@ function Modal({
 }
 
 // src/components/ui/Navigation.tsx
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function Breadcrumbs({ items, label = "Breadcrumb", className }) {
-  return /* @__PURE__ */ jsx18("nav", { "aria-label": label, className: cn("ph-breadcrumbs", className), children: items.map((item, index) => /* @__PURE__ */ jsxs15("span", { className: "contents", children: [
-    index > 0 ? /* @__PURE__ */ jsx18("span", { className: "ph-breadcrumb-sep", "aria-hidden": "true", children: "/" }) : null,
-    item.current || !item.href ? /* @__PURE__ */ jsx18("span", { className: "ph-breadcrumb-current", "aria-current": item.current ? "page" : void 0, children: item.label }) : /* @__PURE__ */ jsx18("a", { href: item.href, className: "ph-breadcrumb-link", children: item.label })
+  return /* @__PURE__ */ jsx13("nav", { "aria-label": label, className: cn("ph-breadcrumbs", className), children: items.map((item, index) => /* @__PURE__ */ jsxs12("span", { className: "contents", children: [
+    index > 0 ? /* @__PURE__ */ jsx13("span", { className: "ph-breadcrumb-sep", "aria-hidden": "true", children: "/" }) : null,
+    item.current || !item.href ? /* @__PURE__ */ jsx13("span", { className: "ph-breadcrumb-current", "aria-current": item.current ? "page" : void 0, children: item.label }) : /* @__PURE__ */ jsx13("a", { href: item.href, className: "ph-breadcrumb-link", children: item.label })
   ] }, `${item.label}-${index}`)) });
 }
 function Pagination({
@@ -1854,8 +1101,8 @@ function Pagination({
 }) {
   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__ */ jsxs15("nav", { "aria-label": label, className: cn("ph-pagination", className), children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs12("nav", { "aria-label": label, className: cn("ph-pagination", className), children: [
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -1863,12 +1110,12 @@ function Pagination({
         disabled: page <= 1,
         "aria-label": "Previous page",
         onClick: () => onPageChange == null ? void 0 : onPageChange(page - 1),
-        children: /* @__PURE__ */ jsx18(IconChevronLeft, { className: "mx-auto h-4 w-4", "aria-hidden": true })
+        children: /* @__PURE__ */ jsx13(IconChevronLeft, { className: "mx-auto h-4 w-4", "aria-hidden": true })
       }
     ),
-    uniquePages.map((pageNumber, index) => /* @__PURE__ */ jsxs15("span", { className: "contents", children: [
-      !compact && index === uniquePages.length - 1 && pageNumber > 4 ? /* @__PURE__ */ jsx18("span", { className: "ph-pagination-ellipsis", "aria-hidden": "true", children: "..." }) : null,
-      /* @__PURE__ */ jsx18(
+    uniquePages.map((pageNumber, index) => /* @__PURE__ */ jsxs12("span", { className: "contents", children: [
+      !compact && index === uniquePages.length - 1 && pageNumber > 4 ? /* @__PURE__ */ jsx13("span", { className: "ph-pagination-ellipsis", "aria-hidden": "true", children: "..." }) : null,
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -1879,7 +1126,7 @@ function Pagination({
         }
       )
     ] }, pageNumber)),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -1887,25 +1134,25 @@ function Pagination({
         disabled: page >= totalPages,
         "aria-label": "Next page",
         onClick: () => onPageChange == null ? void 0 : onPageChange(page + 1),
-        children: /* @__PURE__ */ jsx18(IconChevronRight, { className: "mx-auto h-4 w-4", "aria-hidden": true })
+        children: /* @__PURE__ */ jsx13(IconChevronRight, { className: "mx-auto h-4 w-4", "aria-hidden": true })
       }
     )
   ] });
 }
 
 // src/components/ui/Panel.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function Panel(_a) {
   var _b = _a, { title, description, children, className } = _b, props = __objRest(_b, ["title", "description", "children", "className"]);
-  return /* @__PURE__ */ jsxs16("div", __spreadProps(__spreadValues({ className: cn("ph-panel", className) }, props), { children: [
-    title && /* @__PURE__ */ jsx19("h3", { className: "text-sm font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
-    description && /* @__PURE__ */ jsx19("p", { className: "text-sm text-ph-subtle", children: description }),
+  return /* @__PURE__ */ jsxs13("div", __spreadProps(__spreadValues({ className: cn("ph-panel", className) }, props), { children: [
+    title && /* @__PURE__ */ jsx14("h3", { className: "text-sm font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
+    description && /* @__PURE__ */ jsx14("p", { className: "text-sm text-ph-subtle", children: description }),
     children
   ] }));
 }
 
 // src/components/ui/Rating.tsx
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function Rating(_a) {
   var _b = _a, {
     label,
@@ -1925,9 +1172,9 @@ function Rating(_a) {
     "wrapperClassName"
   ]);
   const stars = Array.from({ length: max }, (_, index) => index + 1);
-  return /* @__PURE__ */ jsxs17("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ jsx20("span", { className: "ph-label", children: label }),
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs14("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ jsx15("span", { className: "ph-label", children: label }),
+    /* @__PURE__ */ jsx15(
       "div",
       __spreadProps(__spreadValues({
         className: cn("ph-rating flex", className),
@@ -1937,7 +1184,7 @@ function Rating(_a) {
         children: stars.map((star) => {
           const active = star <= value;
           if (readOnly) {
-            return /* @__PURE__ */ jsx20(
+            return /* @__PURE__ */ jsx15(
               IconStar,
               {
                 className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border"),
@@ -1946,7 +1193,7 @@ function Rating(_a) {
               star
             );
           }
-          return /* @__PURE__ */ jsx20(
+          return /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
@@ -1955,7 +1202,7 @@ function Rating(_a) {
               "aria-checked": active,
               "aria-label": `${star} out of ${max}`,
               onClick: () => onChange == null ? void 0 : onChange(star),
-              children: /* @__PURE__ */ jsx20(IconStar, { className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border") })
+              children: /* @__PURE__ */ jsx15(IconStar, { className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border") })
             },
             star
           );
@@ -1967,7 +1214,7 @@ function Rating(_a) {
 
 // src/components/ui/SearchInput.tsx
 import { useId as useId4 } from "react";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function SearchInput(_a) {
   var _b = _a, {
     id: idProp,
@@ -1990,10 +1237,10 @@ function SearchInput(_a) {
   ]);
   const autoId = useId4();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ jsxs18("div", { className: cn("relative", wrapperClassName), children: [
-    /* @__PURE__ */ jsx21("label", { htmlFor: id, className: hideLabel ? "sr-only" : "ph-label mb-1.5 block", children: label }),
-    /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
-      shortcut != null ? /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs15("div", { className: cn("relative", wrapperClassName), children: [
+    /* @__PURE__ */ jsx16("label", { htmlFor: id, className: hideLabel ? "sr-only" : "ph-label mb-1.5 block", children: label }),
+    /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
+      shortcut != null ? /* @__PURE__ */ jsx16(
         "span",
         {
           className: "ph-shortcut pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2 text-xs",
@@ -2001,7 +1248,7 @@ function SearchInput(_a) {
           children: shortcut
         }
       ) : null,
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx16(
         "input",
         __spreadValues({
           id,
@@ -2037,10 +1284,10 @@ function SearchGroup(_a) {
   ]);
   const autoId = useId4();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ jsxs18("div", { className: cn("ph-field", wrapperClassName), children: [
-    /* @__PURE__ */ jsx21("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ jsxs18("div", { className: "ph-search-group flex w-full max-w-lg min-h-[2.3125rem] items-stretch divide-x divide-ph-border", children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs15("div", { className: cn("ph-field", wrapperClassName), children: [
+    /* @__PURE__ */ jsx16("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ jsxs15("div", { className: "ph-search-group flex w-full max-w-lg min-h-[2.3125rem] items-stretch divide-x divide-ph-border", children: [
+      /* @__PURE__ */ jsx16(
         "input",
         __spreadValues({
           id,
@@ -2049,12 +1296,12 @@ function SearchGroup(_a) {
           className: cn("ph-input ph-input-group-field min-w-0 flex-1", className)
         }, props)
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx16(
         Button,
         {
           type: "submit",
           variant: "primary",
-          icon: /* @__PURE__ */ jsx21(IconSearch, { className: "h-4 w-4", "aria-hidden": true }),
+          icon: /* @__PURE__ */ jsx16(IconSearch, { className: "h-4 w-4", "aria-hidden": true }),
           className: "ph-search-group__submit",
           "aria-label": submitLabel
         }
@@ -2064,7 +1311,7 @@ function SearchGroup(_a) {
 }
 
 // src/components/ui/Table.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function Table({
   data,
   columns,
@@ -2075,15 +1322,15 @@ function Table({
   className,
   caption
 }) {
-  return /* @__PURE__ */ jsx22("div", { className: cn("ph-table-wrap", compact && "ph-table-compact", className), children: /* @__PURE__ */ jsxs19("table", { className: cn("ph-table", zebra && "ph-table-zebra", ribbon && "ph-table--ribbon"), children: [
-    caption && /* @__PURE__ */ jsx22("caption", { className: "sr-only", children: caption }),
-    /* @__PURE__ */ jsx22("thead", { children: /* @__PURE__ */ jsx22("tr", { children: columns.map((col) => /* @__PURE__ */ jsx22("th", { className: col.className, children: col.header }, col.key)) }) }),
-    /* @__PURE__ */ jsx22("tbody", { children: data.map((row, i) => /* @__PURE__ */ jsx22("tr", { style: getRowStyle == null ? void 0 : getRowStyle(row), children: columns.map((col) => /* @__PURE__ */ jsx22("td", { className: col.className, children: col.cell(row) }, col.key)) }, i)) })
+  return /* @__PURE__ */ jsx17("div", { className: cn("ph-table-wrap", compact && "ph-table-compact", className), children: /* @__PURE__ */ jsxs16("table", { className: cn("ph-table", zebra && "ph-table-zebra", ribbon && "ph-table--ribbon"), children: [
+    caption && /* @__PURE__ */ jsx17("caption", { className: "sr-only", children: caption }),
+    /* @__PURE__ */ jsx17("thead", { children: /* @__PURE__ */ jsx17("tr", { children: columns.map((col) => /* @__PURE__ */ jsx17("th", { className: col.className, children: col.header }, col.key)) }) }),
+    /* @__PURE__ */ jsx17("tbody", { children: data.map((row, i) => /* @__PURE__ */ jsx17("tr", { style: getRowStyle == null ? void 0 : getRowStyle(row), children: columns.map((col) => /* @__PURE__ */ jsx17("td", { className: col.className, children: col.cell(row) }, col.key)) }, i)) })
   ] }) });
 }
 
 // src/components/ui/Stat.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var toneMap = {
   default: "text-ph-ink",
   brand: "text-ph-brand",
@@ -2100,16 +1347,16 @@ 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__ */ jsxs20("article", __spreadProps(__spreadValues({ className: cn("ph-stat", statMap[tone], className) }, props), { children: [
-    icon && /* @__PURE__ */ jsx23("div", { className: cn("mb-2 h-7 w-7", toneMap[tone]), children: icon }),
-    /* @__PURE__ */ jsx23("div", { className: cn("ph-stat-label", tone === "warning" && toneMap[tone]), children: label }),
-    /* @__PURE__ */ jsx23("div", { className: cn("ph-stat-val", toneMap[tone]), children: value }),
-    footer && /* @__PURE__ */ jsx23("p", { className: "text-xs text-ph-subtle", children: footer })
+  return /* @__PURE__ */ jsxs17("article", __spreadProps(__spreadValues({ className: cn("ph-stat", statMap[tone], className) }, props), { children: [
+    icon && /* @__PURE__ */ jsx18("div", { className: cn("mb-2 h-7 w-7", toneMap[tone]), children: icon }),
+    /* @__PURE__ */ jsx18("div", { className: cn("ph-stat-label", tone === "warning" && toneMap[tone]), children: label }),
+    /* @__PURE__ */ jsx18("div", { className: cn("ph-stat-val", toneMap[tone]), children: value }),
+    footer && /* @__PURE__ */ jsx18("p", { className: "text-xs text-ph-subtle", children: footer })
   ] }));
 }
 
 // src/components/ui/Toast.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "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" },
@@ -2125,33 +1372,33 @@ function Toast({
 }) {
   const config = statusConfig2[status];
   const Icon = config.icon;
-  return /* @__PURE__ */ jsxs21("div", { className: cn("ph-toast", config.bg, className), children: [
-    /* @__PURE__ */ jsx24(Icon, { className: cn("mt-0.5 h-5 w-5 shrink-0", config.color), "aria-hidden": true }),
-    /* @__PURE__ */ jsxs21("div", { className: "pr-8", children: [
-      /* @__PURE__ */ jsx24("div", { className: "font-semibold", children: title }),
-      description && /* @__PURE__ */ jsx24("p", { className: "mt-1 text-xs text-ph-subtle", children: description })
+  return /* @__PURE__ */ jsxs18("div", { className: cn("ph-toast", config.bg, className), children: [
+    /* @__PURE__ */ jsx19(Icon, { className: cn("mt-0.5 h-5 w-5 shrink-0", config.color), "aria-hidden": true }),
+    /* @__PURE__ */ jsxs18("div", { className: "pr-8", children: [
+      /* @__PURE__ */ jsx19("div", { className: "font-semibold", children: title }),
+      description && /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-ph-subtle", children: description })
     ] }),
-    onDismiss && /* @__PURE__ */ jsx24(
+    onDismiss && /* @__PURE__ */ jsx19(
       "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__ */ jsx24(IconClose, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx19(IconClose, { className: "h-4 w-4" })
       }
     )
   ] });
 }
 function ToastStack({ children, className }) {
-  return /* @__PURE__ */ jsx24("div", { className: cn("ph-toast-stack", className), children });
+  return /* @__PURE__ */ jsx19("div", { className: cn("ph-toast-stack", className), children });
 }
 
 // src/components/ui/Tabs.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Tabs({ items, value, onChange, variant = "pill", className }) {
   if (variant === "underline") {
-    return /* @__PURE__ */ jsx25("div", { className: cn("flex gap-6 border-b border-ph-border", className), children: items.map((item) => /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx20("div", { className: cn("flex gap-6 border-b border-ph-border", className), children: items.map((item) => /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -2165,7 +1412,7 @@ function Tabs({ items, value, onChange, variant = "pill", className }) {
       item.value
     )) });
   }
-  return /* @__PURE__ */ jsx25("div", { className: cn("ph-tabs-row inline-flex", className), children: items.map((item) => /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx20("div", { className: cn("ph-tabs-row inline-flex", className), children: items.map((item) => /* @__PURE__ */ jsx20(
     "button",
     {
       type: "button",
@@ -2437,17 +1684,17 @@ function ThemeDomSync() {
 
 // src/components/ui/ThemeManager.tsx
 import { useLayoutEffect as useLayoutEffect2 } from "react";
-import { Fragment as Fragment4, jsx as jsx26 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx21 } from "react/jsx-runtime";
 function ThemeManager({ children }) {
   useLayoutEffect2(() => {
     persistTheme(readStoredTheme());
   }, []);
-  return /* @__PURE__ */ jsx26(Fragment4, { children });
+  return /* @__PURE__ */ jsx21(Fragment3, { children });
 }
 
 // src/components/ui/ThemeSwitcher.tsx
 import { useEffect, useState } from "react";
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function ThemeSwitcher({ className }) {
   const [themeId, setThemeId] = useState("hedgehog-light");
   useEffect(() => {
@@ -2455,9 +1702,9 @@ function ThemeSwitcher({ className }) {
     persistTheme(id);
     setThemeId(id);
   }, []);
-  return /* @__PURE__ */ jsxs22("label", { className: cn("flex min-w-0 items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx27("span", { className: "shrink-0 text-xs font-medium text-ph-mutedtext sm:text-sm", children: "Theme" }),
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs19("label", { className: cn("flex min-w-0 items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx22("span", { className: "shrink-0 text-xs font-medium text-ph-mutedtext sm:text-sm", children: "Theme" }),
+    /* @__PURE__ */ jsx22(
       "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",
@@ -2468,7 +1715,7 @@ function ThemeSwitcher({ className }) {
           persistTheme(next);
           setThemeId(next);
         },
-        children: THEME_GROUPS.map((group) => /* @__PURE__ */ jsx27("optgroup", { label: group, children: THEMES.filter((theme) => theme.group === group).map((theme) => /* @__PURE__ */ jsx27("option", { value: theme.id, children: theme.name }, theme.id)) }, group))
+        children: THEME_GROUPS.map((group) => /* @__PURE__ */ jsx22("optgroup", { label: group, children: THEMES.filter((theme) => theme.group === group).map((theme) => /* @__PURE__ */ jsx22("option", { value: theme.id, children: theme.name }, theme.id)) }, group))
       }
     )
   ] });
@@ -2476,7 +1723,7 @@ function ThemeSwitcher({ className }) {
 
 // src/components/ui/Accordion.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function Accordion({
   items,
   allowMultiple = false,
@@ -2498,18 +1745,18 @@ function Accordion({
       return next;
     });
   };
-  return /* @__PURE__ */ jsx28("div", { className: cn("divide-y divide-ph-border rounded-xl border border-ph-border bg-ph-surface", className), children: items.map((item) => {
+  return /* @__PURE__ */ jsx23("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__ */ jsxs23("div", { className: "first:rounded-t-xl last:rounded-b-xl", children: [
-      /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs20("div", { className: "first:rounded-t-xl last:rounded-b-xl", children: [
+      /* @__PURE__ */ jsxs20(
         "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__ */ jsx28("span", { className: "font-semibold text-ph-ink", children: item.title }),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx23("span", { className: "font-semibold text-ph-ink", children: item.title }),
+            /* @__PURE__ */ jsx23(
               IconChevronDown,
               {
                 className: cn(
@@ -2521,14 +1768,14 @@ function Accordion({
           ]
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx23(
         "div",
         {
           className: cn(
             "grid transition-all duration-200",
             isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
           ),
-          children: /* @__PURE__ */ jsx28("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx28("div", { className: "px-5 pb-4 text-ph-subtle", children: item.content }) })
+          children: /* @__PURE__ */ jsx23("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx23("div", { className: "px-5 pb-4 text-ph-subtle", children: item.content }) })
         }
       )
     ] }, item.id);
@@ -2536,16 +1783,16 @@ function Accordion({
 }
 
 // src/components/ui/Stepper.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function Stepper({ steps, currentStep, className }) {
-  return /* @__PURE__ */ jsx29("div", { className: cn("flex items-start gap-2", className), children: steps.map((step, index) => {
+  return /* @__PURE__ */ jsx24("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__ */ jsxs24("div", { className: "flex flex-1 items-start gap-2", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "flex flex-1 flex-col items-center", children: [
-        /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsxs21("div", { className: "flex flex-1 items-start gap-2", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex flex-1 flex-col items-center", children: [
+        /* @__PURE__ */ jsx24(
           "div",
           {
             className: cn(
@@ -2555,11 +1802,11 @@ function Stepper({ steps, currentStep, className }) {
               isCurrent && isError && "bg-ph-danger text-[var(--ph-on-danger)]",
               isPending && "bg-ph-muted text-ph-mutedtext"
             ),
-            children: isCompleted ? /* @__PURE__ */ jsx29(IconCheck, { className: "h-5 w-5", "aria-hidden": true }) : index + 1
+            children: isCompleted ? /* @__PURE__ */ jsx24(IconCheck, { className: "h-5 w-5", "aria-hidden": true }) : index + 1
           }
         ),
-        /* @__PURE__ */ jsxs24("div", { className: "mt-2 text-center", children: [
-          /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsxs21("div", { className: "mt-2 text-center", children: [
+          /* @__PURE__ */ jsx24(
             "p",
             {
               className: cn(
@@ -2570,10 +1817,10 @@ function Stepper({ steps, currentStep, className }) {
               children: step.label
             }
           ),
-          step.description && /* @__PURE__ */ jsx29("p", { className: "mt-0.5 text-xs text-ph-mutedtext", children: step.description })
+          step.description && /* @__PURE__ */ jsx24("p", { className: "mt-0.5 text-xs text-ph-mutedtext", children: step.description })
         ] })
       ] }),
-      index < steps.length - 1 && /* @__PURE__ */ jsx29(
+      index < steps.length - 1 && /* @__PURE__ */ jsx24(
         "div",
         {
           className: cn(
@@ -2587,16 +1834,16 @@ function Stepper({ steps, currentStep, className }) {
 }
 
 // src/components/ui/SegmentedControl.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function SegmentedControl({ options, value, onChange, className }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       className: cn(
         "inline-flex rounded-lg bg-ph-muted p-1",
         className
       ),
-      children: options.map((option) => /* @__PURE__ */ jsxs25(
+      children: options.map((option) => /* @__PURE__ */ jsxs22(
         "button",
         {
           type: "button",
@@ -2606,7 +1853,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__ */ jsx30("span", { className: "h-4 w-4", children: option.icon }),
+            option.icon && /* @__PURE__ */ jsx25("span", { className: "h-4 w-4", children: option.icon }),
             option.label
           ]
         },
@@ -2618,7 +1865,7 @@ function SegmentedControl({ options, value, onChange, className }) {
 
 // src/components/ui/CommandPalette.tsx
 import { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function CommandPalette({
   items,
   isOpen,
@@ -2667,7 +1914,7 @@ function CommandPalette({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, filtered, selectedIndex, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx31("div", { className: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[20vh] backdrop-blur-sm", children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx26("div", { className: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[20vh] backdrop-blur-sm", children: /* @__PURE__ */ jsxs23(
     "div",
     {
       className: cn(
@@ -2675,9 +1922,9 @@ function CommandPalette({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3 border-b border-ph-border px-4 py-3", children: [
-          /* @__PURE__ */ jsx31(IconSearch, { className: "h-5 w-5 text-ph-mutedtext" }),
-          /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3 border-b border-ph-border px-4 py-3", children: [
+          /* @__PURE__ */ jsx26(IconSearch, { className: "h-5 w-5 text-ph-mutedtext" }),
+          /* @__PURE__ */ jsx26(
             "input",
             {
               ref: inputRef,
@@ -2691,9 +1938,9 @@ function CommandPalette({
               className: "flex-1 bg-transparent text-ph-ink outline-none placeholder:text-ph-mutedtext"
             }
           ),
-          /* @__PURE__ */ jsx31("kbd", { className: "rounded border border-ph-border bg-ph-muted px-1.5 py-0.5 text-xs text-ph-mutedtext", children: "ESC" })
+          /* @__PURE__ */ jsx26("kbd", { className: "rounded border border-ph-border bg-ph-muted px-1.5 py-0.5 text-xs text-ph-mutedtext", children: "ESC" })
         ] }),
-        /* @__PURE__ */ jsx31("div", { className: "max-h-[50vh] overflow-y-auto py-2", children: filtered.length === 0 ? /* @__PURE__ */ jsx31("div", { className: "px-4 py-8 text-center text-sm text-ph-mutedtext", children: "No results found." }) : filtered.map((item, index) => /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsx26("div", { className: "max-h-[50vh] overflow-y-auto py-2", children: filtered.length === 0 ? /* @__PURE__ */ jsx26("div", { className: "px-4 py-8 text-center text-sm text-ph-mutedtext", children: "No results found." }) : filtered.map((item, index) => /* @__PURE__ */ jsxs23(
           "button",
           {
             type: "button",
@@ -2707,9 +1954,9 @@ function CommandPalette({
               index === selectedIndex ? "bg-ph-muted text-ph-ink" : "text-ph-subtle"
             ),
             children: [
-              item.icon && /* @__PURE__ */ jsx31("span", { className: "h-5 w-5", children: item.icon }),
-              /* @__PURE__ */ jsx31("span", { className: "flex-1", children: item.label }),
-              item.shortcut && /* @__PURE__ */ jsx31("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__ */ jsx26("span", { className: "h-5 w-5", children: item.icon }),
+              /* @__PURE__ */ jsx26("span", { className: "flex-1", children: item.label }),
+              item.shortcut && /* @__PURE__ */ jsx26("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
@@ -2721,7 +1968,7 @@ function CommandPalette({
 
 // src/components/ui/Calendar.tsx
 import { useState as useState4 } from "react";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function Calendar({ value, onChange, className }) {
   const [currentMonth, setCurrentMonth] = useState4(value || /* @__PURE__ */ new Date());
   const today = /* @__PURE__ */ new Date();
@@ -2763,37 +2010,37 @@ function Calendar({ value, onChange, className }) {
   for (let i = 1; i <= daysInMonth; i++) {
     days.push(i);
   }
-  return /* @__PURE__ */ jsxs27("div", { className: cn("w-[280px] rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", className), children: [
-    /* @__PURE__ */ jsxs27("div", { className: "mb-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs24("div", { className: cn("w-[280px] rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", className), children: [
+    /* @__PURE__ */ jsxs24("div", { className: "mb-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx27(
         "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__ */ jsx32(IconChevronLeft, { className: "h-5 w-5", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx27(IconChevronLeft, { className: "h-5 w-5", "aria-hidden": true })
         }
       ),
-      /* @__PURE__ */ jsxs27("span", { className: "text-sm font-semibold text-ph-ink", children: [
+      /* @__PURE__ */ jsxs24("span", { className: "text-sm font-semibold text-ph-ink", children: [
         monthNames[month],
         " ",
         year
       ] }),
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx27(
         "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__ */ jsx32(IconChevronRight, { className: "h-5 w-5", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx27(IconChevronRight, { className: "h-5 w-5", "aria-hidden": true })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-7 gap-1", children: [
-      weekDays.map((day) => /* @__PURE__ */ jsx32("div", { className: "py-1 text-center text-xs font-medium text-ph-mutedtext", children: day }, day)),
-      days.map((day, index) => /* @__PURE__ */ jsx32("div", { className: "aspect-square", children: day && /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-7 gap-1", children: [
+      weekDays.map((day) => /* @__PURE__ */ jsx27("div", { className: "py-1 text-center text-xs font-medium text-ph-mutedtext", children: day }, day)),
+      days.map((day, index) => /* @__PURE__ */ jsx27("div", { className: "aspect-square", children: day && /* @__PURE__ */ jsx27(
         "button",
         {
           type: "button",
@@ -2811,10 +2058,10 @@ function Calendar({ value, onChange, className }) {
 
 // src/components/ui/HoverCard.tsx
 import { useState as useState5 } from "react";
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function HoverCard({ trigger, children, className }) {
   const [isVisible, setIsVisible] = useState5(false);
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: "relative inline-block",
@@ -2822,7 +2069,7 @@ function HoverCard({ trigger, children, className }) {
       onMouseLeave: () => setIsVisible(false),
       children: [
         trigger,
-        /* @__PURE__ */ jsxs28(
+        /* @__PURE__ */ jsxs25(
           "div",
           {
             className: cn(
@@ -2831,8 +2078,8 @@ function HoverCard({ trigger, children, className }) {
               className
             ),
             children: [
-              /* @__PURE__ */ jsx33("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__ */ jsx33("div", { className: "relative", children })
+              /* @__PURE__ */ jsx28("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__ */ jsx28("div", { className: "relative", children })
             ]
           }
         )
@@ -2841,159 +2088,10 @@ function HoverCard({ trigger, children, className }) {
   );
 }
 
-// src/components/ui/Tooltip.tsx
-import {
-  cloneElement,
-  createContext,
-  useContext,
-  useEffect as useEffect3,
-  useId as useId5,
-  useRef as useRef3,
-  useState as useState6
-} from "react";
-import { createPortal } from "react-dom";
-import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
-var TooltipDelayContext = createContext(0);
-function TooltipProvider({
-  children,
-  delayDuration = 0
-}) {
-  return /* @__PURE__ */ jsx34(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;
-  const vertical = align === "start" ? trigger.top : align === "end" ? trigger.bottom : trigger.top + trigger.height / 2;
-  if (side === "top")
-    return {
-      left: horizontal,
-      top: trigger.top - offset,
-      transform: "translate(-50%, -100%)"
-    };
-  if (side === "bottom")
-    return {
-      left: horizontal,
-      top: trigger.bottom + offset,
-      transform: "translate(-50%, 0)"
-    };
-  if (side === "left")
-    return {
-      left: trigger.left - offset,
-      top: vertical,
-      transform: "translate(-100%, -50%)"
-    };
-  return {
-    left: trigger.right + offset,
-    top: vertical,
-    transform: "translate(0, -50%)"
-  };
-}
-function Tooltip({
-  content,
-  children,
-  side = "top",
-  align = "center",
-  sideOffset = 7,
-  className,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  delayDuration
-}) {
-  const providerDelay = useContext(TooltipDelayContext);
-  const generatedId = useId5().replace(/:/g, "");
-  const triggerRef = useRef3(null);
-  const timerRef = useRef3(null);
-  const [internalOpen, setInternalOpen] = useState6(defaultOpen);
-  const [position, setPosition] = useState6(null);
-  const isOpen = open != null ? open : internalOpen;
-  const triggerId = children.props.id;
-  const tooltipId = triggerId ? `${triggerId}-tooltip` : `ph-tooltip-${generatedId}`;
-  function setOpen(next) {
-    if (open === void 0) setInternalOpen(next);
-    onOpenChange == null ? void 0 : onOpenChange(next);
-  }
-  function clearTimer() {
-    if (timerRef.current) clearTimeout(timerRef.current);
-    timerRef.current = null;
-  }
-  function updatePosition() {
-    if (!triggerRef.current) return;
-    setPosition(
-      tooltipPosition(
-        triggerRef.current.getBoundingClientRect(),
-        side,
-        align,
-        sideOffset
-      )
-    );
-  }
-  function show(immediate) {
-    clearTimer();
-    updatePosition();
-    const delay = immediate ? 0 : delayDuration != null ? delayDuration : providerDelay;
-    if (!delay) setOpen(true);
-    else timerRef.current = setTimeout(() => setOpen(true), delay);
-  }
-  function hide() {
-    clearTimer();
-    setOpen(false);
-  }
-  useEffect3(() => {
-    if (!isOpen) return;
-    const reposition = () => updatePosition();
-    window.addEventListener("resize", reposition);
-    window.addEventListener("scroll", reposition, true);
-    return () => {
-      window.removeEventListener("resize", reposition);
-      window.removeEventListener("scroll", reposition, true);
-    };
-  });
-  useEffect3(() => () => clearTimer(), []);
-  const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
-  const trigger = cloneElement(children, { "aria-describedby": describedBy });
-  return /* @__PURE__ */ jsxs29(Fragment5, { children: [
-    /* @__PURE__ */ jsx34(
-      "span",
-      {
-        ref: triggerRef,
-        className: "inline-flex",
-        onMouseEnter: () => show(false),
-        onMouseLeave: hide,
-        onFocusCapture: () => show(true),
-        onBlurCapture: hide,
-        onKeyDown: (event) => {
-          if (event.key === "Escape") hide();
-        },
-        children: trigger
-      }
-    ),
-    isOpen && position && typeof document !== "undefined" ? createPortal(
-      /* @__PURE__ */ jsx34(
-        "span",
-        {
-          style: __spreadValues({ position: "fixed" }, position),
-          className: "pointer-events-none z-[200]",
-          children: /* @__PURE__ */ jsx34(
-            "span",
-            {
-              id: tooltipId,
-              role: "tooltip",
-              "data-side": side,
-              className: cn("ph-tooltip-content", className),
-              children: content
-            }
-          )
-        }
-      ),
-      document.body
-    ) : null
-  ] });
-}
-
 // src/components/ui/EmptyState.tsx
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cn(
@@ -3001,17 +2099,17 @@ function EmptyState({ icon, title, description, action, className }) {
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx35("div", { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-ph-muted text-ph-mutedtext", children: icon }),
-        /* @__PURE__ */ jsx35("h3", { className: "text-base font-semibold text-ph-ink", children: title }),
-        description && /* @__PURE__ */ jsx35("p", { className: "mt-1 max-w-sm text-sm text-ph-subtle", children: description }),
-        action && /* @__PURE__ */ jsx35("div", { className: "mt-4", children: action })
+        icon && /* @__PURE__ */ jsx29("div", { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-ph-muted text-ph-mutedtext", children: icon }),
+        /* @__PURE__ */ jsx29("h3", { className: "text-base font-semibold text-ph-ink", children: title }),
+        description && /* @__PURE__ */ jsx29("p", { className: "mt-1 max-w-sm text-sm text-ph-subtle", children: description }),
+        action && /* @__PURE__ */ jsx29("div", { className: "mt-4", children: action })
       ]
     }
   );
 }
 
 // src/components/ui/FilterChips.tsx
-import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function FilterChips({
   chips,
   onToggle,
@@ -3019,20 +2117,20 @@ function FilterChips({
   className,
   "aria-label": ariaLabel = "Applied filters"
 }) {
-  return /* @__PURE__ */ jsx36("div", { className: cn("ph-filter-chips", className), role: "group", "aria-label": ariaLabel, children: chips.map((chip) => {
+  return /* @__PURE__ */ jsx30("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__ */ jsxs31(Fragment6, { children: [
-      /* @__PURE__ */ jsx36("span", { className: "ph-filter-chip__label", children: chip.label }),
-      chip.value != null ? /* @__PURE__ */ jsx36("span", { className: "ph-filter-chip__value", children: chip.value }) : null
+    const content = /* @__PURE__ */ jsxs27(Fragment4, { children: [
+      /* @__PURE__ */ jsx30("span", { className: "ph-filter-chip__label", children: chip.label }),
+      chip.value != null ? /* @__PURE__ */ jsx30("span", { className: "ph-filter-chip__value", children: chip.value }) : null
     ] });
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs27(
       "span",
       {
         className: cn("ph-filter-chip", chip.active && "ph-filter-chip--active"),
         "data-state": chip.active ? "on" : "off",
         children: [
-          onToggle ? /* @__PURE__ */ jsx36(
+          onToggle ? /* @__PURE__ */ jsx30(
             "button",
             {
               type: "button",
@@ -3041,15 +2139,15 @@ function FilterChips({
               onClick: () => onToggle(chip.id),
               children: content
             }
-          ) : /* @__PURE__ */ jsx36("span", { className: "ph-filter-chip__main", children: content }),
-          chip.active && onRemove ? /* @__PURE__ */ jsx36(
+          ) : /* @__PURE__ */ jsx30("span", { className: "ph-filter-chip__main", children: content }),
+          chip.active && onRemove ? /* @__PURE__ */ jsx30(
             "button",
             {
               type: "button",
               className: "ph-filter-chip__remove",
               "aria-label": `Remove ${label} filter`,
               onClick: () => onRemove(chip.id),
-              children: /* @__PURE__ */ jsx36(IconClose, { className: "h-3 w-3", "aria-hidden": true })
+              children: /* @__PURE__ */ jsx30(IconClose, { className: "h-3 w-3", "aria-hidden": true })
             }
           ) : null
         ]
@@ -3065,7 +2163,7 @@ function getChipText(chip) {
 }
 
 // src/components/ui/FilterBar.tsx
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function FilterBar(_a) {
   var _b = _a, {
     children,
@@ -3082,12 +2180,12 @@ function FilterBar(_a) {
     "resultCount",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs32("div", __spreadProps(__spreadValues({ className: cn("ph-filter-bar", className) }, props), { children: [
-    /* @__PURE__ */ jsxs32("div", { className: "ph-filter-bar__controls", role: "group", "aria-label": label, children: [
+  return /* @__PURE__ */ jsxs28("div", __spreadProps(__spreadValues({ className: cn("ph-filter-bar", className) }, props), { children: [
+    /* @__PURE__ */ jsxs28("div", { className: "ph-filter-bar__controls", role: "group", "aria-label": label, children: [
       children,
-      onClear ? /* @__PURE__ */ jsx37("button", { type: "button", className: "ph-filter-bar__clear", onClick: onClear, children: clearLabel }) : null
+      onClear ? /* @__PURE__ */ jsx31("button", { type: "button", className: "ph-filter-bar__clear", onClick: onClear, children: clearLabel }) : null
     ] }),
-    resultCount != null ? /* @__PURE__ */ jsx37("output", { className: "ph-filter-bar__results", "aria-live": "polite", children: resultCount }) : null
+    resultCount != null ? /* @__PURE__ */ jsx31("output", { className: "ph-filter-bar__results", "aria-live": "polite", children: resultCount }) : null
   ] }));
 }
 function FilterMenu({
@@ -3104,19 +2202,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__ */ jsx37(
+  return /* @__PURE__ */ jsx31(
     DropdownMenu,
     {
       "aria-label": `${label}: ${accessibleValue}`,
       align,
       disabled,
       className,
-      trigger: /* @__PURE__ */ jsxs32("span", { className: cn("ph-filter-menu-trigger", selected && "ph-filter-menu-trigger--active"), children: [
-        /* @__PURE__ */ jsx37(IconTuning, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-        /* @__PURE__ */ jsx37("span", { className: "ph-filter-menu-trigger__label", children: label }),
-        /* @__PURE__ */ jsx37("span", { className: "ph-filter-menu-trigger__value", children: displayValue })
+      trigger: /* @__PURE__ */ jsxs28("span", { className: cn("ph-filter-menu-trigger", selected && "ph-filter-menu-trigger--active"), children: [
+        /* @__PURE__ */ jsx31(IconTuning, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        /* @__PURE__ */ jsx31("span", { className: "ph-filter-menu-trigger__label", children: label }),
+        /* @__PURE__ */ jsx31("span", { className: "ph-filter-menu-trigger__value", children: displayValue })
       ] }),
-      children: /* @__PURE__ */ jsx37(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx31(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ jsx31(
         DropdownRadioItem,
         {
           value: option.value,
@@ -3140,25 +2238,25 @@ function SortMenu({
   className
 }) {
   const selected = options.find((option) => option.value === value);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx31(
     DropdownMenu,
     {
       "aria-label": `${label}: ${selected ? getOptionText(selected) : "Choose sort order"}`,
       align,
       disabled,
       className,
-      trigger: /* @__PURE__ */ jsxs32("span", { className: "ph-filter-menu-trigger ph-sort-menu-trigger", children: [
-        /* @__PURE__ */ jsx37(
+      trigger: /* @__PURE__ */ jsxs28("span", { className: "ph-filter-menu-trigger ph-sort-menu-trigger", children: [
+        /* @__PURE__ */ jsx31(
           IconArrowDown,
           {
             className: cn("h-3.5 w-3.5", direction === "ascending" && "rotate-180"),
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ jsx37("span", { className: "ph-filter-menu-trigger__label", children: label }),
-        selected ? /* @__PURE__ */ jsx37("span", { className: "ph-filter-menu-trigger__value", children: selected.label }) : null
+        /* @__PURE__ */ jsx31("span", { className: "ph-filter-menu-trigger__label", children: label }),
+        selected ? /* @__PURE__ */ jsx31("span", { className: "ph-filter-menu-trigger__value", children: selected.label }) : null
       ] }),
-      children: /* @__PURE__ */ jsx37(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx31(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ jsx31(
         DropdownRadioItem,
         {
           value: option.value,
@@ -3178,7 +2276,7 @@ function getOptionText(option) {
 }
 
 // src/components/ui/FilterControls.tsx
-import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 function FilterControls(_a) {
   var _b = _a, {
     children,
@@ -3194,33 +2292,33 @@ function FilterControls(_a) {
     "className"
   ]);
   const hasChips = Boolean(chipsProps == null ? void 0 : chipsProps.chips.length);
-  return /* @__PURE__ */ jsxs33("div", __spreadProps(__spreadValues({ className: cn("ph-filter-controls", className) }, props), { children: [
-    /* @__PURE__ */ jsx38(FilterBar, __spreadProps(__spreadValues({}, barProps), { children })),
-    hasChips && chipsProps ? /* @__PURE__ */ jsx38(FilterChips, __spreadValues({}, chipsProps)) : emptyState != null ? emptyState : null
+  return /* @__PURE__ */ jsxs29("div", __spreadProps(__spreadValues({ className: cn("ph-filter-controls", className) }, props), { children: [
+    /* @__PURE__ */ jsx32(FilterBar, __spreadProps(__spreadValues({}, barProps), { children })),
+    hasChips && chipsProps ? /* @__PURE__ */ jsx32(FilterChips, __spreadValues({}, chipsProps)) : emptyState != null ? emptyState : null
   ] }));
 }
 
 // src/components/ui/CodeBlock.tsx
-import { useState as useState7 } from "react";
-import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+import { useState as useState6 } from "react";
+import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 function CodeBlock({ code, language = "tsx", filename, className }) {
-  const [copied, setCopied] = useState7(false);
+  const [copied, setCopied] = useState6(false);
   const handleCopy = async () => {
     await navigator.clipboard.writeText(code);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };
-  return /* @__PURE__ */ jsxs34("div", { className: cn("overflow-hidden rounded-lg border border-ph-border bg-[#1a1a2e]", className), children: [
-    (filename || language) && /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between border-b border-white/10 px-4 py-2", children: [
-      /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs34("div", { className: "flex gap-1.5", children: [
-          /* @__PURE__ */ jsx39("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
-          /* @__PURE__ */ jsx39("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
-          /* @__PURE__ */ jsx39("div", { className: "h-3 w-3 rounded-full bg-emerald-400" })
+  return /* @__PURE__ */ jsxs30("div", { className: cn("overflow-hidden rounded-lg border border-ph-border bg-[#1a1a2e]", className), children: [
+    (filename || language) && /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between border-b border-white/10 px-4 py-2", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "flex gap-1.5", children: [
+          /* @__PURE__ */ jsx33("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
+          /* @__PURE__ */ jsx33("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
+          /* @__PURE__ */ jsx33("div", { className: "h-3 w-3 rounded-full bg-emerald-400" })
         ] }),
-        filename && /* @__PURE__ */ jsx39("span", { className: "ml-2 text-xs text-white/60", children: filename })
+        filename && /* @__PURE__ */ jsx33("span", { className: "ml-2 text-xs text-white/60", children: filename })
       ] }),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx33(
         "button",
         {
           type: "button",
@@ -3230,35 +2328,35 @@ function CodeBlock({ code, language = "tsx", filename, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx39("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ jsx39("code", { className: "font-mono text-[#e4e4e7]", children: code }) })
+    /* @__PURE__ */ jsx33("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ jsx33("code", { className: "font-mono text-[#e4e4e7]", children: code }) })
   ] });
 }
 
 // src/components/ui/ComponentDocs.tsx
-import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 function ComponentDocs({ title = "Props & variants", rows, defaultOpen = false, className }) {
-  return /* @__PURE__ */ jsxs35("details", { className: cn("ph-panel group overflow-hidden p-0", className), open: defaultOpen, children: [
-    /* @__PURE__ */ jsxs35("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__ */ jsx40("h3", { className: "text-xs font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
-      /* @__PURE__ */ jsxs35("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__ */ jsx40("span", { className: "group-open:hidden", children: "Show" }),
-        /* @__PURE__ */ jsx40("span", { className: "hidden group-open:inline", children: "Hide" })
+  return /* @__PURE__ */ jsxs31("details", { className: cn("ph-panel group overflow-hidden p-0", className), open: defaultOpen, children: [
+    /* @__PURE__ */ jsxs31("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__ */ jsx34("h3", { className: "text-xs font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
+      /* @__PURE__ */ jsxs31("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__ */ jsx34("span", { className: "group-open:hidden", children: "Show" }),
+        /* @__PURE__ */ jsx34("span", { className: "hidden group-open:inline", children: "Hide" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx40("div", { className: "overflow-x-auto border-t border-ph-border", children: /* @__PURE__ */ jsxs35("table", { className: "w-full text-left text-sm", children: [
-      /* @__PURE__ */ jsx40("thead", { className: "bg-ph-muted text-xs uppercase tracking-wider text-ph-mutedtext", children: /* @__PURE__ */ jsxs35("tr", { children: [
-        /* @__PURE__ */ jsx40("th", { className: "px-4 py-2 font-semibold", children: "Prop" }),
-        /* @__PURE__ */ jsx40("th", { className: "px-4 py-2 font-semibold", children: "Type" }),
-        /* @__PURE__ */ jsx40("th", { className: "px-4 py-2 font-semibold", children: "Default" }),
-        /* @__PURE__ */ jsx40("th", { className: "px-4 py-2 font-semibold", children: "Use" })
+    /* @__PURE__ */ jsx34("div", { className: "overflow-x-auto border-t border-ph-border", children: /* @__PURE__ */ jsxs31("table", { className: "w-full text-left text-sm", children: [
+      /* @__PURE__ */ jsx34("thead", { className: "bg-ph-muted text-xs uppercase tracking-wider text-ph-mutedtext", children: /* @__PURE__ */ jsxs31("tr", { children: [
+        /* @__PURE__ */ jsx34("th", { className: "px-4 py-2 font-semibold", children: "Prop" }),
+        /* @__PURE__ */ jsx34("th", { className: "px-4 py-2 font-semibold", children: "Type" }),
+        /* @__PURE__ */ jsx34("th", { className: "px-4 py-2 font-semibold", children: "Default" }),
+        /* @__PURE__ */ jsx34("th", { className: "px-4 py-2 font-semibold", children: "Use" })
       ] }) }),
-      /* @__PURE__ */ jsx40("tbody", { className: "divide-y divide-ph-border", children: rows.map((row) => {
+      /* @__PURE__ */ jsx34("tbody", { className: "divide-y divide-ph-border", children: rows.map((row) => {
         var _a, _b;
-        return /* @__PURE__ */ jsxs35("tr", { children: [
-          /* @__PURE__ */ jsx40("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-ink", children: row.name }),
-          /* @__PURE__ */ jsx40("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: row.type }),
-          /* @__PURE__ */ jsx40("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: (_a = row.defaultValue) != null ? _a : "-" }),
-          /* @__PURE__ */ jsx40("td", { className: "px-4 py-3 align-top text-ph-subtle", children: (_b = row.description) != null ? _b : /* @__PURE__ */ jsx40("span", { className: "text-ph-mutedtext", children: "\u2014" }) })
+        return /* @__PURE__ */ jsxs31("tr", { children: [
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-ink", children: row.name }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: row.type }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: (_a = row.defaultValue) != null ? _a : "-" }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 align-top text-ph-subtle", children: (_b = row.description) != null ? _b : /* @__PURE__ */ jsx34("span", { className: "text-ph-mutedtext", children: "\u2014" }) })
         ] }, row.name);
       }) })
     ] }) })
@@ -3266,8 +2364,8 @@ function ComponentDocs({ title = "Props & variants", rows, defaultOpen = false,
 }
 
 // src/components/ui/ShowcaseWrapper.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
 function ShowcaseWrapper({
   id,
   title,
@@ -3279,13 +2377,13 @@ function ShowcaseWrapper({
   className
 }) {
   var _a;
-  const [showCode, setShowCode] = useState8(false);
+  const [showCode, setShowCode] = useState7(false);
   const fallbackId = (_a = titleIdMap[title]) != null ? _a : title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-  return /* @__PURE__ */ jsxs36("section", { id: id != null ? id : fallbackId, className: cn("scroll-mt-20", className), children: [
-    /* @__PURE__ */ jsxs36("div", { className: "ph-h2-rule mb-8", children: [
-      /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx41("h2", { children: title }),
-        /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs32("section", { id: id != null ? id : fallbackId, className: cn("scroll-mt-20", className), children: [
+    /* @__PURE__ */ jsxs32("div", { className: "ph-h2-rule mb-8", children: [
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx35("h2", { children: title }),
+        /* @__PURE__ */ jsx35(
           "button",
           {
             type: "button",
@@ -3296,15 +2394,15 @@ function ShowcaseWrapper({
             ),
             title: showCode ? "Hide code" : "Show code",
             "aria-label": showCode ? "Hide code" : "Show code",
-            children: /* @__PURE__ */ jsx41(IconCodePreview, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx35(IconCodePreview, { className: "h-5 w-5", "aria-hidden": true })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx41("hr", {})
+      /* @__PURE__ */ jsx35("hr", {})
     ] }),
-    description && /* @__PURE__ */ jsx41("p", { className: "mb-6 text-sm text-ph-subtle", children: description }),
-    docs && /* @__PURE__ */ jsx41("div", { className: "mb-6", children: docs }),
-    /* @__PURE__ */ jsxs36(
+    description && /* @__PURE__ */ jsx35("p", { className: "mb-6 text-sm text-ph-subtle", children: description }),
+    docs && /* @__PURE__ */ jsx35("div", { className: "mb-6", children: docs }),
+    /* @__PURE__ */ jsxs32(
       "div",
       {
         className: cn(
@@ -3312,15 +2410,15 @@ function ShowcaseWrapper({
           showCode ? "lg:grid lg:grid-cols-[1fr,minmax(360px,420px)]" : "block"
         ),
         children: [
-          /* @__PURE__ */ jsx41("div", { className: cn("min-w-0", showCode && "lg:pr-2"), children }),
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx35("div", { className: cn("min-w-0", showCode && "lg:pr-2"), children }),
+          /* @__PURE__ */ jsx35(
             "div",
             {
               className: cn(
                 "transition-all duration-300",
                 showCode ? "block opacity-100" : "hidden opacity-0 lg:hidden"
               ),
-              children: /* @__PURE__ */ jsx41("div", { className: "sticky top-20", children: /* @__PURE__ */ jsx41(CodeBlock, { code, filename }) })
+              children: /* @__PURE__ */ jsx35("div", { className: "sticky top-20", children: /* @__PURE__ */ jsx35(CodeBlock, { code, filename }) })
             }
           )
         ]
@@ -3369,14 +2467,14 @@ var titleIdMap = {
 };
 
 // src/components/ui/CollapsibleSection.tsx
-import { useId as useId6, useState as useState9 } from "react";
-import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+import { useId as useId5, useState as useState8 } from "react";
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 function CollapsibleSection({ title, children, defaultOpen = true, id }) {
-  const [isOpen, setIsOpen] = useState9(defaultOpen);
-  const generatedId = useId6();
+  const [isOpen, setIsOpen] = useState8(defaultOpen);
+  const generatedId = useId5();
   const contentId = `${id != null ? id : generatedId}-content`;
-  return /* @__PURE__ */ jsxs37("section", { id, className: "scroll-mt-20", children: [
-    /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs33("section", { id, className: "scroll-mt-20", children: [
+    /* @__PURE__ */ jsxs33(
       "button",
       {
         type: "button",
@@ -3385,8 +2483,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__ */ jsx42("span", { className: "text-lg font-bold text-ph-ink", children: title }),
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx36("span", { className: "text-lg font-bold text-ph-ink", children: title }),
+          /* @__PURE__ */ jsx36(
             IconChevronDown,
             {
               className: cn(
@@ -3399,7 +2497,7 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         id: contentId,
@@ -3415,7 +2513,7 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
 }
 
 // src/components/ui/Typography.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var toneMap2 = {
   default: "text-ph-ink",
   muted: "text-ph-mutedtext",
@@ -3444,47 +2542,47 @@ function Display({
   truncate,
   className
 }) {
-  return /* @__PURE__ */ jsx43("h1", { className: textClass("text-4xl font-extrabold tracking-tight md:text-5xl", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("h1", { className: textClass("text-4xl font-extrabold tracking-tight md:text-5xl", tone, weight, truncate, className), children });
 }
 function H1({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("h1", { className: textClass("text-3xl font-bold tracking-tight md:text-4xl", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("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__ */ jsx43("h2", { className: textClass("text-2xl font-bold tracking-tight", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("h2", { className: textClass("text-2xl font-bold tracking-tight", tone, weight, truncate, className), children });
 }
 function H3({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("h3", { className: textClass("text-xl font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("h3", { className: textClass("text-xl font-semibold", tone, weight, truncate, className), children });
 }
 function H4({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("h4", { className: textClass("text-lg font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("h4", { className: textClass("text-lg font-semibold", tone, weight, truncate, className), children });
 }
 function H5({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("h5", { className: textClass("text-base font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("h5", { className: textClass("text-base font-semibold", tone, weight, truncate, className), children });
 }
 function P({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("p", { className: textClass("text-base leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("p", { className: textClass("text-base leading-relaxed", tone, weight, truncate, className), children });
 }
 function Small({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("span", { className: textClass("text-sm leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("span", { className: textClass("text-sm leading-relaxed", tone, weight, truncate, className), children });
 }
 function Caption({ children, tone = "muted", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("span", { className: textClass("text-[11px] font-medium uppercase tracking-wider", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("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__ */ jsx43("span", { className: textClass("text-[10px] font-bold uppercase tracking-[0.15em]", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("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__ */ jsx43("p", { className: textClass("text-lg leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("p", { className: textClass("text-lg leading-relaxed", tone, weight, truncate, className), children });
 }
 function Mono({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("code", { className: textClass("text-sm font-mono leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("code", { className: textClass("text-sm font-mono leading-relaxed", tone, weight, truncate, className), children });
 }
 function Label({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ jsx43("label", { className: textClass("text-sm font-medium", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ jsx37("label", { className: textClass("text-sm font-medium", tone, weight, truncate, className), children });
 }
 
 // src/components/ui/Avatar.tsx
-import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 var sizeMap5 = {
   xs: "h-8 w-8 text-[10px]",
   sm: "h-10 w-10 text-xs",
@@ -3516,8 +2614,8 @@ function Avatar(_a) {
     "badge",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs38("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex shrink-0", className) }, props), { children: [
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs34("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex shrink-0", className) }, props), { children: [
+    /* @__PURE__ */ jsx38(
       "div",
       {
         className: cn(
@@ -3528,7 +2626,7 @@ function Avatar(_a) {
         children: icon || label
       }
     ),
-    status && /* @__PURE__ */ jsx44(
+    status && /* @__PURE__ */ jsx38(
       "span",
       {
         className: cn(
@@ -3537,7 +2635,7 @@ function Avatar(_a) {
         )
       }
     ),
-    badge && /* @__PURE__ */ jsx44("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__ */ jsx38("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) {
@@ -3545,9 +2643,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__ */ jsxs38("div", __spreadProps(__spreadValues({ className: cn("-space-x-3 flex rtl:space-x-reverse", className) }, props), { children: [
+  return /* @__PURE__ */ jsxs34("div", __spreadProps(__spreadValues({ className: cn("-space-x-3 flex rtl:space-x-reverse", className) }, props), { children: [
     visible,
-    remaining > 0 && /* @__PURE__ */ jsx44(
+    remaining > 0 && /* @__PURE__ */ jsx38(
       Avatar,
       {
         label: `+${remaining}`,
@@ -3559,7 +2657,7 @@ function AvatarGroup(_a) {
 }
 
 // src/components/ui/Progress.tsx
-import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
 var sizeMap6 = {
   sm: "h-1",
   md: "h-2",
@@ -3584,15 +2682,15 @@ function Progress(_a) {
     "className"
   ]);
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ jsxs39("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
-    (label || showPercentage) && /* @__PURE__ */ jsxs39("div", { className: "mb-1.5 flex justify-between text-sm text-ph-subtle", children: [
-      label && /* @__PURE__ */ jsx45("span", { children: label }),
-      showPercentage && /* @__PURE__ */ jsxs39("span", { className: "tabular-nums", children: [
+  return /* @__PURE__ */ jsxs35("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
+    (label || showPercentage) && /* @__PURE__ */ jsxs35("div", { className: "mb-1.5 flex justify-between text-sm text-ph-subtle", children: [
+      label && /* @__PURE__ */ jsx39("span", { children: label }),
+      showPercentage && /* @__PURE__ */ jsxs35("span", { className: "tabular-nums", children: [
         Math.round(percentage),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx45("div", { className: cn("ph-progress", sizeMap6[size]), children: /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx39("div", { className: cn("ph-progress", sizeMap6[size]), children: /* @__PURE__ */ jsx39(
       "div",
       {
         className: cn("ph-progress-bar", color),
@@ -3607,7 +2705,7 @@ function Progress(_a) {
 }
 
 // src/components/ui/ChatBubble.tsx
-import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 function ChatBubble(_a) {
   var _b = _a, {
     children,
@@ -3627,7 +2725,7 @@ function ChatBubble(_a) {
     "className"
   ]);
   const isSelf = variant === "self";
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs36(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -3637,9 +2735,9 @@ function ChatBubble(_a) {
       )
     }, props), {
       children: [
-        avatar && /* @__PURE__ */ jsx46("div", { className: "shrink-0", children: avatar }),
-        /* @__PURE__ */ jsxs40("div", { className: cn("min-w-0 flex-1", isSelf && "text-right"), children: [
-          (name || time) && /* @__PURE__ */ jsxs40(
+        avatar && /* @__PURE__ */ jsx40("div", { className: "shrink-0", children: avatar }),
+        /* @__PURE__ */ jsxs36("div", { className: cn("min-w-0 flex-1", isSelf && "text-right"), children: [
+          (name || time) && /* @__PURE__ */ jsxs36(
             "header",
             {
               className: cn(
@@ -3647,12 +2745,12 @@ function ChatBubble(_a) {
                 isSelf && "flex-row-reverse justify-end"
               ),
               children: [
-                name && /* @__PURE__ */ jsx46("span", { className: "font-semibold text-ph-ink", children: name }),
-                time && /* @__PURE__ */ jsx46("span", { children: time })
+                name && /* @__PURE__ */ jsx40("span", { className: "font-semibold text-ph-ink", children: name }),
+                time && /* @__PURE__ */ jsx40("span", { children: time })
               ]
             }
           ),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx40(
             "div",
             {
               className: cn(
@@ -3662,7 +2760,7 @@ function ChatBubble(_a) {
               children
             }
           ),
-          footer && /* @__PURE__ */ jsx46("footer", { className: "mt-2 text-[11px] text-ph-mutedtext", children: footer })
+          footer && /* @__PURE__ */ jsx40("footer", { className: "mt-2 text-[11px] text-ph-mutedtext", children: footer })
         ] })
       ]
     })
@@ -3670,7 +2768,7 @@ function ChatBubble(_a) {
 }
 
 // src/components/ui/Terminal.tsx
-import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 function Terminal(_a) {
   var _b = _a, {
     title = "sandbox",
@@ -3683,7 +2781,7 @@ function Terminal(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs37(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -3692,18 +2790,18 @@ function Terminal(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsxs41("header", { className: "flex items-center gap-2 border-b border-ph-border bg-ph-muted px-4 py-3", children: [
-          /* @__PURE__ */ jsx47("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
-          /* @__PURE__ */ jsx47("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
-          /* @__PURE__ */ jsx47("div", { className: "h-3 w-3 rounded-full bg-emerald-400" }),
-          title && /* @__PURE__ */ jsx47("span", { className: "text-xs font-medium text-ph-mutedtext", children: title })
+        /* @__PURE__ */ jsxs37("header", { className: "flex items-center gap-2 border-b border-ph-border bg-ph-muted px-4 py-3", children: [
+          /* @__PURE__ */ jsx41("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
+          /* @__PURE__ */ jsx41("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
+          /* @__PURE__ */ jsx41("div", { className: "h-3 w-3 rounded-full bg-emerald-400" }),
+          title && /* @__PURE__ */ jsx41("span", { className: "text-xs font-medium text-ph-mutedtext", children: title })
         ] }),
-        /* @__PURE__ */ jsx47("div", { className: "ph-code rounded-none border-x-0 border-b-0 text-[13px] leading-relaxed", children: children || /* @__PURE__ */ jsx47(Fragment7, { children: lines == null ? void 0 : lines.map((line, i) => {
+        /* @__PURE__ */ jsx41("div", { className: "ph-code rounded-none border-x-0 border-b-0 text-[13px] leading-relaxed", children: children || /* @__PURE__ */ jsx41(Fragment5, { 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__ */ jsxs41("span", { children: [
-            /* @__PURE__ */ jsx47("span", { className: color || "text-neutral-600", children: text }),
-            i < lines.length - 1 && /* @__PURE__ */ jsx47("br", {})
+          return /* @__PURE__ */ jsxs37("span", { children: [
+            /* @__PURE__ */ jsx41("span", { className: color || "text-neutral-600", children: text }),
+            i < lines.length - 1 && /* @__PURE__ */ jsx41("br", {})
           ] }, i);
         }) }) })
       ]
@@ -3712,7 +2810,7 @@ function Terminal(_a) {
 }
 
 // src/components/ui/Indicator.tsx
-import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
 var positionMap = {
   "top-right": "-right-[2px] -top-[2px]",
   "top-left": "-left-[2px] -top-[2px]",
@@ -3735,8 +2833,8 @@ function Indicator(_a) {
     "dot",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs42("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex items-center justify-center", className) }, props), { children: [
-    dot ? /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs38("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex items-center justify-center", className) }, props), { children: [
+    dot ? /* @__PURE__ */ jsx42(
       "span",
       {
         className: cn(
@@ -3745,7 +2843,7 @@ function Indicator(_a) {
           positionMap[position]
         )
       }
-    ) : badge != null ? /* @__PURE__ */ jsx48(
+    ) : badge != null ? /* @__PURE__ */ jsx42(
       "span",
       {
         className: cn(
@@ -3761,7 +2859,7 @@ function Indicator(_a) {
 }
 
 // src/components/ui/Timeline.tsx
-import { jsx as jsx49, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
 function Timeline(_a) {
   var _b = _a, {
     events,
@@ -3772,15 +2870,15 @@ function Timeline(_a) {
     "alternate",
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx43(
     "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__ */ jsxs43("li", { className: cn("relative flex gap-6", align), children: [
-          /* @__PURE__ */ jsx49(
+        return /* @__PURE__ */ jsxs39("li", { className: cn("relative flex gap-6", align), children: [
+          /* @__PURE__ */ jsx43(
             "div",
             {
               className: cn(
@@ -3790,12 +2888,12 @@ function Timeline(_a) {
               children: event.icon
             }
           ),
-          /* @__PURE__ */ jsxs43("article", { className: "flex-1 rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", children: [
-            /* @__PURE__ */ jsxs43("div", { className: "flex flex-wrap items-baseline gap-3", children: [
-              /* @__PURE__ */ jsx49("h4", { className: "text-base font-semibold text-ph-ink", children: event.title }),
-              event.time && /* @__PURE__ */ jsx49("time", { className: "text-[11px] font-semibold uppercase tracking-wide text-ph-mutedtext", children: event.time })
+          /* @__PURE__ */ jsxs39("article", { className: "flex-1 rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", children: [
+            /* @__PURE__ */ jsxs39("div", { className: "flex flex-wrap items-baseline gap-3", children: [
+              /* @__PURE__ */ jsx43("h4", { className: "text-base font-semibold text-ph-ink", children: event.title }),
+              event.time && /* @__PURE__ */ jsx43("time", { className: "text-[11px] font-semibold uppercase tracking-wide text-ph-mutedtext", children: event.time })
             ] }),
-            event.description && /* @__PURE__ */ jsx49("p", { className: "mt-2 text-sm text-ph-subtle", children: event.description })
+            event.description && /* @__PURE__ */ jsx43("p", { className: "mt-2 text-sm text-ph-subtle", children: event.description })
           ] })
         ] }, event.id);
       })
@@ -3804,8 +2902,8 @@ function Timeline(_a) {
 }
 
 // src/components/ui/Banner.tsx
-import { forwardRef as forwardRef9 } from "react";
-import { jsx as jsx50, jsxs as jsxs44 } from "react/jsx-runtime";
+import { forwardRef as forwardRef6 } from "react";
+import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
 var typeClass = {
   info: "ph-banner-info",
   success: "ph-banner-success",
@@ -3813,7 +2911,7 @@ var typeClass = {
   danger: "ph-banner-danger",
   ai: "ph-banner-ai"
 };
-var Banner = forwardRef9(function Banner2(_a, ref) {
+var Banner = forwardRef6(function Banner2(_a, ref) {
   var _b = _a, {
     type = "info",
     onClose,
@@ -3833,7 +2931,7 @@ var Banner = forwardRef9(function Banner2(_a, ref) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx44(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -3845,11 +2943,11 @@ var Banner = forwardRef9(function Banner2(_a, ref) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsxs44("div", { className: "ph-banner__body", children: [
+      children: /* @__PURE__ */ jsxs40("div", { className: "ph-banner__body", children: [
         icon,
-        /* @__PURE__ */ jsx50("div", { className: "ph-banner__content", children }),
-        action && /* @__PURE__ */ jsx50("div", { className: "ph-banner__action", children: action }),
-        onClose && /* @__PURE__ */ jsx50("button", { type: "button", onClick: onClose, className: "ph-banner__close", "aria-label": "Dismiss", children: /* @__PURE__ */ jsx50("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx50("path", { d: "M4 4l8 8M12 4l-8 8" }) }) })
+        /* @__PURE__ */ jsx44("div", { className: "ph-banner__content", children }),
+        action && /* @__PURE__ */ jsx44("div", { className: "ph-banner__action", children: action }),
+        onClose && /* @__PURE__ */ jsx44("button", { type: "button", onClick: onClose, className: "ph-banner__close", "aria-label": "Dismiss", children: /* @__PURE__ */ jsx44("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx44("path", { d: "M4 4l8 8M12 4l-8 8" }) }) })
       ] })
     })
   );
@@ -3857,8 +2955,8 @@ var Banner = forwardRef9(function Banner2(_a, ref) {
 Banner.displayName = "Banner";
 
 // src/components/ui/Dialog.tsx
-import { useState as useState10 } from "react";
-import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
 function Dialog2(_a) {
   var _b = _a, {
     isOpen: openProp,
@@ -3881,7 +2979,7 @@ function Dialog2(_a) {
     "children",
     "title"
   ]);
-  const [loading, setLoading] = useState10(false);
+  const [loading, setLoading] = useState9(false);
   const isOpen = openProp != null ? openProp : true;
   const handleConfirm = async () => {
     if (!onConfirm) return;
@@ -3893,15 +2991,15 @@ function Dialog2(_a) {
     }
     onClose == null ? void 0 : onClose();
   };
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx45(
     Modal,
     __spreadProps(__spreadValues({
       open: isOpen,
       onClose,
       title,
-      footer: /* @__PURE__ */ jsxs45("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx51(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
-        onConfirm && /* @__PURE__ */ jsx51(
+      footer: /* @__PURE__ */ jsxs41("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx45(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
+        onConfirm && /* @__PURE__ */ jsx45(
           Button,
           __spreadProps(__spreadValues({
             variant: "primary",
@@ -3920,7 +3018,7 @@ function Dialog2(_a) {
 Dialog2.displayName = "Dialog";
 
 // src/components/ui/Divider.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Divider(_a) {
   var _b = _a, {
     vertical = false,
@@ -3935,7 +3033,7 @@ function Divider(_a) {
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx46(
     "div",
     __spreadProps(__spreadValues({
       role: "separator",
@@ -3950,15 +3048,15 @@ function Divider(_a) {
         className
       )
     }, props), {
-      children: label && /* @__PURE__ */ jsx52("span", { className: "ph-divider__label", children: label })
+      children: label && /* @__PURE__ */ jsx46("span", { className: "ph-divider__label", children: label })
     })
   );
 }
 Divider.displayName = "Divider";
 
 // src/components/ui/Tag.tsx
-import { forwardRef as forwardRef10 } from "react";
-import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
 var typeClass2 = {
   default: "ph-tag-default",
   primary: "ph-tag-primary",
@@ -3969,7 +3067,7 @@ var typeClass2 = {
   muted: "ph-tag-muted",
   highlight: "ph-tag-highlight"
 };
-var Tag = forwardRef10(function Tag2(_a, ref) {
+var Tag = forwardRef7(function Tag2(_a, ref) {
   var _b = _a, {
     type = "default",
     size = "md",
@@ -3987,7 +3085,7 @@ var Tag = forwardRef10(function Tag2(_a, ref) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs42(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -3999,9 +3097,9 @@ var Tag = forwardRef10(function Tag2(_a, ref) {
       )
     }, props), {
       children: [
-        icon && /* @__PURE__ */ jsx53("span", { className: "ph-tag__icon", children: icon }),
-        /* @__PURE__ */ jsx53("span", { className: "ph-tag__text", children }),
-        closable && /* @__PURE__ */ jsx53(
+        icon && /* @__PURE__ */ jsx47("span", { className: "ph-tag__icon", children: icon }),
+        /* @__PURE__ */ jsx47("span", { className: "ph-tag__text", children }),
+        closable && /* @__PURE__ */ jsx47(
           "button",
           {
             type: "button",
@@ -4011,7 +3109,7 @@ var Tag = forwardRef10(function Tag2(_a, ref) {
             },
             className: "ph-tag__close",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ jsx53("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx53("path", { d: "M3 3l6 6M9 3l-6 6" }) })
+            children: /* @__PURE__ */ jsx47("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx47("path", { d: "M3 3l6 6M9 3l-6 6" }) })
           }
         )
       ]
@@ -4021,7 +3119,7 @@ var Tag = forwardRef10(function Tag2(_a, ref) {
 Tag.displayName = "Tag";
 
 // src/components/ui/ProgressCircle.tsx
-import { jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
 function ProgressCircle(_a) {
   var _b = _a, {
     progress,
@@ -4040,7 +3138,7 @@ function ProgressCircle(_a) {
   const radius = (size - stroke) / 2;
   const circumference = 2 * Math.PI * radius;
   const offset = circumference - Math.min(1, Math.max(0, progress)) * circumference;
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs43(
     "span",
     __spreadProps(__spreadValues({
       className: cn("ph-progress-circle", className),
@@ -4051,8 +3149,8 @@ function ProgressCircle(_a) {
       "aria-valuemax": 100
     }, props), {
       children: [
-        /* @__PURE__ */ jsxs47("svg", { width: size, height: size, children: [
-          /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsxs43("svg", { width: size, height: size, children: [
+          /* @__PURE__ */ jsx48(
             "circle",
             {
               cx: size / 2,
@@ -4064,7 +3162,7 @@ function ProgressCircle(_a) {
               opacity: 0.15
             }
           ),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx48(
             "circle",
             {
               cx: size / 2,
@@ -4081,7 +3179,7 @@ function ProgressCircle(_a) {
             }
           )
         ] }),
-        children && /* @__PURE__ */ jsx54("span", { className: "ph-progress-circle__content", children })
+        children && /* @__PURE__ */ jsx48("span", { className: "ph-progress-circle__content", children })
       ]
     })
   );
@@ -4089,9 +3187,9 @@ function ProgressCircle(_a) {
 ProgressCircle.displayName = "ProgressCircle";
 
 // src/components/ui/Row.tsx
-import { forwardRef as forwardRef11 } from "react";
-import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
-var Row = forwardRef11(function Row2(_a, ref) {
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
+var Row = forwardRef8(function Row2(_a, ref) {
   var _b = _a, {
     icon,
     sideIcon,
@@ -4112,7 +3210,7 @@ var Row = forwardRef11(function Row2(_a, ref) {
     "children"
   ]);
   const symbolic = children === null || children === void 0 || children === false;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -4127,10 +3225,10 @@ var Row = forwardRef11(function Row2(_a, ref) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsxs48("div", { className: "ph-row__main", children: [
-        icon && /* @__PURE__ */ jsx55("span", { className: "ph-row__icon", children: icon }),
-        !symbolic && /* @__PURE__ */ jsx55("div", { className: "ph-row__content", children }),
-        sideIcon && /* @__PURE__ */ jsx55("span", { className: "ph-row__side-icon", children: sideIcon })
+      children: /* @__PURE__ */ jsxs44("div", { className: "ph-row__main", children: [
+        icon && /* @__PURE__ */ jsx49("span", { className: "ph-row__icon", children: icon }),
+        !symbolic && /* @__PURE__ */ jsx49("div", { className: "ph-row__content", children }),
+        sideIcon && /* @__PURE__ */ jsx49("span", { className: "ph-row__side-icon", children: sideIcon })
       ] })
     })
   );
@@ -4138,23 +3236,23 @@ var Row = forwardRef11(function Row2(_a, ref) {
 Row.displayName = "Row";
 
 // src/components/ui/Widget.tsx
-import { jsx as jsx56, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
 function Widget({ title, onClose, actions, children, className }) {
-  return /* @__PURE__ */ jsxs49("div", { className: cn("ph-widget", className), children: [
-    /* @__PURE__ */ jsxs49("div", { className: "ph-widget__header", children: [
-      /* @__PURE__ */ jsx56("span", { className: "ph-widget__title", children: title }),
+  return /* @__PURE__ */ jsxs45("div", { className: cn("ph-widget", className), children: [
+    /* @__PURE__ */ jsxs45("div", { className: "ph-widget__header", children: [
+      /* @__PURE__ */ jsx50("span", { className: "ph-widget__title", children: title }),
       actions,
-      onClose && /* @__PURE__ */ jsx56("button", { type: "button", onClick: onClose, className: "ph-widget__close", "aria-label": "Close", children: /* @__PURE__ */ jsx56("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx56("path", { d: "M3 3l8 8M11 3l-8 8" }) }) })
+      onClose && /* @__PURE__ */ jsx50("button", { type: "button", onClick: onClose, className: "ph-widget__close", "aria-label": "Close", children: /* @__PURE__ */ jsx50("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx50("path", { d: "M3 3l8 8M11 3l-8 8" }) }) })
     ] }),
-    /* @__PURE__ */ jsx56("div", { className: "ph-widget__content", children })
+    /* @__PURE__ */ jsx50("div", { className: "ph-widget__content", children })
   ] });
 }
 Widget.displayName = "Widget";
 
 // src/components/ui/Lettermark.tsx
-import { forwardRef as forwardRef12 } from "react";
-import { jsx as jsx57 } from "react/jsx-runtime";
-var Lettermark = forwardRef12(function Lettermark2(_a, ref) {
+import { forwardRef as forwardRef9 } from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var Lettermark = forwardRef9(function Lettermark2(_a, ref) {
   var _b = _a, {
     name,
     index,
@@ -4171,7 +3269,7 @@ var Lettermark = forwardRef12(function Lettermark2(_a, ref) {
     "className"
   ]);
   const letter = name ? typeof name === "number" ? String(Math.floor(name)) : String.fromCodePoint(name.codePointAt(0)).toLocaleUpperCase() : "?";
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -4193,7 +3291,7 @@ var Lettermark = forwardRef12(function Lettermark2(_a, ref) {
 Lettermark.displayName = "Lettermark";
 
 // src/components/ui/Splotch.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var colorMap = {
   purple: "ph-splotch--purple",
   blue: "ph-splotch--blue",
@@ -4206,21 +3304,21 @@ var colorMap = {
 };
 function Splotch(_a) {
   var _b = _a, { color, className } = _b, props = __objRest(_b, ["color", "className"]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx52(
     "div",
     __spreadProps(__spreadValues({
       className: cn("ph-splotch", colorMap[color], className),
       "aria-hidden": "true"
     }, props), {
-      children: /* @__PURE__ */ jsx58("div", { className: "ph-splotch__paint" })
+      children: /* @__PURE__ */ jsx52("div", { className: "ph-splotch__paint" })
     })
   );
 }
 Splotch.displayName = "Splotch";
 
 // src/components/ui/Popover.tsx
-import { useState as useState11, useRef as useRef4, useEffect as useEffect4 } from "react";
-import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
+import { useState as useState10, useRef as useRef3, useEffect as useEffect3 } from "react";
+import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
 function Popover(_a) {
   var _b = _a, {
     trigger,
@@ -4242,12 +3340,12 @@ function Popover(_a) {
     "className"
   ]);
   var _a2;
-  const [internalOpen, setInternalOpen] = useState11(false);
+  const [internalOpen, setInternalOpen] = useState10(false);
   const isOpen = controlledOpen != null ? controlledOpen : internalOpen;
   const setOpen = onOpenChange != null ? onOpenChange : setInternalOpen;
-  const triggerRef = useRef4(null);
-  const panelRef = useRef4(null);
-  useEffect4(() => {
+  const triggerRef = useRef3(null);
+  const panelRef = useRef3(null);
+  useEffect3(() => {
     if (!isOpen) return;
     const handleClick = (e) => {
       if (triggerRef.current && !triggerRef.current.contains(e.target) && panelRef.current && !panelRef.current.contains(e.target)) {
@@ -4257,8 +3355,8 @@ function Popover(_a) {
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [isOpen, setOpen]);
-  return /* @__PURE__ */ jsxs50("div", __spreadProps(__spreadValues({ className: cn("ph-popover relative inline-flex", className) }, props), { children: [
-    /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs46("div", __spreadProps(__spreadValues({ className: cn("ph-popover relative inline-flex", className) }, props), { children: [
+    /* @__PURE__ */ jsx53(
       "div",
       {
         ref: triggerRef,
@@ -4267,7 +3365,7 @@ function Popover(_a) {
         children: trigger
       }
     ),
-    isOpen && /* @__PURE__ */ jsx59(
+    isOpen && /* @__PURE__ */ jsx53(
       "div",
       {
         ref: panelRef,
@@ -4286,10 +3384,10 @@ function Popover(_a) {
 Popover.displayName = "Popover";
 
 // src/components/ui/LoadingBar.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function LoadingBar(_a) {
   var _b = _a, { active = true, className } = _b, props = __objRest(_b, ["active", "className"]);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx54(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -4300,16 +3398,16 @@ function LoadingBar(_a) {
       role: "progressbar",
       "aria-label": "Loading"
     }, props), {
-      children: /* @__PURE__ */ jsx60("div", { className: "ph-loading-bar__fill" })
+      children: /* @__PURE__ */ jsx54("div", { className: "ph-loading-bar__fill" })
     })
   );
 }
 LoadingBar.displayName = "LoadingBar";
 
 // src/components/ui/Link.tsx
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
-var Link = forwardRef13(function Link2(_a, ref) {
+import { forwardRef as forwardRef10 } from "react";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var Link = forwardRef10(function Link2(_a, ref) {
   var _b = _a, {
     className,
     disabled = false,
@@ -4319,7 +3417,7 @@ var Link = forwardRef13(function Link2(_a, ref) {
     "disabled",
     "children"
   ]);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx55(
     "a",
     __spreadProps(__spreadValues({
       ref,
@@ -4338,10 +3436,10 @@ var Link = forwardRef13(function Link2(_a, ref) {
 Link.displayName = "Link";
 
 // src/components/ui/Spinner.tsx
-import { jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 function Spinner(_a) {
   var _b = _a, { size = "sm", textColored = false, className } = _b, props = __objRest(_b, ["size", "textColored", "className"]);
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx56(
     "span",
     __spreadProps(__spreadValues({
       className: cn(
@@ -4353,9 +3451,9 @@ function Spinner(_a) {
       role: "status",
       "aria-label": "Loading"
     }, props), {
-      children: /* @__PURE__ */ jsxs51("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ph-spinner__svg", children: [
-        /* @__PURE__ */ jsx62("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", opacity: 0.2 }),
-        /* @__PURE__ */ jsx62("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
+      children: /* @__PURE__ */ jsxs47("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ph-spinner__svg", children: [
+        /* @__PURE__ */ jsx56("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", opacity: 0.2 }),
+        /* @__PURE__ */ jsx56("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
       ] })
     })
   );
@@ -4363,9 +3461,9 @@ function Spinner(_a) {
 Spinner.displayName = "Spinner";
 
 // src/components/ui/Snack.tsx
-import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx63, jsxs as jsxs52 } from "react/jsx-runtime";
-var Snack = forwardRef14(function Snack2(_a, ref) {
+import { forwardRef as forwardRef11 } from "react";
+import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
+var Snack = forwardRef11(function Snack2(_a, ref) {
   var _b = _a, {
     type = "regular",
     onClose,
@@ -4379,7 +3477,7 @@ var Snack = forwardRef14(function Snack2(_a, ref) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs48(
     "span",
     __spreadProps(__spreadValues({
       ref,
@@ -4392,8 +3490,8 @@ var Snack = forwardRef14(function Snack2(_a, ref) {
       title: typeof children === "string" ? children : void 0
     }, props), {
       children: [
-        /* @__PURE__ */ jsx63("span", { className: "ph-snack__text", children }),
-        onClose && /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx57("span", { className: "ph-snack__text", children }),
+        onClose && /* @__PURE__ */ jsx57(
           "button",
           {
             type: "button",
@@ -4403,7 +3501,7 @@ var Snack = forwardRef14(function Snack2(_a, ref) {
             },
             className: "ph-snack__close",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ jsx63("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx63("path", { d: "M3 3l6 6M9 3l-6 6" }) })
+            children: /* @__PURE__ */ jsx57("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx57("path", { d: "M3 3l6 6M9 3l-6 6" }) })
           }
         )
       ]
@@ -4413,8 +3511,8 @@ var Snack = forwardRef14(function Snack2(_a, ref) {
 Snack.displayName = "Snack";
 
 // src/components/ui/Combobox.tsx
-import { useState as useState12, useRef as useRef5, useEffect as useEffect5 } from "react";
-import { jsx as jsx64, jsxs as jsxs53 } from "react/jsx-runtime";
+import { useState as useState11, useRef as useRef4, useEffect as useEffect4 } from "react";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 function Combobox({
   options,
   value = [],
@@ -4423,10 +3521,10 @@ function Combobox({
   className,
   disabled
 }) {
-  const [open, setOpen] = useState12(false);
-  const [search, setSearch] = useState12("");
-  const inputRef = useRef5(null);
-  const containerRef = useRef5(null);
+  const [open, setOpen] = useState11(false);
+  const [search, setSearch] = useState11("");
+  const inputRef = useRef4(null);
+  const containerRef = useRef4(null);
   const filtered = options.filter(
     (o) => o.label.toLowerCase().includes(search.toLowerCase())
   );
@@ -4435,7 +3533,7 @@ function Combobox({
     const next = selectedSet.has(val) ? value.filter((v) => v !== val) : [...value, val];
     onChange == null ? void 0 : onChange(next);
   };
-  useEffect5(() => {
+  useEffect4(() => {
     if (!open) return;
     const handle = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -4445,26 +3543,26 @@ function Combobox({
     document.addEventListener("mousedown", handle);
     return () => document.removeEventListener("mousedown", handle);
   }, [open]);
-  return /* @__PURE__ */ jsxs53("div", { ref: containerRef, className: cn("ph-combobox relative", className), children: [
-    /* @__PURE__ */ jsxs53("div", { className: "ph-combobox__input-wrap", children: [
-      value.length > 0 && /* @__PURE__ */ jsx64("div", { className: "ph-combobox__chips", children: value.map((v) => {
+  return /* @__PURE__ */ jsxs49("div", { ref: containerRef, className: cn("ph-combobox relative", className), children: [
+    /* @__PURE__ */ jsxs49("div", { className: "ph-combobox__input-wrap", children: [
+      value.length > 0 && /* @__PURE__ */ jsx58("div", { className: "ph-combobox__chips", children: value.map((v) => {
         var _a, _b;
         const opt = options.find((o) => o.value === v);
-        return /* @__PURE__ */ jsxs53("span", { className: "ph-combobox__chip", children: [
+        return /* @__PURE__ */ jsxs49("span", { className: "ph-combobox__chip", children: [
           (_a = opt == null ? void 0 : opt.label) != null ? _a : v,
-          /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx58(
             "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__ */ jsx64("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx64("path", { d: "M2 2l6 6M8 2l-6 6" }) })
+              children: /* @__PURE__ */ jsx58("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx58("path", { d: "M2 2l6 6M8 2l-6 6" }) })
             }
           )
         ] }, v);
       }) }),
-      /* @__PURE__ */ jsx64(
+      /* @__PURE__ */ jsx58(
         "input",
         {
           ref: inputRef,
@@ -4481,7 +3579,7 @@ function Combobox({
         }
       )
     ] }),
-    open && filtered.length > 0 && /* @__PURE__ */ jsx64("div", { className: "ph-combobox__dropdown", children: filtered.map((opt) => /* @__PURE__ */ jsxs53(
+    open && filtered.length > 0 && /* @__PURE__ */ jsx58("div", { className: "ph-combobox__dropdown", children: filtered.map((opt) => /* @__PURE__ */ jsxs49(
       "button",
       {
         type: "button",
@@ -4491,8 +3589,8 @@ function Combobox({
           selectedSet.has(opt.value) && "ph-combobox__option--selected"
         ),
         children: [
-          selectedSet.has(opt.value) && /* @__PURE__ */ jsx64("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx64("path", { d: "M2.5 6l2.5 2.5 4.5-5" }) }),
-          /* @__PURE__ */ jsx64("span", { children: opt.label })
+          selectedSet.has(opt.value) && /* @__PURE__ */ jsx58("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx58("path", { d: "M2.5 6l2.5 2.5 4.5-5" }) }),
+          /* @__PURE__ */ jsx58("span", { children: opt.label })
         ]
       },
       opt.value
@@ -4502,8 +3600,8 @@ function Combobox({
 Combobox.displayName = "Combobox";
 
 // src/components/ui/Autocomplete.tsx
-import { useState as useState13, useRef as useRef6, useEffect as useEffect6 } from "react";
-import { jsx as jsx65, jsxs as jsxs54 } from "react/jsx-runtime";
+import { useState as useState12, useRef as useRef5, useEffect as useEffect5 } from "react";
+import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 function Autocomplete(_a) {
   var _b = _a, {
     options,
@@ -4520,12 +3618,12 @@ function Autocomplete(_a) {
     "onChange",
     "placeholder"
   ]);
-  const [open, setOpen] = useState13(false);
-  const [search, setSearch] = useState13("");
-  const [activeIndex, setActiveIndex] = useState13(-1);
-  const containerRef = useRef6(null);
-  const inputRef = useRef6(null);
-  const listRef = useRef6(null);
+  const [open, setOpen] = useState12(false);
+  const [search, setSearch] = useState12("");
+  const [activeIndex, setActiveIndex] = useState12(-1);
+  const containerRef = useRef5(null);
+  const inputRef = useRef5(null);
+  const listRef = useRef5(null);
   const filtered = options.filter(
     (o) => o.label.toLowerCase().includes(search.toLowerCase())
   );
@@ -4534,7 +3632,7 @@ function Autocomplete(_a) {
     setOpen(false);
     onSelect == null ? void 0 : onSelect(opt);
   };
-  useEffect6(() => {
+  useEffect5(() => {
     if (!open) {
       setActiveIndex(-1);
       return;
@@ -4568,14 +3666,14 @@ function Autocomplete(_a) {
       document.removeEventListener("keydown", handleKey);
     };
   }, [open, filtered, activeIndex]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (activeIndex >= 0 && listRef.current) {
       const el = listRef.current.children[activeIndex];
       el == null ? void 0 : el.scrollIntoView({ block: "nearest" });
     }
   }, [activeIndex]);
-  return /* @__PURE__ */ jsxs54("div", { ref: containerRef, className: cn("ph-autocomplete relative", className), children: [
-    /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs50("div", { ref: containerRef, className: cn("ph-autocomplete relative", className), children: [
+    /* @__PURE__ */ jsx59(
       "input",
       __spreadValues({
         ref: inputRef,
@@ -4591,7 +3689,7 @@ function Autocomplete(_a) {
         className: "ph-input w-full"
       }, inputProps)
     ),
-    open && filtered.length > 0 && /* @__PURE__ */ jsx65("div", { ref: listRef, className: "ph-autocomplete__dropdown", role: "listbox", children: filtered.map((opt, i) => /* @__PURE__ */ jsx65(
+    open && filtered.length > 0 && /* @__PURE__ */ jsx59("div", { ref: listRef, className: "ph-autocomplete__dropdown", role: "listbox", children: filtered.map((opt, i) => /* @__PURE__ */ jsx59(
       "button",
       {
         type: "button",
@@ -4612,14 +3710,14 @@ function Autocomplete(_a) {
 Autocomplete.displayName = "Autocomplete";
 
 // src/components/ui/ContextMenu.tsx
-import { useState as useState14, useRef as useRef7, useEffect as useEffect7 } from "react";
-import { jsx as jsx66, jsxs as jsxs55 } from "react/jsx-runtime";
+import { useState as useState13, useRef as useRef6, useEffect as useEffect6 } from "react";
+import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 function ContextMenu(_a) {
   var _b = _a, { items, children, className } = _b, props = __objRest(_b, ["items", "children", "className"]);
-  const [open, setOpen] = useState14(false);
-  const [pos, setPos] = useState14({ x: 0, y: 0 });
-  const menuRef = useRef7(null);
-  useEffect7(() => {
+  const [open, setOpen] = useState13(false);
+  const [pos, setPos] = useState13({ x: 0, y: 0 });
+  const menuRef = useRef6(null);
+  useEffect6(() => {
     if (!open) return;
     const handle = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
@@ -4636,7 +3734,7 @@ function ContextMenu(_a) {
       document.removeEventListener("keydown", handleKey);
     };
   }, [open]);
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs51(
     "div",
     __spreadProps(__spreadValues({
       className: cn("ph-context-menu", className),
@@ -4648,14 +3746,14 @@ function ContextMenu(_a) {
     }, props), {
       children: [
         children,
-        open && /* @__PURE__ */ jsx66(
+        open && /* @__PURE__ */ jsx60(
           "div",
           {
             ref: menuRef,
             className: "ph-context-menu__panel",
             style: { left: pos.x, top: pos.y },
             children: items.map(
-              (item, i) => item.separator ? /* @__PURE__ */ jsx66("div", { className: "ph-context-menu__separator" }, i) : /* @__PURE__ */ jsxs55(
+              (item, i) => item.separator ? /* @__PURE__ */ jsx60("div", { className: "ph-context-menu__separator" }, i) : /* @__PURE__ */ jsxs51(
                 "button",
                 {
                   type: "button",
@@ -4667,8 +3765,8 @@ function ContextMenu(_a) {
                   },
                   className: "ph-context-menu__item",
                   children: [
-                    item.icon && /* @__PURE__ */ jsx66("span", { className: "ph-context-menu__icon", children: item.icon }),
-                    /* @__PURE__ */ jsx66("span", { children: item.label })
+                    item.icon && /* @__PURE__ */ jsx60("span", { className: "ph-context-menu__icon", children: item.icon }),
+                    /* @__PURE__ */ jsx60("span", { children: item.label })
                   ]
                 },
                 i
@@ -4683,8 +3781,8 @@ function ContextMenu(_a) {
 ContextMenu.displayName = "ContextMenu";
 
 // src/components/ui/Resizable.tsx
-import { useState as useState15, useRef as useRef8, useCallback } from "react";
-import { jsx as jsx67, jsxs as jsxs56 } from "react/jsx-runtime";
+import { useState as useState14, useRef as useRef7, useCallback } from "react";
+import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
 function Resizable(_a) {
   var _b = _a, {
     left,
@@ -4701,9 +3799,9 @@ function Resizable(_a) {
     "minRightWidth",
     "className"
   ]);
-  const [leftPercent, setLeftPercent] = useState15(defaultLeftWidth);
-  const dragging = useRef8(false);
-  const containerRef = useRef8(null);
+  const [leftPercent, setLeftPercent] = useState14(defaultLeftWidth);
+  const dragging = useRef7(false);
+  const containerRef = useRef7(null);
   const handleMouseDown = useCallback((e) => {
     e.preventDefault();
     dragging.current = true;
@@ -4724,22 +3822,22 @@ function Resizable(_a) {
     document.addEventListener("mousemove", handleMove);
     document.addEventListener("mouseup", handleUp);
   }, [leftPercent, minLeftWidth, minRightWidth]);
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs52(
     "div",
     __spreadProps(__spreadValues({
       ref: containerRef,
       className: cn("ph-resizable flex overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx67("div", { className: "ph-resizable__left overflow-auto", style: { width: `${leftPercent}%` }, children: left }),
-        /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx61("div", { className: "ph-resizable__left overflow-auto", style: { width: `${leftPercent}%` }, children: left }),
+        /* @__PURE__ */ jsx61(
           "div",
           {
             className: "ph-resizable__handle cursor-col-resize shrink-0",
             onMouseDown: handleMouseDown
           }
         ),
-        /* @__PURE__ */ jsx67("div", { className: "ph-resizable__right flex-1 overflow-auto", children: right })
+        /* @__PURE__ */ jsx61("div", { className: "ph-resizable__right flex-1 overflow-auto", children: right })
       ]
     })
   );
@@ -4747,8 +3845,8 @@ function Resizable(_a) {
 Resizable.displayName = "Resizable";
 
 // src/components/ui/ScrollArea.tsx
-import { useRef as useRef9, useState as useState16, useEffect as useEffect8 } from "react";
-import { jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
+import { useRef as useRef8, useState as useState15, useEffect as useEffect7 } from "react";
+import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     children,
@@ -4759,10 +3857,10 @@ function ScrollArea(_a) {
     "orientation",
     "className"
   ]);
-  const viewportRef = useRef9(null);
-  const [showTop, setShowTop] = useState16(false);
-  const [showBottom, setShowBottom] = useState16(false);
-  useEffect8(() => {
+  const viewportRef = useRef8(null);
+  const [showTop, setShowTop] = useState15(false);
+  const [showBottom, setShowBottom] = useState15(false);
+  useEffect7(() => {
     const el = viewportRef.current;
     if (!el) return;
     const update = () => {
@@ -4778,7 +3876,7 @@ function ScrollArea(_a) {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs53(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -4789,9 +3887,9 @@ function ScrollArea(_a) {
       )
     }, props), {
       children: [
-        showTop && /* @__PURE__ */ jsx68("div", { className: "ph-scroll-area__shadow-top" }),
-        /* @__PURE__ */ jsx68("div", { ref: viewportRef, className: "ph-scroll-area__viewport overflow-y-auto overscroll-contain", children }),
-        showBottom && /* @__PURE__ */ jsx68("div", { className: "ph-scroll-area__shadow-bottom" })
+        showTop && /* @__PURE__ */ jsx62("div", { className: "ph-scroll-area__shadow-top" }),
+        /* @__PURE__ */ jsx62("div", { ref: viewportRef, className: "ph-scroll-area__viewport overflow-y-auto overscroll-contain", children }),
+        showBottom && /* @__PURE__ */ jsx62("div", { className: "ph-scroll-area__shadow-bottom" })
       ]
     })
   );
@@ -4799,8 +3897,8 @@ function ScrollArea(_a) {
 ScrollArea.displayName = "ScrollArea";
 
 // src/components/ui/NumberField.tsx
-import { useState as useState17 } from "react";
-import { jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
+import { useState as useState16 } from "react";
+import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
 function NumberField(_a) {
   var _b = _a, {
     value: controlledValue,
@@ -4823,17 +3921,17 @@ function NumberField(_a) {
     "disabled",
     "defaultValue"
   ]);
-  const [internal, setInternal] = useState17(controlledValue != null ? controlledValue : 0);
+  const [internal, setInternal] = useState16(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__ */ jsxs58("div", { className: cn("ph-number-field", className), children: [
-    label && /* @__PURE__ */ jsx69("label", { className: "ph-label", children: label }),
-    /* @__PURE__ */ jsxs58("div", { className: "ph-number-field__control", children: [
-      /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsxs54("div", { className: cn("ph-number-field", className), children: [
+    label && /* @__PURE__ */ jsx63("label", { className: "ph-label", children: label }),
+    /* @__PURE__ */ jsxs54("div", { className: "ph-number-field__control", children: [
+      /* @__PURE__ */ jsx63(
         "button",
         {
           type: "button",
@@ -4841,10 +3939,10 @@ function NumberField(_a) {
           onClick: () => set(value - step),
           className: "ph-number-field__btn",
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ jsx69("svg", { width: "12", height: "2", viewBox: "0 0 12 2", fill: "currentColor", children: /* @__PURE__ */ jsx69("rect", { y: "0", width: "12", height: "2", rx: "1" }) })
+          children: /* @__PURE__ */ jsx63("svg", { width: "12", height: "2", viewBox: "0 0 12 2", fill: "currentColor", children: /* @__PURE__ */ jsx63("rect", { y: "0", width: "12", height: "2", rx: "1" }) })
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx63(
         "input",
         __spreadValues({
           type: "number",
@@ -4857,7 +3955,7 @@ function NumberField(_a) {
           className: "ph-number-field__input"
         }, inputProps)
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx63(
         "button",
         {
           type: "button",
@@ -4865,7 +3963,7 @@ function NumberField(_a) {
           onClick: () => set(value + step),
           className: "ph-number-field__btn",
           "aria-label": "Increase",
-          children: /* @__PURE__ */ jsx69("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx69("path", { d: "M6 2v8M2 6h8" }) })
+          children: /* @__PURE__ */ jsx63("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx63("path", { d: "M6 2v8M2 6h8" }) })
         }
       )
     ] })
@@ -4874,25 +3972,25 @@ function NumberField(_a) {
 NumberField.displayName = "NumberField";
 
 // src/components/ui/InputGroup.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function InputGroup(_a) {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ jsx70("div", __spreadProps(__spreadValues({ className: cn("ph-input-group", className) }, props), { children }));
+  return /* @__PURE__ */ jsx64("div", __spreadProps(__spreadValues({ className: cn("ph-input-group", className) }, props), { children }));
 }
 InputGroup.displayName = "InputGroup";
 
 // src/components/ui/ButtonGroup.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function ButtonGroup(_a) {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ jsx71("div", __spreadProps(__spreadValues({ className: cn("ph-btn-group", className) }, props), { children }));
+  return /* @__PURE__ */ jsx65("div", __spreadProps(__spreadValues({ className: cn("ph-btn-group", className) }, props), { children }));
 }
 ButtonGroup.displayName = "ButtonGroup";
 
 // src/components/ui/Toggle.tsx
-import { forwardRef as forwardRef15 } from "react";
-import { jsx as jsx72, jsxs as jsxs59 } from "react/jsx-runtime";
-var ToggleButton = forwardRef15(function ToggleButton2(_a, ref) {
+import { forwardRef as forwardRef12 } from "react";
+import { jsx as jsx66, jsxs as jsxs55 } from "react/jsx-runtime";
+var ToggleButton = forwardRef12(function ToggleButton2(_a, ref) {
   var _b = _a, {
     pressed = false,
     onPressedChange,
@@ -4906,7 +4004,7 @@ var ToggleButton = forwardRef15(function ToggleButton2(_a, ref) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs55(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -4920,7 +4018,7 @@ var ToggleButton = forwardRef15(function ToggleButton2(_a, ref) {
       )
     }, props), {
       children: [
-        icon && /* @__PURE__ */ jsx72("span", { className: "ph-toggle-btn__icon", children: icon }),
+        icon && /* @__PURE__ */ jsx66("span", { className: "ph-toggle-btn__icon", children: icon }),
         children
       ]
     })
@@ -4934,18 +4032,18 @@ function ToggleGroup({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx72("div", { className: cn("ph-toggle-group", className), role: "group", children });
+  return /* @__PURE__ */ jsx66("div", { className: cn("ph-toggle-group", className), role: "group", children });
 }
 ToggleGroup.displayName = "ToggleGroup";
 
 // src/components/ui/Menubar.tsx
-import { useState as useState18, useRef as useRef10, useEffect as useEffect9 } from "react";
-import { jsx as jsx73, jsxs as jsxs60 } from "react/jsx-runtime";
+import { useState as useState17, useRef as useRef9, useEffect as useEffect8 } from "react";
+import { jsx as jsx67, jsxs as jsxs56 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, { items, className } = _b, props = __objRest(_b, ["items", "className"]);
-  const [openIndex, setOpenIndex] = useState18(-1);
-  const barRef = useRef10(null);
-  useEffect9(() => {
+  const [openIndex, setOpenIndex] = useState17(-1);
+  const barRef = useRef9(null);
+  useEffect8(() => {
     if (openIndex < 0) return;
     const handle = (e) => {
       if (barRef.current && !barRef.current.contains(e.target)) {
@@ -4955,8 +4053,8 @@ function Menubar(_a) {
     document.addEventListener("mousedown", handle);
     return () => document.removeEventListener("mousedown", handle);
   }, [openIndex]);
-  return /* @__PURE__ */ jsx73("div", __spreadProps(__spreadValues({ ref: barRef, className: cn("ph-menubar", className) }, props), { children: items.map((item, i) => /* @__PURE__ */ jsxs60("div", { className: "ph-menubar__item", children: [
-    /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx67("div", __spreadProps(__spreadValues({ ref: barRef, className: cn("ph-menubar", className) }, props), { children: items.map((item, i) => /* @__PURE__ */ jsxs56("div", { className: "ph-menubar__item", children: [
+    /* @__PURE__ */ jsx67(
       "button",
       {
         type: "button",
@@ -4965,8 +4063,8 @@ function Menubar(_a) {
         children: item.label
       }
     ),
-    openIndex === i && item.items && /* @__PURE__ */ jsx73("div", { className: "ph-menubar__dropdown", children: item.items.map(
-      (sub, j) => sub.separator ? /* @__PURE__ */ jsx73("div", { className: "ph-menubar__separator" }, j) : /* @__PURE__ */ jsx73(
+    openIndex === i && item.items && /* @__PURE__ */ jsx67("div", { className: "ph-menubar__dropdown", children: item.items.map(
+      (sub, j) => sub.separator ? /* @__PURE__ */ jsx67("div", { className: "ph-menubar__separator" }, j) : /* @__PURE__ */ jsx67(
         "button",
         {
           type: "button",
@@ -4987,8 +4085,8 @@ function Menubar(_a) {
 Menubar.displayName = "Menubar";
 
 // src/components/ui/AlertDialog.tsx
-import { useState as useState19 } from "react";
-import { jsx as jsx74, jsxs as jsxs61 } from "react/jsx-runtime";
+import { useState as useState18 } from "react";
+import { jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
 function AlertDialog(_a) {
   var _b = _a, {
     isOpen: openProp,
@@ -5011,7 +4109,7 @@ function AlertDialog(_a) {
     "children",
     "title"
   ]);
-  const [loading, setLoading] = useState19(false);
+  const [loading, setLoading] = useState18(false);
   const isOpen = openProp != null ? openProp : true;
   const handleConfirm = async () => {
     if (!onConfirm) return;
@@ -5023,15 +4121,15 @@ function AlertDialog(_a) {
     }
     onClose == null ? void 0 : onClose();
   };
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx68(
     Modal,
     __spreadProps(__spreadValues({
       open: isOpen,
       onClose,
       title,
-      footer: /* @__PURE__ */ jsxs61("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx74(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
-        onConfirm && /* @__PURE__ */ jsx74(Button, __spreadProps(__spreadValues({ variant: "primary", loading }, confirmProps), { onClick: handleConfirm, children: confirmText }))
+      footer: /* @__PURE__ */ jsxs57("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx68(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
+        onConfirm && /* @__PURE__ */ jsx68(Button, __spreadProps(__spreadValues({ variant: "primary", loading }, confirmProps), { onClick: handleConfirm, children: confirmText }))
       ] })
     }, modalProps), {
       children
@@ -5041,7 +4139,7 @@ function AlertDialog(_a) {
 AlertDialog.displayName = "AlertDialog";
 
 // src/components/ui/Dot.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var colorMap2 = {
   green: "bg-ph-success",
   yellow: "bg-ph-warning",
@@ -5051,7 +4149,7 @@ var colorMap2 = {
 };
 function Dot(_a) {
   var _b = _a, { color = "gray", size = "md", className } = _b, props = __objRest(_b, ["color", "size", "className"]);
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx69(
     "span",
     __spreadValues({
       className: cn(
@@ -5067,8 +4165,8 @@ function Dot(_a) {
 Dot.displayName = "Dot";
 
 // src/components/ui/Collapsible.tsx
-import { useState as useState20 } from "react";
-import { jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
+import { useState as useState19 } from "react";
+import { jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var _b = _a, {
     trigger,
@@ -5083,11 +4181,11 @@ function Collapsible(_a) {
     "children",
     "className"
   ]);
-  const [internalOpen, setInternalOpen] = useState20(false);
+  const [internalOpen, setInternalOpen] = useState19(false);
   const isOpen = controlledOpen != null ? controlledOpen : internalOpen;
   const setOpen = onOpenChange != null ? onOpenChange : setInternalOpen;
-  return /* @__PURE__ */ jsxs62("div", __spreadProps(__spreadValues({ className: cn("ph-collapsible", className) }, props), { children: [
-    /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs58("div", __spreadProps(__spreadValues({ className: cn("ph-collapsible", className) }, props), { children: [
+    /* @__PURE__ */ jsxs58(
       "button",
       {
         type: "button",
@@ -5095,7 +4193,7 @@ function Collapsible(_a) {
         className: "ph-collapsible__trigger",
         "aria-expanded": isOpen,
         children: [
-          /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx70(
             "svg",
             {
               className: cn("ph-collapsible__chevron", isOpen && "ph-collapsible__chevron--open"),
@@ -5106,20 +4204,20 @@ function Collapsible(_a) {
               stroke: "currentColor",
               strokeWidth: "2",
               strokeLinecap: "round",
-              children: /* @__PURE__ */ jsx76("path", { d: "M4 5l3 3 3-3" })
+              children: /* @__PURE__ */ jsx70("path", { d: "M4 5l3 3 3-3" })
             }
           ),
           trigger
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx76("div", { className: "ph-collapsible__content", children })
+    isOpen && /* @__PURE__ */ jsx70("div", { className: "ph-collapsible__content", children })
   ] }));
 }
 Collapsible.displayName = "Collapsible";
 
 // src/components/ui/Metric.tsx
-import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
 function Metric(_a) {
   var _b = _a, {
     value,
@@ -5136,22 +4234,22 @@ function Metric(_a) {
     "icon",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs63("div", __spreadProps(__spreadValues({ className: cn("ph-metric", className) }, props), { children: [
-    /* @__PURE__ */ jsxs63("div", { className: "ph-metric__header", children: [
-      icon && /* @__PURE__ */ jsx77("span", { className: "ph-metric__icon", children: icon }),
-      /* @__PURE__ */ jsx77("span", { className: "ph-metric__label", children: label }),
-      badge && /* @__PURE__ */ jsx77("span", { className: "ph-metric__badge", children: badge })
+  return /* @__PURE__ */ jsxs59("div", __spreadProps(__spreadValues({ className: cn("ph-metric", className) }, props), { children: [
+    /* @__PURE__ */ jsxs59("div", { className: "ph-metric__header", children: [
+      icon && /* @__PURE__ */ jsx71("span", { className: "ph-metric__icon", children: icon }),
+      /* @__PURE__ */ jsx71("span", { className: "ph-metric__label", children: label }),
+      badge && /* @__PURE__ */ jsx71("span", { className: "ph-metric__badge", children: badge })
     ] }),
-    /* @__PURE__ */ jsx77("div", { className: "ph-metric__value", children: value }),
-    trend && /* @__PURE__ */ jsx77("div", { className: "ph-metric__trend", children: trend })
+    /* @__PURE__ */ jsx71("div", { className: "ph-metric__value", children: value }),
+    trend && /* @__PURE__ */ jsx71("div", { className: "ph-metric__trend", children: trend })
   ] }));
 }
 Metric.displayName = "Metric";
 
 // src/components/ui/Chip.tsx
-import { forwardRef as forwardRef16 } from "react";
-import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
-var Chip = forwardRef16(function Chip2(_a, ref) {
+import { forwardRef as forwardRef13 } from "react";
+import { jsx as jsx72, jsxs as jsxs60 } from "react/jsx-runtime";
+var Chip = forwardRef13(function Chip2(_a, ref) {
   var _b = _a, {
     selected = false,
     onRemove,
@@ -5163,7 +4261,7 @@ var Chip = forwardRef16(function Chip2(_a, ref) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs60(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5175,8 +4273,8 @@ var Chip = forwardRef16(function Chip2(_a, ref) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx78("span", { className: "ph-chip__text", children }),
-        onRemove && /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx72("span", { className: "ph-chip__text", children }),
+        onRemove && /* @__PURE__ */ jsx72(
           "span",
           {
             role: "button",
@@ -5187,7 +4285,7 @@ var Chip = forwardRef16(function Chip2(_a, ref) {
             },
             className: "ph-chip__remove",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ jsx78("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx78("path", { d: "M2 2l6 6M8 2l-6 6" }) })
+            children: /* @__PURE__ */ jsx72("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx72("path", { d: "M2 2l6 6M8 2l-6 6" }) })
           }
         )
       ]
@@ -5197,8 +4295,8 @@ var Chip = forwardRef16(function Chip2(_a, ref) {
 Chip.displayName = "Chip";
 
 // src/components/ui/DataTable.tsx
-import { useState as useState21, useMemo } from "react";
-import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
+import { useState as useState20, useMemo } from "react";
+import { jsx as jsx73, jsxs as jsxs61 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -5207,10 +4305,10 @@ function DataTable({
   searchPlaceholder = "Search...",
   className
 }) {
-  const [search, setSearch] = useState21("");
-  const [sortKey, setSortKey] = useState21(null);
-  const [sortDir, setSortDir] = useState21("asc");
-  const [page, setPage] = useState21(0);
+  const [search, setSearch] = useState20("");
+  const [sortKey, setSortKey] = useState20(null);
+  const [sortDir, setSortDir] = useState20("asc");
+  const [page, setPage] = useState20(0);
   const filtered = useMemo(() => {
     let items = data;
     if (search) {
@@ -5239,8 +4337,8 @@ function DataTable({
       setSortDir("asc");
     }
   };
-  return /* @__PURE__ */ jsxs65("div", { className: cn("ph-data-table", className), children: [
-    searchable && /* @__PURE__ */ jsx79("div", { className: "ph-data-table__toolbar", children: /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs61("div", { className: cn("ph-data-table", className), children: [
+    searchable && /* @__PURE__ */ jsx73("div", { className: "ph-data-table__toolbar", children: /* @__PURE__ */ jsx73(
       "input",
       {
         type: "text",
@@ -5253,47 +4351,47 @@ function DataTable({
         className: "ph-input ph-input-sm"
       }
     ) }),
-    /* @__PURE__ */ jsx79("div", { className: "ph-table-wrap", children: /* @__PURE__ */ jsxs65("table", { className: "ph-table", children: [
-      /* @__PURE__ */ jsx79("thead", { children: /* @__PURE__ */ jsx79("tr", { children: columns.map((col) => /* @__PURE__ */ jsxs65(
+    /* @__PURE__ */ jsx73("div", { className: "ph-table-wrap", children: /* @__PURE__ */ jsxs61("table", { className: "ph-table", children: [
+      /* @__PURE__ */ jsx73("thead", { children: /* @__PURE__ */ jsx73("tr", { children: columns.map((col) => /* @__PURE__ */ jsxs61(
         "th",
         {
           className: cn(col.sortable && "cursor-pointer select-none", col.className),
           onClick: () => col.sortable && handleSort(col.key),
           children: [
             col.label,
-            sortKey === col.key && /* @__PURE__ */ jsx79("span", { className: "ml-1 inline-block", children: sortDir === "asc" ? "\u2191" : "\u2193" })
+            sortKey === col.key && /* @__PURE__ */ jsx73("span", { className: "ml-1 inline-block", children: sortDir === "asc" ? "\u2191" : "\u2193" })
           ]
         },
         col.key
       )) }) }),
-      /* @__PURE__ */ jsxs65("tbody", { children: [
-        paged.map((item, i) => /* @__PURE__ */ jsx79("tr", { children: columns.map((col) => /* @__PURE__ */ jsx79("td", { className: col.className, children: col.render ? col.render(item) : item[col.key] }, col.key)) }, i)),
-        paged.length === 0 && /* @__PURE__ */ jsx79("tr", { children: /* @__PURE__ */ jsx79("td", { colSpan: columns.length, className: "text-center text-ph-mutedtext py-8", children: "No results" }) })
+      /* @__PURE__ */ jsxs61("tbody", { children: [
+        paged.map((item, i) => /* @__PURE__ */ jsx73("tr", { children: columns.map((col) => /* @__PURE__ */ jsx73("td", { className: col.className, children: col.render ? col.render(item) : item[col.key] }, col.key)) }, i)),
+        paged.length === 0 && /* @__PURE__ */ jsx73("tr", { children: /* @__PURE__ */ jsx73("td", { colSpan: columns.length, className: "text-center text-ph-mutedtext py-8", children: "No results" }) })
       ] })
     ] }) }),
-    totalPages > 1 && /* @__PURE__ */ jsxs65("div", { className: "ph-data-table__pagination", children: [
-      /* @__PURE__ */ jsx79("button", { disabled: page === 0, onClick: () => setPage((p) => p - 1), className: "ph-data-table__page-btn", children: "Previous" }),
-      /* @__PURE__ */ jsxs65("span", { className: "text-xs text-ph-mutedtext", children: [
+    totalPages > 1 && /* @__PURE__ */ jsxs61("div", { className: "ph-data-table__pagination", children: [
+      /* @__PURE__ */ jsx73("button", { disabled: page === 0, onClick: () => setPage((p) => p - 1), className: "ph-data-table__page-btn", children: "Previous" }),
+      /* @__PURE__ */ jsxs61("span", { className: "text-xs text-ph-mutedtext", children: [
         "Page ",
         page + 1,
         " of ",
         totalPages
       ] }),
-      /* @__PURE__ */ jsx79("button", { disabled: page >= totalPages - 1, onClick: () => setPage((p) => p + 1), className: "ph-data-table__page-btn", children: "Next" })
+      /* @__PURE__ */ jsx73("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
-import { useState as useState22, useMemo as useMemo2 } from "react";
-import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
+import { useState as useState21, useMemo as useMemo2 } from "react";
+import { jsx as jsx74, jsxs as jsxs62 } from "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] = useState22(false);
-  const [viewDate, setViewDate] = useState22(value != null ? value : /* @__PURE__ */ new Date());
+  const [open, setOpen] = useState21(false);
+  const [viewDate, setViewDate] = useState21(value != null ? value : /* @__PURE__ */ new Date());
   const selected = value;
   const days = useMemo2(() => {
     const year = viewDate.getFullYear();
@@ -5322,8 +4420,8 @@ function DatePicker(_a) {
     setOpen(false);
   };
   const nav = (delta) => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() + delta, 1));
-  return /* @__PURE__ */ jsxs66("div", { className: cn("ph-datepicker relative", className), children: [
-    /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs62("div", { className: cn("ph-datepicker relative", className), children: [
+    /* @__PURE__ */ jsx74(
       "input",
       __spreadValues({
         type: "text",
@@ -5334,19 +4432,19 @@ function DatePicker(_a) {
         className: "ph-input w-full cursor-pointer"
       }, props)
     ),
-    open && /* @__PURE__ */ jsxs66("div", { className: "ph-datepicker__dropdown", children: [
-      /* @__PURE__ */ jsxs66("div", { className: "ph-datepicker__nav", children: [
-        /* @__PURE__ */ jsx80("button", { type: "button", onClick: () => nav(-1), className: "ph-datepicker__nav-btn", "aria-label": "Previous month", children: /* @__PURE__ */ jsx80("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx80("path", { d: "M7 3L4 6l3 3" }) }) }),
-        /* @__PURE__ */ jsxs66("span", { className: "ph-datepicker__nav-label", children: [
+    open && /* @__PURE__ */ jsxs62("div", { className: "ph-datepicker__dropdown", children: [
+      /* @__PURE__ */ jsxs62("div", { className: "ph-datepicker__nav", children: [
+        /* @__PURE__ */ jsx74("button", { type: "button", onClick: () => nav(-1), className: "ph-datepicker__nav-btn", "aria-label": "Previous month", children: /* @__PURE__ */ jsx74("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx74("path", { d: "M7 3L4 6l3 3" }) }) }),
+        /* @__PURE__ */ jsxs62("span", { className: "ph-datepicker__nav-label", children: [
           MONTHS[viewDate.getMonth()],
           " ",
           viewDate.getFullYear()
         ] }),
-        /* @__PURE__ */ jsx80("button", { type: "button", onClick: () => nav(1), className: "ph-datepicker__nav-btn", "aria-label": "Next month", children: /* @__PURE__ */ jsx80("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx80("path", { d: "M5 3l3 3-3 3" }) }) })
+        /* @__PURE__ */ jsx74("button", { type: "button", onClick: () => nav(1), className: "ph-datepicker__nav-btn", "aria-label": "Next month", children: /* @__PURE__ */ jsx74("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx74("path", { d: "M5 3l3 3-3 3" }) }) })
       ] }),
-      /* @__PURE__ */ jsxs66("div", { className: "ph-datepicker__grid", children: [
-        DAYS.map((d) => /* @__PURE__ */ jsx80("div", { className: "ph-datepicker__day-header", children: d }, d)),
-        days.map((d, i) => /* @__PURE__ */ jsx80(
+      /* @__PURE__ */ jsxs62("div", { className: "ph-datepicker__grid", children: [
+        DAYS.map((d) => /* @__PURE__ */ jsx74("div", { className: "ph-datepicker__day-header", children: d }, d)),
+        days.map((d, i) => /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -5368,40 +4466,40 @@ function DatePicker(_a) {
 DatePicker.displayName = "DatePicker";
 
 // src/components/ui/AppLayout.tsx
-import { jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs63 } from "react/jsx-runtime";
 function AppLayout({ sidebar, children, sidebarWidth = 240, className }) {
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs63(
     "div",
     {
       className: cn("ph-app-layout grid min-h-screen", className),
       style: { gridTemplateColumns: `${sidebarWidth}px minmax(0, 1fr)` },
       children: [
-        /* @__PURE__ */ jsx81("aside", { className: "ph-app-layout__sidebar border-r border-ph-border bg-ph-surface overflow-y-auto", children: sidebar }),
-        /* @__PURE__ */ jsx81("main", { className: "ph-app-layout__content min-w-0 overflow-y-auto bg-ph-canvas", children })
+        /* @__PURE__ */ jsx75("aside", { className: "ph-app-layout__sidebar border-r border-ph-border bg-ph-surface overflow-y-auto", children: sidebar }),
+        /* @__PURE__ */ jsx75("main", { className: "ph-app-layout__content min-w-0 overflow-y-auto bg-ph-canvas", children })
       ]
     }
   );
 }
 
 // src/components/ui/Sidebar.tsx
-import { jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
 function Sidebar({ groups, className, header, footer, children, collapsed = false, onCollapse }) {
-  return /* @__PURE__ */ jsxs68("nav", { className: cn("ph-sidebar flex flex-col h-full", collapsed && "ph-sidebar--collapsed", className), children: [
-    header && /* @__PURE__ */ jsx82("div", { className: "ph-sidebar__header px-3 py-3 border-b border-ph-border-subtle", children: header }),
-    /* @__PURE__ */ jsx82("div", { className: "ph-sidebar__body flex-1 overflow-y-auto px-2 py-3 space-y-5", children: groups.map((group) => {
+  return /* @__PURE__ */ jsxs64("nav", { className: cn("ph-sidebar flex flex-col h-full", collapsed && "ph-sidebar--collapsed", className), children: [
+    header && /* @__PURE__ */ jsx76("div", { className: "ph-sidebar__header px-3 py-3 border-b border-ph-border-subtle", children: header }),
+    /* @__PURE__ */ jsx76("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__ */ jsxs68("div", { className: "ph-sidebar__group", children: [
-        group.label && !collapsed && /* @__PURE__ */ jsx82("h3", { className: "ph-sidebar__group-label px-2 mb-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext", children: group.label }),
-        /* @__PURE__ */ jsx82("div", { className: "ph-sidebar__items space-y-0.5", children: group.items.map((item) => /* @__PURE__ */ jsx82(SidebarItem, __spreadProps(__spreadValues({}, item), { collapsed }), item.label)) })
+      return /* @__PURE__ */ jsxs64("div", { className: "ph-sidebar__group", children: [
+        group.label && !collapsed && /* @__PURE__ */ jsx76("h3", { className: "ph-sidebar__group-label px-2 mb-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext", children: group.label }),
+        /* @__PURE__ */ jsx76("div", { className: "ph-sidebar__items space-y-0.5", children: group.items.map((item) => /* @__PURE__ */ jsx76(SidebarItem, __spreadProps(__spreadValues({}, item), { collapsed }), item.label)) })
       ] }, (_a = group.label) != null ? _a : "default");
     }) }),
     children,
-    footer && /* @__PURE__ */ jsx82("div", { className: "ph-sidebar__footer px-3 py-3 border-t border-ph-border-subtle", children: footer })
+    footer && /* @__PURE__ */ jsx76("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__ */ jsxs68(
+  return /* @__PURE__ */ jsxs64(
     Comp,
     {
       type: onClick ? "button" : void 0,
@@ -5414,9 +4512,9 @@ function SidebarItem({ label, icon, badge, active, href, onClick, collapsed }) {
       ),
       title: collapsed ? label : void 0,
       children: [
-        icon && /* @__PURE__ */ jsx82("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__ */ jsx82("span", { className: "ph-sidebar__item-label truncate flex-1", children: label }),
-        !collapsed && badge && /* @__PURE__ */ jsx82("span", { className: "ph-sidebar__item-badge shrink-0", children: badge })
+        icon && /* @__PURE__ */ jsx76("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__ */ jsx76("span", { className: "ph-sidebar__item-label truncate flex-1", children: label }),
+        !collapsed && badge && /* @__PURE__ */ jsx76("span", { className: "ph-sidebar__item-badge shrink-0", children: badge })
       ]
     }
   );
@@ -5424,93 +4522,7 @@ function SidebarItem({ label, icon, badge, active, href, onClick, collapsed }) {
 Sidebar.displayName = "Sidebar";
 
 export {
-  ButtonChrome,
-  cn,
   Button,
-  IconBase,
-  createIconBase,
-  createIconBasePath,
-  IconAreaChart,
-  IconCumulativeChart,
-  IconTableChart,
-  IconHandClick,
-  IconSurveys,
-  IconCohort,
-  IconRecording,
-  IconFlare,
-  IconSelectEvents,
-  IconClipboardEdit,
-  IconQueryEditor,
-  IconTuning,
-  IconSync,
-  IconPlayCircle,
-  IconGridView,
-  IconListView,
-  IconPremium,
-  IconGift,
-  IconRobot,
-  IconExclamation,
-  IconErrorOutline,
-  IconInfo,
-  IconCancel,
-  IconCheckCircle,
-  IconArrowUp,
-  IconArrowDown,
-  IconChevronLeft,
-  IconChevronRight,
-  IconChevronDown,
-  IconSubArrowRight,
-  IconSearch,
-  IconBell,
-  IconBellOff,
-  IconPerson,
-  IconHome,
-  IconPanelRight,
-  IconPlus,
-  IconCheck,
-  IconClose,
-  IconTrash,
-  IconDownload,
-  IconUpload,
-  IconSave,
-  IconCopy,
-  IconEdit,
-  IconLogout,
-  IconStar,
-  IconMail,
-  IconShoppingCart,
-  IconMoon,
-  IconSun,
-  IconVolume,
-  IconVolumeOff,
-  IconFlag,
-  IconDatabase,
-  IconLayers,
-  IconBox,
-  IconBolt,
-  IconRadar,
-  IconToggle,
-  IconRocket,
-  IconTerminal,
-  IconOldWindow,
-  IconCommandCursor,
-  IconDataReel,
-  IconCodePreview,
-  IconInsightBoard,
-  IconEventStream,
-  IconFeatureGate,
-  IconReplayFrame,
-  IconQueryStack,
-  IconExperimentSplit,
-  IconSurveyCard,
-  OLD_UI_ICONS,
-  IconActivity,
-  IconFlask,
-  IconSpinner,
-  CANONICAL_ICONS,
-  PH_ICON_ALIASES,
-  PH_ICONS,
-  IconByName,
   Alert,
   Badge,
   Card,
@@ -5524,11 +4536,6 @@ export {
   AuthDivider,
   SettingsNav,
   SettingsLayout,
-  DropdownMenu,
-  DropdownButton,
-  DropdownItem,
-  DropdownRadioGroup,
-  DropdownRadioItem,
   FormField,
   Input,
   Select,
@@ -5567,8 +4574,6 @@ export {
   CommandPalette,
   Calendar,
   HoverCard,
-  TooltipProvider,
-  Tooltip,
   EmptyState,
   FilterChips,
   FilterBar,