@orion-ds/react 4.6.0 → 4.6.2

package/dist/index.mjs

@@ -3,15 +3,15 @@ import { primitives as t, spacing as p } from "./tokens/primitives.mjs";
 import { getBrand as m, getSemanticToken as f, getToken as x } from "./tokens/utils.mjs";
 import { ComponentShowcase as i } from "./ComponentShowcase.mjs";
 export * from "lucide-react";
-import { AlertCircle as d, ArrowDown as C, ArrowLeft as u, ArrowRight as c, ArrowUp as g, Bell as h, Check as S, CheckCircle as T, ChevronDown as b, ChevronLeft as w, ChevronRight as F, ChevronUp as L, Copy as D, CreditCard as P, DollarSign as k, Download as A, Edit as M, Eye as B, EyeOff as v, File as y, FileText as I, Heart as O, HelpCircle as E, Home as N, Image as R, Info as U, LogIn as G, LogOut as _, Mail as H, Menu as K, MessageSquare as V, Minus as Q, Music as X, Plus as q, Search as W, Settings as j, Share2 as z, ShoppingCart as J, Star as Y, Trash2 as Z, Upload as $, User as rr, Video as or, X as er, XCircle as tr } from "lucide-react";
+import { AlertCircle as d, ArrowDown as C, ArrowLeft as u, ArrowRight as c, ArrowUp as g, Bell as h, Check as S, CheckCircle as T, ChevronDown as b, ChevronLeft as w, ChevronRight as F, ChevronUp as L, Copy as k, CreditCard as D, DollarSign as P, Download as A, Edit as M, Eye as B, EyeOff as v, File as y, FileText as I, Heart as O, HelpCircle as E, Home as N, Image as R, Info as U, LogIn as G, LogOut as _, Mail as H, Menu as K, MessageSquare as V, Minus as Q, Music as X, Plus as q, Search as W, Settings as j, Share2 as z, ShoppingCart as J, Star as Y, Trash2 as Z, Upload as $, User as rr, Video as or, X as er, XCircle as tr } from "lucide-react";
 import { ALL_FONTS as ar, BRAND_FONTS as mr, FONT_PRECONNECT_URLS as fr, GOOGLE_FONTS_URL as xr, areBrandFontsLoaded as nr, getFontLinkTags as ir, getMissingFonts as sr, isFontLoaded as lr, waitForFonts as dr } from "./utils/fonts.mjs";
 import { Accordion as ur } from "./components/Accordion/Accordion.mjs";
 import { ActivityFeed as gr } from "./components/ActivityFeed/ActivityFeed.mjs";
 import { AgentCard as Sr } from "./components/AgentCard/AgentCard.mjs";
 import { Alert as br } from "./components/Alert/Alert.mjs";
 import { AlertDialog as Fr } from "./components/AlertDialog/AlertDialog.mjs";
-import { Avatar as Dr } from "./components/Avatar/Avatar.mjs";
-import { Badge as kr } from "./components/Badge/Badge.mjs";
+import { Avatar as kr } from "./components/Avatar/Avatar.mjs";
+import { Badge as Pr } from "./components/Badge/Badge.mjs";
 import { Banner as Mr } from "./components/Banner/Banner.mjs";
 import { Breadcrumb as vr } from "./components/Breadcrumb/Breadcrumb.mjs";
 import { Button as Ir } from "./components/Button/Button.mjs";
@@ -34,8 +34,8 @@ import { DataTable as go } from "./components/DataTable/DataTable.mjs";
 import { DatePicker as So } from "./components/DatePicker/DatePicker.mjs";
 import { DetailPanel as bo } from "./components/DetailPanel/DetailPanel.mjs";
 import { Divider as Fo } from "./components/Divider/Divider.mjs";
-import { Drawer as Do } from "./components/Drawer/Drawer.mjs";
-import { Dropdown as ko } from "./components/Dropdown/Dropdown.mjs";
+import { Drawer as ko } from "./components/Drawer/Drawer.mjs";
+import { Dropdown as Po } from "./components/Dropdown/Dropdown.mjs";
 import { EmptyState as Mo } from "./components/EmptyState/EmptyState.mjs";
 import { ErrorBoundary as vo } from "./components/ErrorBoundary/ErrorBoundary.mjs";
 import { Field as Io } from "./components/Field/Field.mjs";
@@ -61,7 +61,7 @@ import { Pagination as he } from "./components/Pagination/Pagination.mjs";
 import { Popover as Te } from "./components/Popover/Popover.mjs";
 import { ProgressBar as we } from "./components/ProgressBar/ProgressBar.mjs";
 import { QuickActions as Le } from "./components/QuickActions/QuickActions.mjs";
-import { Radio as Pe } from "./components/Radio/Radio.mjs";
+import { Radio as De } from "./components/Radio/Radio.mjs";
 import { SearchInput as Ae } from "./components/SearchInput/SearchInput.mjs";
 import { Section as Be } from "./sections/Section/Section.mjs";
 import { Select as ye } from "./components/Select/Select.mjs";
@@ -69,32 +69,33 @@ import { Sidebar as Oe } from "./components/Sidebar/Sidebar.mjs";
 import { Skeleton as Ne } from "./components/Skeleton/Skeleton.mjs";
 import { Slider as Ue } from "./components/Slider/Slider.mjs";
 import { Spinner as _e } from "./components/Spinner/Spinner.mjs";
-import { Stepper as Ke } from "./components/Stepper/Stepper.mjs";
-import { Switch as Qe } from "./components/Switch/Switch.mjs";
-import { Table as qe } from "./components/Table/Table.mjs";
-import { Tabs as je } from "./components/Tabs/Tabs.mjs";
-import { Textarea as Je } from "./components/Textarea/Textarea.mjs";
-import { ThemeController as Ze } from "./components/ThemeController/ThemeController.mjs";
-import { ThemeProvider as rt, useThemeContext as ot } from "./contexts/ThemeContext.mjs";
-import { ToastProvider as tt, useToast as pt } from "./components/Toast/Toast.mjs";
-import { Toggle as mt } from "./components/Toggle/Toggle.mjs";
-import { ToggleGroup as xt } from "./components/ToggleGroup/ToggleGroup.mjs";
-import { Tooltip as it } from "./components/Tooltip/Tooltip.mjs";
-import { UserMenu as lt } from "./components/UserMenu/UserMenu.mjs";
-import { WorkspaceSwitcher as Ct } from "./components/WorkspaceSwitcher/WorkspaceSwitcher.mjs";
-import { useAutoScroll as ct } from "./components/Chat/hooks/useAutoScroll.mjs";
-import { useChatInput as ht } from "./components/Chat/hooks/useChatInput.mjs";
-import { useClickOutside as Tt, useClickOutsideMultiple as bt } from "./hooks/useClickOutside.mjs";
-import { useCopy as Ft, useCopyToClipboard as Lt } from "./hooks/useCopyToClipboard.mjs";
-import { useDebounce as Pt, useDebouncedCallback as kt } from "./hooks/useDebounce.mjs";
-import { useDisclosure as Mt } from "./hooks/useDisclosure.mjs";
-import { useIsDesktop as vt, useIsMobile as yt, useIsTablet as It, useMediaQuery as Ot, usePrefersDarkMode as Et, usePrefersReducedMotion as Nt } from "./hooks/useMediaQuery.mjs";
-import { useKeyboard as Ut, useKeyboardShortcuts as Gt } from "./hooks/useKeyboard.mjs";
-import { useLocalStorage as Ht, useSessionStorage as Kt } from "./hooks/useLocalStorage.mjs";
-import { useStreamingText as Qt } from "./components/Chat/hooks/useStreamingText.mjs";
-import { useTheme as qt } from "./hooks/useTheme.mjs";
-import { useVoiceRecorder as jt } from "./components/Chat/hooks/useVoiceRecorder.mjs";
-import { warnBrandProp as Jt, warnFieldChildren as Yt, warnGlassVariant as Zt, warnHardcodedColors as $t, warnMissingAriaLabel as rp, warnThemeProp as op, warnUsePrebuiltSection as ep } from "./utils/validation.mjs";
+import { Stack as Ke } from "./components/Stack/Stack.mjs";
+import { Stepper as Qe } from "./components/Stepper/Stepper.mjs";
+import { Switch as qe } from "./components/Switch/Switch.mjs";
+import { Table as je } from "./components/Table/Table.mjs";
+import { Tabs as Je } from "./components/Tabs/Tabs.mjs";
+import { Textarea as Ze } from "./components/Textarea/Textarea.mjs";
+import { ThemeController as rt } from "./components/ThemeController/ThemeController.mjs";
+import { ThemeProvider as et, useThemeContext as tt } from "./contexts/ThemeContext.mjs";
+import { ToastProvider as at, useToast as mt } from "./components/Toast/Toast.mjs";
+import { Toggle as xt } from "./components/Toggle/Toggle.mjs";
+import { ToggleGroup as it } from "./components/ToggleGroup/ToggleGroup.mjs";
+import { Tooltip as lt } from "./components/Tooltip/Tooltip.mjs";
+import { UserMenu as Ct } from "./components/UserMenu/UserMenu.mjs";
+import { WorkspaceSwitcher as ct } from "./components/WorkspaceSwitcher/WorkspaceSwitcher.mjs";
+import { useAutoScroll as ht } from "./components/Chat/hooks/useAutoScroll.mjs";
+import { useChatInput as Tt } from "./components/Chat/hooks/useChatInput.mjs";
+import { useClickOutside as wt, useClickOutsideMultiple as Ft } from "./hooks/useClickOutside.mjs";
+import { useCopy as kt, useCopyToClipboard as Dt } from "./hooks/useCopyToClipboard.mjs";
+import { useDebounce as At, useDebouncedCallback as Mt } from "./hooks/useDebounce.mjs";
+import { useDisclosure as vt } from "./hooks/useDisclosure.mjs";
+import { useIsDesktop as It, useIsMobile as Ot, useIsTablet as Et, useMediaQuery as Nt, usePrefersDarkMode as Rt, usePrefersReducedMotion as Ut } from "./hooks/useMediaQuery.mjs";
+import { useKeyboard as _t, useKeyboardShortcuts as Ht } from "./hooks/useKeyboard.mjs";
+import { useLocalStorage as Vt, useSessionStorage as Qt } from "./hooks/useLocalStorage.mjs";
+import { useStreamingText as qt } from "./components/Chat/hooks/useStreamingText.mjs";
+import { useTheme as jt } from "./hooks/useTheme.mjs";
+import { useVoiceRecorder as Jt } from "./components/Chat/hooks/useVoiceRecorder.mjs";
+import { warnBrandProp as Zt, warnFieldChildren as $t, warnGlassVariant as rp, warnHardcodedColors as op, warnMissingAriaLabel as ep, warnThemeProp as tp, warnUsePrebuiltSection as pp } from "./utils/validation.mjs";
 export {
   ar as ALL_FONTS,
   ur as Accordion,
@@ -107,9 +108,9 @@ export {
   u as ArrowLeft,
   c as ArrowRight,
   g as ArrowUp,
-  Dr as Avatar,
+  kr as Avatar,
   mr as BRAND_FONTS,
-  kr as Badge,
+  Pr as Badge,
   Mr as Banner,
   h as Bell,
   vr as Breadcrumb,
@@ -141,16 +142,16 @@ export {
   lo as CommandBar,
   i as ComponentShowcase,
   uo as Container,
-  D as Copy,
-  P as CreditCard,
+  k as Copy,
+  D as CreditCard,
   go as DataTable,
   So as DatePicker,
   bo as DetailPanel,
   Fo as Divider,
-  k as DollarSign,
+  P as DollarSign,
   A as Download,
-  Do as Drawer,
-  ko as Dropdown,
+  ko as Drawer,
+  Po as Dropdown,
   M as Edit,
   Mo as EmptyState,
   vo as ErrorBoundary,
@@ -197,7 +198,7 @@ export {
   Te as Popover,
   we as ProgressBar,
   Le as QuickActions,
-  Pe as Radio,
+  De as Radio,
   W as Search,
   Ae as SearchInput,
   Be as Section,
@@ -209,24 +210,25 @@ export {
   Ne as Skeleton,
   Ue as Slider,
   _e as Spinner,
+  Ke as Stack,
   Y as Star,
-  Ke as Stepper,
-  Qe as Switch,
-  qe as Table,
-  je as Tabs,
-  Je as Textarea,
-  Ze as ThemeController,
-  rt as ThemeProvider,
-  tt as ToastProvider,
-  mt as Toggle,
-  xt as ToggleGroup,
-  it as Tooltip,
+  Qe as Stepper,
+  qe as Switch,
+  je as Table,
+  Je as Tabs,
+  Ze as Textarea,
+  rt as ThemeController,
+  et as ThemeProvider,
+  at as ToastProvider,
+  xt as Toggle,
+  it as ToggleGroup,
+  lt as Tooltip,
   Z as Trash2,
   $ as Upload,
   rr as User,
-  lt as UserMenu,
+  Ct as UserMenu,
   or as Video,
-  Ct as WorkspaceSwitcher,
+  ct as WorkspaceSwitcher,
   er as X,
   tr as XCircle,
   nr as areBrandFontsLoaded,
@@ -238,36 +240,36 @@ export {
   lr as isFontLoaded,
   t as primitives,
   p as spacing,
-  ct as useAutoScroll,
-  ht as useChatInput,
-  Tt as useClickOutside,
-  bt as useClickOutsideMultiple,
-  Ft as useCopy,
-  Lt as useCopyToClipboard,
-  Pt as useDebounce,
-  kt as useDebouncedCallback,
-  Mt as useDisclosure,
-  vt as useIsDesktop,
-  yt as useIsMobile,
-  It as useIsTablet,
-  Ut as useKeyboard,
-  Gt as useKeyboardShortcuts,
-  Ht as useLocalStorage,
-  Ot as useMediaQuery,
-  Et as usePrefersDarkMode,
-  Nt as usePrefersReducedMotion,
-  Kt as useSessionStorage,
-  Qt as useStreamingText,
-  qt as useTheme,
-  ot as useThemeContext,
-  pt as useToast,
-  jt as useVoiceRecorder,
+  ht as useAutoScroll,
+  Tt as useChatInput,
+  wt as useClickOutside,
+  Ft as useClickOutsideMultiple,
+  kt as useCopy,
+  Dt as useCopyToClipboard,
+  At as useDebounce,
+  Mt as useDebouncedCallback,
+  vt as useDisclosure,
+  It as useIsDesktop,
+  Ot as useIsMobile,
+  Et as useIsTablet,
+  _t as useKeyboard,
+  Ht as useKeyboardShortcuts,
+  Vt as useLocalStorage,
+  Nt as useMediaQuery,
+  Rt as usePrefersDarkMode,
+  Ut as usePrefersReducedMotion,
+  Qt as useSessionStorage,
+  qt as useStreamingText,
+  jt as useTheme,
+  tt as useThemeContext,
+  mt as useToast,
+  Jt as useVoiceRecorder,
   dr as waitForFonts,
-  Jt as warnBrandProp,
-  Yt as warnFieldChildren,
-  Zt as warnGlassVariant,
-  $t as warnHardcodedColors,
-  rp as warnMissingAriaLabel,
-  op as warnThemeProp,
-  ep as warnUsePrebuiltSection
+  Zt as warnBrandProp,
+  $t as warnFieldChildren,
+  rp as warnGlassVariant,
+  op as warnHardcodedColors,
+  ep as warnMissingAriaLabel,
+  tp as warnThemeProp,
+  pp as warnUsePrebuiltSection
 };

package/dist/styles.css

@@ -8919,7 +8919,7 @@ a.navbar-link:focus:not(:focus-visible) {
 
 ._backdrop_18ya7_9{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:var(--surface-overlay);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));animation:_fadeIn_18ya7_1 .2s ease;padding:var(--spacing-4)}@keyframes _fadeIn_18ya7_1{0%{opacity:0}to{opacity:1}}._dialog_18ya7_32{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:400px;background:var(--surface-base);border-radius:var(--radius-container);box-shadow:var(--shadow-xl);padding:var(--spacing-8) var(--spacing-6) var(--spacing-6);animation:_scaleIn_18ya7_1 .2s ease}@keyframes _scaleIn_18ya7_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){._backdrop_18ya7_9,._dialog_18ya7_32{animation:none}}._icon_18ya7_70{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);margin-bottom:var(--spacing-4);flex-shrink:0}._iconInfo_18ya7_81{background:var(--soft-info);color:var(--status-info)}._iconWarning_18ya7_86{background:var(--soft-warning);color:var(--status-warning)}._iconDanger_18ya7_91{background:var(--soft-error);color:var(--status-error)}._title_18ya7_100{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;line-height:var(--line-height-tight)}._description_18ya7_109{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-normal)}._actions_18ya7_121{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%}
 
-._avatar_zbymr_8{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-layer);border-radius:50%;-webkit-user-select:none;user-select:none;font-family:var(--font-secondary);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-fast)}._image_zbymr_30{width:100%;height:100%;object-fit:cover;border-radius:50%}._initials_zbymr_38{text-transform:uppercase;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}._icon_zbymr_48{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}._icon_zbymr_48 svg{width:100%;height:100%}._xs_zbymr_64{width:24px;height:24px;font-size:var(--font-size-10)}._xs_zbymr_64 ._icon_zbymr_48{width:12px;height:12px}._sm_zbymr_75{width:32px;height:32px;font-size:var(--font-size-12)}._sm_zbymr_75 ._icon_zbymr_48{width:16px;height:16px}._md_zbymr_86{width:40px;height:40px;font-size:var(--font-size-14)}._md_zbymr_86 ._icon_zbymr_48{width:20px;height:20px}._lg_zbymr_97{width:48px;height:48px;font-size:var(--font-size-16)}._lg_zbymr_97 ._icon_zbymr_48{width:24px;height:24px}._xl_zbymr_108{width:64px;height:64px;font-size:var(--font-size-20)}._xl_zbymr_108 ._icon_zbymr_48{width:32px;height:32px}._xxl_zbymr_119{width:96px;height:96px;font-size:var(--font-size-32)}._xxl_zbymr_119 ._icon_zbymr_48{width:48px;height:48px}._profile_zbymr_130{width:120px;height:120px;font-size:var(--font-size-48)}._profile_zbymr_130 ._icon_zbymr_48{width:56px;height:56px}._xxxl_zbymr_141{width:120px;height:120px;font-size:var(--font-size-48)}._xxxl_zbymr_141 ._icon_zbymr_48{width:56px;height:56px}._xxxxl_zbymr_152{width:160px;height:160px;font-size:var(--font-size-64)}._xxxxl_zbymr_152 ._icon_zbymr_48{width:72px;height:72px}._xxxxxl_zbymr_163{width:200px;height:200px;font-size:var(--font-size-80)}._xxxxxl_zbymr_163 ._icon_zbymr_48{width:96px;height:96px}._interactive_zbymr_178{cursor:pointer}._interactive_zbymr_178:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}._interactive_zbymr_178:active{transform:scale(.98)}._interactive_zbymr_178:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._statusIndicator_zbymr_200{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--surface-base)}._online_zbymr_212{background:var(--status-success)}._offline_zbymr_216{background:var(--text-tertiary)}._away_zbymr_220{background:var(--status-warning)}._busy_zbymr_224{background:var(--status-error)}
+._avatar_mufx3_8{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-layer);border-radius:50%;-webkit-user-select:none;user-select:none;font-family:var(--font-secondary);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-fast)}._image_mufx3_30{width:100%;height:100%;object-fit:cover;border-radius:50%}._initials_mufx3_38{text-transform:uppercase;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}._icon_mufx3_48{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}._icon_mufx3_48 svg{width:100%;height:100%}._xs_mufx3_64{width:24px;height:24px;font-size:var(--font-size-10)}._xs_mufx3_64 ._icon_mufx3_48{width:12px;height:12px}._sm_mufx3_75{width:32px;height:32px;font-size:var(--font-size-12)}._sm_mufx3_75 ._icon_mufx3_48{width:16px;height:16px}._md_mufx3_86{width:40px;height:40px;font-size:var(--font-size-14)}._md_mufx3_86 ._icon_mufx3_48{width:20px;height:20px}._lg_mufx3_97{width:48px;height:48px;font-size:var(--font-size-16)}._lg_mufx3_97 ._icon_mufx3_48{width:24px;height:24px}._xl_mufx3_108{width:64px;height:64px;font-size:var(--font-size-20)}._xl_mufx3_108 ._icon_mufx3_48{width:32px;height:32px}._xxl_mufx3_119{width:96px;height:96px;font-size:var(--font-size-32)}._xxl_mufx3_119 ._icon_mufx3_48{width:48px;height:48px}._profile_mufx3_130{width:120px;height:120px;font-size:var(--font-size-48)}._profile_mufx3_130 ._icon_mufx3_48{width:56px;height:56px}._xxxl_mufx3_141{width:120px;height:120px;font-size:var(--font-size-48)}._xxxl_mufx3_141 ._icon_mufx3_48{width:56px;height:56px}._xxxxl_mufx3_152{width:160px;height:160px;font-size:var(--font-size-64)}._xxxxl_mufx3_152 ._icon_mufx3_48{width:72px;height:72px}._xxxxxl_mufx3_163{width:200px;height:200px;font-size:var(--font-size-80)}._xxxxxl_mufx3_163 ._icon_mufx3_48{width:96px;height:96px}._interactive_mufx3_178{cursor:pointer}._interactive_mufx3_178:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}._interactive_mufx3_178:active{transform:scale(.98)}._interactive_mufx3_178:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._statusIndicator_mufx3_200{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--surface-base)}._online_mufx3_212{background:var(--status-success)}._offline_mufx3_216{background:var(--text-tertiary)}._away_mufx3_220{background:var(--status-warning)}._busy_mufx3_224{background:var(--status-error)}._blue_mufx3_232{background:var(--color-brand-100);color:var(--color-brand-700)}._green_mufx3_237{background:var(--color-success-100);color:var(--color-success-700)}._purple_mufx3_242{background:var(--color-info-100);color:var(--color-info-700)}._orange_mufx3_247{background:var(--color-warning-100);color:var(--color-warning-700)}._red_mufx3_252{background:var(--color-error-100);color:var(--color-error-700)}._teal_mufx3_257{background:#d0f0eb;color:#0d6e67}._pink_mufx3_262{background:#f8d7e8;color:#ae3366}
 
 ._badge_1vgzi_8{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);white-space:nowrap;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none}._primary_1vgzi_32{background:var(--interactive-primary);color:var(--interactive-primary-text)}._secondary_1vgzi_38{background:var(--interactive-secondary);color:var(--text-primary)}._success_1vgzi_44{background:var(--soft-success);color:var(--status-success)}._error_1vgzi_50{background:var(--soft-error);color:var(--status-error)}._warning_1vgzi_56{background:var(--soft-warning);color:var(--status-warning)}._info_1vgzi_62{background:var(--soft-info);color:var(--status-info)}._brand_1vgzi_68{background:var(--soft-brand);color:var(--text-brand)}._inverse_1vgzi_75{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}._sm_1vgzi_85{height:20px;padding:0 var(--spacing-2);font-size:var(--font-size-10)}._md_1vgzi_91{height:24px;padding:0 var(--spacing-3);font-size:var(--font-size-12)}._lg_1vgzi_97{height:28px;padding:0 var(--spacing-4);font-size:var(--font-size-14)}._dot_1vgzi_107{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}[data-dark-bg=true] ._brand_1vgzi_68,[data-dark-bg=true] ._secondary_1vgzi_38{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}
 
@@ -9025,6 +9025,8 @@ a.navbar-link:focus:not(:focus-visible) {
 
 ._container_192xs_8{display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}._spinner_192xs_16{border-radius:50%;border-style:solid;animation:_spin_192xs_16 .6s linear infinite}@media(prefers-reduced-motion:reduce){._spinner_192xs_16{animation:_spin_192xs_16 1.2s linear infinite}}@keyframes _spin_192xs_16{to{transform:rotate(360deg)}}._xs_192xs_38{width:12px;height:12px;border-width:2px}._sm_192xs_44{width:16px;height:16px;border-width:2px}._md_192xs_50{width:24px;height:24px;border-width:3px}._lg_192xs_56{width:32px;height:32px;border-width:3px}._xl_192xs_62{width:48px;height:48px;border-width:4px}._primary_192xs_72{border-color:var(--interactive-primary);border-top-color:transparent}._secondary_192xs_77{border-color:var(--text-tertiary);border-top-color:transparent}._neutral_192xs_82{border-color:var(--border-strong);border-top-color:transparent}._inverse_192xs_87{border-color:var(--text-inverse);border-top-color:transparent}._label_192xs_96{font-size:var(--font-size-12);color:var(--text-secondary);font-weight:var(--font-weight-medium)}
 
+._stack_svmor_8{display:flex;box-sizing:border-box}._vertical_svmor_17{flex-direction:column}._horizontal_svmor_21{flex-direction:row}._gap-xs_svmor_29{gap:var(--spacing-2)}._gap-sm_svmor_33{gap:var(--spacing-3)}._gap-md_svmor_37{gap:var(--spacing-4)}._gap-lg_svmor_41{gap:var(--spacing-6)}._gap-xl_svmor_45{gap:var(--spacing-8)}._align-flex-start_svmor_53{align-items:flex-start}._align-center_svmor_57{align-items:center}._align-flex-end_svmor_61{align-items:flex-end}._align-stretch_svmor_65{align-items:stretch}._align-baseline_svmor_69{align-items:baseline}._justify-flex-start_svmor_77{justify-content:flex-start}._justify-center_svmor_81{justify-content:center}._justify-flex-end_svmor_85{justify-content:flex-end}._justify-space-between_svmor_89{justify-content:space-between}._justify-space-around_svmor_93{justify-content:space-around}._justify-space-evenly_svmor_97{justify-content:space-evenly}._wrap-nowrap_svmor_105{flex-wrap:nowrap}._wrap-wrap_svmor_109{flex-wrap:wrap}._wrap-wrap-reverse_svmor_113{flex-wrap:wrap-reverse}
+
 ._stepper_ayf09_10{width:100%}._list_ayf09_14{display:flex;margin:0;padding:0;list-style:none}._horizontal_ayf09_26 ._list_ayf09_14{flex-direction:row;align-items:center;justify-content:center;gap:0}._horizontal_ayf09_26 ._item_ayf09_33{display:flex;align-items:center;flex:1;max-width:120px}._horizontal_ayf09_26 ._item_ayf09_33:last-child{flex:0;max-width:none}._step_ayf09_10{display:flex;align-items:center;gap:var(--spacing-3)}._horizontal_ayf09_26 ._step_ayf09_10{flex-direction:column;align-items:center;text-align:center}._horizontal_ayf09_26 ._label-right_ayf09_61 ._step_ayf09_10{flex-direction:row;text-align:left}._indicator_ayf09_70{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-family:var(--font-secondary);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);position:relative;z-index:var(--z-base)}._sm_ayf09_84 ._indicator_ayf09_70{width:20px;height:20px;font-size:var(--font-size-11)}._md_ayf09_90 ._indicator_ayf09_70{width:24px;height:24px;font-size:var(--font-size-12)}._lg_ayf09_96 ._indicator_ayf09_70{width:28px;height:28px;font-size:var(--font-size-13)}._upcoming_ayf09_107 ._indicator_ayf09_70{background:transparent;border:1px solid var(--border-subtle);color:var(--text-tertiary)}._current_ayf09_114 ._indicator_ayf09_70{background:transparent;border:1.5px solid var(--interactive-primary);color:var(--interactive-primary)}._complete_ayf09_122 ._indicator_ayf09_70{background:transparent;border:none;color:var(--status-success)}._error_ayf09_129 ._indicator_ayf09_70{background:transparent;border:none;color:var(--status-error)}._number_ayf09_139{font-variant-numeric:tabular-nums}._content_ayf09_147{display:none;flex-direction:column;gap:var(--spacing-1);min-width:0}._title_ayf09_158{font-family:var(--font-secondary);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._sm_ayf09_84 ._title_ayf09_158{font-size:var(--font-size-12)}._md_ayf09_90 ._title_ayf09_158{font-size:var(--font-size-13)}._lg_ayf09_96 ._title_ayf09_158{font-size:var(--font-size-14)}._upcoming_ayf09_107 ._title_ayf09_158{color:var(--text-tertiary)}._complete_ayf09_122 ._title_ayf09_158{color:var(--text-secondary)}._optional_ayf09_189{font-size:var(--font-size-10);font-weight:var(--font-weight-normal);color:var(--text-tertiary);margin-left:var(--spacing-1)}._description_ayf09_200{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._upcoming_ayf09_107 ._description_ayf09_200{color:var(--text-tertiary);opacity:.7}._errorMessage_ayf09_219{color:var(--status-error);font-size:var(--font-size-11)}._connector_ayf09_228{flex:1;height:1px;background:var(--border-subtle);transition:background var(--transition-fast);min-width:24px}._connector_ayf09_228._complete_ayf09_122{background:color-mix(in srgb,var(--status-success) 50%,transparent)}._horizontal_ayf09_26 ._connector_ayf09_228{margin:0}._horizontal_ayf09_26._sm_ayf09_84 ._connector_ayf09_228,._horizontal_ayf09_26._md_ayf09_90 ._connector_ayf09_228,._horizontal_ayf09_26._lg_ayf09_96 ._connector_ayf09_228{height:1px}._horizontal_ayf09_26 ._label-bottom_ayf09_256 ._connector_ayf09_228{position:absolute;top:50%;left:100%;right:0;transform:translateY(-50%);margin:0}._vertical_ayf09_266 ._connector_ayf09_228{width:1px;height:20px;margin:var(--spacing-2) 0;margin-left:9px;flex:none}._vertical_ayf09_266._sm_ayf09_84 ._connector_ayf09_228{margin-left:9px;height:16px}._vertical_ayf09_266._md_ayf09_90 ._connector_ayf09_228{margin-left:11px;height:20px}._vertical_ayf09_266._lg_ayf09_96 ._connector_ayf09_228{margin-left:13px;height:24px}._vertical_ayf09_266 ._list_ayf09_14{flex-direction:column;gap:0}._vertical_ayf09_266 ._item_ayf09_33{display:flex;flex-direction:column}._vertical_ayf09_266 ._step_ayf09_10{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--spacing-3)}._vertical_ayf09_266 ._content_ayf09_147{display:flex;padding-top:2px}._clickable_ayf09_317{cursor:pointer}._clickable_ayf09_317:hover ._indicator_ayf09_70{transform:scale(1.05);opacity:.8}._clickable_ayf09_317:active ._indicator_ayf09_70{transform:scale(.98)}._clickable_ayf09_317:focus-visible{outline:none}._clickable_ayf09_317:focus-visible ._indicator_ayf09_70{outline:1.5px solid var(--interactive-primary);outline-offset:2px}._disabled_ayf09_343{opacity:.35;cursor:not-allowed;pointer-events:none}@media(min-width:640px){._horizontal_ayf09_26 ._item_ayf09_33{max-width:200px}._horizontal_ayf09_26 ._content_ayf09_147{display:flex;margin-top:var(--spacing-3)}._horizontal_ayf09_26 ._label-right_ayf09_61 ._content_ayf09_147{margin-top:0;margin-left:var(--spacing-3)}._sm_ayf09_84 ._indicator_ayf09_70{width:22px;height:22px;font-size:var(--font-size-11)}._md_ayf09_90 ._indicator_ayf09_70{width:26px;height:26px;font-size:var(--font-size-12)}._lg_ayf09_96 ._indicator_ayf09_70{width:30px;height:30px;font-size:var(--font-size-13)}._vertical_ayf09_266._sm_ayf09_84 ._connector_ayf09_228{height:20px;margin-left:10px}._vertical_ayf09_266._md_ayf09_90 ._connector_ayf09_228{height:24px;margin-left:12px}._vertical_ayf09_266._lg_ayf09_96 ._connector_ayf09_228{height:28px;margin-left:14px}}@media(min-width:768px){._horizontal_ayf09_26 ._item_ayf09_33{max-width:none}._title_ayf09_158,._description_ayf09_200{white-space:normal;overflow:visible}}._scrollable_ayf09_428 ._list_ayf09_14{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:var(--spacing-2) 0;justify-content:flex-start;flex-wrap:nowrap}._scrollable_ayf09_428 ._list_ayf09_14::-webkit-scrollbar{display:none}._scrollable_ayf09_428 ._item_ayf09_33{flex:0 0 auto;min-width:120px;max-width:none;scroll-snap-align:center}._scrollable_ayf09_428 ._item_ayf09_33:last-child{flex:0 0 auto;min-width:120px}._scrollable_ayf09_428 ._content_ayf09_147{display:flex;margin-top:var(--spacing-2)}._scrollable_ayf09_428 ._connector_ayf09_228{min-width:40px;flex:0 0 40px}@media(min-width:640px){._scrollable_ayf09_428 ._item_ayf09_33{min-width:140px}._scrollable_ayf09_428 ._item_ayf09_33:last-child{min-width:140px}._scrollable_ayf09_428 ._content_ayf09_147{margin-top:var(--spacing-3)}._scrollable_ayf09_428 ._connector_ayf09_228{min-width:48px;flex:0 0 48px}}
 
 ._container_1h4tg_12{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}._disabled_1h4tg_18{opacity:.5}._labelWrapper_1h4tg_26{display:inline-flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_1h4tg_18 ._labelWrapper_1h4tg_26{cursor:not-allowed;pointer-events:none}._input_1h4tg_43{position:absolute;opacity:0;width:0;height:0;pointer-events:none}._track_1h4tg_55{position:relative;display:flex;align-items:center;flex-shrink:0;width:42px;height:26px;background:var(--surface-subtle);border:none;border-radius:var(--radius-full);transition:background-color .2s ease-in-out}._thumb_1h4tg_79{position:absolute;left:2px;width:22px;height:22px;background:var(--color-neutral-0);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease-in-out}._sm_1h4tg_95 ._track_1h4tg_55{width:42px;height:26px}._sm_1h4tg_95 ._thumb_1h4tg_79{width:22px;height:22px;left:2px}._md_1h4tg_107 ._track_1h4tg_55{width:51px;height:31px}._md_1h4tg_107 ._thumb_1h4tg_79{width:27px;height:27px;left:2px}._lg_1h4tg_119 ._track_1h4tg_55{width:60px;height:36px}._lg_1h4tg_119 ._thumb_1h4tg_79{width:32px;height:32px;left:2px}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:var(--interactive-primary)}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:var(--color-neutral-0)}._sm_1h4tg_95 ._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{transform:translate(16px)}._md_1h4tg_107 ._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{transform:translate(20px)}._lg_1h4tg_119 ._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{transform:translate(24px)}._labelWrapper_1h4tg_26:hover ._track_1h4tg_55{background:var(--surface-layer)}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26:hover ._track_1h4tg_55{background:var(--interactive-primary-hover)}._input_1h4tg_43:focus-visible+._labelWrapper_1h4tg_26 ._track_1h4tg_55{outline:2px solid var(--interactive-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--soft-brand)}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26{opacity:.5;cursor:not-allowed;pointer-events:none}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:var(--border-subtle)}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:var(--color-neutral-0);box-shadow:var(--shadow-flat)}._input_1h4tg_43:disabled:checked+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:var(--interactive-primary);opacity:.5}._input_1h4tg_43:disabled:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:var(--color-neutral-0)}._error_1h4tg_209 ._track_1h4tg_55,._error_1h4tg_209 ._labelWrapper_1h4tg_26:hover ._track_1h4tg_55{box-shadow:inset 0 0 0 2px var(--status-error)}._error_1h4tg_209 ._input_1h4tg_43:focus-visible+._labelWrapper_1h4tg_26 ._track_1h4tg_55{outline-color:var(--status-error);box-shadow:inset 0 0 0 2px var(--status-error),0 0 0 4px var(--soft-error)}._label_1h4tg_26{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:1.4}._sm_1h4tg_95 ._label_1h4tg_26{font-size:var(--font-size-13)}._lg_1h4tg_119 ._label_1h4tg_26{font-size:var(--font-size-16)}._required_1h4tg_244{color:var(--status-error);margin-left:2px}._helperText_1h4tg_250{margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug);padding-left:calc(42px + var(--spacing-3))}._md_1h4tg_107 ._helperText_1h4tg_250{padding-left:calc(51px + var(--spacing-3))}._lg_1h4tg_119 ._helperText_1h4tg_250{padding-left:calc(60px + var(--spacing-3))}._errorMessage_1h4tg_268{display:flex;align-items:center;gap:var(--spacing-1);margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--status-error);line-height:var(--line-height-snug);padding-left:calc(42px + var(--spacing-3))}._md_1h4tg_107 ._errorMessage_1h4tg_268{padding-left:calc(51px + var(--spacing-3))}._lg_1h4tg_119 ._errorMessage_1h4tg_268{padding-left:calc(60px + var(--spacing-3))}@media(forced-colors:active){._track_1h4tg_55{background:Canvas;border:2px solid CanvasText}._thumb_1h4tg_79{background:CanvasText}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:Highlight;border-color:Highlight}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:Canvas}._input_1h4tg_43:focus-visible+._labelWrapper_1h4tg_26 ._track_1h4tg_55{outline:3px solid Highlight;outline-offset:2px}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._track_1h4tg_55{border-color:GrayText;background:Canvas}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:GrayText}._error_1h4tg_209 ._track_1h4tg_55{border-color:LinkText}._errorMessage_1h4tg_268{color:LinkText}._label_1h4tg_26{color:CanvasText}}@media(prefers-reduced-motion:reduce){._track_1h4tg_55,._thumb_1h4tg_79{transition:none}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-ds/react",
-  "version": "4.6.0",
+  "version": "4.6.2",
   "type": "module",
   "description": "Orion Design System - React component library with 40+ AI-ready components and 9 templates",
   "author": "Orion Design System Team",