@xenide-io/the-old-ui-theme 0.9.17 → 0.10.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { bm as IconProps } from './Chip-BzuNgJIa.mjs';
-export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, D as CANONICAL_ICONS, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ac as FilterBarProps, ad as FilterChip, ae as FilterChips, af as FilterChipsProps, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, aw as IconActivity, ax as IconAliasName, ay as IconAreaChart, az as IconArrowDown, aA as IconArrowUp, aB as IconBase, aC as IconBell, aD as IconBellOff, aE as IconBolt, aF as IconBox, aG as IconByName, aH as IconCancel, aI as IconCheck, aJ as IconCheckCircle, aK as IconChevronDown, aL as IconChevronLeft, aM as IconChevronRight, aN as IconClipboardEdit, aO as IconClose, aP as IconCodePreview, aQ as IconCohort, aR as IconCommandCursor, aS as IconCopy, aT as IconCumulativeChart, aU as IconDataReel, aV as IconDatabase, aW as IconDownload, aX as IconEdit, aY as IconErrorOutline, aZ as IconEventStream, a_ as IconExclamation, a$ as IconExperimentSplit, b0 as IconFeatureGate, b1 as IconFlag, b2 as IconFlare, b3 as IconFlask, b4 as IconGift, b5 as IconGridView, b6 as IconHandClick, b7 as IconHome, b8 as IconInfo, b9 as IconInsightBoard, ba as IconLayers, bb as IconListView, bc as IconLogout, bd as IconMail, be as IconMoon, bf as IconName, bg as IconOldWindow, bh as IconPanelRight, bi as IconPerson, bj as IconPlayCircle, bk as IconPlus, bl as IconPremium, bn as IconQueryEditor, bo as IconQueryStack, bp as IconRadar, bq as IconRecording, br as IconReplayFrame, bs as IconRobot, bt as IconRocket, bu as IconSave, bv as IconSearch, bw as IconSelectEvents, bx as IconShoppingCart, by as IconSpinner, bz as IconStar, bA as IconSubArrowRight, bB as IconSun, bC as IconSurveyCard, bD as IconSurveys, bE as IconSync, bF as IconTableChart, bG as IconTerminal, bH as IconToggle, bI as IconTrash, bJ as IconTuning, bK as IconUpload, bL as IconVolume, bM as IconVolumeOff, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, ca as OLD_UI_ICONS, cb as Overline, cc as OverlineProps, cd as P, ce as PH_ICONS, cf as PH_ICON_ALIASES, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-BzuNgJIa.mjs';
+import { bm as IconProps } from './Chip-DKT-82Lf.mjs';
+export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, D as CANONICAL_ICONS, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ac as FilterBarProps, ad as FilterChip, ae as FilterChips, af as FilterChipsProps, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, aw as IconActivity, ax as IconAliasName, ay as IconAreaChart, az as IconArrowDown, aA as IconArrowUp, aB as IconBase, aC as IconBell, aD as IconBellOff, aE as IconBolt, aF as IconBox, aG as IconByName, aH as IconCancel, aI as IconCheck, aJ as IconCheckCircle, aK as IconChevronDown, aL as IconChevronLeft, aM as IconChevronRight, aN as IconClipboardEdit, aO as IconClose, aP as IconCodePreview, aQ as IconCohort, aR as IconCommandCursor, aS as IconCopy, aT as IconCumulativeChart, aU as IconDataReel, aV as IconDatabase, aW as IconDownload, aX as IconEdit, aY as IconErrorOutline, aZ as IconEventStream, a_ as IconExclamation, a$ as IconExperimentSplit, b0 as IconFeatureGate, b1 as IconFlag, b2 as IconFlare, b3 as IconFlask, b4 as IconGift, b5 as IconGridView, b6 as IconHandClick, b7 as IconHome, b8 as IconInfo, b9 as IconInsightBoard, ba as IconLayers, bb as IconListView, bc as IconLogout, bd as IconMail, be as IconMoon, bf as IconName, bg as IconOldWindow, bh as IconPanelRight, bi as IconPerson, bj as IconPlayCircle, bk as IconPlus, bl as IconPremium, bn as IconQueryEditor, bo as IconQueryStack, bp as IconRadar, bq as IconRecording, br as IconReplayFrame, bs as IconRobot, bt as IconRocket, bu as IconSave, bv as IconSearch, bw as IconSelectEvents, bx as IconShoppingCart, by as IconSpinner, bz as IconStar, bA as IconSubArrowRight, bB as IconSun, bC as IconSurveyCard, bD as IconSurveys, bE as IconSync, bF as IconTableChart, bG as IconTerminal, bH as IconToggle, bI as IconTrash, bJ as IconTuning, bK as IconUpload, bL as IconVolume, bM as IconVolumeOff, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, ca as OLD_UI_ICONS, cb as Overline, cc as OverlineProps, cd as P, ce as PH_ICONS, cf as PH_ICON_ALIASES, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-DKT-82Lf.mjs';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { bm as IconProps } from './Chip-BzuNgJIa.js';
-export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, D as CANONICAL_ICONS, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ac as FilterBarProps, ad as FilterChip, ae as FilterChips, af as FilterChipsProps, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, aw as IconActivity, ax as IconAliasName, ay as IconAreaChart, az as IconArrowDown, aA as IconArrowUp, aB as IconBase, aC as IconBell, aD as IconBellOff, aE as IconBolt, aF as IconBox, aG as IconByName, aH as IconCancel, aI as IconCheck, aJ as IconCheckCircle, aK as IconChevronDown, aL as IconChevronLeft, aM as IconChevronRight, aN as IconClipboardEdit, aO as IconClose, aP as IconCodePreview, aQ as IconCohort, aR as IconCommandCursor, aS as IconCopy, aT as IconCumulativeChart, aU as IconDataReel, aV as IconDatabase, aW as IconDownload, aX as IconEdit, aY as IconErrorOutline, aZ as IconEventStream, a_ as IconExclamation, a$ as IconExperimentSplit, b0 as IconFeatureGate, b1 as IconFlag, b2 as IconFlare, b3 as IconFlask, b4 as IconGift, b5 as IconGridView, b6 as IconHandClick, b7 as IconHome, b8 as IconInfo, b9 as IconInsightBoard, ba as IconLayers, bb as IconListView, bc as IconLogout, bd as IconMail, be as IconMoon, bf as IconName, bg as IconOldWindow, bh as IconPanelRight, bi as IconPerson, bj as IconPlayCircle, bk as IconPlus, bl as IconPremium, bn as IconQueryEditor, bo as IconQueryStack, bp as IconRadar, bq as IconRecording, br as IconReplayFrame, bs as IconRobot, bt as IconRocket, bu as IconSave, bv as IconSearch, bw as IconSelectEvents, bx as IconShoppingCart, by as IconSpinner, bz as IconStar, bA as IconSubArrowRight, bB as IconSun, bC as IconSurveyCard, bD as IconSurveys, bE as IconSync, bF as IconTableChart, bG as IconTerminal, bH as IconToggle, bI as IconTrash, bJ as IconTuning, bK as IconUpload, bL as IconVolume, bM as IconVolumeOff, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, ca as OLD_UI_ICONS, cb as Overline, cc as OverlineProps, cd as P, ce as PH_ICONS, cf as PH_ICON_ALIASES, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-BzuNgJIa.js';
+import { bm as IconProps } from './Chip-DKT-82Lf.js';
+export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, D as CANONICAL_ICONS, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ac as FilterBarProps, ad as FilterChip, ae as FilterChips, af as FilterChipsProps, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, aw as IconActivity, ax as IconAliasName, ay as IconAreaChart, az as IconArrowDown, aA as IconArrowUp, aB as IconBase, aC as IconBell, aD as IconBellOff, aE as IconBolt, aF as IconBox, aG as IconByName, aH as IconCancel, aI as IconCheck, aJ as IconCheckCircle, aK as IconChevronDown, aL as IconChevronLeft, aM as IconChevronRight, aN as IconClipboardEdit, aO as IconClose, aP as IconCodePreview, aQ as IconCohort, aR as IconCommandCursor, aS as IconCopy, aT as IconCumulativeChart, aU as IconDataReel, aV as IconDatabase, aW as IconDownload, aX as IconEdit, aY as IconErrorOutline, aZ as IconEventStream, a_ as IconExclamation, a$ as IconExperimentSplit, b0 as IconFeatureGate, b1 as IconFlag, b2 as IconFlare, b3 as IconFlask, b4 as IconGift, b5 as IconGridView, b6 as IconHandClick, b7 as IconHome, b8 as IconInfo, b9 as IconInsightBoard, ba as IconLayers, bb as IconListView, bc as IconLogout, bd as IconMail, be as IconMoon, bf as IconName, bg as IconOldWindow, bh as IconPanelRight, bi as IconPerson, bj as IconPlayCircle, bk as IconPlus, bl as IconPremium, bn as IconQueryEditor, bo as IconQueryStack, bp as IconRadar, bq as IconRecording, br as IconReplayFrame, bs as IconRobot, bt as IconRocket, bu as IconSave, bv as IconSearch, bw as IconSelectEvents, bx as IconShoppingCart, by as IconSpinner, bz as IconStar, bA as IconSubArrowRight, bB as IconSun, bC as IconSurveyCard, bD as IconSurveys, bE as IconSync, bF as IconTableChart, bG as IconTerminal, bH as IconToggle, bI as IconTrash, bJ as IconTuning, bK as IconUpload, bL as IconVolume, bM as IconVolumeOff, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, ca as OLD_UI_ICONS, cb as Overline, cc as OverlineProps, cd as P, ce as PH_ICONS, cf as PH_ICON_ALIASES, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-DKT-82Lf.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.js

@@ -1789,7 +1789,7 @@ var Input = (0, import_react10.forwardRef)(function Input2(_a, ref) {
             "aria-label": revealed ? "Hide password" : "Show password",
             "aria-pressed": revealed,
             disabled,
-            className: "absolute inset-y-0 right-0 flex w-10 items-center justify-center rounded-r-[var(--ph-radius-control)] text-ph-mutedtext transition-colors hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
+            className: "ph-field-icon-button",
             children: revealed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_iconoir_react.EyeClosed, { className: "h-4 w-4", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_iconoir_react.Eye, { className: "h-4 w-4", "aria-hidden": true })
           }
         ) : null
@@ -2179,7 +2179,7 @@ var import_jsx_runtime17 = require("react/jsx-runtime");
 function Panel(_a) {
   var _b = _a, { title, description, children, className } = _b, props = __objRest(_b, ["title", "description", "children", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", __spreadProps(__spreadValues({ className: cn("ph-panel", className) }, props), { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "text-sm font-semibold uppercase tracking-wider text-ph-mutedtext", children: title }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "text-lg font-semibold tracking-tight text-ph-ink", children: title }),
     description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
     children
   ] }));
@@ -2251,17 +2251,20 @@ function Table({
   getRowStyle,
   getRowKey,
   className,
-  caption
+  caption,
+  emptyState = "No data available."
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: cn("ph-table-wrap", compact && "ph-table-compact", className),
+      role: "region",
+      "aria-label": caption != null ? caption : "Data table",
       tabIndex: 0,
       children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: cn("ph-table", zebra && "ph-table-zebra", ribbon && "ph-table--ribbon"), children: [
         caption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("caption", { className: "sr-only", children: caption }),
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { className: col.className, children: col.header }, col.key)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { children: data.map((row, i) => {
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { children: data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { colSpan: columns.length, className: "ph-table-empty", children: emptyState }) }) : data.map((row, i) => {
           var _a;
           return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { style: getRowStyle == null ? void 0 : getRowStyle(row), children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: col.className, children: col.cell(row) }, col.key)) }, (_a = getRowKey == null ? void 0 : getRowKey(row, i)) != null ? _a : i);
         }) })
@@ -2512,14 +2515,11 @@ function Accordion({
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
-      className: cn(
-        "divide-y divide-ph-border rounded-xl border border-ph-border bg-ph-surface",
-        className
-      ),
+      className: cn("ph-accordion", className),
       children: items.map((item) => {
         const isOpen = openItems.has(item.id);
         const contentId = `accordion-${idPrefix}-${item.id}-content`;
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "first:rounded-t-xl last:rounded-b-xl", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "ph-accordion__item", children: [
           /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             "button",
             {
@@ -2527,7 +2527,7 @@ function Accordion({
               onClick: () => toggleItem(item.id),
               "aria-expanded": isOpen,
               "aria-controls": contentId,
-              className: "flex w-full items-center justify-between px-5 py-4 text-left transition hover:bg-ph-muted",
+              className: "ph-accordion__trigger",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "font-semibold text-ph-ink", children: item.title }),
                 /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -2551,7 +2551,7 @@ function Accordion({
                 if (node) node.toggleAttribute("inert", !isOpen);
               },
               className: cn(
-                "grid transition-all duration-200",
+                "grid transition-[grid-template-rows] duration-200",
                 isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
               ),
               children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-5 pb-4 text-ph-subtle", children: item.content }) })
@@ -2564,27 +2564,68 @@ function Accordion({
 }
 
 // src/components/ui/SegmentedControl.tsx
+var import_react16 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-function SegmentedControl({ options, value, onChange, className }) {
+function SegmentedControl({
+  options,
+  value,
+  onChange,
+  className,
+  "aria-label": ariaLabel
+}) {
+  const itemRefs = (0, import_react16.useRef)([]);
+  const selectedIndex = options.findIndex((option) => option.value === value);
+  const handleKeyDown = (event, index) => {
+    var _a;
+    let nextIndex;
+    switch (event.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        nextIndex = (index - 1 + options.length) % options.length;
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        nextIndex = (index + 1) % options.length;
+        break;
+      case "Home":
+        nextIndex = 0;
+        break;
+      case "End":
+        nextIndex = options.length - 1;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    const nextOption = options[nextIndex];
+    if (!nextOption) return;
+    onChange(nextOption.value);
+    (_a = itemRefs.current[nextIndex]) == null ? void 0 : _a.focus();
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
-      className: cn(
-        "inline-flex rounded-lg bg-ph-muted p-1",
-        className
-      ),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      className: cn("ph-segmented-control", className),
+      children: options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "button",
         {
+          ref: (node) => {
+            itemRefs.current[index] = node;
+          },
           type: "button",
-          "aria-pressed": value === option.value,
+          role: "radio",
+          "aria-checked": value === option.value,
+          tabIndex: selectedIndex === index || selectedIndex < 0 && index === 0 ? 0 : -1,
           onClick: () => onChange(option.value),
+          onKeyDown: (event) => handleKeyDown(event, index),
           className: cn(
-            "relative flex min-h-11 items-center gap-1.5 rounded-md px-3.5 py-1.5 text-sm font-medium transition-all sm:min-h-9",
-            value === option.value ? "bg-ph-surface text-ph-ink shadow-ph" : "text-ph-subtle hover:text-ph-ink"
+            "ph-segmented-control__item",
+            value === option.value && "ph-segmented-control__item--selected"
           ),
           children: [
-            option.icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "h-4 w-4", children: option.icon }),
+            option.icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "h-4 w-4", "aria-hidden": true, children: option.icon }),
             option.label
           ]
         },
@@ -2595,7 +2636,7 @@ function SegmentedControl({ options, value, onChange, className }) {
 }
 
 // src/components/ui/CommandPalette.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function CommandPalette({
@@ -2609,27 +2650,27 @@ function CommandPalette({
   inputId,
   inputDataTest
 }) {
-  const [query, setQuery] = (0, import_react16.useState)("");
-  const [selectedIndex, setSelectedIndex] = (0, import_react16.useState)(0);
-  const inputRef = (0, import_react16.useRef)(null);
-  const listboxRef = (0, import_react16.useRef)(null);
-  const restoreFocusRef = (0, import_react16.useRef)(null);
-  const generatedId = (0, import_react16.useId)();
+  const [query, setQuery] = (0, import_react17.useState)("");
+  const [selectedIndex, setSelectedIndex] = (0, import_react17.useState)(0);
+  const inputRef = (0, import_react17.useRef)(null);
+  const listboxRef = (0, import_react17.useRef)(null);
+  const restoreFocusRef = (0, import_react17.useRef)(null);
+  const generatedId = (0, import_react17.useId)();
   const listboxId = `${id != null ? id : `command-palette-${generatedId}`}-listbox`;
   const filtered = items.filter(
     (item) => item.label.toLowerCase().includes(query.toLowerCase())
   );
   const activeIndex = filtered.length ? Math.min(selectedIndex, filtered.length - 1) : 0;
   const activeItem = filtered[activeIndex];
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!isOpen) return;
     setQuery("");
     setSelectedIndex(0);
   }, [isOpen]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     setSelectedIndex((current) => Math.min(current, Math.max(filtered.length - 1, 0)));
   }, [filtered.length]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     var _a, _b;
     if (!isOpen || !activeItem) return;
     (_b = (_a = listboxRef.current) == null ? void 0 : _a.querySelectorAll('[role="option"]')[activeIndex]) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
@@ -2671,16 +2712,13 @@ function CommandPalette({
           {
             id,
             "data-test": dataTest,
-            className: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm"
+            className: "ph-command-palette__overlay"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           Dialog2.Content,
           {
-            className: cn(
-              "fixed left-1/2 top-[20vh] z-50 w-full max-w-xl -translate-x-1/2 overflow-hidden rounded-xl border border-ph-border bg-ph-surface shadow-ph-md",
-              className
-            ),
+            className: cn("ph-command-palette", className),
             onOpenAutoFocus: (event) => {
               var _a;
               restoreFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
@@ -2694,7 +2732,7 @@ function CommandPalette({
             },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Dialog2.Title, { className: "sr-only", children: "Command palette" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3 border-b border-ph-border px-4 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "ph-command-palette__search", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconSearch, { className: "h-5 w-5 text-ph-mutedtext" }),
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   "input",
@@ -2719,7 +2757,7 @@ function CommandPalette({
                     className: "flex-1 bg-transparent text-ph-ink outline-none placeholder:text-ph-mutedtext"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { "aria-hidden": "true", className: "rounded border border-ph-border bg-ph-muted px-1.5 py-0.5 text-xs text-ph-mutedtext", children: "ESC" })
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { "aria-hidden": "true", className: "ph-keycap", children: "ESC" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: listboxRef, id: listboxId, role: "listbox", "aria-label": "Commands", className: "max-h-[50vh] overflow-y-auto py-2", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { role: "status", className: "px-4 py-8 text-center text-sm text-ph-mutedtext", children: "No results found." }) : filtered.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                 "div",
@@ -2734,13 +2772,13 @@ function CommandPalette({
                   },
                   onMouseEnter: () => setSelectedIndex(index),
                   className: cn(
-                    "flex w-full cursor-pointer items-center gap-3 px-4 py-2.5 text-left text-sm transition-colors",
-                    index === activeIndex ? "bg-ph-muted text-ph-ink" : "text-ph-subtle"
+                    "ph-command-palette__option",
+                    index === activeIndex ? "ph-command-palette__option--selected" : "text-ph-subtle"
                   ),
                   children: [
                     item.icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", className: "h-5 w-5", children: item.icon }),
                     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex-1", children: item.label }),
-                    item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { "aria-hidden": "true", className: "rounded border border-ph-border bg-ph-surface px-1.5 py-0.5 text-xs text-ph-mutedtext", children: item.shortcut })
+                    item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { "aria-hidden": "true", className: "ph-keycap text-ph-mutedtext", children: item.shortcut })
                   ]
                 },
                 item.id
@@ -2754,7 +2792,7 @@ function CommandPalette({
 }
 
 // src/components/ui/Calendar.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var monthNames = [
   "January",
@@ -2812,19 +2850,19 @@ function dateLabel(date) {
   return `${fullWeekDays[date.getDay()]}, ${date.getDate()} ${monthNames[date.getMonth()]} ${date.getFullYear()}`;
 }
 function Calendar({ value, onChange, className }) {
-  const [currentMonth, setCurrentMonth] = (0, import_react17.useState)(() => startOfMonth(value != null ? value : /* @__PURE__ */ new Date()));
-  const [focusedDate, setFocusedDate] = (0, import_react17.useState)(() => startOfDay(value != null ? value : /* @__PURE__ */ new Date()));
-  const gridRef = (0, import_react17.useRef)(null);
-  const shouldFocusDateRef = (0, import_react17.useRef)(false);
-  const monthLabelId = (0, import_react17.useId)();
+  const [currentMonth, setCurrentMonth] = (0, import_react18.useState)(() => startOfMonth(value != null ? value : /* @__PURE__ */ new Date()));
+  const [focusedDate, setFocusedDate] = (0, import_react18.useState)(() => startOfDay(value != null ? value : /* @__PURE__ */ new Date()));
+  const gridRef = (0, import_react18.useRef)(null);
+  const shouldFocusDateRef = (0, import_react18.useRef)(false);
+  const monthLabelId = (0, import_react18.useId)();
   const today = startOfDay(/* @__PURE__ */ new Date());
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!value) return;
     const nextDate = startOfDay(value);
     setCurrentMonth(startOfMonth(nextDate));
     setFocusedDate(nextDate);
   }, [value]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     var _a, _b;
     if (!shouldFocusDateRef.current) return;
     (_b = (_a = gridRef.current) == null ? void 0 : _a.querySelector(`[data-date="${dateKey(focusedDate)}"]`)) == null ? void 0 : _b.focus();
@@ -2893,7 +2931,7 @@ function Calendar({ value, onChange, className }) {
   while (days.length < 42) {
     days.push(null);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("w-[280px] rounded-xl border border-ph-border bg-ph-surface p-4 shadow-ph", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("ph-calendar w-[280px] p-4", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
@@ -2901,7 +2939,7 @@ function Calendar({ value, onChange, className }) {
           type: "button",
           onClick: () => changeMonth(-1),
           "aria-label": "Previous month",
-          className: "rounded-lg p-1 text-ph-subtle transition hover:bg-ph-muted hover:text-ph-ink",
+          className: "ph-calendar__nav",
           children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconChevronLeft, { className: "h-5 w-5", "aria-hidden": true })
         }
       ),
@@ -2916,7 +2954,7 @@ function Calendar({ value, onChange, className }) {
           type: "button",
           onClick: () => changeMonth(1),
           "aria-label": "Next month",
-          className: "rounded-lg p-1 text-ph-subtle transition hover:bg-ph-muted hover:text-ph-ink",
+          className: "ph-calendar__nav",
           children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconChevronRight, { className: "h-5 w-5", "aria-hidden": true })
         }
       )
@@ -2953,8 +2991,8 @@ function Calendar({ value, onChange, className }) {
                   onClick: () => handleSelect(date),
                   onKeyDown: (event) => handleDayKeyDown(event, date),
                   className: cn(
-                    "flex h-full w-full items-center justify-center rounded-lg text-sm transition-colors",
-                    value && isSameDay(value, date) ? "bg-ph-brand font-semibold text-[var(--ph-on-accent)] shadow-ph" : isSameDay(today, date) ? "bg-ph-muted font-semibold text-ph-brand ring-1 ring-ph-brand/30" : "text-ph-ink hover:bg-ph-muted"
+                    "ph-calendar__day",
+                    value && isSameDay(value, date) ? "ph-calendar__day--selected" : isSameDay(today, date) ? "ph-calendar__day--today" : void 0
                   ),
                   children: date.getDate()
                 }
@@ -2969,10 +3007,10 @@ function Calendar({ value, onChange, className }) {
 }
 
 // src/components/ui/Tooltip.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var TooltipDelayContext = (0, import_react18.createContext)(0);
+var TooltipDelayContext = (0, import_react19.createContext)(0);
 function TooltipProvider({
   children,
   delayDuration = 0
@@ -3004,13 +3042,13 @@ function Tooltip({
   delayDuration,
   disableHoverableContent = false
 }) {
-  const providerDelay = (0, import_react18.useContext)(TooltipDelayContext);
-  const generatedId = (0, import_react18.useId)().replace(/:/g, "");
-  const triggerRef = (0, import_react18.useRef)(null);
-  const contentRef = (0, import_react18.useRef)(null);
-  const timerRef = (0, import_react18.useRef)(null);
-  const [internalOpen, setInternalOpen] = (0, import_react18.useState)(defaultOpen);
-  const [position, setPosition] = (0, import_react18.useState)(null);
+  const providerDelay = (0, import_react19.useContext)(TooltipDelayContext);
+  const generatedId = (0, import_react19.useId)().replace(/:/g, "");
+  const triggerRef = (0, import_react19.useRef)(null);
+  const contentRef = (0, import_react19.useRef)(null);
+  const timerRef = (0, import_react19.useRef)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react19.useState)(defaultOpen);
+  const [position, setPosition] = (0, import_react19.useState)(null);
   const isOpen = open != null ? open : internalOpen;
   const triggerId = children.props.id;
   const tooltipId = triggerId ? `${triggerId}-tooltip` : `ph-tooltip-${generatedId}`;
@@ -3022,7 +3060,7 @@ function Tooltip({
     if (timerRef.current) clearTimeout(timerRef.current);
     timerRef.current = null;
   }
-  const updatePosition = (0, import_react18.useCallback)(() => {
+  const updatePosition = (0, import_react19.useCallback)(() => {
     if (!triggerRef.current || !contentRef.current) return;
     setPosition(
       tooltipPosition(
@@ -3054,10 +3092,10 @@ function Tooltip({
     clearTimer();
     timerRef.current = setTimeout(() => setOpen(false), 100);
   }
-  (0, import_react18.useLayoutEffect)(() => {
+  (0, import_react19.useLayoutEffect)(() => {
     if (isOpen) updatePosition();
   }, [isOpen, updatePosition]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!isOpen) return;
     const reposition = () => updatePosition();
     window.addEventListener("resize", reposition);
@@ -3067,9 +3105,9 @@ function Tooltip({
       window.removeEventListener("scroll", reposition, true);
     };
   }, [isOpen, updatePosition]);
-  (0, import_react18.useEffect)(() => () => clearTimer(), []);
+  (0, import_react19.useEffect)(() => () => clearTimer(), []);
   const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
-  const trigger = (0, import_react18.cloneElement)(children, { "aria-describedby": describedBy });
+  const trigger = (0, import_react19.cloneElement)(children, { "aria-describedby": describedBy });
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "span",
@@ -3123,11 +3161,11 @@ function EmptyState({ icon, title, description, action, className }) {
     "div",
     {
       className: cn(
-        "flex flex-col items-center justify-center rounded-xl border border-dashed border-ph-border bg-ph-muted/50 px-8 py-16 text-center",
+        "ph-empty-state",
         className
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-ph-muted text-ph-mutedtext", children: icon }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ph-empty-state__icon", children: icon }),
         /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "text-base font-semibold text-ph-ink", children: title }),
         description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mt-1 max-w-sm text-sm text-ph-subtle", children: description }),
         action && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-4", children: action })
@@ -3304,7 +3342,7 @@ function getOptionText(option) {
 }
 
 // src/components/ui/Typography.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var toneMap2 = {
   default: "text-ph-ink",
@@ -3327,64 +3365,65 @@ var weightMap = {
 function textClass(base, tone, weight, truncate, className) {
   return cn(base, toneMap2[tone], weight && weightMap[weight], truncate && "truncate", className);
 }
-var Display = (0, import_react19.forwardRef)(function Display2(_a, ref) {
+var Display = (0, import_react20.forwardRef)(function Display2(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h1", __spreadProps(__spreadValues({ ref }, props), { className: textClass("ph-hero-title", tone, weight, truncate, className), children }));
 });
-var SectionTitle = (0, import_react19.forwardRef)(function SectionTitle2(_a, ref) {
+var SectionTitle = (0, import_react20.forwardRef)(function SectionTitle2(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", __spreadProps(__spreadValues({ ref }, props), { className: textClass("ph-section-title", tone, weight, truncate, className), children }));
 });
-var H1 = (0, import_react19.forwardRef)(function H12(_a, ref) {
+var H1 = (0, import_react20.forwardRef)(function H12(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h1", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-3xl font-bold tracking-tight md:text-4xl", tone, weight, truncate, className), children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h1", __spreadProps(__spreadValues({ ref }, props), { className: textClass("ph-page-title font-bold", tone, weight, truncate, className), children }));
 });
-var H2 = (0, import_react19.forwardRef)(function H22(_a, ref) {
+var H2 = (0, import_react20.forwardRef)(function H22(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-2xl font-bold tracking-tight", tone, weight, truncate, className), children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-2xl font-semibold tracking-tight", tone, weight, truncate, className), children }));
 });
-var H3 = (0, import_react19.forwardRef)(function H32(_a, ref) {
+var H3 = (0, import_react20.forwardRef)(function H32(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-xl font-semibold", tone, weight, truncate, className), children }));
 });
-var H4 = (0, import_react19.forwardRef)(function H42(_a, ref) {
+var H4 = (0, import_react20.forwardRef)(function H42(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h4", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-lg font-semibold", tone, weight, truncate, className), children }));
 });
-var H5 = (0, import_react19.forwardRef)(function H52(_a, ref) {
+var H5 = (0, import_react20.forwardRef)(function H52(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h5", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-base font-semibold", tone, weight, truncate, className), children }));
 });
-var P = (0, import_react19.forwardRef)(function P2(_a, ref) {
+var P = (0, import_react20.forwardRef)(function P2(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-base leading-relaxed", tone, weight, truncate, className), children }));
 });
-var Small = (0, import_react19.forwardRef)(function Small2(_a, ref) {
+var Small = (0, import_react20.forwardRef)(function Small2(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-sm leading-relaxed", tone, weight, truncate, className), children }));
 });
-var Caption = (0, import_react19.forwardRef)(function Caption2(_a, ref) {
+var Caption = (0, import_react20.forwardRef)(function Caption2(_a, ref) {
   var _b = _a, { children, tone = "muted", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-[11px] font-medium uppercase tracking-wider", tone, weight, truncate, className), children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-xs font-medium", tone, weight, truncate, className), children }));
 });
-var Overline = (0, import_react19.forwardRef)(function Overline2(_a, ref) {
+var Overline = (0, import_react20.forwardRef)(function Overline2(_a, ref) {
   var _b = _a, { children, tone = "muted", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-[10px] font-bold uppercase tracking-[0.15em]", tone, weight, truncate, className), children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-[length:var(--ph-type-overline)] font-semibold uppercase tracking-[0.08em]", tone, weight, truncate, className), children }));
 });
-var Lead = (0, import_react19.forwardRef)(function Lead2(_a, ref) {
+var Lead = (0, import_react20.forwardRef)(function Lead2(_a, ref) {
   var _b = _a, { children, tone = "subtle", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", __spreadProps(__spreadValues({ ref }, props), { className: textClass("ph-lead", tone, weight, truncate, className), children }));
 });
-var Mono = (0, import_react19.forwardRef)(function Mono2(_a, ref) {
+var Mono = (0, import_react20.forwardRef)(function Mono2(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("code", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-sm font-mono leading-relaxed", tone, weight, truncate, className), children }));
 });
-var Label = (0, import_react19.forwardRef)(function Label2(_a, ref) {
+var Label = (0, import_react20.forwardRef)(function Label2(_a, ref) {
   var _b = _a, { children, tone = "default", weight, truncate, className } = _b, props = __objRest(_b, ["children", "tone", "weight", "truncate", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", __spreadProps(__spreadValues({ ref }, props), { className: textClass("text-sm font-medium", tone, weight, truncate, className), children }));
 });
 
 // src/components/ui/Avatar.tsx
+var import_react21 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var sizeMap4 = {
   xs: "h-8 w-8 text-[10px]",
@@ -3404,7 +3443,7 @@ function Avatar(_a) {
     label,
     icon,
     size = "md",
-    color = "bg-ph-brand text-white",
+    color = "bg-ph-brand text-[var(--ph-on-accent)]",
     status,
     badge,
     className
@@ -3422,7 +3461,7 @@ function Avatar(_a) {
       "div",
       {
         className: cn(
-          "flex items-center justify-center rounded-full border border-ph-border font-bold shadow-ph",
+          "ph-avatar flex items-center justify-center rounded-full border border-ph-border font-bold",
           sizeMap4[size],
           color
         ),
@@ -3440,12 +3479,12 @@ function Avatar(_a) {
         )
       }
     ),
-    badge && /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.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-[var(--ph-on-accent)]", children: badge })
   ] }));
 }
 function AvatarGroup(_a) {
   var _b = _a, { children, max, className } = _b, props = __objRest(_b, ["children", "max", "className"]);
-  const items = Array.isArray(children) ? children : [children];
+  const items = import_react21.Children.toArray(children);
   const visible = max ? items.slice(0, max) : items;
   const remaining = max ? items.length - max : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", __spreadProps(__spreadValues({ className: cn("-space-x-3 flex rtl:space-x-reverse", className) }, props), { children: [
@@ -3462,7 +3501,7 @@ function AvatarGroup(_a) {
 }
 
 // src/components/ui/Progress.tsx
-var import_react20 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var sizeMap5 = {
   sm: "h-1",
@@ -3491,7 +3530,7 @@ function Progress(_a) {
     "aria-label",
     "aria-labelledby"
   ]);
-  const labelId = (0, import_react20.useId)();
+  const labelId = (0, import_react22.useId)();
   const safeMax = Number.isFinite(max) && max > 0 ? max : 100;
   const safeValue = Number.isFinite(value) ? Math.min(safeMax, Math.max(0, value)) : 0;
   const percentage = safeValue / safeMax * 100;
@@ -3520,9 +3559,9 @@ function Progress(_a) {
 }
 
 // src/components/ui/Link.tsx
-var import_react21 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var Link = (0, import_react21.forwardRef)(function Link2(_a, ref) {
+var Link = (0, import_react23.forwardRef)(function Link2(_a, ref) {
   var _b = _a, {
     className,
     disabled = false,
@@ -3602,9 +3641,9 @@ function Dot(_a) {
 Dot.displayName = "Dot";
 
 // src/components/ui/Chip.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var Chip = (0, import_react22.forwardRef)(function Chip2(_a, ref) {
+var Chip = (0, import_react24.forwardRef)(function Chip2(_a, ref) {
   var _b = _a, {
     selected = false,
     onRemove,