@xenide-io/the-old-ui-theme 0.4.4 → 0.4.8

package/dist/ui.d.mts

@@ -1,3 +1,3 @@
-export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b3 as IconAliasName, bc as IconByName, bN as IconName, bU as IconProps, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cW as Overline, cX as P, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-B5NOyoKS.mjs';
+export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b3 as IconAliasName, bc as IconByName, bN as IconName, bU as IconProps, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cW as Overline, cX as P, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-Od4pIP4F.mjs';
 import 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/ui.d.ts

@@ -1,3 +1,3 @@
-export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b3 as IconAliasName, bc as IconByName, bN as IconName, bU as IconProps, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cW as Overline, cX as P, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-B5NOyoKS.js';
+export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b3 as IconAliasName, bc as IconByName, bN as IconName, bU as IconProps, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cW as Overline, cX as P, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-Od4pIP4F.js';
 import 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/ui.js

@@ -1945,10 +1945,16 @@ function Modal({
   footer,
   size = "md",
   className,
+  customLayout = false,
   showCloseButton = true,
   closeOnOutsideClick = true,
   closeOnEscape = true,
-  "aria-label": ariaLabel
+  dataTest,
+  panelDataTest,
+  zIndex,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
 }) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = (0, import_react11.useRef)(null);
@@ -1960,13 +1966,23 @@ function Modal({
         if (!nextOpen) onClose == null ? void 0 : onClose();
       },
       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)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          Dialog.Overlay,
+          {
+            "data-test": dataTest,
+            className: "ph-modal-overlay",
+            style: zIndex ? { zIndex } : void 0
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Dialog.Content,
-          __spreadProps(__spreadValues({
-            className: cn("ph-modal-panel", sizeMap4[size], className),
-            "aria-label": ariaLabel
-          }, description ? {} : { "aria-describedby": void 0 }), {
+          __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
+            id,
+            "data-test": panelDataTest,
+            className: cn("ph-modal-panel", sizeMap4[size], className)
+          }, ariaLabel ? { "aria-label": ariaLabel } : {}), ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {}), {
+            style: zIndex ? { zIndex } : void 0
+          }), description ? {} : { "aria-describedby": void 0 }), {
             onOpenAutoFocus: () => {
               restoreFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
             },
@@ -1981,18 +1997,29 @@ function Modal({
             onPointerDownOutside: (event) => {
               if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
             },
-            children: [
+            children: customLayout ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              children
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
               title ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
               title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { className: "ph-modal-header", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0", children: [
                   title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
                   description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
                 ] }),
-                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
+                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_runtime17.jsx)("div", { className: "ph-modal-body", children }),
               footer ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
-            ]
+            ] })
           })
         )
       ] })

package/dist/ui.mjs

@@ -108,7 +108,7 @@ import {
   ToggleButton,
   ToggleGroup,
   Widget
-} from "./chunk-54ZR4VL5.mjs";
+} from "./chunk-RZXHZWUB.mjs";
 import {
   ButtonChrome,
   DropdownButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenide-io/the-old-ui-theme",
-  "version": "0.4.4",
+  "version": "0.4.8",
   "description": "Props-driven React components and theme tokens inspired by classic interface design — optimized for Next.js apps and internal tools.",
   "author": "Xenide",
   "license": "MIT",
@@ -58,9 +58,13 @@
   "files": [
     "dist",
     "src/app/globals.css",
-    "src/components",
+    "src/components/ui",
+    "src/components/charts",
+    "src/components/icons",
     "src/suite",
-    "src/styles",
+    "src/styles/themes.css",
+    "src/styles/typography.css",
+    "src/styles/suite-skin.css",
     "tailwind-preset.ts"
   ],
   "scripts": {

package/src/components/ui/Modal.tsx

@@ -16,10 +16,16 @@ export interface ModalProps {
   footer?: ReactNode;
   size?: ModalSize;
   className?: string;
+  customLayout?: boolean;
   showCloseButton?: boolean;
   closeOnOutsideClick?: boolean;
   closeOnEscape?: boolean;
+  dataTest?: string;
+  panelDataTest?: string;
+  zIndex?: number;
+  id?: string;
   "aria-label"?: string;
+  "aria-labelledby"?: string;
 }
 
 const sizeMap: Record<ModalSize, string> = {
@@ -39,10 +45,16 @@ export function Modal({
   footer,
   size = "md",
   className,
+  customLayout = false,
   showCloseButton = true,
   closeOnOutsideClick = true,
   closeOnEscape = true,
+  dataTest,
+  panelDataTest,
+  zIndex,
+  id,
   "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
 }: ModalProps) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = useRef<HTMLElement | null>(null);
@@ -55,15 +67,24 @@ export function Modal({
       }}
     >
       <Dialog.Portal>
-        <Dialog.Overlay className="ph-modal-overlay" />
+        <Dialog.Overlay
+          data-test={dataTest}
+          className="ph-modal-overlay"
+          style={zIndex ? { zIndex } : undefined}
+        />
         <Dialog.Content
+          id={id}
+          data-test={panelDataTest}
           className={cn("ph-modal-panel", sizeMap[size], className)}
-          aria-label={ariaLabel}
+          {...(ariaLabel ? { "aria-label": ariaLabel } : {})}
+          {...(ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {})}
+          style={zIndex ? { zIndex } : undefined}
           {...(description ? {} : { "aria-describedby": undefined })}
           onOpenAutoFocus={() => {
-            restoreFocusRef.current = document.activeElement instanceof HTMLElement
-              ? document.activeElement
-              : null;
+            restoreFocusRef.current =
+              document.activeElement instanceof HTMLElement
+                ? document.activeElement
+                : null;
           }}
           onCloseAutoFocus={(event) => {
             event.preventDefault();
@@ -76,28 +97,51 @@ export function Modal({
             if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
           }}
         >
-          {title ? null : <Dialog.Title className="sr-only">{ariaLabel ?? "Dialog"}</Dialog.Title>}
-          {(title || description || (showCloseButton && canDismiss)) ? (
-            <header className="ph-modal-header">
-              <div className="min-w-0">
-                {title ? <Dialog.Title className="text-lg font-bold text-ph-ink">{title}</Dialog.Title> : null}
-                {description ? (
-                  <Dialog.Description className="mt-1 text-sm text-ph-subtle">
-                    {description}
-                  </Dialog.Description>
-                ) : null}
-              </div>
-              {showCloseButton && canDismiss ? (
-                <Dialog.Close asChild>
-                  <button type="button" className="ph-modal-close" aria-label="Close dialog">
-                    <IconClose className="h-5 w-5" aria-hidden />
-                  </button>
-                </Dialog.Close>
+          {customLayout ? (
+            <>
+              <Dialog.Title className="sr-only">
+                {ariaLabel ?? "Dialog"}
+              </Dialog.Title>
+              {children}
+            </>
+          ) : (
+            <>
+              {title ? null : (
+                <Dialog.Title className="sr-only">
+                  {ariaLabel ?? "Dialog"}
+                </Dialog.Title>
+              )}
+              {title || description || (showCloseButton && canDismiss) ? (
+                <header className="ph-modal-header">
+                  <div className="min-w-0">
+                    {title ? (
+                      <Dialog.Title className="text-lg font-bold text-ph-ink">
+                        {title}
+                      </Dialog.Title>
+                    ) : null}
+                    {description ? (
+                      <Dialog.Description className="mt-1 text-sm text-ph-subtle">
+                        {description}
+                      </Dialog.Description>
+                    ) : null}
+                  </div>
+                  {showCloseButton && canDismiss ? (
+                    <Dialog.Close asChild>
+                      <button
+                        type="button"
+                        className="ph-modal-close"
+                        aria-label="Close dialog"
+                      >
+                        <IconClose className="h-5 w-5" aria-hidden />
+                      </button>
+                    </Dialog.Close>
+                  ) : null}
+                </header>
               ) : null}
-            </header>
-          ) : null}
-          <div className="ph-modal-body">{children}</div>
-          {footer ? <div className="ph-modal-footer">{footer}</div> : null}
+              <div className="ph-modal-body">{children}</div>
+              {footer ? <div className="ph-modal-footer">{footer}</div> : null}
+            </>
+          )}
         </Dialog.Content>
       </Dialog.Portal>
     </Dialog.Root>

package/src/styles/suite-skin.css

@@ -15,6 +15,34 @@ html {
   -webkit-tap-highlight-color: transparent;
   /* App-like vertical scrolling: no rubber-band chaining into the page. */
   overscroll-behavior-y: none;
+  /* Spacing scale (4/8/12/16/24/32/48) — Slack / Linear-adjacent. */
+  --suite-space-1: 4px;
+  --suite-space-2: 8px;
+  --suite-space-3: 12px;
+  --suite-space-4: 16px;
+  --suite-space-5: 24px;
+  --suite-space-6: 32px;
+  --suite-space-7: 48px;
+  --suite-page-pad-x: var(--suite-space-4);
+  --suite-page-pad-x-sm: var(--suite-space-5);
+  --suite-page-pad-x-lg: var(--suite-space-6);
+  --suite-page-pad-y-top: var(--suite-space-2);
+  --suite-page-pad-y-top-sm: var(--suite-space-3);
+  --suite-page-pad-y-bottom: 20px;
+  --suite-page-pad-y-bottom-sm: var(--suite-space-5);
+  /* Today needs a calmer opening rhythm than dense workspace screens. */
+  --suite-today-pad-y-top: var(--suite-space-4);
+  --suite-today-pad-y-top-sm: var(--suite-space-5);
+  --suite-section-gap: var(--suite-space-5);
+  --suite-header-gap: var(--suite-space-4);
+  --suite-content-max: 96rem; /* used only by content/narrow caps, not default pages */
+  --suite-reading-max: 48rem; /* ~max-w-3xl / 65ch */
+}
+
+@media (min-width: 1536px) {
+  html {
+    --suite-page-pad-x-lg: var(--suite-space-7);
+  }
 }
 
 body {
@@ -23,6 +51,239 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
+/* Shared page inset — SuitePage + TodayPageFrame (one source of truth). */
+.suite-page-inset {
+  padding-left: var(--suite-page-pad-x);
+  padding-right: var(--suite-page-pad-x);
+  padding-top: var(--suite-page-pad-y-top);
+  padding-bottom: var(--suite-page-pad-y-bottom);
+}
+@media (min-width: 640px) {
+  .suite-page-inset {
+    padding-left: var(--suite-page-pad-x-sm);
+    padding-right: var(--suite-page-pad-x-sm);
+    padding-top: var(--suite-page-pad-y-top-sm);
+    padding-bottom: var(--suite-page-pad-y-bottom-sm);
+  }
+}
+@media (min-width: 1024px) {
+  .suite-page-inset {
+    padding-left: var(--suite-page-pad-x-lg);
+    padding-right: var(--suite-page-pad-x-lg);
+  }
+}
+
+/* Mobile settings tabs bleed to the shared page edge without hard-coded mx/px. */
+.suite-settings-mobile-nav {
+  margin-inline: calc(-1 * var(--suite-page-pad-x));
+  padding-inline: var(--suite-page-pad-x);
+}
+@media (min-width: 640px) {
+  .suite-settings-mobile-nav {
+    margin-inline: calc(-1 * var(--suite-page-pad-x-sm));
+    padding-inline: var(--suite-page-pad-x-sm);
+  }
+}
+
+/* Today: extra top inset so the title isn't jammed under the shell. */
+.today-page-frame .suite-page-inset {
+  padding-top: var(--suite-today-pad-y-top);
+}
+@media (min-width: 640px) {
+  .today-page-frame .suite-page-inset {
+    padding-top: var(--suite-today-pad-y-top-sm);
+  }
+}
+
+/* Today atmosphere — shared geometry, colours supplied by each app theme. */
+.today-page-frame {
+  background-color: var(--ph-canvas);
+}
+
+.today-page-frame__glow {
+  background:
+    radial-gradient(
+      ellipse 130% 80% at 50% -20%,
+      color-mix(in srgb, var(--ph-brand) 28%, transparent),
+      transparent 58%
+    ),
+    radial-gradient(
+      ellipse 80% 55% at 100% 0%,
+      color-mix(in srgb, var(--ph-accent) 18%, transparent),
+      transparent 48%
+    ),
+    radial-gradient(
+      ellipse 70% 50% at 0% 8%,
+      color-mix(in srgb, var(--ph-violet, var(--ph-brand)) 20%, transparent),
+      transparent 46%
+    ),
+    radial-gradient(
+      ellipse 60% 40% at 70% 35%,
+      color-mix(in srgb, var(--ph-brand) 10%, transparent),
+      transparent 55%
+    );
+}
+
+.today-page-frame__top-fade {
+  background: linear-gradient(
+    to bottom,
+    color-mix(in srgb, var(--ph-brand) 18%, var(--ph-canvas)),
+    color-mix(in srgb, var(--ph-canvas) 45%, transparent),
+    transparent
+  );
+}
+
+.today-page-frame__cloud {
+  background: color-mix(in srgb, var(--ph-surface) 48%, transparent);
+  filter: blur(2px);
+}
+
+.today-page-frame__cloud--2 {
+  background: color-mix(in srgb, var(--ph-brand) 10%, var(--ph-surface));
+}
+
+.today-page-frame__cloud--4 {
+  background: color-mix(in srgb, var(--ph-accent) 8%, var(--ph-surface));
+  opacity: 0.85;
+}
+
+.today-page-frame__cloud--5 {
+  background: color-mix(in srgb, var(--ph-surface) 36%, transparent);
+  opacity: 0.75;
+}
+
+html.dark .today-page-frame__cloud {
+  background: color-mix(in srgb, var(--ph-surface) 22%, transparent);
+}
+
+html.dark .today-page-frame__cloud--2 {
+  background: color-mix(in srgb, var(--ph-brand) 8%, var(--ph-surface));
+}
+
+/* Today primary action — compact geometry, colour supplied by the app theme. */
+.today-primary-action {
+  color: var(--ph-ink);
+  background: color-mix(in oklab, var(--ph-brand) 12%, var(--ph-surface));
+  border: 1px solid color-mix(in oklab, var(--ph-brand) 28%, var(--ph-border));
+  box-shadow: 0 1px 0 color-mix(in oklab, var(--ph-brand) 8%, transparent);
+}
+.today-primary-action:hover {
+  background: color-mix(in oklab, var(--ph-brand) 18%, var(--ph-surface));
+  border-color: color-mix(in oklab, var(--ph-brand) 40%, var(--ph-border));
+}
+.today-primary-action__icon {
+  background: color-mix(in oklab, var(--ph-brand) 22%, var(--ph-surface));
+  color: var(--ph-brand);
+}
+.today-primary-action--turtletime {
+  background: color-mix(in oklab, #2d6a4f 14%, var(--ph-surface));
+  border-color: color-mix(in oklab, #2d6a4f 32%, var(--ph-border));
+}
+.today-primary-action--turtletime .today-primary-action__icon {
+  background: color-mix(in oklab, #2d6a4f 24%, var(--ph-surface));
+  color: #1b4332;
+}
+.today-primary-action--tides {
+  background: color-mix(in oklab, var(--ph-brand) 14%, var(--ph-surface));
+}
+.today-primary-action--kraken {
+  background: color-mix(
+    in oklab,
+    var(--ph-violet, var(--ph-brand)) 14%,
+    var(--ph-surface)
+  );
+  border-color: color-mix(
+    in oklab,
+    var(--ph-violet, var(--ph-brand)) 32%,
+    var(--ph-border)
+  );
+}
+.today-primary-action--kraken .today-primary-action__icon {
+  background: color-mix(
+    in oklab,
+    var(--ph-violet, var(--ph-brand)) 22%,
+    var(--ph-surface)
+  );
+  color: var(--ph-violet, var(--ph-brand));
+}
+.today-primary-action--shellstack {
+  background: color-mix(in oklab, var(--ph-ink) 6%, var(--ph-surface));
+}
+.today-primary-action--active .today-primary-action__icon {
+  background: var(--ph-brand);
+  color: var(--ph-canvas);
+}
+
+/* Desktop sticky page title chrome (SuitePageHeader sticky). */
+.suite-page-header-sticky {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  margin-left: calc(-1 * var(--suite-page-pad-x));
+  margin-right: calc(-1 * var(--suite-page-pad-x));
+  padding-left: var(--suite-page-pad-x);
+  padding-right: var(--suite-page-pad-x);
+  background: color-mix(in oklab, var(--ph-canvas) 88%, transparent);
+  -webkit-backdrop-filter: blur(12px) saturate(1.4);
+  backdrop-filter: blur(12px) saturate(1.4);
+  border-bottom: 1px solid transparent;
+  transition: border-color 160ms ease;
+}
+@media (min-width: 640px) {
+  .suite-page-header-sticky {
+    margin-left: calc(-1 * var(--suite-page-pad-x-sm));
+    margin-right: calc(-1 * var(--suite-page-pad-x-sm));
+    padding-left: var(--suite-page-pad-x-sm);
+    padding-right: var(--suite-page-pad-x-sm);
+  }
+}
+@media (min-width: 1024px) {
+  .suite-page-header-sticky {
+    margin-left: calc(-1 * var(--suite-page-pad-x-lg));
+    margin-right: calc(-1 * var(--suite-page-pad-x-lg));
+    padding-left: var(--suite-page-pad-x-lg);
+    padding-right: var(--suite-page-pad-x-lg);
+  }
+}
+.suite-page-header-sticky[data-stuck="true"] {
+  border-bottom-color: var(--ph-border-subtle);
+  /* Only when pinned under the scroll edge — keeps resting titles aligned. */
+  padding-top: var(--suite-space-2);
+}
+@supports not (backdrop-filter: blur(1px)) {
+  .suite-page-header-sticky {
+    background: var(--ph-canvas);
+  }
+}
+
+/* Page stage — ONE layout standard for every suite app.
+   - Default width="full": use the full main column (no max-width centring)
+   - Always use suite-page-inset for title baseline (top + left)
+   - Never nest SuitePage inside SuitePage
+   - width="content" | "narrow" | "reading" only when a page truly needs a
+     reading measure (e.g. Ask). "wide" is an alias of full. */
+.suite-page-stage {
+  width: 100%;
+  max-width: var(--suite-page-max, none);
+  margin-inline: auto;
+}
+.suite-page-stage[data-width="full"],
+.suite-page-stage[data-width="wide"] {
+  --suite-page-max: none;
+}
+.suite-page-stage[data-width="content"] {
+  --suite-page-max: 72rem; /* ~max-w-6xl */
+}
+.suite-page-stage[data-width="narrow"] {
+  --suite-page-max: 56rem; /* ~max-w-4xl */
+}
+.suite-page-stage[data-width="reading"] {
+  --suite-page-max: var(--suite-reading-max);
+}
+.suite-reading-measure {
+  max-width: var(--suite-reading-max);
+}
+
 /* ── Cards ──────────────────────────────────────────────────────────────
    The MASTER spec: 12px radius, resting elevation, hover lift, and a
    visible press state. Shadows are mixed from the theme's text colour
@@ -125,7 +386,7 @@ button:hover > .ph-card {
   will-change: transform;
 }
 .suite-bottom-nav__indicator::before {
-  content: '';
+  content: "";
   position: absolute;
   inset: 0 5px;
   border-radius: 0.9rem;
@@ -138,22 +399,17 @@ button:hover > .ph-card {
   color: var(--ph-accent);
 }
 
-/* ── Today hero: one-shot typography entrance ───────────────────────────
-   Rises and settles when the greeting text arrives (keyed by message).
-   Runs once per message change — never loops, so no battery cost. */
+/* ── Today hero: short one-shot fade ────────────────────────────────────
+   Keep the entrance calm — Slack-like briefing, not a marketing hero. */
 .today-hero {
-  animation: today-hero-enter 560ms cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: today-hero-enter 220ms ease-out both;
 }
 @keyframes today-hero-enter {
   from {
     opacity: 0;
-    transform: translateY(10px);
-    letter-spacing: 0.01em;
   }
   to {
     opacity: 1;
-    transform: translateY(0);
-    letter-spacing: normal;
   }
 }
 @media (prefers-reduced-motion: reduce) {
@@ -162,20 +418,6 @@ button:hover > .ph-card {
   }
 }
 
-/* ── Today frame: mobile perf ───────────────────────────────────────────
-   blur-3xl + infinite pulse is a GPU/battery hog on phones. Keep the
-   atmosphere on tablet/desktop; flatten it on small screens. */
-@media (max-width: 767px) {
-  .today-page-frame__sun {
-    filter: none;
-    opacity: 0.28;
-    animation: none;
-  }
-  .today-page-frame__cloud {
-    display: none;
-  }
-}
-
 /* ── Mobile bottom sheets ───────────────────────────────────────────────
    Below lg, every ph-modal becomes a sheet pinned to the bottom edge —
    the native phone/tablet pattern (Apple HIG, Material 3). Desktop keeps
@@ -197,7 +439,7 @@ button:hover > .ph-card {
   }
   /* Grabber — first in-flow child, so it sits above flush header rows. */
   .ph-modal-panel::before {
-    content: '';
+    content: "";
     display: block;
     flex: none;
     width: 36px;
@@ -233,6 +475,24 @@ button:hover > .ph-card {
   -webkit-overflow-scrolling: touch;
 }
 
+/* ── Auth / OAuth / launch handoff ──────────────────────────────────────
+   One calm opacity fade — no stacked entrance reveals on bridge pages. */
+.suite-auth-handoff {
+  opacity: 0;
+  animation: suite-auth-handoff-fade 250ms ease-out forwards;
+}
+@keyframes suite-auth-handoff-fade {
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .suite-auth-handoff {
+    opacity: 1;
+    animation: none;
+  }
+}
+
 /* ── Reduced motion: every skin animation honours it ──────────────────── */
 @media (prefers-reduced-motion: reduce) {
   .ph-card,