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

package/dist/index.js

@@ -119,216 +119,84 @@ __export(src_exports, {
   H5: () => H5,
   HoverCard: () => HoverCard,
   Icon: () => IconBase,
-  Icon123: () => Icon123,
-  IconAI: () => IconAI,
-  IconAction: () => IconAction,
   IconActivity: () => IconActivity,
-  IconAdsClick: () => IconAdsClick,
-  IconAndroidOS: () => IconAndroidOS,
-  IconAppleIOS: () => IconAppleIOS,
-  IconArchive: () => IconArchive,
   IconAreaChart: () => IconAreaChart,
   IconArrowDown: () => IconArrowDown,
   IconArrowUp: () => IconArrowUp,
-  IconAtSign: () => IconAtSign,
-  IconBadge: () => IconBadge,
   IconBase: () => IconBase,
   IconBell: () => IconBell,
   IconBellOff: () => IconBellOff,
-  IconBinary: () => IconBinary,
-  IconBlank: () => IconBlank,
-  IconBold: () => IconBold,
   IconBolt: () => IconBolt,
-  IconBook: () => IconBook,
-  IconBookmarkBorder: () => IconBookmarkBorder,
   IconBox: () => IconBox,
-  IconBranch: () => IconBranch,
-  IconBug: () => IconBug,
   IconByName: () => IconByName,
-  IconCalculate: () => IconCalculate,
-  IconCalendar: () => IconCalendar,
-  IconCalendarDay: () => IconCalendarDay,
   IconCancel: () => IconCancel,
-  IconCart: () => IconCart,
-  IconChat: () => IconChat,
   IconCheck: () => IconCheck,
   IconCheckCircle: () => IconCheckCircle,
-  IconCheckboxChecked: () => IconCheckboxChecked,
   IconChevronDown: () => IconChevronDown,
   IconChevronLeft: () => IconChevronLeft,
   IconChevronRight: () => IconChevronRight,
-  IconChrome: () => IconChrome,
   IconClipboardEdit: () => IconClipboardEdit,
-  IconClock: () => IconClock,
   IconClose: () => IconClose,
-  IconCloud: () => IconCloud,
   IconCodePreview: () => IconCodePreview,
-  IconCoffee: () => IconCoffee,
   IconCohort: () => IconCohort,
   IconCommandCursor: () => IconCommandCursor,
-  IconConfetti: () => IconConfetti,
   IconCopy: () => IconCopy,
-  IconCrown: () => IconCrown,
   IconCumulativeChart: () => IconCumulativeChart,
   IconDataReel: () => IconDataReel,
   IconDatabase: () => IconDatabase,
-  IconDevices: () => IconDevices,
-  IconDocument: () => IconDocument,
   IconDownload: () => IconDownload,
-  IconDownloadCloud: () => IconDownloadCloud,
-  IconDragHandle: () => IconDragHandle,
   IconEdit: () => IconEdit,
   IconErrorOutline: () => IconErrorOutline,
-  IconEvent: () => IconEvent,
   IconEventStream: () => IconEventStream,
   IconExclamation: () => IconExclamation,
   IconExperimentSplit: () => IconExperimentSplit,
-  IconExternalLink: () => IconExternalLink,
-  IconEye: () => IconEye,
-  IconEyeHidden: () => IconEyeHidden,
-  IconFacebook: () => IconFacebook,
   IconFeatureGate: () => IconFeatureGate,
-  IconFeedback: () => IconFeedback,
-  IconFile: () => IconFile,
-  IconFilter: () => IconFilter,
-  IconFingerprint: () => IconFingerprint,
-  IconFirefox: () => IconFirefox,
   IconFlag: () => IconFlag,
   IconFlare: () => IconFlare,
   IconFlask: () => IconFlask,
-  IconFolder: () => IconFolder,
-  IconForward: () => IconForward,
-  IconFullScreen: () => IconFullScreen,
-  IconFunnelHorizontal: () => IconFunnelHorizontal,
-  IconFunnelVertical: () => IconFunnelVertical,
-  IconGear: () => IconGear,
-  IconGhost: () => IconGhost,
   IconGift: () => IconGift,
-  IconGitlab: () => IconGitlab,
-  IconGlobe: () => IconGlobe,
-  IconGoogle: () => IconGoogle,
   IconGridView: () => IconGridView,
-  IconGroupedEvents: () => IconGroupedEvents,
-  IconGroups: () => IconGroups,
   IconHandClick: () => IconHandClick,
-  IconHash: () => IconHash,
-  IconHeadphones: () => IconHeadphones,
-  IconHeart: () => IconHeart,
-  IconHeatmap: () => IconHeatmap,
   IconHome: () => IconHome,
-  IconHomeFilled: () => IconHomeFilled,
-  IconHourglass: () => IconHourglass,
-  IconImage: () => IconImage,
-  IconInbox: () => IconInbox,
   IconInfo: () => IconInfo,
-  IconInfoFilled: () => IconInfoFilled,
   IconInsightBoard: () => IconInsightBoard,
-  IconItalic: () => IconItalic,
-  IconKey: () => IconKey,
-  IconKeyFilled: () => IconKeyFilled,
-  IconLaptop: () => IconLaptop,
   IconLayers: () => IconLayers,
-  IconLayout: () => IconLayout,
-  IconLifeBuoy: () => IconLifeBuoy,
-  IconLightBulb: () => IconLightBulb,
-  IconLink: () => IconLink,
-  IconLinkBreak: () => IconLinkBreak,
-  IconLinux: () => IconLinux,
   IconListView: () => IconListView,
-  IconLocation: () => IconLocation,
-  IconLock: () => IconLock,
   IconLogout: () => IconLogout,
-  IconMacOS: () => IconMacOS,
   IconMail: () => IconMail,
-  IconMap: () => IconMap,
-  IconMapPin: () => IconMapPin,
-  IconMaximize: () => IconMaximize,
-  IconMegaphone: () => IconMegaphone,
-  IconMenu: () => IconMenu,
-  IconMic: () => IconMic,
-  IconMicrosoftTeams: () => IconMicrosoftTeams,
-  IconMinimize: () => IconMinimize,
-  IconMinus: () => IconMinus,
-  IconMonitor: () => IconMonitor,
   IconMoon: () => IconMoon,
-  IconMoonFilled: () => IconMoonFilled,
-  IconMoreHorizontal: () => IconMoreHorizontal,
-  IconMoreVertical: () => IconMoreVertical,
-  IconMusic: () => IconMusic,
-  IconNavigation: () => IconNavigation,
-  IconNodeJS: () => IconNodeJS,
-  IconOffline: () => IconOffline,
   IconOldWindow: () => IconOldWindow,
-  IconOpenInApp: () => IconOpenInApp,
-  IconOpenInNew: () => IconOpenInNew,
-  IconPalette: () => IconPalette,
   IconPanelRight: () => IconPanelRight,
-  IconPaperclip: () => IconPaperclip,
-  IconPauseCircle: () => IconPauseCircle,
-  IconPeople: () => IconPeople,
-  IconPercent: () => IconPercent,
   IconPerson: () => IconPerson,
-  IconPhone: () => IconPhone,
-  IconPin: () => IconPin,
   IconPlayCircle: () => IconPlayCircle,
   IconPlus: () => IconPlus,
   IconPremium: () => IconPremium,
-  IconPreview: () => IconPreview,
-  IconPrinter: () => IconPrinter,
   IconQueryEditor: () => IconQueryEditor,
   IconQueryStack: () => IconQueryStack,
-  IconQuestionAnswer: () => IconQuestionAnswer,
   IconRadar: () => IconRadar,
-  IconRadioButtonUnchecked: () => IconRadioButtonUnchecked,
   IconRecording: () => IconRecording,
-  IconRedo: () => IconRedo,
-  IconRefresh: () => IconRefresh,
-  IconReplay: () => IconReplay,
   IconReplayFrame: () => IconReplayFrame,
-  IconReply: () => IconReply,
-  IconReport: () => IconReport,
   IconRobot: () => IconRobot,
   IconRocket: () => IconRocket,
-  IconSafari: () => IconSafari,
   IconSave: () => IconSave,
   IconSearch: () => IconSearch,
-  IconSelectAll: () => IconSelectAll,
   IconSelectEvents: () => IconSelectEvents,
   IconShoppingCart: () => IconShoppingCart,
-  IconSkipBackward: () => IconSkipBackward,
-  IconSkipEnd: () => IconSkipEnd,
-  IconSkipStart: () => IconSkipStart,
-  IconSlack: () => IconSlack,
-  IconSlackExternal: () => IconSlackExternal,
   IconSpinner: () => IconSpinner,
-  IconStamphog: () => IconStamphog,
   IconStar: () => IconStar,
-  IconStore: () => IconStore,
   IconSubArrowRight: () => IconSubArrowRight,
-  IconSubtitles: () => IconSubtitles,
-  IconSubtitlesOff: () => IconSubtitlesOff,
   IconSun: () => IconSun,
   IconSurveyCard: () => IconSurveyCard,
   IconSurveys: () => IconSurveys,
-  IconSwapHoriz: () => IconSwapHoriz,
   IconSync: () => IconSync,
   IconTableChart: () => IconTableChart,
   IconTerminal: () => IconTerminal,
-  IconTextSize: () => IconTextSize,
   IconToggle: () => IconToggle,
   IconTrash: () => IconTrash,
-  IconTrendingDown: () => IconTrendingDown,
-  IconTrendingFlat: () => IconTrendingFlat,
-  IconTrendingFlatDown: () => IconTrendingFlatDown,
   IconTuning: () => IconTuning,
-  IconUnverifiedEvent: () => IconUnverifiedEvent,
   IconUpload: () => IconUpload,
-  IconVerifiedEvent: () => IconVerifiedEvent,
-  IconVerticalAlignCenter: () => IconVerticalAlignCenter,
   IconVolume: () => IconVolume,
   IconVolumeOff: () => IconVolumeOff,
-  IconWeb: () => IconWeb,
-  IconWindows: () => IconWindows,
   Indicator: () => Indicator,
   Input: () => Input,
   InputGroup: () => InputGroup,
@@ -1060,212 +928,8 @@ var IconByName = (0, import_react4.forwardRef)(function IconByName2(_a, ref) {
 });
 IconByName.displayName = "IconByName";
 
-// src/components/icons/lemon-icons.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var p = (d) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d, fill: "currentColor" });
-var IconTextSize = createIconBase({ paths: p("M2 4V7H7V19H10V7H15V4H2M21 9H12V12H15V19H18V12H21V9Z") });
-var IconBranch = createIconBase({ paths: p("M13,14C9.64,14 8.54,15.35 8.18,16.24C9.25,16.7 10,17.76 10,19A3,3 0 0,1 7,22A3,3 0 0,1 4,19C4,17.69 4.83,16.58 6,16.17V7.83C4.83,7.42 4,6.31 4,5A3,3 0 0,1 7,2A3,3 0 0,1 10,5C10,6.31 9.17,7.42 8,7.83V13.12C8.88,12.47 10.16,12 12,12C14.67,12 15.56,10.66 15.85,9.77C14.77,9.32 14,8.25 14,7A3,3 0 0,1 17,4A3,3 0 0,1 20,7C20,8.34 19.12,9.5 17.91,9.86C17.65,11.29 16.68,14 13,14M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M17,6A1,1 0 0,0 16,7A1,1 0 0,0 17,8A1,1 0 0,0 18,7A1,1 0 0,0 17,6Z") });
-var IconFeedback = createIconBase({ viewBox: "0 0 32 32", paths: p("M26.6667 2.66663H5.33341C3.86675 2.66663 2.68008 3.86663 2.68008 5.33329L2.66675 29.3333L8.00008 24H26.6667C28.1334 24 29.3334 22.8 29.3334 21.3333V5.33329C29.3334 3.86663 28.1334 2.66663 26.6667 2.66663ZM26.6667 21.3333H6.89341L6.10675 22.12L5.33341 22.8933V5.33329H26.6667V21.3333ZM14.6667 16H17.3334V18.6666H14.6667V16ZM14.6667 7.99996H17.3334V13.3333H14.6667V7.99996Z") });
-var IconSelectAll = createIconBase({ paths: p("M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z") });
-var IconKey = createIconBase({ paths: p("M21,10h-8.35C11.83,7.67,9.61,6,7,6c-3.31,0-6,2.69-6,6s2.69,6,6,6c2.61,0,4.83-1.67,5.65-4H13l2,2l2-2l2,2l4-4.04L21,10z M7,15c-1.65,0-3-1.35-3-3c0-1.65,1.35-3,3-3s3,1.35,3,3C10,13.65,8.65,15,7,15z") });
-var IconOpenInApp = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m12 10l-4 4h3v6h2v-6h3m3-10H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4v-2H5V8h14v10h-4v2h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z" }) });
-var IconSwapHoriz = createIconBase({ paths: p("m6.99 11-3.99 4 3.99 4v-3h7.01v-2h-7.01zm14.01-2-3.99-4v3h-7.01v2h7.01v3z") });
-var IconBlank = createIconBase({ paths: null });
-var IconRadioButtonUnchecked = createIconBase({ paths: p("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 8z") });
-var IconOffline = createIconBase({ paths: p("m12 2.02c-5.51 0-9.98 4.47-9.98 9.98s4.47 9.98 9.98 9.98 9.98-4.47 9.98-9.98-4.47-9.98-9.98-9.98zm0 17.96c-4.4 0-7.98-3.58-7.98-7.98s3.58-7.98 7.98-7.98 7.98 3.58 7.98 7.98-3.58 7.98-7.98 7.98zm.75-14.98-4.5 8.5h3.14v5.5l4.36-8.5h-3z") });
-var IconMenu = createIconBase({ paths: p("m3 18h18v-2h-18zm0-5h18v-2h-18zm0-7v2h18v-2z") });
-var IconSubtitles = createIconBase({ paths: p("m20 4h-16c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm0 14h-16v-12h16zm-14-8h2v2h-2zm0 4h8v2h-8zm10 0h2v2h-2zm-6-4h8v2h-8z") });
-var IconSubtitlesOff = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m20.0001 4h-13.17002l2 2h11.17002v11.17l1.76 1.76c.15-.28.24-.59.24-.93v-12c0-1.1-.9-2-2-2z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m18.0001 10h-5.17l2 2h3.17z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m1.04004 3.86922 1.2 1.2c-.15.28-.24.59-.24.93v11.99998c0 1.1.9 2 2 2h13.16996l2.96 2.96 1.41-1.41-19.08996-19.09998zm2.96 2.96 3.17 3.17h-1.17v1.99998h2v-1.17l3.16996 3.17h-5.16996v2h7.16996l2 2h-11.16996z" })
-] }) });
-var IconCalculate = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m19 3h-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" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m11.25 7.7207h-5v1.5h5z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m18 15.75h-5v1.5h5z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m18 13.25h-5v1.5h5z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m8 18h1.5v-2h2v-1.5h-2v-2h-1.5v2h-2v1.5h2z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "m14.09 10.95 1.41-1.41 1.41 1.41 1.06-1.06-1.41-1.42 1.41-1.41-1.06-1.06-1.41 1.41-1.41-1.41-1.06 1.06 1.41 1.41-1.41 1.42z" })
-] }) });
-var IconGroupedEvents = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd", d: "m2 6h2v14h14v2h-14c-1.1 0-2-.9-2-2zm6-4h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2h-12c-1.1 0-2-.9-2-2v-12c0-1.1.9-2 2-2zm0 14h12v-12h-12zm4.6851-3.6586-.5398 1.6584h-1.6477l2.5106-7.27275h1.9815l2.5071 7.27275h-1.6477l-.5398-1.6584zm1.2855-3.95242-.8949 2.75212h1.8466l-.8949-2.75212z" }) });
-var IconQuestionAnswer = createIconBase({ paths: p("m15 4v7h-9.83l-1.17 1.17v-8.17zm1-2h-13c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1zm5 4h-2v9h-13v2c0 .55.45 1 1 1h11l4 4v-15c0-.55-.45-1-1-1z") });
-var IconOpenInNew = createIconBase({ paths: p("m19 19h-14v-14h7v-2h-7c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-5-16v2h3.59l-9.83 9.83 1.41 1.41 9.83-9.83v3.59h2v-7z") });
-var IconTrendingFlat = createIconBase({ paths: p("m20 12-4-4v3h-12v2h12v3z") });
-var IconTrendingFlatDown = createIconBase({ paths: p("m17.6567 17.6558v-5.6568l-2.1214 2.1213-8.48523-8.48531-1.41422 1.41422 8.48525 8.48529-2.1213 2.1213z") });
-var IconTrendingDown = createIconBase({ paths: p("m16 18 2.29-2.29-4.88-4.88-4 4-7.41-7.42 1.41-1.41 6 6 4-4 6.3 6.29 2.29-2.29v6z") });
-var IconAction = createIconBase({ viewBox: "0 0 20 20", paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd", d: "M0 4H2V18H16V20H2C0.9 20 0 19.1 0 18V4ZM6 0H18C19.1 0 20 0.9 20 2V14C20 15.1 19.1 16 18 16H6C4.9 16 4 15.1 4 14V2C4 0.9 4.9 0 6 0ZM6 14H18V2H6V14ZM10.6851 10.3414L10.1453 11.9998H8.49756L11.0082 4.72705H12.9897L15.4968 11.9998H13.8491L13.3093 10.3414H10.6851ZM11.9706 6.38898L11.0757 9.14111H12.9223L12.0274 6.38898H11.9706Z" }) });
-var IconEvent = createIconBase({ viewBox: "0 0 20 10", paths: p("M7.4 10.6L2.8 6L7.4 1.4L6 0L0 6L6 12L7.4 10.6ZM12.6 10.6L17.2 6L12.6 1.4L14 0L20 6L14 12L12.6 10.6Z") });
-var IconReplay = createIconBase({ paths: p("m12 5v-4l-5 5 5 5v-4c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6h-2c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z") });
-var IconHeatmap = createIconBase({ viewBox: "0 0 32 32", paths: p("M17.5 1.49056C17.5 0.00305736 15.5844 -0.557568 14.7406 0.675557C7 11.9899 18 12.4993 18 17.9993C18 20.2262 16.1806 22.0281 13.9469 21.9987C11.7487 21.9706 10 20.1381 10 17.9399V12.5956C10 11.2393 8.34562 10.5812 7.41062 11.5643C5.7375 13.3218 4 16.3324 4 19.9993C4 26.6162 9.38312 31.9993 16 31.9993C22.6169 31.9993 28 26.6162 28 19.9993C28 9.35618 17.5 7.93681 17.5 1.49056V1.49056Z") });
-var IconUnverifiedEvent = createIconBase({ paths: p("M4.8 17.4H19.2V15.6H4.8V17.4ZM6.6 21H17.4V19.2H6.6V21ZM19.2 13.8H4.8C3.81 13.8 3 12.99 3 12V4.8C3 3.81 3.81 3 4.8 3H19.2C20.19 3 21 3.81 21 4.8V12C21 12.99 20.19 13.8 19.2 13.8ZM19.2 4.8H4.8V12H19.2V4.8Z") });
-var IconVerifiedEvent = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M14 3H4.8C3.81 3 3 3.81 3 4.8V12C3 12.99 3.81 13.8 4.8 13.8H19.2C20.19 13.8 21 12.99 21 12V10H19.2V12H4.8V4.8H14V3ZM19.2 17.4H4.8V15.6H19.2V17.4ZM17.4 21H6.6V19.2H17.4V21Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M17.7289 6.04489L16.0628 4.37164L15 5.44166L17.7289 8.17774L23 2.89228L21.9372 1.82227L17.7289 6.04489Z" })
-] }) });
-var IconBookmarkBorder = createIconBase({ viewBox: "-4 -3 24 24", paths: p("M12.5 0H2.5C1.4 0 0.5 0.9 0.5 2V18L7.5 15L14.5 18V2C14.5 0.9 13.6 0 12.5 0ZM12.5 15L7.5 12.82L2.5 15V2H12.5V15Z") });
-var IconWeb = createIconBase({ paths: p("M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z") });
-var IconMonitor = createIconBase({ paths: p("M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z") });
-var IconBold = createIconBase({ paths: p("M6.8 19V5H12.325C13.4083 5 14.4083 5.33333 15.325 6C16.2417 6.66667 16.7 7.59167 16.7 8.775C16.7 9.625 16.5083 10.2792 16.125 10.7375C15.7417 11.1958 15.3833 11.525 15.05 11.725C15.4667 11.9083 15.9292 12.25 16.4375 12.75C16.9458 13.25 17.2 14 17.2 15C17.2 16.4833 16.6583 17.5208 15.575 18.1125C14.4917 18.7042 13.475 19 12.525 19H6.8ZM9.825 16.2H12.425C13.225 16.2 13.7125 15.9958 13.8875 15.5875C14.0625 15.1792 14.15 14.8833 14.15 14.7C14.15 14.5167 14.0625 14.2208 13.8875 13.8125C13.7125 13.4042 13.2 13.2 12.35 13.2H9.825V16.2ZM9.825 10.5H12.15C12.7 10.5 13.1 10.3583 13.35 10.075C13.6 9.79167 13.725 9.475 13.725 9.125C13.725 8.725 13.5833 8.4 13.3 8.15C13.0167 7.9 12.65 7.775 12.2 7.775H9.825V10.5Z") });
-var IconItalic = createIconBase({ paths: p("M5 19V16.5H9L12 7.5H8V5H18V7.5H14.5L11.5 16.5H15V19H5Z") });
-var IconDevices = createIconBase({ paths: p("M3 6H21V4H3C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H7V18H3V6M13 12H9V13.78C8.39 14.33 8 15.11 8 16C8 16.89 8.39 17.67 9 18.22V20H13V18.22C13.61 17.67 14 16.88 14 16S13.61 14.33 13 13.78V12M11 17.5C10.17 17.5 9.5 16.83 9.5 16S10.17 14.5 11 14.5 12.5 15.17 12.5 16 11.83 17.5 11 17.5M22 8H16C15.5 8 15 8.5 15 9V19C15 19.5 15.5 20 16 20H22C22.5 20 23 19.5 23 19V9C23 8.5 22.5 8 22 8M21 18H17V10H21V18Z") });
-var IconMacOS = createIconBase({ paths: p("M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z") });
-var IconAppleIOS = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M2.09 16.8H3.75V9.76H2.09M2.92 8.84C3.44 8.84 3.84 8.44 3.84 7.94C3.84 7.44 3.44 7.04 2.92 7.04C2.4 7.04 2 7.44 2 7.94C2 8.44 2.4 8.84 2.92 8.84M9.25 7.06C6.46 7.06 4.7 8.96 4.7 12C4.7 15.06 6.46 16.96 9.25 16.96C12.04 16.96 13.8 15.06 13.8 12C13.8 8.96 12.04 7.06 9.25 7.06M9.25 8.5C10.96 8.5 12.05 9.87 12.05 12C12.05 14.15 10.96 15.5 9.25 15.5C7.54 15.5 6.46 14.15 6.46 12C6.46 9.87 7.54 8.5 9.25 8.5M14.5 14.11C14.57 15.87 16 16.96 18.22 16.96C20.54 16.96 22 15.82 22 14C22 12.57 21.18 11.77 19.23 11.32L18.13 11.07C16.95 10.79 16.47 10.42 16.47 9.78C16.47 9 17.2 8.45 18.28 8.45C19.38 8.45 20.13 9 20.21 9.89H21.84C21.8 8.2 20.41 7.06 18.29 7.06C16.21 7.06 14.73 8.21 14.73 9.91C14.73 11.28 15.56 12.13 17.33 12.53L18.57 12.82C19.78 13.11 20.27 13.5 20.27 14.2C20.27 15 19.47 15.57 18.31 15.57C17.15 15.57 16.26 15 16.16 14.11H14.5Z" }) });
-var IconWindows = createIconBase({ paths: p("M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z") });
-var IconLinux = createIconBase({ paths: p("M14.62,8.35C14.2,8.63 12.87,9.39 12.67,9.54C12.28,9.85 11.92,9.83 11.53,9.53C11.33,9.37 10,8.61 9.58,8.34C9.1,8.03 9.13,7.64 9.66,7.42C11.3,6.73 12.94,6.78 14.57,7.45C15.06,7.66 15.08,8.05 14.62,8.35M21.84,15.63C20.91,13.54 19.64,11.64 18,9.97C17.47,9.42 17.14,8.8 16.94,8.09C16.84,7.76 16.77,7.42 16.7,7.08C16.5,6.2 16.41,5.3 16,4.47C15.27,2.89 14,2.07 12.16,2C10.35,2.05 9,2.81 8.21,4.4C8,4.83 7.85,5.28 7.75,5.74C7.58,6.5 7.43,7.29 7.25,8.06C7.1,8.71 6.8,9.27 6.29,9.77C4.68,11.34 3.39,13.14 2.41,15.12C2.27,15.41 2.13,15.7 2.04,16C1.85,16.66 2.33,17.12 3.03,16.96C3.47,16.87 3.91,16.78 4.33,16.65C4.74,16.5 4.9,16.6 5,17C5.65,19.15 7.07,20.66 9.24,21.5C13.36,23.06 18.17,20.84 19.21,16.92C19.28,16.65 19.38,16.55 19.68,16.65C20.14,16.79 20.61,16.89 21.08,17C21.57,17.09 21.93,16.84 22,16.36C22.03,16.1 21.94,15.87 21.84,15.63") });
-var IconAndroidOS = createIconBase({ paths: p("M16.61 15.15C16.15 15.15 15.77 14.78 15.77 14.32S16.15 13.5 16.61 13.5H16.61C17.07 13.5 17.45 13.86 17.45 14.32C17.45 14.78 17.07 15.15 16.61 15.15M7.41 15.15C6.95 15.15 6.57 14.78 6.57 14.32C6.57 13.86 6.95 13.5 7.41 13.5H7.41C7.87 13.5 8.24 13.86 8.24 14.32C8.24 14.78 7.87 15.15 7.41 15.15M16.91 10.14L18.58 7.26C18.67 7.09 18.61 6.88 18.45 6.79C18.28 6.69 18.07 6.75 18 6.92L16.29 9.83C14.95 9.22 13.5 8.9 12 8.91C10.47 8.91 9 9.24 7.73 9.82L6.04 6.91C5.95 6.74 5.74 6.68 5.57 6.78C5.4 6.87 5.35 7.08 5.44 7.25L7.1 10.13C4.25 11.69 2.29 14.58 2 18H22C21.72 14.59 19.77 11.7 16.91 10.14H16.91Z") });
-var IconLink = createIconBase({ paths: p("M7.90326 16.7536C6.93594 15.7863 6.93594 14.2137 7.90326 13.2464L10.166 10.9836L9.0912 9.90883L6.82846 12.1716C5.26717 13.7329 5.26717 16.2671 6.82846 17.8284C8.38975 19.3897 10.924 19.3897 12.4853 17.8284L14.7481 15.5657L13.6733 14.4909L11.4105 16.7536C10.4432 17.7209 8.87058 17.7209 7.90326 16.7536ZM10.7883 15L15.3137 10.4745L14.1824 9.34315L9.65688 13.8686L10.7883 15ZM12.4853 6.51472L10.2226 8.77746L11.2974 9.85226L13.5601 7.58952C14.5274 6.6222 16.1 6.6222 17.0674 7.58952C18.0347 8.55684 18.0347 10.1294 17.0674 11.0968L14.8046 13.3595L15.8794 14.4343L18.1422 12.1716C19.7035 10.6103 19.7035 8.07601 18.1422 6.51472C16.5809 4.95343 14.0466 4.95343 12.4853 6.51472Z") });
-var IconPreview = createIconBase({ paths: p("M19,3H5C3.89,3,3,3.9,3,5v14c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.11,3,19,3z M19,19H5V7h14V19z M12,10.5 c1.84,0,3.48,0.96,4.34,2.5c-0.86,1.54-2.5,2.5-4.34,2.5S8.52,14.54,7.66,13C8.52,11.46,10.16,10.5,12,10.5 M12,9 c-2.73,0-5.06,1.66-6,4c0.94,2.34,3.27,4,6,4s5.06-1.66,6-4C17.06,10.66,14.73,9,12,9L12,9z M12,14.5c-0.83,0-1.5-0.67-1.5-1.5 s0.67-1.5,1.5-1.5s1.5,0.67,1.5,1.5S12.83,14.5,12,14.5z") });
-var IconEyeHidden = createIconBase({ paths: p("M12 6.90455C15.1009 6.90455 17.8664 8.64727 19.2164 11.4045C18.7336 12.4027 18.0545 13.2618 17.2445 13.9573L18.3982 15.1109C19.5355 14.1045 20.4355 12.8445 21 11.4045C19.5845 7.81273 16.0909 5.26818 12 5.26818C10.9609 5.26818 9.96273 5.43182 9.02182 5.73455L10.3718 7.08454C10.9036 6.97818 11.4436 6.90455 12 6.90455ZM11.1245 7.83727L12.8182 9.53091C13.2845 9.73545 13.6609 10.1118 13.8655 10.5782L15.5591 12.2718C15.6245 11.9936 15.6736 11.6991 15.6736 11.3964C15.6818 9.36727 14.0291 7.72273 12 7.72273C11.6973 7.72273 11.4109 7.76364 11.1245 7.83727ZM3.82636 5.16182L6.01909 7.35455C4.68545 8.40182 3.63 9.79273 3 11.4045C4.41545 14.9964 7.90909 17.5409 12 17.5409C13.2436 17.5409 14.4382 17.3036 15.5345 16.87L18.3327 19.6682L19.4864 18.5145L4.98 4L3.82636 5.16182ZM9.96273 11.2982L12.0982 13.4336C12.0655 13.4418 12.0327 13.45 12 13.45C10.8709 13.45 9.95455 12.5336 9.95455 11.4045C9.95455 11.3636 9.96273 11.3391 9.96273 11.2982ZM7.18091 8.51636L8.61273 9.94818C8.42455 10.3982 8.31818 10.8891 8.31818 11.4045C8.31818 13.4336 9.97091 15.0864 12 15.0864C12.5155 15.0864 13.0064 14.98 13.4482 14.7918L14.25 15.5936C13.53 15.79 12.7773 15.9045 12 15.9045C8.89909 15.9045 6.13364 14.1618 4.78364 11.4045C5.35636 10.2345 6.19091 9.26909 7.18091 8.51636Z") });
-var IconFunnelHorizontal = createIconBase({ paths: p("M19 5L19 8L5 8L5 5L19 5ZM15 10.6L15 13.4L5 13.4L5 10.6L15 10.6ZM11 16.2L11 19L5 19L5 16.2L11 16.2Z") });
-var IconFunnelVertical = createIconBase({ paths: p("M5 5H8V19H5V5ZM10.6 9H13.4V19H10.6V9ZM16.2 13H19V19H16.2V13Z") });
-var IconFullScreen = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M5 14H3V20H10V18H5V14Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M10 6L10 4L3 4L3 10L5 10L5 6L10 6Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M19 14H21V20H14V18H19V14Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M14 6L14 4L21 4L21 10L19 10L19 6L14 6Z" })
-] }) });
-var IconPauseCircle = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "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 20Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M9.5 8h2v8h-2z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M12.5 8h2v8h-2z" })
-] }) });
-var IconSkipBackward = createIconBase({ paths: p("M21.8636 13.6486C22.7745 8.20179 18.9753 3.03539 13.3613 2.08842C10.1083 1.5397 6.96075 2.53504 4.71122 4.52864L3.64727 3.39843C3.52963 3.27464 3.31814 3.33531 3.29323 3.49844L2.61914 7.61871C2.59751 7.7469 2.70624 7.86158 2.83872 7.85097L7.12768 7.57298C7.16635 7.57046 7.20339 7.55738 7.23454 7.53524C7.26569 7.5131 7.28969 7.48281 7.30378 7.44784C7.31787 7.41288 7.32148 7.37466 7.31418 7.33758C7.30689 7.3005 7.289 7.26607 7.26256 7.23825L6.10772 6.01158C6.35345 5.79443 6.6153 5.59014 6.89033 5.40074C7.75239 4.80488 8.72707 4.3786 9.7602 4.14561C10.831 3.90282 11.9307 3.87537 13.0286 4.06056C14.1265 4.24575 15.1564 4.63245 16.0883 5.21303C16.9896 5.77326 17.7628 6.48932 18.3877 7.34012C19.0126 8.19091 19.4575 9.13303 19.7082 10.1413C19.9684 11.1866 20.0076 12.2555 19.828 13.3205C19.6483 14.3854 19.2606 15.3823 18.6724 16.282C18.1048 17.1522 17.3755 17.8963 16.5061 18.495C15.6366 19.0938 14.6714 19.5166 13.6362 19.7502C12.5654 19.993 11.4657 20.0204 10.3678 19.8352C9.26987 19.65 8.23995 19.2633 7.30808 18.6827C6.40854 18.1237 5.62762 17.4013 5.00872 16.5557C4.8493 16.3386 4.70383 16.1163 4.56724 15.8879C4.54048 15.8423 4.49636 15.8085 4.44446 15.7941C4.39256 15.7796 4.3371 15.7856 4.29013 15.8108L2.84288 16.5656C2.74229 16.6196 2.70583 16.7427 2.76244 16.841C4.25318 19.3768 6.85284 21.2731 10.0347 21.8098C15.6538 22.7576 20.9514 19.1029 21.8636 13.6486Z") });
-var IconSkipStart = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M4 6h2v12H4z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M9 12L17 6.5V17.5L9 12Z" })
-] }) });
-var IconSkipEnd = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M18 6h2v12h-2z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "currentColor", d: "M15 12L7 6.5V17.5L15 12Z" })
-] }) });
-var IconDragHandle = createIconBase({ paths: p("m11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z") });
-var IconAdsClick = createIconBase({ paths: p("M11.71,17.99C8.53,17.84,6,15.22,6,12c0-3.31,2.69-6,6-6c3.22,0,5.84,2.53,5.99,5.71l-2.1-0.63C15.48,9.31,13.89,8,12,8 c-2.21,0-4,1.79-4,4c0,1.89,1.31,3.48,3.08,3.89L11.71,17.99z M22,12c0,0.3-0.01,0.6-0.04,0.9l-1.97-0.59C20,12.21,20,12.1,20,12 c0-4.42-3.58-8-8-8s-8,3.58-8,8s3.58,8,8,8c0.1,0,0.21,0,0.31-0.01l0.59,1.97C12.6,21.99,12.3,22,12,22C6.48,22,2,17.52,2,12 C2,6.48,6.48,2,12,2S22,6.48,22,12z M18.23,16.26L22,15l-10-3l3,10l1.26-3.77l4.27,4.27l1.98-1.98L18.23,16.26z") });
-var IconFingerprint = createIconBase({ viewBox: "1 1 23 23", paths: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M13.1427 20.9999C10.8077 19.5438 9.25254 16.9522 9.25254 13.9968C9.25254 12.4783 10.4833 11.2476 12.0008 11.2476C13.5184 11.2476 14.7491 12.4783 14.7491 13.9968C14.7491 15.5153 15.9798 16.746 17.4974 16.746C19.0149 16.746 20.2457 15.5153 20.2457 13.9968C20.2457 9.44139 16.5544 5.74922 12.0017 5.74922C7.44907 5.74922 3.75781 9.44139 3.75781 13.9968C3.75781 15.0122 3.87145 16.001 4.08038 16.954M8.49027 20.2989C7.23938 18.5138 6.50351 16.3419 6.50351 13.9968C6.50351 10.9599 8.96405 8.49844 11.9992 8.49844C15.0343 8.49844 17.4948 10.9599 17.4948 13.9968M17.7927 19.4806C17.6937 19.4861 17.5966 19.4953 17.4967 19.4953C14.4616 19.4953 12.0011 17.0338 12.0011 13.9969M19.6734 6.47682C17.7993 4.34802 15.0593 3 12.0004 3C8.94141 3 6.20138 4.34802 4.32734 6.47682" }) });
-var IconVerticalAlignCenter = createIconBase({ paths: p("M11.8214 24V17.0667L8.97143 19.8667L8.01091 18.923L12.5 14.5127L16.9891 18.923L16.0286 19.8667L13.1786 17.0667V24H11.8214ZM3 12.6667V11.3333H22V12.6667H3ZM12.5 9.48733L8.01091 5.077L8.97143 4.13333L11.8214 6.93333V0H13.1786V6.93333L16.0286 4.13333L16.9891 5.077L12.5 9.48733Z") });
-var IconGhost = createIconBase({ viewBox: "0 0 24 24", paths: p("M12 2C15.5 2 18 5 19 8C22 9 23 11.73 23 14L20.2253 14.7928C19.796 14.9154 19.5 15.3078 19.5 15.7543V17.25C19.5 18.2165 18.7165 19 17.75 19H17.1536C16.4825 19 15.8562 19.3366 15.4858 19.8962C14.5576 21.2987 13.3957 22 12 22C10.6043 22 9.44238 21.2987 8.5142 19.8962C8.14383 19.3366 7.51746 19 6.84636 19H6.25C5.2835 19 4.5 18.2165 4.5 17.25V15.7543C4.5 15.3078 4.20402 14.9154 3.77472 14.7928L1 14C1 11.7337 2 9 5 8C6 5 8.5 2 12 2ZM12 4C9.8906 4 7.93534 5.78788 6.98864 8.37148L6.89737 8.63246L6.58114 9.58114L5.63246 9.89737C4.37721 10.3158 3.56485 11.238 3.20834 12.4564L3.185 12.543L4.32416 12.8697C5.55353 13.221 6.41845 14.3095 6.49454 15.5727L6.5 15.7543V17H6.84636C8.1096 17 9.29359 17.5963 10.0461 18.5996L10.182 18.7925C10.7584 19.6634 11.3162 20 12 20C12.6382 20 13.1667 19.7068 13.7029 18.9596L13.818 18.7925C14.5151 17.739 15.6658 17.0807 16.9178 17.0069L17.1536 17H17.5V15.7543C17.5 14.4757 18.309 13.3451 19.5027 12.9249L19.6758 12.8697L20.815 12.543L20.7918 12.4555C20.4554 11.3047 19.7124 10.4193 18.5728 9.97176L18.3675 9.89737L17.4189 9.58114L17.1026 8.63246C16.1948 5.90906 14.1797 4 12 4ZM12 12C12.8284 12 13.5 13.1193 13.5 14.5C13.5 15.8807 12.8284 17 12 17C11.1716 17 10.5 15.8807 10.5 14.5C10.5 13.1193 11.1716 12 12 12ZM9.5 8C10.3284 8 11 8.67157 11 9.5C11 10.3284 10.3284 11 9.5 11C8.67157 11 8 10.3284 8 9.5C8 8.67157 8.67157 8 9.5 8ZM14.5 8C15.3284 8 16 8.67157 16 9.5C16 10.3284 15.3284 11 14.5 11C13.6716 11 13 10.3284 13 9.5C13 8.67157 13.6716 8 14.5 8Z") });
-
-// src/components/icons/lemon-brand-icons.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var p2 = (d) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d, fill: "currentColor" });
-var IconGitlab = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#E24329", d: "M23.4841 9.51355L23.4507 9.42452L20.2169 0.621934C20.1511 0.449408 20.0346 0.303054 19.8841 0.20387C19.7336 0.106371 19.5579 0.0594128 19.3809 0.0693348C19.204 0.0792569 19.0342 0.145582 18.8945 0.259354C18.7563 0.376393 18.6561 0.534985 18.6074 0.713547L16.4239 7.68129H7.58229L5.39878 0.713547C5.35143 0.534012 5.251 0.374625 5.11178 0.258063C4.97208 0.144291 4.80228 0.0779663 4.62529 0.0680442C4.44831 0.0581222 4.27267 0.105081 4.12208 0.20258C3.97193 0.302164 3.85553 0.44839 3.7893 0.620644L0.5493 9.41935L0.517135 9.50839C0.0516127 10.777 -0.00584844 12.1692 0.353415 13.4748C0.712679 14.7805 1.46919 15.929 2.50889 16.7471L2.52002 16.7561L2.54971 16.7781L7.4759 20.6258L9.91301 22.5497L11.3975 23.7187C11.5712 23.8562 11.7832 23.9307 12.0013 23.9307C12.2193 23.9307 12.4313 23.8562 12.605 23.7187L14.0895 22.5497L16.5266 20.6258L21.4825 16.7548L21.4949 16.7445C22.5322 15.9263 23.287 14.779 23.6457 13.4751C24.0044 12.1711 23.9477 10.781 23.4841 9.51355V9.51355Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#FC6D26", d: "M23.4841 9.51355L23.4507 9.42451C21.875 9.76186 20.3902 10.458 19.1023 11.4632L12 17.0645C14.4186 18.9729 16.5241 20.631 16.5241 20.631L21.48 16.76L21.4924 16.7497C22.5312 15.9315 23.2871 14.7834 23.6464 13.4784C24.0056 12.1734 23.9486 10.7819 23.4841 9.51355Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#FCA326", d: "M7.47589 20.631L9.91301 22.5548L11.3975 23.7239C11.5712 23.8614 11.7832 23.9358 12.0013 23.9358C12.2193 23.9358 12.4313 23.8614 12.605 23.7239L14.0895 22.5548L16.5266 20.631C16.5266 20.631 14.4186 18.9677 12 17.0645C9.58146 18.9677 7.47589 20.631 7.47589 20.631Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#FC6D26", d: "M4.89652 11.4632C3.60966 10.4559 2.12514 9.75798 0.5493 9.41936L0.517135 9.50839C0.0516127 10.777 -0.00584844 12.1692 0.353415 13.4748C0.712679 14.7805 1.46919 15.929 2.50889 16.7471L2.52002 16.7561L2.54971 16.7781L7.4759 20.6258C7.4759 20.6258 9.57899 18.9677 12 17.0594L4.89652 11.4632Z" })
-] }) });
-var IconGoogle = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#4285F4", d: "M23.52 12.2727C23.52 11.4218 23.4436 10.6036 23.3018 9.81818H12V14.4654H18.4582C18.1745 15.96 17.3236 17.2254 16.0473 18.0764V21.0982H19.9418C22.2109 19.0036 23.52 15.9273 23.52 12.2727V12.2727Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#34A853", d: "M12 24C15.24 24 17.9564 22.9309 19.9418 21.0982L16.0473 18.0764C14.9782 18.7964 13.6145 19.2327 12 19.2327C8.87999 19.2327 6.22908 17.1273 5.27999 14.2909H1.28726V17.3891C3.26181 21.3055 7.30908 24 12 24Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#FBBC05", d: "M5.28 14.28C5.04 13.56 4.89818 12.7964 4.89818 12C4.89818 11.2036 5.04 10.44 5.28 9.72001V6.62183H1.28727C0.469091 8.23637 0 10.0582 0 12C0 13.9418 0.469091 15.7636 1.28727 17.3782L4.39636 14.9564L5.28 14.28Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#EA4335", d: "M12 4.77818C13.7673 4.77818 15.3382 5.38909 16.5927 6.56727L20.0291 3.13091C17.9454 1.18909 15.24 0 12 0C7.30908 0 3.26181 2.69455 1.28726 6.62182L5.27999 9.72C6.22908 6.88364 8.87999 4.77818 12 4.77818Z" })
-] }) });
-var IconSlack = createIconBase({ viewBox: "0 0 2447.6 2452.5", paths: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#36c5f0", fillRule: "evenodd", clipRule: "evenodd", d: "m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#2eb67d", fillRule: "evenodd", clipRule: "evenodd", d: "m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#ecb22e", fillRule: "evenodd", clipRule: "evenodd", d: "m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#e01e5a", fillRule: "evenodd", clipRule: "evenodd", d: "m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0" })
-] }) });
-var IconSlackExternal = createIconBase({ viewBox: "-2 -2 24 24", paths: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "none", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 1.5, d: "M13 4.75 18.25 10 13 15.25 7.75 10 13 4.75Z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "none", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 1.5, d: "M8.01 5.76 7 4.75 1.75 10 7 15.25l1.01-1.01-2.872-3.037a1.75 1.75 0 0 1 0-2.406L8.01 5.76Z" })
-] }) });
-var IconMicrosoftTeams = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "#5059C9", d: "M19.5 4.5h-3V3a1.5 1.5 0 0 0-1.5-1.5H9A1.5 1.5 0 0 0 7.5 3v1.5h-3A1.5 1.5 0 0 0 3 6v12a1.5 1.5 0 0 0 1.5 1.5h15A1.5 1.5 0 0 0 21 18V6a1.5 1.5 0 0 0-1.5-1.5zM9 3h6v1.5H9V3zm3 15a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "13.5", r: "3", fill: "#7B83EB" })
-] }) });
-var IconChrome = createIconBase({ paths: p2("M12,20L15.46,14H15.45C15.79,13.4 16,12.73 16,12C16,10.8 15.46,9.73 14.62,9H19.41C19.79,9.93 20,10.94 20,12A8,8 0 0,1 12,20M4,12C4,10.54 4.39,9.18 5.07,8L8.54,14H8.55C9.24,15.19 10.5,16 12,16C12.45,16 12.88,15.91 13.29,15.77L10.89,19.91C7,19.37 4,16.04 4,12M15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12M12,4C14.96,4 17.54,5.61 18.92,8H12C10.06,8 8.45,9.38 8.08,11.21L5.7,7.08C7.16,5.21 9.44,4 12,4M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z") });
-var IconFirefox = createIconBase({ paths: p2("M9.27 7.94C9.27 7.94 9.27 7.94 9.27 7.94M6.85 6.74C6.86 6.74 6.86 6.74 6.85 6.74M21.28 8.6C20.85 7.55 19.96 6.42 19.27 6.06C19.83 7.17 20.16 8.28 20.29 9.1L20.29 9.12C19.16 6.3 17.24 5.16 15.67 2.68C15.59 2.56 15.5 2.43 15.43 2.3C15.39 2.23 15.36 2.16 15.32 2.09C15.26 1.96 15.2 1.83 15.17 1.69C15.17 1.68 15.16 1.67 15.15 1.67H15.13L15.12 1.67L15.12 1.67L15.12 1.67C12.9 2.97 11.97 5.26 11.74 6.71C11.05 6.75 10.37 6.92 9.75 7.22C9.63 7.27 9.58 7.41 9.62 7.53C9.67 7.67 9.83 7.74 9.96 7.68C10.5 7.42 11.1 7.27 11.7 7.23L11.75 7.23C11.83 7.22 11.92 7.22 12 7.22C12.5 7.21 12.97 7.28 13.44 7.42L13.5 7.44C13.6 7.46 13.67 7.5 13.75 7.5C13.8 7.54 13.86 7.56 13.91 7.58L14.05 7.64C14.12 7.67 14.19 7.7 14.25 7.73C14.28 7.75 14.31 7.76 14.34 7.78C14.41 7.82 14.5 7.85 14.54 7.89C14.58 7.91 14.62 7.94 14.66 7.96C15.39 8.41 16 9.03 16.41 9.77C15.88 9.4 14.92 9.03 14 9.19C17.6 11 16.63 17.19 11.64 16.95C11.2 16.94 10.76 16.85 10.34 16.7C10.24 16.67 10.14 16.63 10.05 16.58C10 16.56 9.93 16.53 9.88 16.5C8.65 15.87 7.64 14.68 7.5 13.23C7.5 13.23 8 11.5 10.83 11.5C11.14 11.5 12 10.64 12.03 10.4C12.03 10.31 10.29 9.62 9.61 8.95C9.24 8.59 9.07 8.42 8.92 8.29C8.84 8.22 8.75 8.16 8.66 8.1C8.43 7.3 8.42 6.45 8.63 5.65C7.6 6.12 6.8 6.86 6.22 7.5H6.22C5.82 7 5.85 5.35 5.87 5C5.86 5 5.57 5.16 5.54 5.18C5.19 5.43 4.86 5.71 4.56 6C4.21 6.37 3.9 6.74 3.62 7.14C3 8.05 2.5 9.09 2.28 10.18C2.28 10.19 2.18 10.59 2.11 11.1L2.08 11.33C2.06 11.5 2.04 11.65 2 11.91L2 11.94L2 12.27L2 12.32C2 17.85 6.5 22.33 12 22.33C16.97 22.33 21.08 18.74 21.88 14C21.9 13.89 21.91 13.76 21.93 13.63C22.13 11.91 21.91 10.11 21.28 8.6Z") });
-var IconSafari = createIconBase({ paths: p2("M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.09 4.8,16 6.11,17.41L9.88,9.88L17.41,6.11C16,4.8 14.09,4 12,4M12,20A8,8 0 0,0 20,12C20,9.91 19.2,8 17.89,6.59L14.12,14.12L6.59,17.89C8,19.2 9.91,20 12,20M12,12L11.23,11.23L9.7,14.3L12.77,12.77L12,12M12,17.5H13V19H12V17.5M15.88,15.89L16.59,15.18L17.65,16.24L16.94,16.95L15.88,15.89M17.5,12V11H19V12H17.5M12,6.5H11V5H12V6.5M8.12,8.11L7.41,8.82L6.35,7.76L7.06,7.05L8.12,8.11M6.5,12V13H5V12H6.5Z") });
-var IconFacebook = createIconBase({ viewBox: "0 0 24 24", paths: p2("M17 3.5a.5.5 0 00-.5-.5H14a4.77 4.77 0 00-5 4.5v2.7H6.5a.5.5 0 00-.5.5v2.6a.5.5 0 00.5.5H9v6.7a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-6.7h2.62a.5.5 0 00.49-.37l.72-2.6a.5.5 0 00-.48-.63H13V7.5a1 1 0 011-.9h2.5a.5.5 0 00.5-.5V3.5z") });
-var Icon123 = createIconBase({ paths: p2("M7,15H5.5v-4.5H4V9h3V15z M13.5,13.5h-3v-1h2c0.55,0,1-0.45,1-1V10c0-0.55-0.45-1-1-1H9v1.5h3v1h-2c-0.55,0-1,0.45-1,1V15 h4.5V13.5z M19.5,14v-4c0-0.55-0.45-1-1-1H15v1.5h3v1h-2v1h2v1h-3V15h3.5C19.05,15,19.5,14.55,19.5,14z") });
-var IconNodeJS = createIconBase({ viewBox: "0 0 256 282", paths: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "currentColor", d: "M116.504 3.58c6.962-3.985 16.03-4.003 22.986 0 34.995 19.774 70.001 39.517 104.99 59.303 6.581 3.707 10.983 11.031 10.916 18.614v118.968c.049 7.897-4.788 15.396-11.731 19.019-34.88 19.665-69.742 39.354-104.616 59.019-7.106 4.063-16.356 3.75-23.24-.646-10.457-6.062-20.932-12.094-31.39-18.15-2.137-1.274-4.546-2.288-6.055-4.36 1.334-1.798 3.719-2.022 5.657-2.807 4.365-1.388 8.374-3.616 12.384-5.778 1.014-.694 2.252-.428 3.224.193 8.942 5.127 17.805 10.403 26.777 15.481 1.914 1.105 3.852-.362 5.488-1.274 34.228-19.345 68.498-38.617 102.72-57.968 1.268-.61 1.969-1.956 1.866-3.345.024-39.245.006-78.497.012-117.742.145-1.576-.767-3.025-2.192-3.67-34.759-19.575-69.5-39.18-104.253-58.76a3.621 3.621 0 0 0-4.094-.006C91.2 39.257 56.465 58.88 21.712 78.454c-1.42.646-2.373 2.071-2.204 3.653.006 39.245 0 78.497 0 117.748a3.329 3.329 0 0 0 1.89 3.303c9.274 5.259 18.56 10.481 27.84 15.722 5.228 2.814 11.647 4.486 17.407 2.33 5.083-1.823 8.646-7.01 8.549-12.407.048-39.016-.024-78.038.036-117.048-.127-1.732 1.516-3.163 3.2-3 4.456-.03 8.918-.06 13.374.012 1.86-.042 3.14 1.823 2.91 3.568-.018 39.263.048 78.527-.03 117.79.012 10.464-4.287 21.85-13.966 26.97-11.924 6.177-26.662 4.867-38.442-1.056-10.198-5.09-19.93-11.097-29.947-16.55C5.368 215.886.555 208.357.604 200.466V81.497c-.073-7.74 4.504-15.197 11.29-18.85C46.768 42.966 81.636 23.27 116.504 3.58z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "currentColor", d: "M146.928 85.99c15.21-.979 31.493-.58 45.18 6.913 10.597 5.742 16.472 17.793 16.659 29.566-.296 1.588-1.956 2.464-3.472 2.355-4.413-.006-8.827.06-13.24-.03-1.872.072-2.96-1.654-3.195-3.309-1.268-5.633-4.34-11.212-9.642-13.929-8.139-4.075-17.576-3.87-26.451-3.785-6.479.344-13.446.905-18.935 4.715-4.214 2.886-5.494 8.712-3.99 13.404 1.418 3.369 5.307 4.456 8.489 5.458 18.33 4.794 37.754 4.317 55.734 10.626 7.444 2.572 14.726 7.572 17.274 15.366 3.333 10.446 1.872 22.932-5.56 31.318-6.027 6.901-14.805 10.657-23.56 12.697-11.647 2.597-23.734 2.663-35.562 1.51-11.122-1.268-22.696-4.19-31.282-11.768-7.342-6.375-10.928-16.308-10.572-25.895.085-1.619 1.697-2.748 3.248-2.615 4.444-.036 8.888-.048 13.332.006 1.775-.127 3.091 1.407 3.182 3.08.82 5.367 2.837 11 7.517 14.182 9.032 5.827 20.365 5.428 30.707 5.591 8.568-.38 18.186-.495 25.178-6.158 3.689-3.23 4.782-8.634 3.785-13.283-1.08-3.925-5.186-5.754-8.712-6.95-18.095-5.724-37.736-3.647-55.656-10.12-7.275-2.571-14.31-7.432-17.105-14.906-3.9-10.578-2.113-23.662 6.098-31.765 8.006-8.06 19.563-11.164 30.551-12.275z" })
-] }) });
-var IconStamphog = createIconBase({ paths: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M13.5 7.7 V7.5 A2.5 2.5 0 0 0 11 5 H5.5 A2.5 2.5 0 0 0 3 7.5 V11.5 A2.5 2.5 0 0 0 5.5 14 H8.39" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 5V3.6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M6.1 8.4v1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M9.9 8.4v1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "8.25", cy: "2.55", r: "1.05", fill: "currentColor" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M13 14.9l1.9 1.9 3.6-4.2" })
-] }) });
-
-// src/components/icons/lemon-category-icons.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var p3 = (d) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d, fill: "currentColor" });
-var IconPalette = createIconBase({ paths: p3("M12,2C6.49,2,2,6.49,2,12s4.49,10,10,10c1.38,0,2.5-1.12,2.5-2.5c0-0.61-0.23-1.2-0.64-1.67c-0.08-0.1-0.13-0.21-0.13-0.33c0-0.28,0.22-0.5,0.5-0.5H16c3.31,0,6-2.69,6-6C22,6.04,17.51,2,12,2z M17.5,9.5c-0.83,0-1.5-0.67-1.5-1.5s0.67-1.5,1.5-1.5S19,7.17,19,8S18.33,9.5,17.5,9.5z M14.5,7.5C13.67,7.5,13,6.83,13,6s0.67-1.5,1.5-1.5S16,5.17,16,6S15.33,7.5,14.5,7.5z M9.5,7.5C8.67,7.5,8,6.83,8,6s0.67-1.5,1.5-1.5S11,5.17,11,6S10.33,7.5,9.5,7.5z M6.5,9.5C5.67,9.5,5,8.83,5,8s0.67-1.5,1.5-1.5S8,7.17,8,8S7.33,9.5,6.5,9.5z") });
-var IconMegaphone = createIconBase({ paths: p3("M20,2V4L4,8V6H2V18H4V16L6.56,16.44C6.19,16.83,6,17.38,6,18C6,19.66,7.34,21,9,21C10.28,21,11.37,20.21,11.8,19H13V16H11.8C11.37,14.79,10.28,14,9,14C8.39,14,7.84,14.19,7.44,14.56L4,13.47V11.18L20,6.18V2M9,16C9.55,16,10,16.45,10,17C10,17.55,9.55,18,9,18C8.45,18,8,17.55,8,17C8,16.45,8.45,16,9,16M20,4.18L4,9.18V11.18L20,6.18V4.18Z") });
-var IconMap = createIconBase({ paths: p3("M15,19L9,16.89L5,18.05V5.38L10.12,4.12L15,7.44L20.12,6.12V17.45L15,19M10.12,5.38V15.12L15,17.46V7.44L10.12,5.38Z") });
-var IconMapPin = createIconBase({ paths: p3("M12,2C8.13,2,5,5.13,5,9c0,5.25,7,13,7,13s7-7.75,7-13C19,5.13,15.87,2,12,2z M12,11.5c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5S13.38,11.5,12,11.5z") });
-var IconCoffee = createIconBase({ paths: p3("M2,21V19H20V21H2M20,8V5H18V8H20M20,3C21.1,3,22,3.9,22,5V8C22,9.1,21.1,10,20,10H18V13C18,15.21,16.21,17,14,17H8C5.79,17,4,15.21,4,13V3H20M16,5H6V8H16V5Z") });
-var IconBook = createIconBase({ paths: p3("M18,2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M6,4h5v8l-2.5-1.5L6,12V4z") });
-var IconCalendar = createIconBase({ paths: p3("M9,10H7v2h2V10z M13,10h-2v2h2V10z M17,10h-2v2h2V10z M19,3h-1V1h-2v2H8V1H6v2H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V8h14V19z") });
-var IconClock = createIconBase({ paths: p3("M11.99,2C6.47,2,2,6.48,2,12s4.47,10,9.99,10C17.52,22,22,17.52,22,12S17.52,2,11.99,2z M12,20c-4.42,0-8-3.58-8-8s3.58-8,8-8s8,3.58,8,8S16.42,20,12,20z M12.5,7H11v6l5.25,3.15l0.75-1.23l-4.5-2.67V7z") });
-var IconGlobe = createIconBase({ paths: p3("M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M11,19.93c-3.95-0.49-7-3.85-7-7.93c0-0.62,0.08-1.21,0.21-1.79L9,15v1c0,1.1,0.9,2,2,2V19.93z M17.9,17.39c-0.26-0.81-1-1.39-1.9-1.39h-1v-3c0-0.55-0.45-1-1-1H8v-2h2c0.55,0,1-0.45,1-1V7h2c1.1,0,2-0.9,2-2v-0.41C17.92,5.77,20,8.65,20,12C20,14.08,19.2,15.97,17.9,17.39z") });
-var IconCloud = createIconBase({ paths: p3("M19.35,10.04C18.67,6.59,15.64,4,12,4C9.11,4,6.6,5.64,5.35,8.04C2.34,8.36,0,10.91,0,14c0,3.31,2.69,6,6,6h13c2.76,0,5-2.24,5-5C24,12.36,21.95,10.29,19.35,10.04z") });
-var IconBug = createIconBase({ paths: p3("M20,8h-2.81c-0.45-0.78-1.07-1.45-1.82-1.96L17,4.41L15.59,3l-2.17,2.17C12.96,5.06,12.49,5,12,5S11.04,5.06,10.59,5.17L8.41,3L7,4.41l1.62,1.63C7.88,6.55,7.26,7.22,6.81,8H4v2h2.09c-0.05,0.33-0.09,0.66-0.09,1v1H4v2h2v1c0,0.34,0.04,0.67,0.09,1H4v2h2.81C7.85,19.79,9.78,21,12,21s4.15-1.21,5.19-3H20v-2h-2.09c0.05-0.33,0.09-0.66,0.09-1v-1h2v-2h-2v-1c0-0.34-0.04-0.67-0.09-1H20V8z M14,16h-4v-2h4V16z M14,12h-4v-2h4V12z") });
-var IconCrown = createIconBase({ paths: p3("M12,2L15,7H9L12,2z M17,7L14,2l3,5z M7,7L10,2L7,7z M5,20l2-8h10l2,8H5z") });
-var IconConfetti = createIconBase({ paths: p3("M14.5,2C13.67,2,13,2.67,13,3.5S13.67,5,14.5,5S16,4.33,16,3.5S15.33,2,14.5,2z M6.5,5C5.67,5,5,5.67,5,6.5S5.67,8,6.5,8S8,7.33,8,6.5S7.33,5,6.5,5z M3,12c0-0.83,0.67-1.5,1.5-1.5S6,11.17,6,12c0,0.83-0.67,1.5-1.5,1.5S3,12.83,3,12z M9.5,8C8.67,8,8,8.67,8,9.5S8.67,11,9.5,11S11,10.33,11,9.5S10.33,8,9.5,8z M7,15c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S8.66,15,7,15z M18,13c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S19.66,13,18,13z M15,7c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S16.66,7,15,7z") });
-var IconLightBulb = createIconBase({ paths: p3("M9,21c0,0.55,0.45,1,1,1h4c0.55,0,1-0.45,1-1v-1H9V21z M12,2C8.14,2,5,5.14,5,9c0,2.38,1.19,4.47,3,5.74V17c0,0.55,0.45,1,1,1h6c0.55,0,1-0.45,1-1v-2.26c1.81-1.27,3-3.36,3-5.74C19,5.14,15.86,2,12,2z M14,14h-4v-2h4V14z") });
-var IconHourglass = createIconBase({ paths: p3("M6,2H18V6H6V2z M6,18H18v4H6V18z M16.5,12c0-1.47-0.91-2.84-2.3-3.5L14,8.5V6h-4v2.5l-0.2,0.1C7.91,9.16,7,10.53,7,12s0.91,2.84,2.3,3.5L10,15.5V18h4v-2.5l0.2-0.1C15.59,14.84,16.5,13.47,16.5,12z") });
-var IconStore = createIconBase({ paths: p3("M20,4H4V2H20V4z M21,9H3l-1,4h0.44l1.22,5H19.34l1.22-5H22L21,9z M6,16c-1.1,0-2-0.9-2-2h4C8,15.1,7.1,16,6,16z M18,16c-1.1,0-2-0.9-2-2h4C20,15.1,19.1,16,18,16z") });
-var IconCart = createIconBase({ paths: p3("M7,18c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S8.1,18,7,18z M1,2v2h2l3.6,7.59L5.25,14H19v-2H7.42l0.94-2H17l3-6H5.21L4.27,2H1z M17,18c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S18.1,18,17,18z") });
-var IconEye = createIconBase({ paths: p3("M12,4.5C7,4.5,2.73,7.61,1,12c1.73,4.39,6,7.5,11,7.5s9.27-3.11,11-7.5C21.27,7.61,17,4.5,12,4.5z M12,17c-2.76,0-5-2.24-5-5s2.24-5,5-5s5,2.24,5,5S14.76,17,12,17z M12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S13.66,9,12,9z") });
-var IconPeople = createIconBase({ paths: p3("M16,11c1.66,0,2.99-1.34,2.99-3S17.66,5,16,5c-1.66,0-3,1.34-3,3S14.34,11,16,11z M8,11c1.66,0,2.99-1.34,2.99-3S9.66,5,8,5C6.34,5,5,6.34,5,8S6.34,11,8,11z M8,13c-2.33,0-7,1.17-7,3.5V19h14v-2.5C15,14.17,10.33,13,8,13z M16,13c-0.29,0-0.62,0.02-0.97,0.05c1.16,0.84,1.97,1.97,1.97,3.45V19h6v-2.5C23,14.17,18.33,13,16,13z") });
-var IconGroups = createIconBase({ paths: p3("M12,12.75c1.63,0,3.07,0.39,4.24,0.9c1.08,0.48,1.76,1.56,1.76,2.73V18H6v-1.61c0-1.18,0.68-2.26,1.76-2.73C8.93,13.14,10.37,12.75,12,12.75z M4,13c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S2.9,13,4,13z M5.13,14.1C4.76,14.04,4.39,14,4,14c-0.99,0-1.93,0.21-2.78,0.58C0.48,14.9,0,15.62,0,16.43V18h4.5v-1.61C4.5,15.56,4.73,14.78,5.13,14.1z M20,13c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S18.9,13,20,13z M24,16.43c0-0.81-0.48-1.53-1.22-1.85C21.93,14.21,20.99,14,20,14c-0.39,0-0.76,0.04-1.13,0.1c0.4,0.68,0.63,1.46,0.63,2.29V18H24V16.43z M12,6c1.66,0,3,1.34,3,3s-1.34,3-3,3s-3-1.34-3-3S10.34,6,12,6z") });
-var IconDocument = createIconBase({ paths: p3("M14,2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8L14,2z M6,20V4h7v5h5v11H6z") });
-var IconAI = createIconBase({ paths: p3("M21 11c0 4.97-4.03 9-9 9s-9-4.03-9-9s4.03-9 9-9s9 4.03 9 9z M12 7v4l3 2M9 13h6M9 16h6M12 4v2M12 18v2M6.5 6.5l1 1M16.5 16.5l1 1M4 12h2M18 12h2M6.5 17.5l1-1M16.5 7.5l1-1") });
-var IconArchive = createIconBase({ paths: p3("M21,3H3v6h1.73L5,20h14l1.27-11H21V3z M19,4v2H5V4H19z M17.17,10l-0.91,8H7.74l-0.91-8H17.17z M10,12h4v2h-4V12z") });
-var IconAtSign = createIconBase({ paths: p3("M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10h5v-2h-5c-4.34,0-8-3.66-8-8s3.66-8,8-8s8,3.66,8,8v1.43c0,0.79-0.71,1.57-1.5,1.57s-1.5-0.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5,2.24-5,5s2.24,5,5,5c1.38,0,2.64-0.56,3.54-1.47c0.65,0.89,1.77,1.47,2.96,1.47c1.97,0,3.5-1.6,3.5-3.57V12C22,6.48,17.52,2,12,2z M12,15c-1.66,0-3-1.34-3-3s1.34-3,3-3s3,1.34,3,3S13.66,15,12,15z") });
-var IconBadge = createIconBase({ paths: p3("M12,2L15,7H9L12,2z M17,7L14,2l3,5z M7,7L10,2L7,7z M5,20l2-8h10l2,8H5z") });
-var IconBinary = createIconBase({ paths: p3("M8,4h4v16H8V4z M12,4h1v16h-1V4z M3,8h1v12H3V8z M20,8h1v12h-1V8z M6,4h2v2H6V4z M16,4h2v2h-2V4z M4,4h2v2H4V4z M18,4h2v2h-2V4z") });
-var IconGear = createIconBase({ paths: p3("M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z") });
-var IconCalendarDay = createIconBase({ paths: p3("M19,3h-1V1h-2v2H8V1H6v2H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V8h14V19z M7,10h5v5H7V10z") });
-var IconChat = createIconBase({ paths: p3("M20,2H4C2.9,2,2,2.9,2,4v18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M6,9h12v2H6V9z M10,13h8v2h-8V13z M6,5h12v2H6V5z") });
-var IconCheckboxChecked = createIconBase({ paths: p3("M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z M17.99,9l-1.41-1.42L10,14.17l-2.59-2.58L6,13l4,4L17.99,9z") });
-var IconDownloadCloud = createIconBase({ paths: p3("M19.35,10.04C18.67,6.59,15.64,4,12,4C9.11,4,6.6,5.64,5.35,8.04C2.34,8.36,0,10.91,0,14c0,3.31,2.69,6,6,6h13c2.76,0,5-2.24,5-5C24,12.36,21.95,10.29,19.35,10.04z M17,13l-5,5l-5-5h3V9h4v4H17z") });
-var IconExternalLink = createIconBase({ paths: p3("M19,19H5V5h7V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-7h-2V19z M14,3v2h3.59l-9.83,9.83l1.41,1.41L19,6.41V10h2V3H14z") });
-var IconFile = createIconBase({ paths: p3("M14,2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8L14,2z M6,20V4h7v5h5v11H6z") });
-var IconFilter = createIconBase({ paths: p3("M10,18h4v-2h-4V18z M3,6v2h18V6H3z M6,13h12v-2H6V13z") });
-var IconFolder = createIconBase({ paths: p3("M10,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8c0-1.1-0.9-2-2-2h-8L10,4z") });
-var IconForward = createIconBase({ paths: p3("M12,8V4l8,8l-8,8v-4H4V8H12z") });
-var IconHash = createIconBase({ paths: p3("M19.21,12.26l-0.45,1.74h-4.47l-0.89,3.74H11.9l0.89-3.74H8.21L7.32,17.74H5.42l0.89-3.74H2v-1.74h4.76L7.65,10.5H3.5V8.76h4.59l0.89-3.74h1.91L10,8.76h4.47l0.89-3.74h1.91L16.38,8.76H20v1.74h-4.06l-0.45,1.76H20v1.74H19.21z M15.09,10.5l-0.45,1.74h-4.47l0.45-1.74H15.09z") });
-var IconHeadphones = createIconBase({ paths: p3("M12,2C7.03,2,3,6.03,3,11v4c0,1.1,0.9,2,2,2h2v-6H5v-1c0-3.87,3.13-7,7-7s7,3.13,7,7v1h-2v6h2c1.1,0,2-0.9,2-2v-4C21,6.03,16.97,2,12,2z") });
-var IconHeart = createIconBase({ paths: p3("M12,21.35l-1.45-1.32C5.4,15.36,2,12.28,2,8.5C2,5.42,4.42,3,7.5,3c1.74,0,3.41,0.81,4.5,2.09C13.09,3.81,14.76,3,16.5,3C19.58,3,22,5.42,22,8.5c0,3.78-3.4,6.86-8.55,11.54L12,21.35z") });
-var IconHomeFilled = createIconBase({ paths: p3("M10,20v-6h4v6h5v-8h3L12,3L2,12h3v8H10z") });
-var IconImage = createIconBase({ paths: p3("M21,19V5c0-1.1-0.9-2-2-2H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14C20.1,21,21,20.1,21,19z M8.5,13.5l2.5,3.01L14.5,12l4.5,6H5L8.5,13.5z") });
-var IconInbox = createIconBase({ paths: p3("M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,15h-4c0,1.66-1.34,3-3,3s-3-1.34-3-3H5V5h14V15z") });
-var IconInfoFilled = createIconBase({ paths: p3("M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M13,17h-2v-6h2V17z M13,9h-2V7h2V9z") });
-var IconKeyFilled = createIconBase({ paths: p3("M12.65,10C11.83,7.67,9.61,6,7,6c-3.31,0-6,2.69-6,6s2.69,6,6,6c2.61,0,4.83-1.67,5.65-4H17v4h4v-4h2v-4H12.65z M7,14c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S8.1,14,7,14z") });
-var IconLaptop = createIconBase({ paths: p3("M20,18c1.1,0,2-0.9,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2,4.9,2,6v10c0,1.1,0.9,2,2,2H0v2h24v-2H20z M4,6h16v10H4V6z") });
-var IconLayout = createIconBase({ paths: p3("M21,3H3C1.9,3,1,3.9,1,5v14c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z M8,5v14H3V5H8z M10,5h11v14H10V5z") });
-var IconLifeBuoy = createIconBase({ paths: p3("M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,15c-1.66,0-3-1.34-3-3s1.34-3,3-3s3,1.34,3,3S13.66,15,12,15z M19.93,11h-2.14c-0.16-1.06-0.6-2.02-1.24-2.82l1.52-1.52C18.69,7.94,19.65,9.38,19.93,11z M7.45,8.18l1.52,1.52C8.34,10.49,7.9,11.45,7.74,12.5H5.57C5.86,10.84,6.5,9.41,7.45,8.18z M5.07,13h2.14c0.16,1.06,0.6,2.02,1.24,2.82l-1.52,1.52C5.31,16.06,4.35,14.62,4.07,13z M16.55,17.82l-1.52-1.52c0.64-0.8,1.08-1.76,1.24-2.82h2.14C18.14,15.16,17.5,16.59,16.55,17.82z") });
-var IconLinkBreak = createIconBase({ paths: p3("M17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5S19.76,7,17,7z M11,15H7c-1.65,0-3-1.35-3-3s1.35-3,3-3h4V7H7c-2.76,0-5,2.24-5,5s2.24,5,5,5h4V15z M14,11H6v2h8V11z") });
-var IconLocation = createIconBase({ paths: p3("M12,2C8.13,2,5,5.13,5,9c0,5.25,7,13,7,13s7-7.75,7-13C19,5.13,15.87,2,12,2z M12,11.5c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5S13.38,11.5,12,11.5z") });
-var IconLock = createIconBase({ paths: p3("M18,8h-1V6c0-2.76-2.24-5-5-5S7,3.24,7,6v2H6c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V10C20,8.9,19.1,8,18,8z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S13.1,17,12,17z M15.1,8H8.9V6c0-1.71,1.39-3.1,3.1-3.1s3.1,1.39,3.1,3.1V8z") });
-var IconMaximize = createIconBase({ paths: p3("M3,3h8v2H5v6H3V3z M13,3h8v8h-2V5h-6V3z M3,13h2v6h6v2H3V13z M19,13v6h-6v2h8v-8H19z") });
-var IconMic = createIconBase({ paths: p3("M12,14c1.66,0,3-1.34,3-3V5c0-1.66-1.34-3-3-3S9,3.34,9,5v6C9,12.66,10.34,14,12,14z M17,11c0,2.76-2.24,5-5,5s-5-2.24-5-5H5c0,3.53,2.61,6.43,6,6.92V21h2v-3.08c3.39-0.49,6-3.39,6-6.92H17z") });
-var IconMinimize = createIconBase({ paths: p3("M6,19h5v-2H7v-4H5v5C5,18.1,5.9,19,6,19z M19,5h-5v2h4v4h2V6C20,5.9,19.1,5,19,5z M5,10h2v4h4v2H5V10z M13,13h2v-4h4V7h-6V13z") });
-var IconMinus = createIconBase({ paths: p3("M19,13H5v-2h14V13z") });
-var IconMoonFilled = createIconBase({ paths: p3("M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3z") });
-var IconMoreHorizontal = createIconBase({ paths: p3("M6,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S7.1,10,6,10z M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,10,12,10z M18,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.1,10,18,10z") });
-var IconMoreVertical = createIconBase({ paths: p3("M12,8c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S10.9,8,12,8z M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,10,12,10z M12,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,16,12,16z") });
-var IconMusic = createIconBase({ paths: p3("M12,3v10.55c-0.59-0.34-1.27-0.55-2-0.55C7.79,13,6,14.79,6,17s1.79,4,4,4s4-1.79,4-4V7h4V3H12z") });
-var IconNavigation = createIconBase({ paths: p3("M12,2L4.5,20.29l0.71,0.71L12,18l6.79,3l0.71-0.71L12,2z") });
-var IconPaperclip = createIconBase({ paths: p3("M16.5,6v11.5c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10.5c0,0.55-0.45,1-1,1s-1-0.45-1-1V6H10v9.5c0,1.38,1.12,2.5,2.5,2.5s2.5-1.12,2.5-2.5V5c0-2.21-1.79-4-4-4S7,2.79,7,5v12.5c0,3.04,2.46,5.5,5.5,5.5s5.5-2.46,5.5-5.5V6H16.5z") });
-var IconPercent = createIconBase({ paths: p3("M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M7.5,9C6.67,9,6,8.33,6,7.5S6.67,6,7.5,6S9,6.67,9,7.5S8.33,9,7.5,9z M6,16.5l9-9l1.5,1.5l-9,9L6,16.5z M16.5,18c-0.83,0-1.5-0.67-1.5-1.5s0.67-1.5,1.5-1.5s1.5,0.67,1.5,1.5S17.33,18,16.5,18z") });
-var IconPhone = createIconBase({ paths: p3("M6.62,10.79c1.44,2.83,3.76,5.14,6.59,6.59l2.2-2.2c0.27-0.27,0.67-0.36,1.02-0.24c1.12,0.37,2.33,0.57,3.57,0.57c0.55,0,1,0.45,1,1V20c0,0.55-0.45,1-1,1c-9.39,0-17-7.61-17-17c0-0.55,0.45-1,1-1h3.5c0.55,0,1,0.45,1,1c0,1.25,0.2,2.45,0.57,3.57C5.1,9.04,5.01,9.44,4.74,9.71L6.62,10.79z") });
-var IconPin = createIconBase({ paths: p3("M16,9V4l1-1V2H7v1l1,1v5c-2.21,1.58-3,4.06-3,7h5v7l1,1l1-1v-7h5C16,13.06,15.21,11.58,14,9z") });
-var IconPrinter = createIconBase({ paths: p3("M19,8H5c-1.66,0-3,1.34-3,3v6h4v4h12v-4h4v-6C22,9.34,20.66,8,19,8z M16,19H8v-5h8V19z M19,12c-0.55,0-1-0.45-1-1s0.45-1,1-1s1,0.45,1,1S19.55,12,19,12z M18,3H6v4h12V3z") });
-var IconRedo = createIconBase({ paths: p3("M18.4,10.6C16.55,8.99,14.15,8,11.5,8c-4.65,0-8.58,3.03-9.96,7.22L3.9,16c1.05-3.19,4.05-5.5,7.6-5.5c1.95,0,3.73,0.72,5.12,1.88L13,16h9V7L18.4,10.6z") });
-var IconRefresh = createIconBase({ paths: p3("M17.65,6.35C16.2,4.9,14.21,4,12,4c-4.42,0-7.99,3.58-7.99,8s3.57,8,7.99,8c3.73,0,6.84-2.55,7.73-6h-2.08C16.92,17.28,14.67,19,12,19c-3.86,0-7-3.14-7-7s3.14-7,7-7c1.93,0,3.68,0.79,4.95,2.05L14,10h7V3L17.65,6.35z") });
-var IconReply = createIconBase({ paths: p3("M10,9V5l-7,7l7,7v-4.1c5,0,8.5,1.6,11,5.1c-1-5-4-10-11-11z") });
-var IconReport = createIconBase({ paths: p3("M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M9,17H7v-7h2V17z M13,17h-2V7h2V17z M17,17h-2v-4h2V17z") });
-
 // src/components/ui/Alert.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var statusConfig = {
   info: { icon: IconInfo },
   success: { icon: IconCheckCircle },
@@ -1304,7 +968,7 @@ var Alert = (0, import_react5.forwardRef)(function Alert2(_a, ref) {
   ]);
   const config = statusConfig[status];
   const Icon = config.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -1313,20 +977,20 @@ var Alert = (0, import_react5.forwardRef)(function Alert2(_a, ref) {
       className: cn("ph-alert", statusClassMap[status], className)
     }, props), {
       children: [
-        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "ph-alert-icon mt-0.5 h-5 w-5 shrink-0", "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-semibold", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: description }),
+        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "ph-alert-icon mt-0.5 h-5 w-5 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-semibold", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: description }),
           children
         ] }),
-        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
             onClick: onDismiss,
             className: "ph-alert-dismiss",
             "aria-label": dismissLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconClose, { className: "h-4 w-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconClose, { className: "h-4 w-4", "aria-hidden": true })
           }
         )
       ]
@@ -1337,7 +1001,7 @@ Alert.displayName = "Alert";
 
 // src/components/ui/Badge.tsx
 var import_react6 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var variantMap = {
   brand: "ph-badge-brand",
   neutral: "ph-badge-neutral",
@@ -1363,7 +1027,7 @@ var Badge = (0, import_react6.forwardRef)(function Badge2(_a, ref) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "span",
     __spreadProps(__spreadValues({
       ref,
@@ -1382,7 +1046,7 @@ Badge.displayName = "Badge";
 
 // src/components/ui/Card.tsx
 var import_react7 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var variantMap2 = {
   default: "",
   outlined: "border-2 border-ph-border",
@@ -1415,7 +1079,7 @@ var Card = (0, import_react7.forwardRef)(function Card2(_a, ref) {
     "interactive",
     "titleAs"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -1427,14 +1091,14 @@ var Card = (0, import_react7.forwardRef)(function Card2(_a, ref) {
       )
     }, props), {
       children: [
-        media && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ph-card-media", children: media }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: cn("ph-card-body", bodyClassName), children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Title2, { className: "ph-card-title", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
+        media && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "ph-card-media", children: media }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cn("ph-card-body", bodyClassName), children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Title2, { className: "ph-card-title", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
           children,
-          actions && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ph-card-actions", children: actions })
+          actions && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "ph-card-actions", children: actions })
         ] }),
-        footer && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "border-t border-ph-border px-6 py-4 text-xs text-ph-subtle", children: footer })
+        footer && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "border-t border-ph-border px-6 py-4 text-xs text-ph-subtle", children: footer })
       ]
     })
   );
@@ -1442,7 +1106,7 @@ var Card = (0, import_react7.forwardRef)(function Card2(_a, ref) {
 Card.displayName = "Card";
 
 // src/components/ui/Drawer.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var sideMap = {
   left: "left-0 border-r",
   right: "right-0 border-l"
@@ -1464,9 +1128,9 @@ function Drawer({
   showCloseButton = true
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fixed inset-0 z-[120] bg-black/45 backdrop-blur-[2px]", role: "presentation", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fixed inset-0 z-[120] bg-black/45 backdrop-blur-[2px]", role: "presentation", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "aside",
       {
         className: cn(
@@ -1476,12 +1140,12 @@ function Drawer({
           className
         ),
         children: [
-          (title || showCloseButton) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm font-bold text-ph-ink", children: title }),
-            showCloseButton && onClose && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { variant: "ghost", className: "ph-btn-circle", onClick: onClose, "aria-label": "Close drawer", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconClose, { className: "h-5 w-5" }) })
+          (title || showCloseButton) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-bold text-ph-ink", children: title }),
+            showCloseButton && onClose && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "ghost", className: "ph-btn-circle", onClick: onClose, "aria-label": "Close drawer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconClose, { className: "h-5 w-5" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1", children }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("footer", { className: "border-t border-ph-border px-4 py-3", children: footer })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1", children }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("footer", { className: "border-t border-ph-border px-4 py-3", children: footer })
         ]
       }
     )
@@ -1489,7 +1153,7 @@ function Drawer({
 }
 
 // src/components/ui/Kbd.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var platformLabels = {
   text: {
     command: "Command",
@@ -1548,17 +1212,17 @@ function Kbd(_a) {
     "aria-label"
   ]);
   if (variant === "token") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("code", __spreadProps(__spreadValues({ className: cn("ph-code-token ph-kbd", className), "aria-label": ariaLabel }, props), { children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("code", __spreadProps(__spreadValues({ className: cn("ph-code-token ph-kbd", className), "aria-label": ariaLabel }, props), { children }));
   }
   const sourceKeys = (keys == null ? void 0 : keys.length) ? keys : children != null ? [children] : [];
   const displayKeys = sourceKeys.map((key) => formatKey(key, platform));
   const accessibleLabel = ariaLabel != null ? ariaLabel : getShortcutLabel(displayKeys);
   if (variant === "key") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys[0] }));
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys[0] }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-shortcut-group ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "contents", children: [
-    index > 0 && separator != null ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ph-shortcut-separator", "aria-hidden": "true", children: separator }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ph-shortcut-key", "aria-hidden": accessibleLabel ? true : void 0, children: key })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("kbd", __spreadProps(__spreadValues({ className: cn("ph-shortcut-group ph-keycap", className), "aria-label": accessibleLabel }, props), { children: displayKeys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "contents", children: [
+    index > 0 && separator != null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ph-shortcut-separator", "aria-hidden": "true", children: separator }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ph-shortcut-key", "aria-hidden": accessibleLabel ? true : void 0, children: key })
   ] }, index)) }));
 }
 function formatKey(key, platform) {
@@ -1577,7 +1241,7 @@ function getShortcutLabel(keys) {
 }
 
 // src/components/ui/Loader.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var loaderSizeClass = {
   sm: "ph-loader-sm",
   md: "ph-loader-md",
@@ -1603,7 +1267,7 @@ function Loader(_a) {
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       role: "status",
@@ -1611,20 +1275,20 @@ function Loader(_a) {
       className: cn("ph-loader", loaderSizeClass[size], className)
     }, props), {
       children: [
-        variant === "spinner" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ph-loading", "aria-hidden": true }) : null,
-        variant === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ph-loading-dots", "aria-hidden": true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", {})
+        variant === "spinner" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ph-loading", "aria-hidden": true }) : null,
+        variant === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "ph-loading-dots", "aria-hidden": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {})
         ] }) : null,
-        variant === "pulse" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ph-loading-pulse", "aria-hidden": true }) : null
+        variant === "pulse" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ph-loading-pulse", "aria-hidden": true }) : null
       ]
     })
   );
 }
 function Skeleton(_a) {
   var _b = _a, { shape = "text", className } = _b, props = __objRest(_b, ["shape", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "span",
     __spreadValues({
       className: cn("ph-skeleton", skeletonShapeClass[shape], className),
@@ -1648,62 +1312,62 @@ function LoadingState(_a) {
     "size",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-loading-state", className), role: "status", "aria-label": label }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loader, { variant, size, label, "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ph-loading-state__copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-loading-state", className), role: "status", "aria-label": label }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Loader, { variant, size, label, "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "ph-loading-state__copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: description }) : null
     ] })
   ] }));
 }
 
 // src/components/ui/AuthLayout.tsx
 var import_react8 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function AuthLayout(_a) {
   var _b = _a, { brand, footer, aside, children, className } = _b, props = __objRest(_b, ["brand", "footer", "aside", "children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-layout", aside != null && "ph-auth-layout--split", className) }, props), { children: [
-    aside ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("aside", { className: "ph-auth-layout__aside", children: aside }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "ph-auth-layout__main", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "ph-auth-layout__column", children: [
-      brand ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "ph-auth-layout__brand", children: brand }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-layout", aside != null && "ph-auth-layout--split", className) }, props), { children: [
+    aside ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("aside", { className: "ph-auth-layout__aside", children: aside }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-auth-layout__main", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ph-auth-layout__column", children: [
+      brand ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-auth-layout__brand", children: brand }) : null,
       children,
-      footer ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("footer", { className: "ph-auth-layout__footer", children: footer }) : null
+      footer ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("footer", { className: "ph-auth-layout__footer", children: footer }) : null
     ] }) })
   ] }));
 }
 function AuthCard(_a) {
   var _b = _a, { title, description, footer, children, className } = _b, props = __objRest(_b, ["title", "description", "footer", "children", "className"]);
   const titleId = (0, import_react8.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-auth-card", className), "aria-labelledby": titleId }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { className: "ph-auth-card__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h1", { id: titleId, children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-auth-card", className), "aria-labelledby": titleId }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "ph-auth-card__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { id: titleId, children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "ph-auth-card__body", children }),
-    footer ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("footer", { className: "ph-auth-card__footer", children: footer }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ph-auth-card__body", children }),
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("footer", { className: "ph-auth-card__footer", children: footer }) : null
   ] }));
 }
 function AuthDivider(_a) {
   var _b = _a, { children = "or continue with", className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-divider", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-auth-divider", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children }) }));
 }
 
 // src/components/ui/SettingsLayout.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function SettingsNav(_a) {
   var _b = _a, { groups, className } = _b, props = __objRest(_b, ["groups", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-settings-nav", className) }, props), { children: groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "ph-settings-nav__group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { children: group.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ph-settings-nav__items", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-settings-nav", className) }, props), { children: groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ph-settings-nav__group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { children: group.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ph-settings-nav__items", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       "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__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ph-settings-nav__icon", children: item.icon }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: item.label }),
-          item.badge ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ph-settings-nav__badge", children: item.badge }) : null
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ph-settings-nav__icon", children: item.icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: item.label }),
+          item.badge ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ph-settings-nav__badge", children: item.badge }) : null
         ]
       },
       item.id
@@ -1728,31 +1392,31 @@ function SettingsLayout(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-settings-layout", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: "ph-settings-layout__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", __spreadProps(__spreadValues({ className: cn("ph-settings-layout", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { className: "ph-settings-layout__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: description }) : null
       ] }),
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ph-settings-layout__actions", children: actions }) : null
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ph-settings-layout__actions", children: actions }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("details", { className: "ph-settings-layout__mobile-nav", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("summary", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconTuning, { className: "h-4 w-4", "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("details", { className: "ph-settings-layout__mobile-nav", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("summary", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconTuning, { className: "h-4 w-4", "aria-hidden": true }),
         "Settings menu"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { "aria-label": navigationLabel, children: navigation })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { "aria-label": navigationLabel, children: navigation })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "ph-settings-layout__grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("aside", { className: "ph-settings-layout__sidebar", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { "aria-label": navigationLabel, children: navigation }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ph-settings-layout__content", children })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ph-settings-layout__grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("aside", { className: "ph-settings-layout__sidebar", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { "aria-label": navigationLabel, children: navigation }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ph-settings-layout__content", children })
     ] })
   ] }));
 }
 
 // src/components/ui/DropdownMenu.tsx
 var DropdownPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var sizeClass2 = {
   xs: "ph-btn-xs",
   sm: "ph-btn-sm",
@@ -1774,7 +1438,7 @@ function DropdownContent({
   avoidCollisions = true,
   panelClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     DropdownPrimitive.Content,
     {
       className: cn("ph-dropdown-panel", panelClassName),
@@ -1787,7 +1451,7 @@ function DropdownContent({
       sticky: "partial",
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Arrow, { className: "ph-dropdown-arrow", width: 12, height: 6 })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Arrow, { className: "ph-dropdown-arrow", width: 12, height: 6 })
       ]
     }
   ) });
@@ -1828,7 +1492,7 @@ function DropdownMenu(_a) {
     "modal",
     "disabled"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     DropdownPrimitive.Root,
     {
       open,
@@ -1836,8 +1500,8 @@ function DropdownMenu(_a) {
       onOpenChange,
       modal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "ph-dropdown-trigger", "aria-label": ariaLabel, children: trigger }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "ph-dropdown-trigger", "aria-label": ariaLabel, children: trigger }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           DropdownContent,
           {
             align,
@@ -1902,8 +1566,8 @@ function DropdownButton(_a) {
     "modal",
     "disabled"
   ]);
-  const trailing = sideIcon != null ? sideIcon : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconChevronDown, { className: "h-4 w-4", "aria-hidden": true });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  const trailing = sideIcon != null ? sideIcon : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconChevronDown, { className: "h-4 w-4", "aria-hidden": true });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     DropdownPrimitive.Root,
     {
       open,
@@ -1911,7 +1575,7 @@ function DropdownButton(_a) {
       onOpenChange,
       modal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             type: "button",
@@ -1924,10 +1588,10 @@ function DropdownButton(_a) {
               split && "ph-btn-split"
             ),
             "aria-label": ariaLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ButtonChrome, { label, icon, sideIcon: trailing, split })
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ButtonChrome, { label, icon, sideIcon: trailing, split })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           DropdownContent,
           {
             align,
@@ -1946,7 +1610,7 @@ function DropdownButton(_a) {
 }
 function DropdownItem(_a) {
   var _b = _a, { className, children, disabled } = _b, props = __objRest(_b, ["className", "children", "disabled"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type: "button",
@@ -1958,13 +1622,13 @@ function DropdownItem(_a) {
   ) });
 }
 function DropdownRadioGroup(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.RadioGroup, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.RadioGroup, __spreadValues({}, props));
 }
 function DropdownRadioItem(_a) {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownPrimitive.RadioItem, __spreadProps(__spreadValues({ className: cn("ph-dropdown-item ph-dropdown-radio-item", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-dropdown-item-indicator", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconCheck, { className: "h-3.5 w-3.5" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownPrimitive.RadioItem, __spreadProps(__spreadValues({ className: cn("ph-dropdown-item ph-dropdown-radio-item", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ph-dropdown-item-indicator", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconCheck, { className: "h-3.5 w-3.5" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children })
   ] }));
 }
 
@@ -1973,7 +1637,7 @@ var import_react10 = require("react");
 
 // src/components/ui/FormField.tsx
 var import_react9 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function FormField(_a) {
   var _b = _a, {
     controlId,
@@ -2006,26 +1670,26 @@ function FormField(_a) {
     "aria-errormessage": errorId,
     "aria-invalid": error ? true : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-field", className) }, props), { children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-field", className) }, props), { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "label",
       {
         htmlFor: id,
         className: cn("ph-label", hideLabel && "sr-only", disabled && "opacity-50"),
         children: [
           label,
-          required ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
+          required ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
         ]
       }
     ) : null,
     typeof children === "function" ? children(controlProps) : children,
-    descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
-    errorId ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
+    descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
+    errorId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
   ] }));
 }
 
 // src/components/ui/Input.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var sizeMap3 = {
   sm: "ph-input-sm",
   md: "",
@@ -2066,7 +1730,7 @@ var Input = (0, import_react10.forwardRef)(function Input2(_a, ref) {
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     FormField,
     {
       controlId: id,
@@ -2077,7 +1741,7 @@ var Input = (0, import_react10.forwardRef)(function Input2(_a, ref) {
       required,
       disabled,
       className: wrapperClassName,
-      children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "input",
         __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
           ref,
@@ -2129,7 +1793,7 @@ var Select = (0, import_react10.forwardRef)(function Select2(_a, ref) {
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "select",
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -2178,7 +1842,7 @@ var Textarea = (0, import_react10.forwardRef)(function Textarea2(_a, ref) {
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "textarea",
     __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -2221,9 +1885,9 @@ var Checkbox = (0, import_react10.forwardRef)(function Checkbox2(_a, ref) {
   const hasError = Boolean(error);
   const descriptionId = helperText && !hasError ? `${id}-description` : void 0;
   const errorId = error ? `${id}-error` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("ph-control-row", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "ph-checkbox-wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-control-row", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "ph-checkbox-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "input",
         __spreadValues({
           ref,
@@ -2241,12 +1905,12 @@ var Checkbox = (0, import_react10.forwardRef)(function Checkbox2(_a, ref) {
           )
         }, props)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ph-control-copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label }),
-      descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
-      errorId ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "ph-control-copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label }),
+      descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
+      errorId ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
     ] })
   ] });
 });
@@ -2267,8 +1931,8 @@ var Radio = (0, import_react10.forwardRef)(function Radio2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "input",
       __spreadValues({
         ref,
@@ -2278,7 +1942,7 @@ var Radio = (0, import_react10.forwardRef)(function Radio2(_a, ref) {
         className: cn("ph-radio", disabled && "cursor-not-allowed", className)
       }, props)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: cn("cursor-pointer", disabled && "opacity-60"), children: label })
   ] });
 });
 Radio.displayName = "Radio";
@@ -2298,9 +1962,9 @@ var Toggle = (0, import_react10.forwardRef)(function Toggle2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: cn("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: cn("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "input",
       __spreadValues({
         ref,
@@ -2334,13 +1998,13 @@ var Range = (0, import_react10.forwardRef)(function Range2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", __spreadValues({ ref, id, type: "range", className: cn("ph-range", className) }, props)),
-    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: minLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: valueLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: maxLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", __spreadValues({ ref, id, type: "range", className: cn("ph-range", className) }, props)),
+    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: minLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: valueLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: maxLabel })
     ] })
   ] });
 });
@@ -2361,10 +2025,10 @@ var FileUpload = (0, import_react10.forwardRef)(function FileUpload2(_a, ref) {
   ]);
   const autoId = (0, import_react10.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { htmlFor: id, className: "ph-file-upload", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", __spreadValues({ ref, id, type: "file", className: cn("sr-only", className) }, props)),
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { htmlFor: id, className: "ph-file-upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", __spreadValues({ ref, id, type: "file", className: cn("sr-only", className) }, props)),
       prompt
     ] })
   ] });
@@ -2374,7 +2038,7 @@ FileUpload.displayName = "FileUpload";
 // src/components/ui/Modal.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 var import_react11 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var sizeMap4 = {
   sm: "max-w-sm",
   md: "max-w-lg",
@@ -2398,16 +2062,16 @@ function Modal({
 }) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = (0, import_react11.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Dialog.Root,
     {
       open,
       onOpenChange: (nextOpen) => {
         if (!nextOpen) onClose == null ? void 0 : onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Dialog.Portal, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog.Overlay, { className: "ph-modal-overlay" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Dialog.Portal, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Overlay, { className: "ph-modal-overlay" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           Dialog.Content,
           __spreadProps(__spreadValues({
             className: cn("ph-modal-panel", sizeMap4[size], className),
@@ -2428,16 +2092,16 @@ function Modal({
               if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
             },
             children: [
-              title ? null : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
-              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("header", { className: "ph-modal-header", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0", children: [
-                  title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
+              title ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { className: "ph-modal-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0", children: [
+                  title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
                 ] }),
-                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { type: "button", className: "ph-modal-close", "aria-label": "Close dialog", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true }) }) }) : null
+                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "ph-modal-close", "aria-label": "Close dialog", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true }) }) }) : null
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-modal-body", children }),
-              footer ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ph-modal-body", children }),
+              footer ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
             ]
           })
         )
@@ -2447,11 +2111,11 @@ function Modal({
 }
 
 // src/components/ui/Navigation.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Breadcrumbs({ items, label = "Breadcrumb", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("nav", { "aria-label": label, className: cn("ph-breadcrumbs", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "contents", children: [
-    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ph-breadcrumb-sep", "aria-hidden": "true", children: "/" }) : null,
-    item.current || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ph-breadcrumb-current", "aria-current": item.current ? "page" : void 0, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: item.href, className: "ph-breadcrumb-link", children: item.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("nav", { "aria-label": label, className: cn("ph-breadcrumbs", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "contents", children: [
+    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ph-breadcrumb-sep", "aria-hidden": "true", children: "/" }) : null,
+    item.current || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ph-breadcrumb-current", "aria-current": item.current ? "page" : void 0, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { href: item.href, className: "ph-breadcrumb-link", children: item.label })
   ] }, `${item.label}-${index}`)) });
 }
 function Pagination({
@@ -2464,8 +2128,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__ */ (0, import_jsx_runtime21.jsxs)("nav", { "aria-label": label, className: cn("ph-pagination", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("nav", { "aria-label": label, className: cn("ph-pagination", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "button",
       {
         type: "button",
@@ -2473,12 +2137,12 @@ function Pagination({
         disabled: page <= 1,
         "aria-label": "Previous page",
         onClick: () => onPageChange == null ? void 0 : onPageChange(page - 1),
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconChevronLeft, { className: "mx-auto h-4 w-4", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconChevronLeft, { className: "mx-auto h-4 w-4", "aria-hidden": true })
       }
     ),
-    uniquePages.map((pageNumber, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "contents", children: [
-      !compact && index === uniquePages.length - 1 && pageNumber > 4 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ph-pagination-ellipsis", "aria-hidden": "true", children: "..." }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    uniquePages.map((pageNumber, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "contents", children: [
+      !compact && index === uniquePages.length - 1 && pageNumber > 4 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ph-pagination-ellipsis", "aria-hidden": "true", children: "..." }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "button",
         {
           type: "button",
@@ -2489,7 +2153,7 @@ function Pagination({
         }
       )
     ] }, pageNumber)),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "button",
       {
         type: "button",
@@ -2497,25 +2161,25 @@ function Pagination({
         disabled: page >= totalPages,
         "aria-label": "Next page",
         onClick: () => onPageChange == null ? void 0 : onPageChange(page + 1),
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconChevronRight, { className: "mx-auto h-4 w-4", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconChevronRight, { className: "mx-auto h-4 w-4", "aria-hidden": true })
       }
     )
   ] });
 }
 
 // src/components/ui/Panel.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Panel(_a) {
   var _b = _a, { title, description, children, className } = _b, props = __objRest(_b, ["title", "description", "children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-panel", className) }, props), { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "text-sm font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-panel", className) }, props), { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-sm font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
     children
   ] }));
 }
 
 // src/components/ui/Rating.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Rating(_a) {
   var _b = _a, {
     label,
@@ -2535,9 +2199,9 @@ function Rating(_a) {
     "wrapperClassName"
   ]);
   const stars = Array.from({ length: max }, (_, index) => index + 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       __spreadProps(__spreadValues({
         className: cn("ph-rating flex", className),
@@ -2547,7 +2211,7 @@ function Rating(_a) {
         children: stars.map((star) => {
           const active = star <= value;
           if (readOnly) {
-            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               IconStar,
               {
                 className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border"),
@@ -2556,7 +2220,7 @@ function Rating(_a) {
               star
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "button",
             {
               type: "button",
@@ -2565,7 +2229,7 @@ function Rating(_a) {
               "aria-checked": active,
               "aria-label": `${star} out of ${max}`,
               onClick: () => onChange == null ? void 0 : onChange(star),
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconStar, { className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconStar, { className: cn("h-6 w-6", active ? "text-amber-500" : "text-ph-border") })
             },
             star
           );
@@ -2577,7 +2241,7 @@ function Rating(_a) {
 
 // src/components/ui/SearchInput.tsx
 var import_react12 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function SearchInput(_a) {
   var _b = _a, {
     id: idProp,
@@ -2600,10 +2264,10 @@ function SearchInput(_a) {
   ]);
   const autoId = (0, import_react12.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("relative", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: id, className: hideLabel ? "sr-only" : "ph-label mb-1.5 block", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
-      shortcut != null ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("relative", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: id, className: hideLabel ? "sr-only" : "ph-label mb-1.5 block", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
+      shortcut != null ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "span",
         {
           className: "ph-shortcut pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2 text-xs",
@@ -2611,7 +2275,7 @@ function SearchInput(_a) {
           children: shortcut
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "input",
         __spreadValues({
           id,
@@ -2647,10 +2311,10 @@ function SearchGroup(_a) {
   ]);
   const autoId = (0, import_react12.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "ph-search-group flex w-full max-w-lg min-h-[2.3125rem] items-stretch divide-x divide-ph-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("ph-field", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ph-search-group flex w-full max-w-lg min-h-[2.3125rem] items-stretch divide-x divide-ph-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "input",
         __spreadValues({
           id,
@@ -2659,12 +2323,12 @@ function SearchGroup(_a) {
           className: cn("ph-input ph-input-group-field min-w-0 flex-1", className)
         }, props)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         Button,
         {
           type: "submit",
           variant: "primary",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconSearch, { className: "h-4 w-4", "aria-hidden": true }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSearch, { className: "h-4 w-4", "aria-hidden": true }),
           className: "ph-search-group__submit",
           "aria-label": submitLabel
         }
@@ -2674,7 +2338,7 @@ function SearchGroup(_a) {
 }
 
 // src/components/ui/Table.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Table({
   data,
   columns,
@@ -2685,15 +2349,15 @@ function Table({
   className,
   caption
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("ph-table-wrap", compact && "ph-table-compact", className), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("table", { className: cn("ph-table", zebra && "ph-table-zebra", ribbon && "ph-table--ribbon"), children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("caption", { className: "sr-only", children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: col.className, children: col.header }, col.key)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tbody", { children: data.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tr", { style: getRowStyle == null ? void 0 : getRowStyle(row), children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: col.className, children: col.cell(row) }, col.key)) }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("ph-table-wrap", compact && "ph-table-compact", className), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("table", { className: cn("ph-table", zebra && "ph-table-zebra", ribbon && "ph-table--ribbon"), children: [
+    caption && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("caption", { className: "sr-only", children: caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: col.className, children: col.header }, col.key)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tbody", { children: data.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tr", { style: getRowStyle == null ? void 0 : getRowStyle(row), children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: col.className, children: col.cell(row) }, col.key)) }, i)) })
   ] }) });
 }
 
 // src/components/ui/Stat.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var toneMap = {
   default: "text-ph-ink",
   brand: "text-ph-brand",
@@ -2710,16 +2374,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__ */ (0, import_jsx_runtime26.jsxs)("article", __spreadProps(__spreadValues({ className: cn("ph-stat", statMap[tone], className) }, props), { children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("mb-2 h-7 w-7", toneMap[tone]), children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("ph-stat-label", tone === "warning" && toneMap[tone]), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("ph-stat-val", toneMap[tone]), children: value }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-ph-subtle", children: footer })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("article", __spreadProps(__spreadValues({ className: cn("ph-stat", statMap[tone], className) }, props), { children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("mb-2 h-7 w-7", toneMap[tone]), children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("ph-stat-label", tone === "warning" && toneMap[tone]), children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("ph-stat-val", toneMap[tone]), children: value }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-ph-subtle", children: footer })
   ] }));
 }
 
 // src/components/ui/Toast.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var statusConfig2 = {
   info: { icon: IconErrorOutline, color: "text-ph-info", bg: "ph-toast-info" },
   success: { icon: IconCheckCircle, color: "text-ph-success", bg: "ph-toast-success" },
@@ -2735,33 +2399,33 @@ function Toast({
 }) {
   const config = statusConfig2[status];
   const Icon = config.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn("ph-toast", config.bg, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { className: cn("mt-0.5 h-5 w-5 shrink-0", config.color), "aria-hidden": true }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "pr-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "font-semibold", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("ph-toast", config.bg, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { className: cn("mt-0.5 h-5 w-5 shrink-0", config.color), "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "pr-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "font-semibold", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: description })
     ] }),
-    onDismiss && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    onDismiss && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "button",
       {
         type: "button",
         "aria-label": `Dismiss ${title}`,
         className: "absolute right-2 top-2 ph-btn ph-btn-ghost ph-btn-xs ph-btn-circle",
         onClick: onDismiss,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconClose, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconClose, { className: "h-4 w-4" })
       }
     )
   ] });
 }
 function ToastStack({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("ph-toast-stack", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("ph-toast-stack", className), children });
 }
 
 // src/components/ui/Tabs.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Tabs({ items, value, onChange, variant = "pill", className }) {
   if (variant === "underline") {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("flex gap-6 border-b border-ph-border", className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("flex gap-6 border-b border-ph-border", className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "button",
       {
         type: "button",
@@ -2775,7 +2439,7 @@ function Tabs({ items, value, onChange, variant = "pill", className }) {
       item.value
     )) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("ph-tabs-row inline-flex", className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("ph-tabs-row inline-flex", className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "button",
     {
       type: "button",
@@ -3047,17 +2711,17 @@ function ThemeDomSync() {
 
 // src/components/ui/ThemeManager.tsx
 var import_react14 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function ThemeManager({ children }) {
   (0, import_react14.useLayoutEffect)(() => {
     persistTheme(readStoredTheme());
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children });
 }
 
 // src/components/ui/ThemeSwitcher.tsx
 var import_react15 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function ThemeSwitcher({ className }) {
   const [themeId, setThemeId] = (0, import_react15.useState)("hedgehog-light");
   (0, import_react15.useEffect)(() => {
@@ -3065,9 +2729,9 @@ function ThemeSwitcher({ className }) {
     persistTheme(id);
     setThemeId(id);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: cn("flex min-w-0 items-center gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 text-xs font-medium text-ph-mutedtext sm:text-sm", children: "Theme" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: cn("flex min-w-0 items-center gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "shrink-0 text-xs font-medium text-ph-mutedtext sm:text-sm", children: "Theme" }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "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",
@@ -3078,7 +2742,7 @@ function ThemeSwitcher({ className }) {
           persistTheme(next);
           setThemeId(next);
         },
-        children: THEME_GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("optgroup", { label: group, children: THEMES.filter((theme) => theme.group === group).map((theme) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: theme.id, children: theme.name }, theme.id)) }, group))
+        children: THEME_GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("optgroup", { label: group, children: THEMES.filter((theme) => theme.group === group).map((theme) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: theme.id, children: theme.name }, theme.id)) }, group))
       }
     )
   ] });
@@ -3086,7 +2750,7 @@ function ThemeSwitcher({ className }) {
 
 // src/components/ui/Accordion.tsx
 var import_react16 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Accordion({
   items,
   allowMultiple = false,
@@ -3108,18 +2772,18 @@ function Accordion({
       return next;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("divide-y divide-ph-border rounded-xl border border-ph-border bg-ph-surface", className), children: items.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("divide-y divide-ph-border rounded-xl border border-ph-border bg-ph-surface", className), children: items.map((item) => {
     const isOpen = openItems.has(item.id);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "first:rounded-t-xl last:rounded-b-xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "first:rounded-t-xl last:rounded-b-xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           type: "button",
           onClick: () => toggleItem(item.id),
           className: "flex w-full items-center justify-between px-5 py-4 text-left transition hover:bg-ph-muted",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "font-semibold text-ph-ink", children: item.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-semibold text-ph-ink", children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               IconChevronDown,
               {
                 className: cn(
@@ -3131,14 +2795,14 @@ function Accordion({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "div",
         {
           className: cn(
             "grid transition-all duration-200",
             isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "px-5 pb-4 text-ph-subtle", children: item.content }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-5 pb-4 text-ph-subtle", children: item.content }) })
         }
       )
     ] }, item.id);
@@ -3146,16 +2810,16 @@ function Accordion({
 }
 
 // src/components/ui/Stepper.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Stepper({ steps, currentStep, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("flex items-start gap-2", className), children: steps.map((step, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("flex items-start gap-2", className), children: steps.map((step, index) => {
     const isCompleted = index < currentStep;
     const isCurrent = index === currentStep;
     const isPending = index > currentStep;
     const isError = step.status === "error";
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-1 items-start gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-1 flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-1 items-start gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-1 flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "div",
           {
             className: cn(
@@ -3165,11 +2829,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__ */ (0, import_jsx_runtime32.jsx)(IconCheck, { className: "h-5 w-5", "aria-hidden": true }) : index + 1
+            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconCheck, { className: "h-5 w-5", "aria-hidden": true }) : index + 1
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-2 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "mt-2 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "p",
             {
               className: cn(
@@ -3180,10 +2844,10 @@ function Stepper({ steps, currentStep, className }) {
               children: step.label
             }
           ),
-          step.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mt-0.5 text-xs text-ph-mutedtext", children: step.description })
+          step.description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-0.5 text-xs text-ph-mutedtext", children: step.description })
         ] })
       ] }),
-      index < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      index < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "div",
         {
           className: cn(
@@ -3197,16 +2861,16 @@ function Stepper({ steps, currentStep, className }) {
 }
 
 // src/components/ui/SegmentedControl.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function SegmentedControl({ options, value, onChange, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       className: cn(
         "inline-flex rounded-lg bg-ph-muted p-1",
         className
       ),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "button",
         {
           type: "button",
@@ -3216,7 +2880,7 @@ function SegmentedControl({ options, value, onChange, className }) {
             value === option.value ? "bg-ph-surface text-ph-ink shadow-ph" : "text-ph-subtle hover:text-ph-ink"
           ),
           children: [
-            option.icon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "h-4 w-4", children: option.icon }),
+            option.icon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-4 w-4", children: option.icon }),
             option.label
           ]
         },
@@ -3228,7 +2892,7 @@ function SegmentedControl({ options, value, onChange, className }) {
 
 // src/components/ui/CommandPalette.tsx
 var import_react17 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function CommandPalette({
   items,
   isOpen,
@@ -3277,7 +2941,7 @@ function CommandPalette({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, filtered, selectedIndex, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[20vh] backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[20vh] backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       className: cn(
@@ -3285,9 +2949,9 @@ function CommandPalette({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-3 border-b border-ph-border px-4 py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconSearch, { className: "h-5 w-5 text-ph-mutedtext" }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-3 border-b border-ph-border px-4 py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(IconSearch, { className: "h-5 w-5 text-ph-mutedtext" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "input",
             {
               ref: inputRef,
@@ -3301,9 +2965,9 @@ function CommandPalette({
               className: "flex-1 bg-transparent text-ph-ink outline-none placeholder:text-ph-mutedtext"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-muted px-1.5 py-0.5 text-xs text-ph-mutedtext", children: "ESC" })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-muted px-1.5 py-0.5 text-xs text-ph-mutedtext", children: "ESC" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "max-h-[50vh] overflow-y-auto py-2", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-4 py-8 text-center text-sm text-ph-mutedtext", children: "No results found." }) : filtered.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "max-h-[50vh] overflow-y-auto py-2", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "px-4 py-8 text-center text-sm text-ph-mutedtext", children: "No results found." }) : filtered.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "button",
           {
             type: "button",
@@ -3317,9 +2981,9 @@ function CommandPalette({
               index === selectedIndex ? "bg-ph-muted text-ph-ink" : "text-ph-subtle"
             ),
             children: [
-              item.icon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "h-5 w-5", children: item.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "flex-1", children: item.label }),
-              item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-surface px-1.5 py-0.5 text-xs text-ph-mutedtext", children: item.shortcut })
+              item.icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "h-5 w-5", children: item.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex-1", children: item.label }),
+              item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("kbd", { className: "rounded border border-ph-border bg-ph-surface px-1.5 py-0.5 text-xs text-ph-mutedtext", children: item.shortcut })
             ]
           },
           item.id
@@ -3331,7 +2995,7 @@ function CommandPalette({
 
 // src/components/ui/Calendar.tsx
 var import_react18 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Calendar({ value, onChange, className }) {
   const [currentMonth, setCurrentMonth] = (0, import_react18.useState)(value || /* @__PURE__ */ new Date());
   const today = /* @__PURE__ */ new Date();
@@ -3373,37 +3037,37 @@ function Calendar({ value, onChange, className }) {
   for (let i = 1; i <= daysInMonth; i++) {
     days.push(i);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("w-[280px] rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("w-[280px] rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "button",
         {
           type: "button",
           onClick: prevMonth,
           "aria-label": "Previous month",
           className: "rounded-lg p-1 text-ph-subtle transition hover:bg-ph-muted hover:text-ph-ink",
-          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(IconChevronLeft, { className: "h-5 w-5", "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconChevronLeft, { className: "h-5 w-5", "aria-hidden": true })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm font-semibold text-ph-ink", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-sm font-semibold text-ph-ink", children: [
         monthNames[month],
         " ",
         year
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "button",
         {
           type: "button",
           onClick: nextMonth,
           "aria-label": "Next month",
           className: "rounded-lg p-1 text-ph-subtle transition hover:bg-ph-muted hover:text-ph-ink",
-          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(IconChevronRight, { className: "h-5 w-5", "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconChevronRight, { className: "h-5 w-5", "aria-hidden": true })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-7 gap-1", children: [
-      weekDays.map((day) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "py-1 text-center text-xs font-medium text-ph-mutedtext", children: day }, day)),
-      days.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "aspect-square", children: day && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid grid-cols-7 gap-1", children: [
+      weekDays.map((day) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "py-1 text-center text-xs font-medium text-ph-mutedtext", children: day }, day)),
+      days.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "aspect-square", children: day && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "button",
         {
           type: "button",
@@ -3421,10 +3085,10 @@ function Calendar({ value, onChange, className }) {
 
 // src/components/ui/HoverCard.tsx
 var import_react19 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function HoverCard({ trigger, children, className }) {
   const [isVisible, setIsVisible] = (0, import_react19.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: "relative inline-block",
@@ -3432,7 +3096,7 @@ function HoverCard({ trigger, children, className }) {
       onMouseLeave: () => setIsVisible(false),
       children: [
         trigger,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             className: cn(
@@ -3441,8 +3105,8 @@ function HoverCard({ trigger, children, className }) {
               className
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute -top-1.5 left-1/2 h-3 w-3 -translate-x-1/2 rotate-45 border-l border-t border-ph-border bg-ph-surface" }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "relative", children })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute -top-1.5 left-1/2 h-3 w-3 -translate-x-1/2 rotate-45 border-l border-t border-ph-border bg-ph-surface" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "relative", children })
             ]
           }
         )
@@ -3454,13 +3118,13 @@ function HoverCard({ trigger, children, className }) {
 // src/components/ui/Tooltip.tsx
 var import_react20 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var TooltipDelayContext = (0, import_react20.createContext)(0);
 function TooltipProvider({
   children,
   delayDuration = 0
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipDelayContext.Provider, { value: delayDuration, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipDelayContext.Provider, { value: delayDuration, children });
 }
 function tooltipPosition(trigger, side, align, offset) {
   const horizontal = align === "start" ? trigger.left : align === "end" ? trigger.right : trigger.left + trigger.width / 2;
@@ -3553,8 +3217,8 @@ function Tooltip({
   (0, import_react20.useEffect)(() => () => clearTimer(), []);
   const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
   const trigger = (0, import_react20.cloneElement)(children, { "aria-describedby": describedBy });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "span",
       {
         ref: triggerRef,
@@ -3570,12 +3234,12 @@ function Tooltip({
       }
     ),
     isOpen && position && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "span",
         {
           style: __spreadValues({ position: "fixed" }, position),
           className: "pointer-events-none z-[200]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "span",
             {
               id: tooltipId,
@@ -3593,9 +3257,9 @@ function Tooltip({
 }
 
 // src/components/ui/EmptyState.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       className: cn(
@@ -3603,17 +3267,17 @@ function EmptyState({ icon, title, description, action, className }) {
         className
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-ph-muted text-ph-mutedtext", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-base font-semibold text-ph-ink", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "mt-1 max-w-sm text-sm text-ph-subtle", children: description }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mt-4", children: action })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-ph-muted text-ph-mutedtext", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-base font-semibold text-ph-ink", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mt-1 max-w-sm text-sm text-ph-subtle", children: description }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mt-4", children: action })
       ]
     }
   );
 }
 
 // src/components/ui/FilterChips.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function FilterChips({
   chips,
   onToggle,
@@ -3621,20 +3285,20 @@ function FilterChips({
   className,
   "aria-label": ariaLabel = "Applied filters"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("ph-filter-chips", className), role: "group", "aria-label": ariaLabel, children: chips.map((chip) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn("ph-filter-chips", className), role: "group", "aria-label": ariaLabel, children: chips.map((chip) => {
     var _a;
     const label = (_a = chip.removeLabel) != null ? _a : getChipText(chip);
-    const content = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "ph-filter-chip__label", children: chip.label }),
-      chip.value != null ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "ph-filter-chip__value", children: chip.value }) : null
+    const content = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ph-filter-chip__label", children: chip.label }),
+      chip.value != null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ph-filter-chip__value", children: chip.value }) : null
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "span",
       {
         className: cn("ph-filter-chip", chip.active && "ph-filter-chip--active"),
         "data-state": chip.active ? "on" : "off",
         children: [
-          onToggle ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          onToggle ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "button",
             {
               type: "button",
@@ -3643,15 +3307,15 @@ function FilterChips({
               onClick: () => onToggle(chip.id),
               children: content
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "ph-filter-chip__main", children: content }),
-          chip.active && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ph-filter-chip__main", children: content }),
+          chip.active && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "button",
             {
               type: "button",
               className: "ph-filter-chip__remove",
               "aria-label": `Remove ${label} filter`,
               onClick: () => onRemove(chip.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconClose, { className: "h-3 w-3", "aria-hidden": true })
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IconClose, { className: "h-3 w-3", "aria-hidden": true })
             }
           ) : null
         ]
@@ -3667,7 +3331,7 @@ function getChipText(chip) {
 }
 
 // src/components/ui/FilterBar.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function FilterBar(_a) {
   var _b = _a, {
     children,
@@ -3684,12 +3348,12 @@ function FilterBar(_a) {
     "resultCount",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-bar", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "ph-filter-bar__controls", role: "group", "aria-label": label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-bar", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ph-filter-bar__controls", role: "group", "aria-label": label, children: [
       children,
-      onClear ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("button", { type: "button", className: "ph-filter-bar__clear", onClick: onClear, children: clearLabel }) : null
+      onClear ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "ph-filter-bar__clear", onClick: onClear, children: clearLabel }) : null
     ] }),
-    resultCount != null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("output", { className: "ph-filter-bar__results", "aria-live": "polite", children: resultCount }) : null
+    resultCount != null ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("output", { className: "ph-filter-bar__results", "aria-live": "polite", children: resultCount }) : null
   ] }));
 }
 function FilterMenu({
@@ -3706,19 +3370,19 @@ function FilterMenu({
   const selected = options.find((option) => option.value === value);
   const displayValue = (_a = selected == null ? void 0 : selected.label) != null ? _a : placeholder;
   const accessibleValue = selected ? getOptionText(selected) : String(placeholder);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DropdownMenu,
     {
       "aria-label": `${label}: ${accessibleValue}`,
       align,
       disabled,
       className,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: cn("ph-filter-menu-trigger", selected && "ph-filter-menu-trigger--active"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconTuning, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "ph-filter-menu-trigger__value", children: displayValue })
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: cn("ph-filter-menu-trigger", selected && "ph-filter-menu-trigger--active"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconTuning, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__value", children: displayValue })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         DropdownRadioItem,
         {
           value: option.value,
@@ -3742,25 +3406,25 @@ function SortMenu({
   className
 }) {
   const selected = options.find((option) => option.value === value);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DropdownMenu,
     {
       "aria-label": `${label}: ${selected ? getOptionText(selected) : "Choose sort order"}`,
       align,
       disabled,
       className,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "ph-filter-menu-trigger ph-sort-menu-trigger", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "ph-filter-menu-trigger ph-sort-menu-trigger", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           IconArrowDown,
           {
             className: cn("h-3.5 w-3.5", direction === "ascending" && "rotate-180"),
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
-        selected ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "ph-filter-menu-trigger__value", children: selected.label }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__label", children: label }),
+        selected ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ph-filter-menu-trigger__value", children: selected.label }) : null
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownRadioGroup, { value, onValueChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         DropdownRadioItem,
         {
           value: option.value,
@@ -3780,7 +3444,7 @@ function getOptionText(option) {
 }
 
 // src/components/ui/FilterControls.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function FilterControls(_a) {
   var _b = _a, {
     children,
@@ -3796,15 +3460,15 @@ function FilterControls(_a) {
     "className"
   ]);
   const hasChips = Boolean(chipsProps == null ? void 0 : chipsProps.chips.length);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-controls", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FilterBar, __spreadProps(__spreadValues({}, barProps), { children })),
-    hasChips && chipsProps ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FilterChips, __spreadValues({}, chipsProps)) : emptyState != null ? emptyState : null
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-filter-controls", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FilterBar, __spreadProps(__spreadValues({}, barProps), { children })),
+    hasChips && chipsProps ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FilterChips, __spreadValues({}, chipsProps)) : emptyState != null ? emptyState : null
   ] }));
 }
 
 // src/components/ui/CodeBlock.tsx
 var import_react21 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function CodeBlock({ code, language = "tsx", filename, className }) {
   const [copied, setCopied] = (0, import_react21.useState)(false);
   const handleCopy = async () => {
@@ -3812,17 +3476,17 @@ function CodeBlock({ code, language = "tsx", filename, className }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("overflow-hidden rounded-lg border border-ph-border bg-[#1a1a2e]", className), children: [
-    (filename || language) && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between border-b border-white/10 px-4 py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-3 w-3 rounded-full bg-emerald-400" })
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("overflow-hidden rounded-lg border border-ph-border bg-[#1a1a2e]", className), children: [
+    (filename || language) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between border-b border-white/10 px-4 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-3 rounded-full bg-emerald-400" })
         ] }),
-        filename && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "ml-2 text-xs text-white/60", children: filename })
+        filename && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "ml-2 text-xs text-white/60", children: filename })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "button",
         {
           type: "button",
@@ -3832,35 +3496,35 @@ function CodeBlock({ code, language = "tsx", filename, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("code", { className: "font-mono text-[#e4e4e7]", children: code }) })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("code", { className: "font-mono text-[#e4e4e7]", children: code }) })
   ] });
 }
 
 // src/components/ui/ComponentDocs.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function ComponentDocs({ title = "Props & variants", rows, defaultOpen = false, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("details", { className: cn("ph-panel group overflow-hidden p-0", className), open: defaultOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 border-b border-ph-border px-4 py-3 transition hover:bg-ph-muted/60 [&::-webkit-details-marker]:hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "text-xs font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "rounded-full border border-ph-border bg-ph-surface px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext transition group-open:bg-ph-brand group-open:text-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "group-open:hidden", children: "Show" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "hidden group-open:inline", children: "Hide" })
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("details", { className: cn("ph-panel group overflow-hidden p-0", className), open: defaultOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 border-b border-ph-border px-4 py-3 transition hover:bg-ph-muted/60 [&::-webkit-details-marker]:hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "text-xs font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "rounded-full border border-ph-border bg-ph-surface px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext transition group-open:bg-ph-brand group-open:text-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "group-open:hidden", children: "Show" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "hidden group-open:inline", children: "Hide" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "overflow-x-auto border-t border-ph-border", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("table", { className: "w-full text-left text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("thead", { className: "bg-ph-muted text-xs uppercase tracking-wider text-ph-mutedtext", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Prop" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Type" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Default" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Use" })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "overflow-x-auto border-t border-ph-border", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("table", { className: "w-full text-left text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "bg-ph-muted text-xs uppercase tracking-wider text-ph-mutedtext", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Prop" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Default" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("th", { className: "px-4 py-2 font-semibold", children: "Use" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tbody", { className: "divide-y divide-ph-border", children: rows.map((row) => {
-        var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-ink", children: row.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: row.type }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: (_a = row.defaultValue) != null ? _a : "-" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "px-4 py-3 align-top text-ph-subtle", children: row.description })
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tbody", { className: "divide-y divide-ph-border", children: rows.map((row) => {
+        var _a, _b;
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-ink", children: row.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: row.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top font-mono text-xs text-ph-subtle", children: (_a = row.defaultValue) != null ? _a : "-" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-4 py-3 align-top text-ph-subtle", children: (_b = row.description) != null ? _b : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-ph-mutedtext", children: "\u2014" }) })
         ] }, row.name);
       }) })
     ] }) })
@@ -3869,7 +3533,7 @@ function ComponentDocs({ title = "Props & variants", rows, defaultOpen = false,
 
 // src/components/ui/ShowcaseWrapper.tsx
 var import_react22 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function ShowcaseWrapper({
   id,
   title,
@@ -3883,11 +3547,11 @@ function ShowcaseWrapper({
   var _a;
   const [showCode, setShowCode] = (0, import_react22.useState)(false);
   const fallbackId = (_a = titleIdMap[title]) != null ? _a : title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("section", { id: id != null ? id : fallbackId, className: cn("scroll-mt-20", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "ph-h2-rule mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { id: id != null ? id : fallbackId, className: cn("scroll-mt-20", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ph-h2-rule mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "button",
           {
             type: "button",
@@ -3898,15 +3562,15 @@ function ShowcaseWrapper({
             ),
             title: showCode ? "Hide code" : "Show code",
             "aria-label": showCode ? "Hide code" : "Show code",
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconCodePreview, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconCodePreview, { className: "h-5 w-5", "aria-hidden": true })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("hr", {})
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("hr", {})
     ] }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mb-6 text-sm text-ph-subtle", children: description }),
-    docs && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "mb-6", children: docs }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "mb-6 text-sm text-ph-subtle", children: description }),
+    docs && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mb-6", children: docs }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "div",
       {
         className: cn(
@@ -3914,15 +3578,15 @@ function ShowcaseWrapper({
           showCode ? "lg:grid lg:grid-cols-[1fr,minmax(360px,420px)]" : "block"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: cn("min-w-0", showCode && "lg:pr-2"), children }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("min-w-0", showCode && "lg:pr-2"), children }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               className: cn(
                 "transition-all duration-300",
                 showCode ? "block opacity-100" : "hidden opacity-0 lg:hidden"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sticky top-20", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CodeBlock, { code, filename }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "sticky top-20", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CodeBlock, { code, filename }) })
             }
           )
         ]
@@ -3972,13 +3636,13 @@ var titleIdMap = {
 
 // src/components/ui/CollapsibleSection.tsx
 var import_react23 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function CollapsibleSection({ title, children, defaultOpen = true, id }) {
   const [isOpen, setIsOpen] = (0, import_react23.useState)(defaultOpen);
   const generatedId = (0, import_react23.useId)();
   const contentId = `${id != null ? id : generatedId}-content`;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { id, className: "scroll-mt-20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("section", { id, className: "scroll-mt-20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "button",
       {
         type: "button",
@@ -3987,8 +3651,8 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
         "aria-controls": contentId,
         className: "mb-6 flex w-full items-center justify-between rounded-lg border border-ph-border bg-ph-muted px-5 py-4 text-left transition hover:bg-ph-muted/80",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-lg font-bold text-ph-ink", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-lg font-bold text-ph-ink", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             IconChevronDown,
             {
               className: cn(
@@ -4001,7 +3665,7 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       {
         id: contentId,
@@ -4017,7 +3681,7 @@ function CollapsibleSection({ title, children, defaultOpen = true, id }) {
 }
 
 // src/components/ui/Typography.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var toneMap2 = {
   default: "text-ph-ink",
   muted: "text-ph-mutedtext",
@@ -4046,47 +3710,47 @@ function Display({
   truncate,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h1", { className: textClass("text-4xl font-extrabold tracking-tight md:text-5xl", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime46.jsx)("h1", { className: textClass("text-3xl font-bold tracking-tight md:text-4xl", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h1", { className: textClass("text-3xl font-bold tracking-tight md:text-4xl", tone, weight, truncate, className), children });
 }
 function H2({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h2", { className: textClass("text-2xl font-bold tracking-tight", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: textClass("text-2xl font-bold tracking-tight", tone, weight, truncate, className), children });
 }
 function H3({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h3", { className: textClass("text-xl font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: textClass("text-xl font-semibold", tone, weight, truncate, className), children });
 }
 function H4({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h4", { className: textClass("text-lg font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h4", { className: textClass("text-lg font-semibold", tone, weight, truncate, className), children });
 }
 function H5({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h5", { className: textClass("text-base font-semibold", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h5", { className: textClass("text-base font-semibold", tone, weight, truncate, className), children });
 }
 function P({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: textClass("text-base leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: textClass("text-base leading-relaxed", tone, weight, truncate, className), children });
 }
 function Small({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: textClass("text-sm leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: textClass("text-sm leading-relaxed", tone, weight, truncate, className), children });
 }
 function Caption({ children, tone = "muted", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: textClass("text-[11px] font-medium uppercase tracking-wider", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: textClass("text-[11px] font-medium uppercase tracking-wider", tone, weight, truncate, className), children });
 }
 function Overline({ children, tone = "muted", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: textClass("text-[10px] font-bold uppercase tracking-[0.15em]", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: textClass("text-[10px] font-bold uppercase tracking-[0.15em]", tone, weight, truncate, className), children });
 }
 function Lead({ children, tone = "subtle", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: textClass("text-lg leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: textClass("text-lg leading-relaxed", tone, weight, truncate, className), children });
 }
 function Mono({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("code", { className: textClass("text-sm font-mono leading-relaxed", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("code", { className: textClass("text-sm font-mono leading-relaxed", tone, weight, truncate, className), children });
 }
 function Label({ children, tone = "default", weight, truncate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: textClass("text-sm font-medium", tone, weight, truncate, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { className: textClass("text-sm font-medium", tone, weight, truncate, className), children });
 }
 
 // src/components/ui/Avatar.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var sizeMap5 = {
   xs: "h-8 w-8 text-[10px]",
   sm: "h-10 w-10 text-xs",
@@ -4118,8 +3782,8 @@ function Avatar(_a) {
     "badge",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex shrink-0", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex shrink-0", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         className: cn(
@@ -4130,7 +3794,7 @@ function Avatar(_a) {
         children: icon || label
       }
     ),
-    status && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    status && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "span",
       {
         className: cn(
@@ -4139,7 +3803,7 @@ function Avatar(_a) {
         )
       }
     ),
-    badge && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "absolute -bottom-1 -right-1 flex min-w-[22px] items-center justify-center rounded-full bg-ph-brand px-1.5 py-px text-[10px] font-bold text-white", children: badge })
+    badge && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "absolute -bottom-1 -right-1 flex min-w-[22px] items-center justify-center rounded-full bg-ph-brand px-1.5 py-px text-[10px] font-bold text-white", children: badge })
   ] }));
 }
 function AvatarGroup(_a) {
@@ -4147,9 +3811,9 @@ function AvatarGroup(_a) {
   const items = Array.isArray(children) ? children : [children];
   const visible = max ? items.slice(0, max) : items;
   const remaining = max ? items.length - max : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", __spreadProps(__spreadValues({ className: cn("-space-x-3 flex rtl:space-x-reverse", className) }, props), { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", __spreadProps(__spreadValues({ className: cn("-space-x-3 flex rtl:space-x-reverse", className) }, props), { children: [
     visible,
-    remaining > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    remaining > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Avatar,
       {
         label: `+${remaining}`,
@@ -4161,7 +3825,7 @@ function AvatarGroup(_a) {
 }
 
 // src/components/ui/Progress.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var sizeMap6 = {
   sm: "h-1",
   md: "h-2",
@@ -4186,15 +3850,15 @@ function Progress(_a) {
     "className"
   ]);
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
-    (label || showPercentage) && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mb-1.5 flex justify-between text-sm text-ph-subtle", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: label }),
-      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "tabular-nums", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
+    (label || showPercentage) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "mb-1.5 flex justify-between text-sm text-ph-subtle", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: label }),
+      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "tabular-nums", children: [
         Math.round(percentage),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("ph-progress", sizeMap6[size]), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("ph-progress", sizeMap6[size]), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "div",
       {
         className: cn("ph-progress-bar", color),
@@ -4209,7 +3873,7 @@ function Progress(_a) {
 }
 
 // src/components/ui/ChatBubble.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function ChatBubble(_a) {
   var _b = _a, {
     children,
@@ -4229,7 +3893,7 @@ function ChatBubble(_a) {
     "className"
   ]);
   const isSelf = variant === "self";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -4239,9 +3903,9 @@ function ChatBubble(_a) {
       )
     }, props), {
       children: [
-        avatar && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "shrink-0", children: avatar }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("min-w-0 flex-1", isSelf && "text-right"), children: [
-          (name || time) && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        avatar && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "shrink-0", children: avatar }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("min-w-0 flex-1", isSelf && "text-right"), children: [
+          (name || time) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "header",
             {
               className: cn(
@@ -4249,12 +3913,12 @@ function ChatBubble(_a) {
                 isSelf && "flex-row-reverse justify-end"
               ),
               children: [
-                name && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "font-semibold text-ph-ink", children: name }),
-                time && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: time })
+                name && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "font-semibold text-ph-ink", children: name }),
+                time && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: time })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             "div",
             {
               className: cn(
@@ -4264,7 +3928,7 @@ function ChatBubble(_a) {
               children
             }
           ),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("footer", { className: "mt-2 text-[11px] text-ph-mutedtext", children: footer })
+          footer && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("footer", { className: "mt-2 text-[11px] text-ph-mutedtext", children: footer })
         ] })
       ]
     })
@@ -4272,7 +3936,7 @@ function ChatBubble(_a) {
 }
 
 // src/components/ui/Terminal.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Terminal(_a) {
   var _b = _a, {
     title = "sandbox",
@@ -4285,7 +3949,7 @@ function Terminal(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -4294,18 +3958,18 @@ function Terminal(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("header", { className: "flex items-center gap-2 border-b border-ph-border bg-ph-muted px-4 py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-3 w-3 rounded-full bg-emerald-400" }),
-          title && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs font-medium text-ph-mutedtext", children: title })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("header", { className: "flex items-center gap-2 border-b border-ph-border bg-ph-muted px-4 py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-3 w-3 rounded-full bg-red-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-3 w-3 rounded-full bg-amber-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-3 w-3 rounded-full bg-emerald-400" }),
+          title && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs font-medium text-ph-mutedtext", children: title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ph-code rounded-none border-x-0 border-b-0 text-[13px] leading-relaxed", children: children || /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: lines == null ? void 0 : lines.map((line, i) => {
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ph-code rounded-none border-x-0 border-b-0 text-[13px] leading-relaxed", children: children || /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: lines == null ? void 0 : lines.map((line, i) => {
           const text = typeof line === "string" ? line : line.text;
           const color = typeof line === "string" ? void 0 : line.color;
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: color || "text-neutral-600", children: text }),
-            i < lines.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("br", {})
+          return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: color || "text-neutral-600", children: text }),
+            i < lines.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("br", {})
           ] }, i);
         }) }) })
       ]
@@ -4314,7 +3978,7 @@ function Terminal(_a) {
 }
 
 // src/components/ui/Indicator.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var positionMap = {
   "top-right": "-right-[2px] -top-[2px]",
   "top-left": "-left-[2px] -top-[2px]",
@@ -4337,8 +4001,8 @@ function Indicator(_a) {
     "dot",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex items-center justify-center", className) }, props), { children: [
-    dot ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", __spreadProps(__spreadValues({ className: cn("relative inline-flex items-center justify-center", className) }, props), { children: [
+    dot ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "span",
       {
         className: cn(
@@ -4347,7 +4011,7 @@ function Indicator(_a) {
           positionMap[position]
         )
       }
-    ) : badge != null ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    ) : badge != null ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "span",
       {
         className: cn(
@@ -4363,7 +4027,7 @@ function Indicator(_a) {
 }
 
 // src/components/ui/Timeline.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Timeline(_a) {
   var _b = _a, {
     events,
@@ -4374,15 +4038,15 @@ function Timeline(_a) {
     "alternate",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "ol",
     __spreadProps(__spreadValues({
       className: cn("relative space-y-8", className)
     }, props), {
       children: events.map((event, idx) => {
         const align = alternate && idx % 2 !== 0 ? "lg:flex-row-reverse" : "";
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { className: cn("relative flex gap-6", align), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("li", { className: cn("relative flex gap-6", align), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "div",
             {
               className: cn(
@@ -4392,12 +4056,12 @@ function Timeline(_a) {
               children: event.icon
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("article", { className: "flex-1 rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-wrap items-baseline gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h4", { className: "text-base font-semibold text-ph-ink", children: event.title }),
-              event.time && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("time", { className: "text-[11px] font-semibold uppercase tracking-wide text-ph-mutedtext", children: event.time })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("article", { className: "flex-1 rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-wrap items-baseline gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h4", { className: "text-base font-semibold text-ph-ink", children: event.title }),
+              event.time && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("time", { className: "text-[11px] font-semibold uppercase tracking-wide text-ph-mutedtext", children: event.time })
             ] }),
-            event.description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "mt-2 text-sm text-ph-subtle", children: event.description })
+            event.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "mt-2 text-sm text-ph-subtle", children: event.description })
           ] })
         ] }, event.id);
       })
@@ -4407,7 +4071,7 @@ function Timeline(_a) {
 
 // src/components/ui/Banner.tsx
 var import_react24 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var typeClass = {
   info: "ph-banner-info",
   success: "ph-banner-success",
@@ -4435,7 +4099,7 @@ var Banner = (0, import_react24.forwardRef)(function Banner2(_a, ref) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -4447,11 +4111,11 @@ var Banner = (0, import_react24.forwardRef)(function Banner2(_a, ref) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "ph-banner__body", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "ph-banner__body", children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "ph-banner__content", children }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "ph-banner__action", children: action }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("button", { type: "button", onClick: onClose, className: "ph-banner__close", "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ph-banner__content", children }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ph-banner__action", children: action }),
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: onClose, className: "ph-banner__close", "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) }) })
       ] })
     })
   );
@@ -4460,7 +4124,7 @@ Banner.displayName = "Banner";
 
 // src/components/ui/Dialog.tsx
 var import_react25 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Dialog2(_a) {
   var _b = _a, {
     isOpen: openProp,
@@ -4495,15 +4159,15 @@ function Dialog2(_a) {
     }
     onClose == null ? void 0 : onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Modal,
     __spreadProps(__spreadValues({
       open: isOpen,
       onClose,
       title,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
-        onConfirm && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      footer: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
+        onConfirm && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Button,
           __spreadProps(__spreadValues({
             variant: "primary",
@@ -4522,7 +4186,7 @@ function Dialog2(_a) {
 Dialog2.displayName = "Dialog";
 
 // src/components/ui/Divider.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Divider(_a) {
   var _b = _a, {
     vertical = false,
@@ -4537,7 +4201,7 @@ function Divider(_a) {
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     __spreadProps(__spreadValues({
       role: "separator",
@@ -4552,7 +4216,7 @@ function Divider(_a) {
         className
       )
     }, props), {
-      children: label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ph-divider__label", children: label })
+      children: label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "ph-divider__label", children: label })
     })
   );
 }
@@ -4560,7 +4224,7 @@ Divider.displayName = "Divider";
 
 // src/components/ui/Tag.tsx
 var import_react26 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var typeClass2 = {
   default: "ph-tag-default",
   primary: "ph-tag-primary",
@@ -4589,7 +4253,7 @@ var Tag = (0, import_react26.forwardRef)(function Tag2(_a, ref) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -4601,9 +4265,9 @@ var Tag = (0, import_react26.forwardRef)(function Tag2(_a, ref) {
       )
     }, props), {
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ph-tag__icon", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ph-tag__text", children }),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        icon && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "ph-tag__icon", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "ph-tag__text", children }),
+        closable && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "button",
           {
             type: "button",
@@ -4613,7 +4277,7 @@ var Tag = (0, import_react26.forwardRef)(function Tag2(_a, ref) {
             },
             className: "ph-tag__close",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" }) })
           }
         )
       ]
@@ -4623,7 +4287,7 @@ var Tag = (0, import_react26.forwardRef)(function Tag2(_a, ref) {
 Tag.displayName = "Tag";
 
 // src/components/ui/ProgressCircle.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function ProgressCircle(_a) {
   var _b = _a, {
     progress,
@@ -4642,7 +4306,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__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       className: cn("ph-progress-circle", className),
@@ -4653,8 +4317,8 @@ function ProgressCircle(_a) {
       "aria-valuemax": 100
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { width: size, height: size, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { width: size, height: size, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "circle",
             {
               cx: size / 2,
@@ -4666,7 +4330,7 @@ function ProgressCircle(_a) {
               opacity: 0.15
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "circle",
             {
               cx: size / 2,
@@ -4683,7 +4347,7 @@ function ProgressCircle(_a) {
             }
           )
         ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ph-progress-circle__content", children })
+        children && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ph-progress-circle__content", children })
       ]
     })
   );
@@ -4692,7 +4356,7 @@ ProgressCircle.displayName = "ProgressCircle";
 
 // src/components/ui/Row.tsx
 var import_react27 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Row = (0, import_react27.forwardRef)(function Row2(_a, ref) {
   var _b = _a, {
     icon,
@@ -4714,7 +4378,7 @@ var Row = (0, import_react27.forwardRef)(function Row2(_a, ref) {
     "children"
   ]);
   const symbolic = children === null || children === void 0 || children === false;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -4729,10 +4393,10 @@ var Row = (0, import_react27.forwardRef)(function Row2(_a, ref) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ph-row__main", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ph-row__icon", children: icon }),
-        !symbolic && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ph-row__content", children }),
-        sideIcon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ph-row__side-icon", children: sideIcon })
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ph-row__main", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ph-row__icon", children: icon }),
+        !symbolic && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ph-row__content", children }),
+        sideIcon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ph-row__side-icon", children: sideIcon })
       ] })
     })
   );
@@ -4740,22 +4404,22 @@ var Row = (0, import_react27.forwardRef)(function Row2(_a, ref) {
 Row.displayName = "Row";
 
 // src/components/ui/Widget.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Widget({ title, onClose, actions, children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("ph-widget", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ph-widget__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ph-widget__title", children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cn("ph-widget", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ph-widget__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ph-widget__title", children: title }),
       actions,
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { type: "button", onClick: onClose, className: "ph-widget__close", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M3 3l8 8M11 3l-8 8" }) }) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", onClick: onClose, className: "ph-widget__close", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M3 3l8 8M11 3l-8 8" }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ph-widget__content", children })
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ph-widget__content", children })
   ] });
 }
 Widget.displayName = "Widget";
 
 // src/components/ui/Lettermark.tsx
 var import_react28 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var Lettermark = (0, import_react28.forwardRef)(function Lettermark2(_a, ref) {
   var _b = _a, {
     name,
@@ -4773,7 +4437,7 @@ var Lettermark = (0, import_react28.forwardRef)(function Lettermark2(_a, ref) {
     "className"
   ]);
   const letter = name ? typeof name === "number" ? String(Math.floor(name)) : String.fromCodePoint(name.codePointAt(0)).toLocaleUpperCase() : "?";
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -4795,7 +4459,7 @@ var Lettermark = (0, import_react28.forwardRef)(function Lettermark2(_a, ref) {
 Lettermark.displayName = "Lettermark";
 
 // src/components/ui/Splotch.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var colorMap = {
   purple: "ph-splotch--purple",
   blue: "ph-splotch--blue",
@@ -4808,13 +4472,13 @@ var colorMap = {
 };
 function Splotch(_a) {
   var _b = _a, { color, className } = _b, props = __objRest(_b, ["color", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     __spreadProps(__spreadValues({
       className: cn("ph-splotch", colorMap[color], className),
       "aria-hidden": "true"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ph-splotch__paint" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ph-splotch__paint" })
     })
   );
 }
@@ -4822,7 +4486,7 @@ Splotch.displayName = "Splotch";
 
 // src/components/ui/Popover.tsx
 var import_react29 = require("react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Popover(_a) {
   var _b = _a, {
     trigger,
@@ -4859,8 +4523,8 @@ function Popover(_a) {
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [isOpen, setOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-popover relative inline-flex", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-popover relative inline-flex", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "div",
       {
         ref: triggerRef,
@@ -4869,7 +4533,7 @@ function Popover(_a) {
         children: trigger
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "div",
       {
         ref: panelRef,
@@ -4888,10 +4552,10 @@ function Popover(_a) {
 Popover.displayName = "Popover";
 
 // src/components/ui/LoadingBar.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function LoadingBar(_a) {
   var _b = _a, { active = true, className } = _b, props = __objRest(_b, ["active", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -4902,7 +4566,7 @@ function LoadingBar(_a) {
       role: "progressbar",
       "aria-label": "Loading"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ph-loading-bar__fill" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ph-loading-bar__fill" })
     })
   );
 }
@@ -4910,7 +4574,7 @@ LoadingBar.displayName = "LoadingBar";
 
 // src/components/ui/Link.tsx
 var import_react30 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Link = (0, import_react30.forwardRef)(function Link2(_a, ref) {
   var _b = _a, {
     className,
@@ -4921,7 +4585,7 @@ var Link = (0, import_react30.forwardRef)(function Link2(_a, ref) {
     "disabled",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "a",
     __spreadProps(__spreadValues({
       ref,
@@ -4940,10 +4604,10 @@ var Link = (0, import_react30.forwardRef)(function Link2(_a, ref) {
 Link.displayName = "Link";
 
 // src/components/ui/Spinner.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function Spinner(_a) {
   var _b = _a, { size = "sm", textColored = false, className } = _b, props = __objRest(_b, ["size", "textColored", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "span",
     __spreadProps(__spreadValues({
       className: cn(
@@ -4955,9 +4619,9 @@ function Spinner(_a) {
       role: "status",
       "aria-label": "Loading"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ph-spinner__svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", opacity: 0.2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ph-spinner__svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", opacity: 0.2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
       ] })
     })
   );
@@ -4966,7 +4630,7 @@ Spinner.displayName = "Spinner";
 
 // src/components/ui/Snack.tsx
 var import_react31 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Snack = (0, import_react31.forwardRef)(function Snack2(_a, ref) {
   var _b = _a, {
     type = "regular",
@@ -4981,7 +4645,7 @@ var Snack = (0, import_react31.forwardRef)(function Snack2(_a, ref) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       ref,
@@ -4994,8 +4658,8 @@ var Snack = (0, import_react31.forwardRef)(function Snack2(_a, ref) {
       title: typeof children === "string" ? children : void 0
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "ph-snack__text", children }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ph-snack__text", children }),
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           "button",
           {
             type: "button",
@@ -5005,7 +4669,7 @@ var Snack = (0, import_react31.forwardRef)(function Snack2(_a, ref) {
             },
             className: "ph-snack__close",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: "M3 3l6 6M9 3l-6 6" }) })
           }
         )
       ]
@@ -5016,7 +4680,7 @@ Snack.displayName = "Snack";
 
 // src/components/ui/Combobox.tsx
 var import_react32 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function Combobox({
   options,
   value = [],
@@ -5047,26 +4711,26 @@ function Combobox({
     document.addEventListener("mousedown", handle);
     return () => document.removeEventListener("mousedown", handle);
   }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { ref: containerRef, className: cn("ph-combobox relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "ph-combobox__input-wrap", children: [
-      value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ph-combobox__chips", children: value.map((v) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { ref: containerRef, className: cn("ph-combobox relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "ph-combobox__input-wrap", children: [
+      value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ph-combobox__chips", children: value.map((v) => {
         var _a, _b;
         const opt = options.find((o) => o.value === v);
-        return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "ph-combobox__chip", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "ph-combobox__chip", children: [
           (_a = opt == null ? void 0 : opt.label) != null ? _a : v,
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "button",
             {
               type: "button",
               onClick: () => toggle(v),
               className: "ph-combobox__chip-remove",
               "aria-label": `Remove ${(_b = opt == null ? void 0 : opt.label) != null ? _b : v}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
             }
           )
         ] }, v);
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "input",
         {
           ref: inputRef,
@@ -5083,7 +4747,7 @@ function Combobox({
         }
       )
     ] }),
-    open && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ph-combobox__dropdown", children: filtered.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    open && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ph-combobox__dropdown", children: filtered.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
       "button",
       {
         type: "button",
@@ -5093,8 +4757,8 @@ function Combobox({
           selectedSet.has(opt.value) && "ph-combobox__option--selected"
         ),
         children: [
-          selectedSet.has(opt.value) && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { d: "M2.5 6l2.5 2.5 4.5-5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: opt.label })
+          selectedSet.has(opt.value) && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M2.5 6l2.5 2.5 4.5-5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: opt.label })
         ]
       },
       opt.value
@@ -5105,7 +4769,7 @@ Combobox.displayName = "Combobox";
 
 // src/components/ui/Autocomplete.tsx
 var import_react33 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function Autocomplete(_a) {
   var _b = _a, {
     options,
@@ -5176,8 +4840,8 @@ function Autocomplete(_a) {
       el == null ? void 0 : el.scrollIntoView({ block: "nearest" });
     }
   }, [activeIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { ref: containerRef, className: cn("ph-autocomplete relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { ref: containerRef, className: cn("ph-autocomplete relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       "input",
       __spreadValues({
         ref: inputRef,
@@ -5193,7 +4857,7 @@ function Autocomplete(_a) {
         className: "ph-input w-full"
       }, inputProps)
     ),
-    open && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: listRef, className: "ph-autocomplete__dropdown", role: "listbox", children: filtered.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    open && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref: listRef, className: "ph-autocomplete__dropdown", role: "listbox", children: filtered.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       "button",
       {
         type: "button",
@@ -5215,7 +4879,7 @@ Autocomplete.displayName = "Autocomplete";
 
 // src/components/ui/ContextMenu.tsx
 var import_react34 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function ContextMenu(_a) {
   var _b = _a, { items, children, className } = _b, props = __objRest(_b, ["items", "children", "className"]);
   const [open, setOpen] = (0, import_react34.useState)(false);
@@ -5238,7 +4902,7 @@ function ContextMenu(_a) {
       document.removeEventListener("keydown", handleKey);
     };
   }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn("ph-context-menu", className),
@@ -5250,14 +4914,14 @@ function ContextMenu(_a) {
     }, props), {
       children: [
         children,
-        open && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        open && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "div",
           {
             ref: menuRef,
             className: "ph-context-menu__panel",
             style: { left: pos.x, top: pos.y },
             children: items.map(
-              (item, i) => item.separator ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ph-context-menu__separator" }, i) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+              (item, i) => item.separator ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "ph-context-menu__separator" }, i) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -5269,8 +4933,8 @@ function ContextMenu(_a) {
                   },
                   className: "ph-context-menu__item",
                   children: [
-                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "ph-context-menu__icon", children: item.icon }),
-                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: item.label })
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "ph-context-menu__icon", children: item.icon }),
+                    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: item.label })
                   ]
                 },
                 i
@@ -5286,7 +4950,7 @@ ContextMenu.displayName = "ContextMenu";
 
 // src/components/ui/Resizable.tsx
 var import_react35 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function Resizable(_a) {
   var _b = _a, {
     left,
@@ -5326,22 +4990,22 @@ function Resizable(_a) {
     document.addEventListener("mousemove", handleMove);
     document.addEventListener("mouseup", handleUp);
   }, [leftPercent, minLeftWidth, minRightWidth]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref: containerRef,
       className: cn("ph-resizable flex overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "ph-resizable__left overflow-auto", style: { width: `${leftPercent}%` }, children: left }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ph-resizable__left overflow-auto", style: { width: `${leftPercent}%` }, children: left }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "div",
           {
             className: "ph-resizable__handle cursor-col-resize shrink-0",
             onMouseDown: handleMouseDown
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "ph-resizable__right flex-1 overflow-auto", children: right })
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ph-resizable__right flex-1 overflow-auto", children: right })
       ]
     })
   );
@@ -5350,7 +5014,7 @@ Resizable.displayName = "Resizable";
 
 // src/components/ui/ScrollArea.tsx
 var import_react36 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function ScrollArea(_a) {
   var _b = _a, {
     children,
@@ -5380,7 +5044,7 @@ function ScrollArea(_a) {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -5391,9 +5055,9 @@ function ScrollArea(_a) {
       )
     }, props), {
       children: [
-        showTop && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "ph-scroll-area__shadow-top" }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref: viewportRef, className: "ph-scroll-area__viewport overflow-y-auto overscroll-contain", children }),
-        showBottom && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "ph-scroll-area__shadow-bottom" })
+        showTop && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ph-scroll-area__shadow-top" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: viewportRef, className: "ph-scroll-area__viewport overflow-y-auto overscroll-contain", children }),
+        showBottom && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ph-scroll-area__shadow-bottom" })
       ]
     })
   );
@@ -5402,7 +5066,7 @@ ScrollArea.displayName = "ScrollArea";
 
 // src/components/ui/NumberField.tsx
 var import_react37 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function NumberField(_a) {
   var _b = _a, {
     value: controlledValue,
@@ -5432,10 +5096,10 @@ function NumberField(_a) {
     setInternal(clamped);
     onChange == null ? void 0 : onChange(clamped);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("ph-number-field", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("label", { className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "ph-number-field__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cn("ph-number-field", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("label", { className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "ph-number-field__control", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         "button",
         {
           type: "button",
@@ -5443,10 +5107,10 @@ function NumberField(_a) {
           onClick: () => set(value - step),
           className: "ph-number-field__btn",
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("svg", { width: "12", height: "2", viewBox: "0 0 12 2", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { y: "0", width: "12", height: "2", rx: "1" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { width: "12", height: "2", viewBox: "0 0 12 2", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("rect", { y: "0", width: "12", height: "2", rx: "1" }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         "input",
         __spreadValues({
           type: "number",
@@ -5459,7 +5123,7 @@ function NumberField(_a) {
           className: "ph-number-field__input"
         }, inputProps)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         "button",
         {
           type: "button",
@@ -5467,7 +5131,7 @@ function NumberField(_a) {
           onClick: () => set(value + step),
           className: "ph-number-field__btn",
           "aria-label": "Increase",
-          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M6 2v8M2 6h8" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M6 2v8M2 6h8" }) })
         }
       )
     ] })
@@ -5476,24 +5140,24 @@ function NumberField(_a) {
 NumberField.displayName = "NumberField";
 
 // src/components/ui/InputGroup.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function InputGroup(_a) {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-input-group", className) }, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-input-group", className) }, props), { children }));
 }
 InputGroup.displayName = "InputGroup";
 
 // src/components/ui/ButtonGroup.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function ButtonGroup(_a) {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-btn-group", className) }, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", __spreadProps(__spreadValues({ className: cn("ph-btn-group", className) }, props), { children }));
 }
 ButtonGroup.displayName = "ButtonGroup";
 
 // src/components/ui/Toggle.tsx
 var import_react38 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var ToggleButton = (0, import_react38.forwardRef)(function ToggleButton2(_a, ref) {
   var _b = _a, {
     pressed = false,
@@ -5508,7 +5172,7 @@ var ToggleButton = (0, import_react38.forwardRef)(function ToggleButton2(_a, ref
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5522,7 +5186,7 @@ var ToggleButton = (0, import_react38.forwardRef)(function ToggleButton2(_a, ref
       )
     }, props), {
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ph-toggle-btn__icon", children: icon }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "ph-toggle-btn__icon", children: icon }),
         children
       ]
     })
@@ -5536,13 +5200,13 @@ function ToggleGroup({
   children,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: cn("ph-toggle-group", className), role: "group", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("ph-toggle-group", className), role: "group", children });
 }
 ToggleGroup.displayName = "ToggleGroup";
 
 // src/components/ui/Menubar.tsx
 var import_react39 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function Menubar(_a) {
   var _b = _a, { items, className } = _b, props = __objRest(_b, ["items", "className"]);
   const [openIndex, setOpenIndex] = (0, import_react39.useState)(-1);
@@ -5557,8 +5221,8 @@ function Menubar(_a) {
     document.addEventListener("mousedown", handle);
     return () => document.removeEventListener("mousedown", handle);
   }, [openIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", __spreadProps(__spreadValues({ ref: barRef, className: cn("ph-menubar", className) }, props), { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ph-menubar__item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", __spreadProps(__spreadValues({ ref: barRef, className: cn("ph-menubar", className) }, props), { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ph-menubar__item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "button",
       {
         type: "button",
@@ -5567,8 +5231,8 @@ function Menubar(_a) {
         children: item.label
       }
     ),
-    openIndex === i && item.items && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ph-menubar__dropdown", children: item.items.map(
-      (sub, j) => sub.separator ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ph-menubar__separator" }, j) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    openIndex === i && item.items && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "ph-menubar__dropdown", children: item.items.map(
+      (sub, j) => sub.separator ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "ph-menubar__separator" }, j) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "button",
         {
           type: "button",
@@ -5590,7 +5254,7 @@ Menubar.displayName = "Menubar";
 
 // src/components/ui/AlertDialog.tsx
 var import_react40 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function AlertDialog(_a) {
   var _b = _a, {
     isOpen: openProp,
@@ -5625,15 +5289,15 @@ function AlertDialog(_a) {
     }
     onClose == null ? void 0 : onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     Modal,
     __spreadProps(__spreadValues({
       open: isOpen,
       onClose,
       title,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
-        onConfirm && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, __spreadProps(__spreadValues({ variant: "primary", loading }, confirmProps), { onClick: handleConfirm, children: confirmText }))
+      footer: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, __spreadProps(__spreadValues({ variant: "secondary" }, cancelProps), { onClick: onClose, children: cancelText })),
+        onConfirm && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, __spreadProps(__spreadValues({ variant: "primary", loading }, confirmProps), { onClick: handleConfirm, children: confirmText }))
       ] })
     }, modalProps), {
       children
@@ -5643,7 +5307,7 @@ function AlertDialog(_a) {
 AlertDialog.displayName = "AlertDialog";
 
 // src/components/ui/Dot.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var colorMap2 = {
   green: "bg-ph-success",
   yellow: "bg-ph-warning",
@@ -5653,7 +5317,7 @@ var colorMap2 = {
 };
 function Dot(_a) {
   var _b = _a, { color = "gray", size = "md", className } = _b, props = __objRest(_b, ["color", "size", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -5670,7 +5334,7 @@ Dot.displayName = "Dot";
 
 // src/components/ui/Collapsible.tsx
 var import_react41 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function Collapsible(_a) {
   var _b = _a, {
     trigger,
@@ -5688,8 +5352,8 @@ function Collapsible(_a) {
   const [internalOpen, setInternalOpen] = (0, import_react41.useState)(false);
   const isOpen = controlledOpen != null ? controlledOpen : internalOpen;
   const setOpen = onOpenChange != null ? onOpenChange : setInternalOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-collapsible", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-collapsible", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "button",
       {
         type: "button",
@@ -5697,7 +5361,7 @@ function Collapsible(_a) {
         className: "ph-collapsible__trigger",
         "aria-expanded": isOpen,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             "svg",
             {
               className: cn("ph-collapsible__chevron", isOpen && "ph-collapsible__chevron--open"),
@@ -5708,20 +5372,20 @@ function Collapsible(_a) {
               stroke: "currentColor",
               strokeWidth: "2",
               strokeLinecap: "round",
-              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M4 5l3 3 3-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M4 5l3 3 3-3" })
             }
           ),
           trigger
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ph-collapsible__content", children })
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ph-collapsible__content", children })
   ] }));
 }
 Collapsible.displayName = "Collapsible";
 
 // src/components/ui/Metric.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Metric(_a) {
   var _b = _a, {
     value,
@@ -5738,21 +5402,21 @@ function Metric(_a) {
     "icon",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-metric", className) }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ph-metric__header", children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ph-metric__icon", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ph-metric__label", children: label }),
-      badge && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ph-metric__badge", children: badge })
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-metric", className) }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ph-metric__header", children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ph-metric__icon", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ph-metric__label", children: label }),
+      badge && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ph-metric__badge", children: badge })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ph-metric__value", children: value }),
-    trend && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ph-metric__trend", children: trend })
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "ph-metric__value", children: value }),
+    trend && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "ph-metric__trend", children: trend })
   ] }));
 }
 Metric.displayName = "Metric";
 
 // src/components/ui/Chip.tsx
 var import_react42 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var Chip = (0, import_react42.forwardRef)(function Chip2(_a, ref) {
   var _b = _a, {
     selected = false,
@@ -5765,7 +5429,7 @@ var Chip = (0, import_react42.forwardRef)(function Chip2(_a, ref) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5777,8 +5441,8 @@ var Chip = (0, import_react42.forwardRef)(function Chip2(_a, ref) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ph-chip__text", children }),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ph-chip__text", children }),
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "span",
           {
             role: "button",
@@ -5789,7 +5453,7 @@ var Chip = (0, import_react42.forwardRef)(function Chip2(_a, ref) {
             },
             className: "ph-chip__remove",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
           }
         )
       ]
@@ -5800,7 +5464,7 @@ Chip.displayName = "Chip";
 
 // src/components/ui/DataTable.tsx
 var import_react43 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function DataTable({
   columns,
   data,
@@ -5841,8 +5505,8 @@ function DataTable({
       setSortDir("asc");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("ph-data-table", className), children: [
-    searchable && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-data-table__toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: cn("ph-data-table", className), children: [
+    searchable && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ph-data-table__toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "input",
       {
         type: "text",
@@ -5855,33 +5519,33 @@ function DataTable({
         className: "ph-input ph-input-sm"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("table", { className: "ph-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ph-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("table", { className: "ph-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "th",
         {
           className: cn(col.sortable && "cursor-pointer select-none", col.className),
           onClick: () => col.sortable && handleSort(col.key),
           children: [
             col.label,
-            sortKey === col.key && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ml-1 inline-block", children: sortDir === "asc" ? "\u2191" : "\u2193" })
+            sortKey === col.key && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ml-1 inline-block", children: sortDir === "asc" ? "\u2191" : "\u2193" })
           ]
         },
         col.key
       )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("tbody", { children: [
-        paged.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: col.className, children: col.render ? col.render(item) : item[col.key] }, col.key)) }, i)),
-        paged.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { colSpan: columns.length, className: "text-center text-ph-mutedtext py-8", children: "No results" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("tbody", { children: [
+        paged.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { className: col.className, children: col.render ? col.render(item) : item[col.key] }, col.key)) }, i)),
+        paged.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { colSpan: columns.length, className: "text-center text-ph-mutedtext py-8", children: "No results" }) })
       ] })
     ] }) }),
-    totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ph-data-table__pagination", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { disabled: page === 0, onClick: () => setPage((p4) => p4 - 1), className: "ph-data-table__page-btn", children: "Previous" }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "text-xs text-ph-mutedtext", children: [
+    totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ph-data-table__pagination", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("button", { disabled: page === 0, onClick: () => setPage((p) => p - 1), className: "ph-data-table__page-btn", children: "Previous" }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "text-xs text-ph-mutedtext", children: [
         "Page ",
         page + 1,
         " of ",
         totalPages
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { disabled: page >= totalPages - 1, onClick: () => setPage((p4) => p4 + 1), className: "ph-data-table__page-btn", children: "Next" })
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("button", { disabled: page >= totalPages - 1, onClick: () => setPage((p) => p + 1), className: "ph-data-table__page-btn", children: "Next" })
     ] })
   ] });
 }
@@ -5889,7 +5553,7 @@ DataTable.displayName = "DataTable";
 
 // src/components/ui/DatePicker.tsx
 var import_react44 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function DatePicker(_a) {
@@ -5924,8 +5588,8 @@ function DatePicker(_a) {
     setOpen(false);
   };
   const nav = (delta) => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() + delta, 1));
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: cn("ph-datepicker relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cn("ph-datepicker relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "input",
       __spreadValues({
         type: "text",
@@ -5936,19 +5600,19 @@ function DatePicker(_a) {
         className: "ph-input w-full cursor-pointer"
       }, props)
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ph-datepicker__dropdown", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ph-datepicker__nav", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { type: "button", onClick: () => nav(-1), className: "ph-datepicker__nav-btn", "aria-label": "Previous month", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("path", { d: "M7 3L4 6l3 3" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "ph-datepicker__nav-label", children: [
+    open && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ph-datepicker__dropdown", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ph-datepicker__nav", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "button", onClick: () => nav(-1), className: "ph-datepicker__nav-btn", "aria-label": "Previous month", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M7 3L4 6l3 3" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "ph-datepicker__nav-label", children: [
           MONTHS[viewDate.getMonth()],
           " ",
           viewDate.getFullYear()
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { type: "button", onClick: () => nav(1), className: "ph-datepicker__nav-btn", "aria-label": "Next month", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("path", { d: "M5 3l3 3-3 3" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "button", onClick: () => nav(1), className: "ph-datepicker__nav-btn", "aria-label": "Next month", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M5 3l3 3-3 3" }) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ph-datepicker__grid", children: [
-        DAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ph-datepicker__day-header", children: d }, d)),
-        days.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ph-datepicker__grid", children: [
+        DAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ph-datepicker__day-header", children: d }, d)),
+        days.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "button",
           {
             type: "button",
@@ -5970,40 +5634,44 @@ function DatePicker(_a) {
 DatePicker.displayName = "DatePicker";
 
 // src/components/ui/AppLayout.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function AppLayout({ sidebar, children, sidebarWidth = 240, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "div",
     {
       className: cn("ph-app-layout grid min-h-screen", className),
       style: { gridTemplateColumns: `${sidebarWidth}px minmax(0, 1fr)` },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("aside", { className: "ph-app-layout__sidebar border-r border-ph-border bg-ph-surface overflow-y-auto", children: sidebar }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("main", { className: "ph-app-layout__content min-w-0 overflow-y-auto bg-ph-canvas", children })
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("aside", { className: "ph-app-layout__sidebar border-r border-ph-border bg-ph-surface overflow-y-auto", children: sidebar }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("main", { className: "ph-app-layout__content min-w-0 overflow-y-auto bg-ph-canvas", children })
       ]
     }
   );
 }
 
 // src/components/ui/Sidebar.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
-function Sidebar({ groups, className, header, footer, collapsed = false, onCollapse }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("nav", { className: cn("ph-sidebar flex flex-col h-full", collapsed && "ph-sidebar--collapsed", className), children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ph-sidebar__header px-3 py-3 border-b border-ph-border-subtle", children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ph-sidebar__body flex-1 overflow-y-auto px-2 py-3 space-y-5", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ph-sidebar__group", children: [
-      !collapsed && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h3", { className: "ph-sidebar__group-label px-2 mb-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext", children: group.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ph-sidebar__items space-y-0.5", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SidebarItem, __spreadProps(__spreadValues({}, item), { collapsed }), item.label)) })
-    ] }, group.label)) }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ph-sidebar__footer px-3 py-3 border-t border-ph-border-subtle", children: footer })
+var import_jsx_runtime82 = require("react/jsx-runtime");
+function Sidebar({ groups, className, header, footer, children, collapsed = false, onCollapse }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("nav", { className: cn("ph-sidebar flex flex-col h-full", collapsed && "ph-sidebar--collapsed", className), children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__header px-3 py-3 border-b border-ph-border-subtle", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__body flex-1 overflow-y-auto px-2 py-3 space-y-5", children: groups.map((group) => {
+      var _a;
+      return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ph-sidebar__group", children: [
+        group.label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { className: "ph-sidebar__group-label px-2 mb-1 text-[10px] font-semibold uppercase tracking-wider text-ph-mutedtext", children: group.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__items space-y-0.5", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SidebarItem, __spreadProps(__spreadValues({}, item), { collapsed }), item.label)) })
+      ] }, (_a = group.label) != null ? _a : "default");
+    }) }),
+    children,
+    footer && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ph-sidebar__footer px-3 py-3 border-t border-ph-border-subtle", children: footer })
   ] });
 }
-function SidebarItem({ label, icon, badge, active, onClick, collapsed }) {
+function SidebarItem({ label, icon, badge, active, href, onClick, collapsed }) {
   const Comp = onClick ? "button" : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     Comp,
     {
       type: onClick ? "button" : void 0,
-      href: onClick ? void 0 : void 0,
+      href: onClick ? void 0 : href,
       onClick,
       className: cn(
         "ph-sidebar__item flex items-center gap-2.5 w-full rounded-md px-2.5 py-2 text-sm text-left transition",
@@ -6012,9 +5680,9 @@ function SidebarItem({ label, icon, badge, active, onClick, collapsed }) {
       ),
       title: collapsed ? label : void 0,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ph-sidebar__item-icon shrink-0 w-4 h-4 flex items-center justify-center", children: icon }),
-        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ph-sidebar__item-label truncate flex-1", children: label }),
-        !collapsed && badge && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ph-sidebar__item-badge shrink-0", children: badge })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: cn("ph-sidebar__item-icon shrink-0 flex items-center justify-center", collapsed ? "w-5 h-5" : "w-4 h-4"), children: icon }),
+        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ph-sidebar__item-label truncate flex-1", children: label }),
+        !collapsed && badge && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ph-sidebar__item-badge shrink-0", children: badge })
       ]
     }
   );
@@ -6027,7 +5695,7 @@ var import_react47 = require("react");
 // src/lib/hog-charts-lite/CanvasTrendLineChart.tsx
 var import_d3_scale = require("d3-scale");
 var import_react45 = require("react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var HOG_LITE_DEFAULT_MARGINS = { top: 16, right: 16, bottom: 32, left: 48 };
 function resolveDisplayedSeries(series, palette) {
   const visible = series.filter((s) => {
@@ -6324,8 +5992,8 @@ function CanvasTrendLineChart({
       value: s.data[hoverIndex]
     })).filter((row) => typeof row.value === "number" && Number.isFinite(row.value));
   }, [hoverIndex, labels, resolved]);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { ref: containerRef, className: `relative w-full ${className}`.trim(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { ref: containerRef, className: `relative w-full ${className}`.trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       "canvas",
       {
         ref: canvasRef,
@@ -6335,7 +6003,7 @@ function CanvasTrendLineChart({
         onMouseLeave
       }
     ),
-    tooltipRows != null && tooltipRows.length > 0 && hoverIndex != null ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+    tooltipRows != null && tooltipRows.length > 0 && hoverIndex != null ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       "div",
       {
         className: "pointer-events-none absolute z-20 max-w-xs rounded-[var(--ph-radius-app)] border border-ph-border-strong bg-ph-surface px-3 py-2 text-xs shadow-ph-md",
@@ -6344,11 +6012,11 @@ function CanvasTrendLineChart({
           top: 8
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "font-semibold text-ph-ink", children: labels[hoverIndex] }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { className: "mt-1 space-y-0.5 text-ph-mutedtext", children: tooltipRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("li", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "h-2 w-2 shrink-0 rounded-full", style: { background: row.color } }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "min-w-0 truncate", children: row.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ml-auto tabular-nums text-ph-ink", children: row.value })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "font-semibold text-ph-ink", children: labels[hoverIndex] }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("ul", { className: "mt-1 space-y-0.5 text-ph-mutedtext", children: tooltipRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("li", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "h-2 w-2 shrink-0 rounded-full", style: { background: row.color } }),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "min-w-0 truncate", children: row.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ml-auto tabular-nums text-ph-ink", children: row.value })
           ] }, row.label)) })
         ]
       }
@@ -6361,7 +6029,10 @@ var import_react46 = require("react");
 var DEFAULT_TOKENS = {
   series: ["#1d4aff", "#621da6", "#42827e", "#ce0e74", "#f14f58", "#529a0a", "#fe729e"],
   muted: "hsl(220 9% 90%)",
-  surface: "#ffffff"
+  surface: "#ffffff",
+  textMuted: "hsl(220 9% 46%)",
+  grid: "hsl(220 13% 91%)",
+  borderStrong: "hsl(220 13% 80%)"
 };
 function readTokens() {
   if (typeof document === "undefined") return DEFAULT_TOKENS;
@@ -6378,7 +6049,10 @@ function readTokens() {
       read("--ph-data-7", DEFAULT_TOKENS.series[6])
     ],
     muted: read("--ph-muted", DEFAULT_TOKENS.muted),
-    surface: read("--ph-surface", DEFAULT_TOKENS.surface)
+    surface: read("--ph-surface", DEFAULT_TOKENS.surface),
+    textMuted: read("--ph-mutedtext", DEFAULT_TOKENS.textMuted),
+    grid: read("--ph-border", DEFAULT_TOKENS.grid),
+    borderStrong: read("--ph-border-strong", DEFAULT_TOKENS.borderStrong)
   };
 }
 function useChartTokens() {
@@ -6401,7 +6075,7 @@ function buildHogChartTheme(tokens) {
 }
 
 // src/components/charts/quill/TimeSeriesLineChart.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function TimeSeriesLineChart({
   series,
   labels,
@@ -6424,12 +6098,12 @@ function TimeSeriesLineChart({
     }),
     [series, tokens.series]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "div",
     {
       className: cn("relative w-full", className),
       style: { height, minHeight: 220 },
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         CanvasTrendLineChart,
         {
           labels,
@@ -6446,7 +6120,7 @@ function TimeSeriesLineChart({
 
 // src/components/charts/quill/BarChart.tsx
 var import_react48 = require("react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function BarChart({ series, labels, className, height = 280 }) {
   const tokens = useChartTokens();
   const groupCount = labels.length;
@@ -6473,13 +6147,13 @@ function BarChart({ series, labels, className, height = 280 }) {
   const groupW = innerW / groupCount;
   const barW = Math.max(4, groupW * 0.7 / barCount);
   const gap = groupW * 0.15;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("relative w-full", className), style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("svg", { viewBox: `0 0 400 ${height}`, className: "h-full w-full", preserveAspectRatio: "xMidYMid meet", suppressHydrationWarning: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("relative w-full", className), style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { viewBox: `0 0 400 ${height}`, className: "h-full w-full", preserveAspectRatio: "xMidYMid meet", suppressHydrationWarning: true, children: [
     chartData.map(
       (bar, bi) => bar.values.map((v, li) => {
         const x = padding.left + li * groupW + gap / 2 + bi * barW;
         const barH = v / maxVal * (innerH - 4);
         const y = padding.top + innerH - barH;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "rect",
           {
             x,
@@ -6488,13 +6162,13 @@ function BarChart({ series, labels, className, height = 280 }) {
             height: barH,
             fill: bar.color,
             rx: 2,
-            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("title", { children: `${bar.label}: ${v}` })
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: `${bar.label}: ${v}` })
           },
           `${bi}-${li}`
         );
       })
     ),
-    labels.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    labels.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "text",
       {
         x: padding.left + i * groupW + groupW / 2,
@@ -6511,7 +6185,7 @@ function BarChart({ series, labels, className, height = 280 }) {
 
 // src/components/charts/quill/PieChart.tsx
 var import_react49 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function PieChart({ slices, className, size = 200 }) {
   const tokens = useChartTokens();
   const { total, segments } = (0, import_react49.useMemo)(() => {
@@ -6542,9 +6216,9 @@ function PieChart({ slices, className, size = 200 }) {
   const describeArc = (start, end) => {
     if (end - start >= 359.9) {
       const p1 = polarToCart(start, r);
-      const p22 = polarToCart(start + 179.9, r);
-      const p32 = polarToCart(start + 359.9, r);
-      return `M${p1.x},${p1.y} A${r},${r} 0 0,1 ${p22.x},${p22.y} A${r},${r} 0 0,1 ${p32.x},${p32.y} Z`;
+      const p2 = polarToCart(start + 179.9, r);
+      const p3 = polarToCart(start + 359.9, r);
+      return `M${p1.x},${p1.y} A${r},${r} 0 0,1 ${p2.x},${p2.y} A${r},${r} 0 0,1 ${p3.x},${p3.y} Z`;
     }
     const s = polarToCart(start, r);
     const e = polarToCart(end, r);
@@ -6553,18 +6227,18 @@ function PieChart({ slices, className, size = 200 }) {
     const large = end - start > 180 ? 1 : 0;
     return `M${s.x},${s.y} A${r},${r} 0 ${large},1 ${e.x},${e.y} L${ei.x},${ei.y} A${ir},${ir} 0 ${large},0 ${si.x},${si.y} Z`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: cn("relative", className), style: { width: size, height: size }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("svg", { viewBox: `0 0 ${size} ${size}`, className: "h-full w-full", suppressHydrationWarning: true, children: [
-      segments.map((s) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: describeArc(s.startAngle, s.endAngle), fill: s.color, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: `${s.label}: ${s.pct.toFixed(1)}%` }) }, s.key)),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("circle", { cx, cy, r: ir, fill: "var(--ph-surface)" })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: cn("relative", className), style: { width: size, height: size }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("svg", { viewBox: `0 0 ${size} ${size}`, className: "h-full w-full", suppressHydrationWarning: true, children: [
+      segments.map((s) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { d: describeArc(s.startAngle, s.endAngle), fill: s.color, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: `${s.label}: ${s.pct.toFixed(1)}%` }) }, s.key)),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("circle", { cx, cy, r: ir, fill: "var(--ph-surface)" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-lg font-bold text-ph-ink tabular-nums", children: slices.length }) })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-lg font-bold text-ph-ink tabular-nums", children: slices.length }) })
   ] });
 }
 
 // src/components/charts/quill/Sparkline.tsx
 var import_react50 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function Sparkline({
   data,
   color,
@@ -6588,7 +6262,7 @@ function Sparkline({
     }).join(" ");
   }, [data, width, height]);
   if (data.length < 2) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     "svg",
     {
       className: cn("shrink-0", className),
@@ -6597,13 +6271,13 @@ function Sparkline({
       viewBox: `0 0 ${width} ${height}`,
       "aria-hidden": true,
       suppressHydrationWarning: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: path, fill: "none", stroke: resolvedColor, strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { d: path, fill: "none", stroke: resolvedColor, strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })
     }
   );
 }
 
 // src/components/charts/quill/MetricCard.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function MetricCard({
   value,
   label,
@@ -6613,44 +6287,44 @@ function MetricCard({
   className
 }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: cn("ph-metric", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ph-metric__header", children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ph-metric__icon", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ph-metric__label", children: label }),
-      change && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Badge, { variant: ((_a = change.positive) != null ? _a : change.value >= 0) ? "success" : "danger", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cn("ph-metric", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "ph-metric__header", children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ph-metric__icon", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ph-metric__label", children: label }),
+      change && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Badge, { variant: ((_a = change.positive) != null ? _a : change.value >= 0) ? "success" : "danger", children: [
         change.value >= 0 ? "+" : "",
         change.value,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ph-metric__value", children: value }),
-    sparklineData && sparklineData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Sparkline, { data: sparklineData }) })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "ph-metric__value", children: value }),
+    sparklineData && sparklineData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Sparkline, { data: sparklineData }) })
   ] });
 }
 
 // src/components/charts/quill/FunnelChart.tsx
 var import_react51 = require("react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function FunnelChart({ steps, className }) {
   const tokens = useChartTokens();
   const maxCount = (0, import_react51.useMemo)(() => Math.max(...steps.map((s) => s.count)), [steps]);
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: cn("space-y-2", className), suppressHydrationWarning: true, children: steps.map((step, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: cn("space-y-2", className), suppressHydrationWarning: true, children: steps.map((step, i) => {
     const pct = step.count / maxCount * 100;
     const prev = i > 0 ? steps[i - 1].count : step.count;
     const dropoff = prev > 0 ? (prev - step.count) / prev * 100 : 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "font-medium text-ph-ink", children: step.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "tabular-nums text-ph-subtle", children: step.count.toLocaleString() })
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "font-medium text-ph-ink", children: step.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "tabular-nums text-ph-subtle", children: step.count.toLocaleString() })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "relative h-8 overflow-hidden rounded-md", style: { background: tokens.muted }, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative h-8 overflow-hidden rounded-md", style: { background: tokens.muted }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         "div",
         {
           className: "h-full rounded-md transition-all duration-500",
           style: { width: `${pct}%`, background: i === 0 ? tokens.series[0] : tokens.series[i % tokens.series.length] }
         }
       ) }),
-      i > 0 && dropoff > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("p", { className: "text-xs text-ph-danger", children: [
+      i > 0 && dropoff > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("p", { className: "text-xs text-ph-danger", children: [
         "-",
         dropoff.toFixed(1),
         "% dropoff"
@@ -6719,216 +6393,84 @@ function FunnelChart({ steps, className }) {
   H5,
   HoverCard,
   Icon,
-  Icon123,
-  IconAI,
-  IconAction,
   IconActivity,
-  IconAdsClick,
-  IconAndroidOS,
-  IconAppleIOS,
-  IconArchive,
   IconAreaChart,
   IconArrowDown,
   IconArrowUp,
-  IconAtSign,
-  IconBadge,
   IconBase,
   IconBell,
   IconBellOff,
-  IconBinary,
-  IconBlank,
-  IconBold,
   IconBolt,
-  IconBook,
-  IconBookmarkBorder,
   IconBox,
-  IconBranch,
-  IconBug,
   IconByName,
-  IconCalculate,
-  IconCalendar,
-  IconCalendarDay,
   IconCancel,
-  IconCart,
-  IconChat,
   IconCheck,
   IconCheckCircle,
-  IconCheckboxChecked,
   IconChevronDown,
   IconChevronLeft,
   IconChevronRight,
-  IconChrome,
   IconClipboardEdit,
-  IconClock,
   IconClose,
-  IconCloud,
   IconCodePreview,
-  IconCoffee,
   IconCohort,
   IconCommandCursor,
-  IconConfetti,
   IconCopy,
-  IconCrown,
   IconCumulativeChart,
   IconDataReel,
   IconDatabase,
-  IconDevices,
-  IconDocument,
   IconDownload,
-  IconDownloadCloud,
-  IconDragHandle,
   IconEdit,
   IconErrorOutline,
-  IconEvent,
   IconEventStream,
   IconExclamation,
   IconExperimentSplit,
-  IconExternalLink,
-  IconEye,
-  IconEyeHidden,
-  IconFacebook,
   IconFeatureGate,
-  IconFeedback,
-  IconFile,
-  IconFilter,
-  IconFingerprint,
-  IconFirefox,
   IconFlag,
   IconFlare,
   IconFlask,
-  IconFolder,
-  IconForward,
-  IconFullScreen,
-  IconFunnelHorizontal,
-  IconFunnelVertical,
-  IconGear,
-  IconGhost,
   IconGift,
-  IconGitlab,
-  IconGlobe,
-  IconGoogle,
   IconGridView,
-  IconGroupedEvents,
-  IconGroups,
   IconHandClick,
-  IconHash,
-  IconHeadphones,
-  IconHeart,
-  IconHeatmap,
   IconHome,
-  IconHomeFilled,
-  IconHourglass,
-  IconImage,
-  IconInbox,
   IconInfo,
-  IconInfoFilled,
   IconInsightBoard,
-  IconItalic,
-  IconKey,
-  IconKeyFilled,
-  IconLaptop,
   IconLayers,
-  IconLayout,
-  IconLifeBuoy,
-  IconLightBulb,
-  IconLink,
-  IconLinkBreak,
-  IconLinux,
   IconListView,
-  IconLocation,
-  IconLock,
   IconLogout,
-  IconMacOS,
   IconMail,
-  IconMap,
-  IconMapPin,
-  IconMaximize,
-  IconMegaphone,
-  IconMenu,
-  IconMic,
-  IconMicrosoftTeams,
-  IconMinimize,
-  IconMinus,
-  IconMonitor,
   IconMoon,
-  IconMoonFilled,
-  IconMoreHorizontal,
-  IconMoreVertical,
-  IconMusic,
-  IconNavigation,
-  IconNodeJS,
-  IconOffline,
   IconOldWindow,
-  IconOpenInApp,
-  IconOpenInNew,
-  IconPalette,
   IconPanelRight,
-  IconPaperclip,
-  IconPauseCircle,
-  IconPeople,
-  IconPercent,
   IconPerson,
-  IconPhone,
-  IconPin,
   IconPlayCircle,
   IconPlus,
   IconPremium,
-  IconPreview,
-  IconPrinter,
   IconQueryEditor,
   IconQueryStack,
-  IconQuestionAnswer,
   IconRadar,
-  IconRadioButtonUnchecked,
   IconRecording,
-  IconRedo,
-  IconRefresh,
-  IconReplay,
   IconReplayFrame,
-  IconReply,
-  IconReport,
   IconRobot,
   IconRocket,
-  IconSafari,
   IconSave,
   IconSearch,
-  IconSelectAll,
   IconSelectEvents,
   IconShoppingCart,
-  IconSkipBackward,
-  IconSkipEnd,
-  IconSkipStart,
-  IconSlack,
-  IconSlackExternal,
   IconSpinner,
-  IconStamphog,
   IconStar,
-  IconStore,
   IconSubArrowRight,
-  IconSubtitles,
-  IconSubtitlesOff,
   IconSun,
   IconSurveyCard,
   IconSurveys,
-  IconSwapHoriz,
   IconSync,
   IconTableChart,
   IconTerminal,
-  IconTextSize,
   IconToggle,
   IconTrash,
-  IconTrendingDown,
-  IconTrendingFlat,
-  IconTrendingFlatDown,
   IconTuning,
-  IconUnverifiedEvent,
   IconUpload,
-  IconVerifiedEvent,
-  IconVerticalAlignCenter,
   IconVolume,
   IconVolumeOff,
-  IconWeb,
-  IconWindows,
   Indicator,
   Input,
   InputGroup,