@orion-ds/react 5.5.4 → 5.6.0

package/dist/index.mjs

@@ -13,85 +13,86 @@ import { AlertDialog as wr } from "./components/AlertDialog/AlertDialog.mjs";
 import { Avatar as Pr } from "./components/Avatar/Avatar.mjs";
 import { Badge as kr } from "./components/Badge/Badge.mjs";
 import { Banner as Or } from "./components/Banner/Banner.mjs";
-import { Breadcrumb as Br } from "./components/Breadcrumb/Breadcrumb.mjs";
-import { Button as Er } from "./components/Button/Button.mjs";
-import { Calendar as yr } from "./components/Calendar/Calendar.mjs";
-import { Card as Ur } from "./components/Card/Card.mjs";
-import { Carousel as _r } from "./components/Carousel/Carousel.mjs";
-import { CarouselCard as Hr } from "./components/Carousel/CarouselCard.mjs";
-import { ChartContainer as Qr, ChartGradient as Vr, ChartLegend as Xr, ChartLegendContent as qr, ChartTooltip as Wr, ChartTooltipContent as jr } from "./components/Chart/Chart.mjs";
-import { Checkbox as Jr } from "./components/Checkbox/Checkbox.mjs";
-import { Chip as Zr } from "./components/Chip/Chip.mjs";
-import { CodeEditor as ro } from "./components/CodeEditor/CodeEditor.mjs";
-import { Collapsible as eo } from "./components/Collapsible/Collapsible.mjs";
-import { CollapsibleFolder as po } from "./components/CollapsibleFolder/CollapsibleFolder.mjs";
-import { Combobox as mo } from "./components/Combobox/Combobox.mjs";
-import { Command as xo } from "./components/Command/Command.mjs";
-import { CommandBar as io } from "./components/CommandBar/CommandBar.mjs";
-import { Container as lo } from "./sections/Container/Container.mjs";
-import { DataTable as co } from "./components/DataTable/DataTable.mjs";
-import { DatePicker as go } from "./components/DatePicker/DatePicker.mjs";
-import { DetailPanel as So } from "./components/DetailPanel/DetailPanel.mjs";
-import { Divider as bo } from "./components/Divider/Divider.mjs";
-import { Drawer as wo } from "./components/Drawer/Drawer.mjs";
-import { Dropdown as Po } from "./components/Dropdown/Dropdown.mjs";
-import { EmptyState as ko } from "./components/EmptyState/EmptyState.mjs";
-import { ErrorBoundary as Oo } from "./components/ErrorBoundary/ErrorBoundary.mjs";
-import { Field as Bo } from "./components/Field/Field.mjs";
-import { FileUploader as Eo } from "./components/FileUploader/FileUploader.mjs";
-import { FilterBar as yo } from "./components/FilterBar/FilterBar.mjs";
-import { FontLoader as Uo } from "./components/FontLoader/FontLoader.mjs";
-import { FormSection as _o } from "./components/FormSection/FormSection.mjs";
-import { Icon as Ho } from "./components/Icon/Icon.mjs";
-import { IconGallery as Qo } from "./components/IconGallery/IconGallery.mjs";
-import { Icons as Xo } from "./utils/icons.mjs";
-import { InputOTP as Wo } from "./components/InputOTP/InputOTP.mjs";
-import { KanbanBoard as zo } from "./components/KanbanBoard/KanbanBoard.mjs";
-import { LandingPageExample as Yo } from "./examples/LandingPage.example.mjs";
-import { Link as $o } from "./components/Link/Link.mjs";
-import { List as oe } from "./components/List/List.mjs";
-import { MetricCard as te, MetricCards as pe } from "./components/MetricCards/MetricCards.mjs";
-import { Modal as me } from "./components/Modal/Modal.mjs";
-import { NavTree as xe } from "./components/NavTree/NavTree.mjs";
-import { Navbar as ie } from "./components/Navbar/Navbar.mjs";
-import { NotificationCenter as le } from "./components/NotificationCenter/NotificationCenter.mjs";
-import { OPTIONAL_DEP_COMPONENTS as Ce, checkComponent as ce, getOptionalDepError as ue } from "./utils/optionalDeps.mjs";
-import { PageHeader as he } from "./components/PageHeader/PageHeader.mjs";
-import { Pagination as Te } from "./components/Pagination/Pagination.mjs";
-import { Popover as Le } from "./components/Popover/Popover.mjs";
-import { ProgressBar as Fe } from "./components/ProgressBar/ProgressBar.mjs";
-import { QuickActions as De } from "./components/QuickActions/QuickActions.mjs";
-import { Radio as Me } from "./components/Radio/Radio.mjs";
-import { SearchInput as Ae } from "./components/SearchInput/SearchInput.mjs";
-import { Section as ve } from "./sections/Section/Section.mjs";
-import { Select as Ne } from "./components/Select/Select.mjs";
-import { Sidebar as Ie } from "./components/Sidebar/Sidebar.mjs";
-import { Skeleton as Re } from "./components/Skeleton/Skeleton.mjs";
-import { Slider as Ge } from "./components/Slider/Slider.mjs";
-import { Spinner as Ke } from "./components/Spinner/Spinner.mjs";
-import { Stack as Ve } from "./components/Stack/Stack.mjs";
-import { Stepper as qe } from "./components/Stepper/Stepper.mjs";
-import { Switch as je } from "./components/Switch/Switch.mjs";
-import { Table as Je } from "./components/Table/Table.mjs";
-import { Tabs as Ze } from "./components/Tabs/Tabs.mjs";
-import { Textarea as rt } from "./components/Textarea/Textarea.mjs";
-import { ThemeController as et } from "./components/ThemeController/ThemeController.mjs";
-import { ThemeProvider as pt, useThemeContext as at } from "./contexts/ThemeContext.mjs";
-import { ToastProvider as ft, useToast as xt } from "./components/Toast/Toast.mjs";
-import { Toggle as it } from "./components/Toggle/Toggle.mjs";
-import { ToggleGroup as lt } from "./components/ToggleGroup/ToggleGroup.mjs";
-import { Tooltip as Ct } from "./components/Tooltip/Tooltip.mjs";
-import { UserMenu as ut } from "./components/UserMenu/UserMenu.mjs";
-import { WorkspaceSwitcher as ht } from "./components/WorkspaceSwitcher/WorkspaceSwitcher.mjs";
-import { useClickOutside as Tt, useClickOutsideMultiple as bt } from "./hooks/useClickOutside.mjs";
-import { useCopy as wt, useCopyToClipboard as Ft } from "./hooks/useCopyToClipboard.mjs";
-import { useDebounce as Dt, useDebouncedCallback as kt } from "./hooks/useDebounce.mjs";
-import { useDisclosure as Ot } from "./hooks/useDisclosure.mjs";
-import { useIsDesktop as Bt, useIsMobile as vt, useIsTablet as Et, useMediaQuery as Nt, usePrefersDarkMode as yt, usePrefersReducedMotion as It } from "./hooks/useMediaQuery.mjs";
-import { useKeyboard as Rt, useKeyboardShortcuts as _t } from "./hooks/useKeyboard.mjs";
-import { useLocalStorage as Ht, useSessionStorage as Kt } from "./hooks/useLocalStorage.mjs";
-import { useTheme as Vt } from "./hooks/useTheme.mjs";
-import { warnBrandProp as qt, warnFieldChildren as Wt, warnGlassVariant as jt, warnHardcodedColors as zt, warnMissingAriaLabel as Jt, warnThemeProp as Yt, warnUsePrebuiltSection as Zt } from "./utils/validation.mjs";
+import { Box as Br } from "./components/Box/Box.mjs";
+import { Breadcrumb as Er } from "./components/Breadcrumb/Breadcrumb.mjs";
+import { Button as yr } from "./components/Button/Button.mjs";
+import { Calendar as Ur } from "./components/Calendar/Calendar.mjs";
+import { Card as _r } from "./components/Card/Card.mjs";
+import { Carousel as Hr } from "./components/Carousel/Carousel.mjs";
+import { CarouselCard as Qr } from "./components/Carousel/CarouselCard.mjs";
+import { ChartContainer as Xr, ChartGradient as qr, ChartLegend as Wr, ChartLegendContent as jr, ChartTooltip as zr, ChartTooltipContent as Jr } from "./components/Chart/Chart.mjs";
+import { Checkbox as Zr } from "./components/Checkbox/Checkbox.mjs";
+import { Chip as ro } from "./components/Chip/Chip.mjs";
+import { CodeEditor as eo } from "./components/CodeEditor/CodeEditor.mjs";
+import { Collapsible as po } from "./components/Collapsible/Collapsible.mjs";
+import { CollapsibleFolder as mo } from "./components/CollapsibleFolder/CollapsibleFolder.mjs";
+import { Combobox as xo } from "./components/Combobox/Combobox.mjs";
+import { Command as io } from "./components/Command/Command.mjs";
+import { CommandBar as lo } from "./components/CommandBar/CommandBar.mjs";
+import { Container as co } from "./sections/Container/Container.mjs";
+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 wo } from "./components/Divider/Divider.mjs";
+import { Drawer as Po } from "./components/Drawer/Drawer.mjs";
+import { Dropdown as ko } from "./components/Dropdown/Dropdown.mjs";
+import { EmptyState as Oo } from "./components/EmptyState/EmptyState.mjs";
+import { ErrorBoundary as Bo } from "./components/ErrorBoundary/ErrorBoundary.mjs";
+import { Field as Eo } from "./components/Field/Field.mjs";
+import { FileUploader as yo } from "./components/FileUploader/FileUploader.mjs";
+import { FilterBar as Uo } from "./components/FilterBar/FilterBar.mjs";
+import { FontLoader as _o } from "./components/FontLoader/FontLoader.mjs";
+import { FormSection as Ho } from "./components/FormSection/FormSection.mjs";
+import { Icon as Qo } from "./components/Icon/Icon.mjs";
+import { IconGallery as Xo } from "./components/IconGallery/IconGallery.mjs";
+import { Icons as Wo } from "./utils/icons.mjs";
+import { InputOTP as zo } from "./components/InputOTP/InputOTP.mjs";
+import { KanbanBoard as Yo } from "./components/KanbanBoard/KanbanBoard.mjs";
+import { LandingPageExample as $o } from "./examples/LandingPage.example.mjs";
+import { Link as oe } from "./components/Link/Link.mjs";
+import { List as te } from "./components/List/List.mjs";
+import { MetricCard as ae, MetricCards as me } from "./components/MetricCards/MetricCards.mjs";
+import { Modal as xe } from "./components/Modal/Modal.mjs";
+import { NavTree as ie } from "./components/NavTree/NavTree.mjs";
+import { Navbar as le } from "./components/Navbar/Navbar.mjs";
+import { NotificationCenter as Ce } from "./components/NotificationCenter/NotificationCenter.mjs";
+import { OPTIONAL_DEP_COMPONENTS as ue, checkComponent as ge, getOptionalDepError as he } from "./utils/optionalDeps.mjs";
+import { PageHeader as Te } from "./components/PageHeader/PageHeader.mjs";
+import { Pagination as Le } from "./components/Pagination/Pagination.mjs";
+import { Popover as Fe } from "./components/Popover/Popover.mjs";
+import { ProgressBar as De } from "./components/ProgressBar/ProgressBar.mjs";
+import { QuickActions as Me } from "./components/QuickActions/QuickActions.mjs";
+import { Radio as Ae } from "./components/Radio/Radio.mjs";
+import { SearchInput as ve } from "./components/SearchInput/SearchInput.mjs";
+import { Section as Ne } from "./sections/Section/Section.mjs";
+import { Select as Ie } from "./components/Select/Select.mjs";
+import { Sidebar as Re } from "./components/Sidebar/Sidebar.mjs";
+import { Skeleton as Ge } from "./components/Skeleton/Skeleton.mjs";
+import { Slider as Ke } from "./components/Slider/Slider.mjs";
+import { Spinner as Ve } from "./components/Spinner/Spinner.mjs";
+import { Stack as qe } from "./components/Stack/Stack.mjs";
+import { Stepper as je } from "./components/Stepper/Stepper.mjs";
+import { Switch as Je } from "./components/Switch/Switch.mjs";
+import { Table as Ze } from "./components/Table/Table.mjs";
+import { Tabs as rt } from "./components/Tabs/Tabs.mjs";
+import { Textarea as et } from "./components/Textarea/Textarea.mjs";
+import { ThemeController as pt } from "./components/ThemeController/ThemeController.mjs";
+import { ThemeProvider as mt, useThemeContext as ft } from "./contexts/ThemeContext.mjs";
+import { ToastProvider as nt, useToast as it } from "./components/Toast/Toast.mjs";
+import { Toggle as lt } from "./components/Toggle/Toggle.mjs";
+import { ToggleGroup as Ct } from "./components/ToggleGroup/ToggleGroup.mjs";
+import { Tooltip as ut } from "./components/Tooltip/Tooltip.mjs";
+import { UserMenu as ht } from "./components/UserMenu/UserMenu.mjs";
+import { WorkspaceSwitcher as Tt } from "./components/WorkspaceSwitcher/WorkspaceSwitcher.mjs";
+import { useClickOutside as Lt, useClickOutsideMultiple as wt } from "./hooks/useClickOutside.mjs";
+import { useCopy as Pt, useCopyToClipboard as Dt } from "./hooks/useCopyToClipboard.mjs";
+import { useDebounce as Mt, useDebouncedCallback as Ot } from "./hooks/useDebounce.mjs";
+import { useDisclosure as Bt } from "./hooks/useDisclosure.mjs";
+import { useIsDesktop as Et, useIsMobile as Nt, useIsTablet as yt, useMediaQuery as It, usePrefersDarkMode as Ut, usePrefersReducedMotion as Rt } from "./hooks/useMediaQuery.mjs";
+import { useKeyboard as Gt, useKeyboardShortcuts as Ht } from "./hooks/useKeyboard.mjs";
+import { useLocalStorage as Qt, useSessionStorage as Vt } from "./hooks/useLocalStorage.mjs";
+import { useTheme as qt } from "./hooks/useTheme.mjs";
+import { warnBrandProp as jt, warnFieldChildren as zt, warnGlassVariant as Jt, warnHardcodedColors as Yt, warnMissingAriaLabel as Zt, warnThemeProp as $t, warnUsePrebuiltSection as rp } from "./utils/validation.mjs";
 export {
   ar as ALL_FONTS,
   cr as Accordion,
@@ -109,161 +110,162 @@ export {
   kr as Badge,
   Or as Banner,
   h as Bell,
-  Br as Breadcrumb,
-  Er as Button,
-  yr as Calendar,
-  Ur as Card,
-  _r as Carousel,
-  Hr as CarouselCard,
-  Qr as ChartContainer,
-  Vr as ChartGradient,
-  Xr as ChartLegend,
-  qr as ChartLegendContent,
-  Wr as ChartTooltip,
-  jr as ChartTooltipContent,
+  Br as Box,
+  Er as Breadcrumb,
+  yr as Button,
+  Ur as Calendar,
+  _r as Card,
+  Hr as Carousel,
+  Qr as CarouselCard,
+  Xr as ChartContainer,
+  qr as ChartGradient,
+  Wr as ChartLegend,
+  jr as ChartLegendContent,
+  zr as ChartTooltip,
+  Jr as ChartTooltipContent,
   S as Check,
   T as CheckCircle,
-  Jr as Checkbox,
+  Zr as Checkbox,
   b as ChevronDown,
   L as ChevronLeft,
   w as ChevronRight,
   F as ChevronUp,
-  Zr as Chip,
-  ro as CodeEditor,
-  eo as Collapsible,
-  po as CollapsibleFolder,
-  mo as Combobox,
-  xo as Command,
-  io as CommandBar,
+  ro as Chip,
+  eo as CodeEditor,
+  po as Collapsible,
+  mo as CollapsibleFolder,
+  xo as Combobox,
+  io as Command,
+  lo as CommandBar,
   i as ComponentShowcase,
-  lo as Container,
+  co as Container,
   P as Copy,
   D as CreditCard,
-  co as DataTable,
-  go as DatePicker,
-  So as DetailPanel,
-  bo as Divider,
+  go as DataTable,
+  So as DatePicker,
+  bo as DetailPanel,
+  wo as Divider,
   k as DollarSign,
   M as Download,
-  wo as Drawer,
-  Po as Dropdown,
+  Po as Drawer,
+  ko as Dropdown,
   O as Edit,
-  ko as EmptyState,
-  Oo as ErrorBoundary,
+  Oo as EmptyState,
+  Bo as ErrorBoundary,
   A as Eye,
   B as EyeOff,
   fr as FONT_PRECONNECT_URLS,
-  Bo as Field,
+  Eo as Field,
   v as File,
   E as FileText,
-  Eo as FileUploader,
-  yo as FilterBar,
-  Uo as FontLoader,
-  _o as FormSection,
+  yo as FileUploader,
+  Uo as FilterBar,
+  _o as FontLoader,
+  Ho as FormSection,
   xr as GOOGLE_FONTS_URL,
   N as Heart,
   y as HelpCircle,
   I as Home,
-  Ho as Icon,
-  Qo as IconGallery,
-  Xo as Icons,
+  Qo as Icon,
+  Xo as IconGallery,
+  Wo as Icons,
   U as Image,
   R as Info,
-  Wo as InputOTP,
-  zo as KanbanBoard,
-  Yo as LandingPageExample,
-  $o as Link,
-  oe as List,
+  zo as InputOTP,
+  Yo as KanbanBoard,
+  $o as LandingPageExample,
+  oe as Link,
+  te as List,
   _ as LogIn,
   G as LogOut,
   H as Mail,
   K as Menu,
   Q as MessageSquare,
-  te as MetricCard,
-  pe as MetricCards,
+  ae as MetricCard,
+  me as MetricCards,
   V as Minus,
-  me as Modal,
+  xe as Modal,
   X as Music,
-  xe as NavTree,
-  ie as Navbar,
-  le as NotificationCenter,
-  Ce as OPTIONAL_DEP_COMPONENTS,
-  he as PageHeader,
-  Te as Pagination,
+  ie as NavTree,
+  le as Navbar,
+  Ce as NotificationCenter,
+  ue as OPTIONAL_DEP_COMPONENTS,
+  Te as PageHeader,
+  Le as Pagination,
   q as Plus,
-  Le as Popover,
-  Fe as ProgressBar,
-  De as QuickActions,
-  Me as Radio,
+  Fe as Popover,
+  De as ProgressBar,
+  Me as QuickActions,
+  Ae as Radio,
   W as Search,
-  Ae as SearchInput,
-  ve as Section,
-  Ne as Select,
+  ve as SearchInput,
+  Ne as Section,
+  Ie as Select,
   j as Settings,
   z as Share2,
   J as ShoppingCart,
-  Ie as Sidebar,
-  Re as Skeleton,
-  Ge as Slider,
-  Ke as Spinner,
-  Ve as Stack,
+  Re as Sidebar,
+  Ge as Skeleton,
+  Ke as Slider,
+  Ve as Spinner,
+  qe as Stack,
   Y as Star,
-  qe as Stepper,
-  je as Switch,
-  Je as Table,
-  Ze as Tabs,
-  rt as Textarea,
-  et as ThemeController,
-  pt as ThemeProvider,
-  ft as ToastProvider,
-  it as Toggle,
-  lt as ToggleGroup,
-  Ct as Tooltip,
+  je as Stepper,
+  Je as Switch,
+  Ze as Table,
+  rt as Tabs,
+  et as Textarea,
+  pt as ThemeController,
+  mt as ThemeProvider,
+  nt as ToastProvider,
+  lt as Toggle,
+  Ct as ToggleGroup,
+  ut as Tooltip,
   Z as Trash2,
   $ as Upload,
   rr as User,
-  ut as UserMenu,
+  ht as UserMenu,
   or as Video,
-  ht as WorkspaceSwitcher,
+  Tt as WorkspaceSwitcher,
   er as X,
   tr as XCircle,
   nr as areBrandFontsLoaded,
-  ce as checkComponent,
+  ge as checkComponent,
   m as getBrand,
   ir as getFontLinkTags,
   sr as getMissingFonts,
-  ue as getOptionalDepError,
+  he as getOptionalDepError,
   f as getSemanticToken,
   x as getToken,
   lr as isFontLoaded,
   t as primitives,
   p as spacing,
-  Tt as useClickOutside,
-  bt as useClickOutsideMultiple,
-  wt as useCopy,
-  Ft as useCopyToClipboard,
-  Dt as useDebounce,
-  kt as useDebouncedCallback,
-  Ot as useDisclosure,
-  Bt as useIsDesktop,
-  vt as useIsMobile,
-  Et as useIsTablet,
-  Rt as useKeyboard,
-  _t as useKeyboardShortcuts,
-  Ht as useLocalStorage,
-  Nt as useMediaQuery,
-  yt as usePrefersDarkMode,
-  It as usePrefersReducedMotion,
-  Kt as useSessionStorage,
-  Vt as useTheme,
-  at as useThemeContext,
-  xt as useToast,
+  Lt as useClickOutside,
+  wt as useClickOutsideMultiple,
+  Pt as useCopy,
+  Dt as useCopyToClipboard,
+  Mt as useDebounce,
+  Ot as useDebouncedCallback,
+  Bt as useDisclosure,
+  Et as useIsDesktop,
+  Nt as useIsMobile,
+  yt as useIsTablet,
+  Gt as useKeyboard,
+  Ht as useKeyboardShortcuts,
+  Qt as useLocalStorage,
+  It as useMediaQuery,
+  Ut as usePrefersDarkMode,
+  Rt as usePrefersReducedMotion,
+  Vt as useSessionStorage,
+  qt as useTheme,
+  ft as useThemeContext,
+  it as useToast,
   dr as waitForFonts,
-  qt as warnBrandProp,
-  Wt as warnFieldChildren,
-  jt as warnGlassVariant,
-  zt as warnHardcodedColors,
-  Jt as warnMissingAriaLabel,
-  Yt as warnThemeProp,
-  Zt as warnUsePrebuiltSection
+  jt as warnBrandProp,
+  zt as warnFieldChildren,
+  Jt as warnGlassVariant,
+  Yt as warnHardcodedColors,
+  Zt as warnMissingAriaLabel,
+  $t as warnThemeProp,
+  rp as warnUsePrebuiltSection
 };

package/dist/integrations/tailwind/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={theme:{extend:{colors:{"surface-base":"var(--surface-base)","surface-subtle":"var(--surface-subtle)","surface-layer":"var(--surface-layer)","surface-sunken":"var(--surface-sunken)","surface-glass":"var(--surface-glass)","surface-overlay":"var(--surface-overlay)","text-primary":"var(--text-primary)","text-secondary":"var(--text-secondary)","text-tertiary":"var(--text-tertiary)","text-brand":"var(--text-brand)","text-inverse":"var(--text-inverse)","text-on-brand-primary":"var(--text-on-brand-primary)","interactive-primary":"var(--interactive-primary)","interactive-primary-hover":"var(--interactive-primary-hover)","interactive-primary-text":"var(--interactive-primary-text)","interactive-secondary":"var(--interactive-secondary)","interactive-secondary-hover":"var(--interactive-secondary-hover)","border-subtle":"var(--border-subtle)","border-strong":"var(--border-strong)","border-interactive":"var(--border-interactive)","status-success":"var(--status-success)","status-error":"var(--status-error)","status-warning":"var(--status-warning)","status-info":"var(--status-info)","soft-brand":"var(--soft-brand)","soft-success":"var(--soft-success)","soft-error":"var(--soft-error)","soft-warning":"var(--soft-warning)","soft-info":"var(--soft-info)","alert-success-bg":"var(--alert-success-bg)","alert-success-text":"var(--alert-success-text)","alert-success-border":"var(--alert-success-border)","alert-error-bg":"var(--alert-error-bg)","alert-error-text":"var(--alert-error-text)","alert-error-border":"var(--alert-error-border)","alert-warning-bg":"var(--alert-warning-bg)","alert-warning-text":"var(--alert-warning-text)","alert-warning-border":"var(--alert-warning-border)","alert-info-bg":"var(--alert-info-bg)","alert-info-text":"var(--alert-info-text)","alert-info-border":"var(--alert-info-border)","color-brand":"var(--color-brand-500)","color-brand-400":"var(--color-brand-400)","color-brand-600":"var(--color-brand-600)","gradient-start":"var(--gradient-start)","gradient-end":"var(--gradient-end)"},spacing:{"orion-0":"var(--spacing-0)","orion-px":"var(--spacing-px)","orion-05":"var(--spacing-05)","orion-1":"var(--spacing-1)","orion-2":"var(--spacing-2)","orion-3":"var(--spacing-3)","orion-4":"var(--spacing-4)","orion-5":"var(--spacing-5)","orion-6":"var(--spacing-6)","orion-7":"var(--spacing-7)","orion-8":"var(--spacing-8)","orion-9":"var(--spacing-9)","orion-10":"var(--spacing-10)","orion-11":"var(--spacing-11)","orion-12":"var(--spacing-12)","orion-16":"var(--spacing-16)","orion-20":"var(--spacing-20)","orion-24":"var(--spacing-24)","orion-32":"var(--spacing-32)"},borderRadius:{button:"var(--radius-button)",container:"var(--radius-container)",sm:"var(--radius-sm)",md:"var(--radius-md)",lg:"var(--radius-lg)",xl:"var(--radius-xl)"},fontFamily:{primary:["var(--font-primary)"],secondary:["var(--font-secondary)"],mono:["var(--font-mono)"]},backdropBlur:{"orion-sm":"var(--blur-sm)","orion-md":"var(--blur-md)","orion-lg":"var(--blur-lg)","orion-xl":"var(--blur-xl)"}}}};exports.default=r;exports.orionPreset=r;

package/dist/integrations/tailwind/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Official Tailwind CSS preset for Orion Design System.
+ * Maps all Orion semantic tokens to Tailwind utilities that respect
+ * dark mode and brand switching automatically via CSS variables.
+ *
+ * @example
+ * // tailwind.config.ts
+ * import { orionPreset } from '@orion-ds/react/integrations/tailwind';
+ * export default { presets: [orionPreset], content: [...] };
+ */
+export declare const orionPreset: Record<string, any>;
+export default orionPreset;
+//# sourceMappingURL=index.d.ts.map

package/dist/integrations/tailwind/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/integrations/tailwind/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAwG3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/integrations/tailwind/index.mjs

@@ -0,0 +1,111 @@
+const r = {
+  theme: {
+    extend: {
+      colors: {
+        // Surfaces
+        "surface-base": "var(--surface-base)",
+        "surface-subtle": "var(--surface-subtle)",
+        "surface-layer": "var(--surface-layer)",
+        "surface-sunken": "var(--surface-sunken)",
+        "surface-glass": "var(--surface-glass)",
+        "surface-overlay": "var(--surface-overlay)",
+        // Text
+        "text-primary": "var(--text-primary)",
+        "text-secondary": "var(--text-secondary)",
+        "text-tertiary": "var(--text-tertiary)",
+        "text-brand": "var(--text-brand)",
+        "text-inverse": "var(--text-inverse)",
+        "text-on-brand-primary": "var(--text-on-brand-primary)",
+        // Interactive
+        "interactive-primary": "var(--interactive-primary)",
+        "interactive-primary-hover": "var(--interactive-primary-hover)",
+        "interactive-primary-text": "var(--interactive-primary-text)",
+        "interactive-secondary": "var(--interactive-secondary)",
+        "interactive-secondary-hover": "var(--interactive-secondary-hover)",
+        // Borders
+        "border-subtle": "var(--border-subtle)",
+        "border-strong": "var(--border-strong)",
+        "border-interactive": "var(--border-interactive)",
+        // Status
+        "status-success": "var(--status-success)",
+        "status-error": "var(--status-error)",
+        "status-warning": "var(--status-warning)",
+        "status-info": "var(--status-info)",
+        // Soft variants
+        "soft-brand": "var(--soft-brand)",
+        "soft-success": "var(--soft-success)",
+        "soft-error": "var(--soft-error)",
+        "soft-warning": "var(--soft-warning)",
+        "soft-info": "var(--soft-info)",
+        // Alert variants (12 values: 4 statuses × 3 properties: bg, text, border)
+        "alert-success-bg": "var(--alert-success-bg)",
+        "alert-success-text": "var(--alert-success-text)",
+        "alert-success-border": "var(--alert-success-border)",
+        "alert-error-bg": "var(--alert-error-bg)",
+        "alert-error-text": "var(--alert-error-text)",
+        "alert-error-border": "var(--alert-error-border)",
+        "alert-warning-bg": "var(--alert-warning-bg)",
+        "alert-warning-text": "var(--alert-warning-text)",
+        "alert-warning-border": "var(--alert-warning-border)",
+        "alert-info-bg": "var(--alert-info-bg)",
+        "alert-info-text": "var(--alert-info-text)",
+        "alert-info-border": "var(--alert-info-border)",
+        // Brand primitives (useful for gradients)
+        "color-brand": "var(--color-brand-500)",
+        "color-brand-400": "var(--color-brand-400)",
+        "color-brand-600": "var(--color-brand-600)",
+        // Gradients
+        "gradient-start": "var(--gradient-start)",
+        "gradient-end": "var(--gradient-end)"
+      },
+      spacing: {
+        "orion-0": "var(--spacing-0)",
+        "orion-px": "var(--spacing-px)",
+        "orion-05": "var(--spacing-05)",
+        "orion-1": "var(--spacing-1)",
+        "orion-2": "var(--spacing-2)",
+        "orion-3": "var(--spacing-3)",
+        "orion-4": "var(--spacing-4)",
+        "orion-5": "var(--spacing-5)",
+        "orion-6": "var(--spacing-6)",
+        "orion-7": "var(--spacing-7)",
+        "orion-8": "var(--spacing-8)",
+        "orion-9": "var(--spacing-9)",
+        "orion-10": "var(--spacing-10)",
+        "orion-11": "var(--spacing-11)",
+        "orion-12": "var(--spacing-12)",
+        "orion-16": "var(--spacing-16)",
+        "orion-20": "var(--spacing-20)",
+        "orion-24": "var(--spacing-24)",
+        "orion-32": "var(--spacing-32)"
+      },
+      borderRadius: {
+        // Semantic (brand-aware)
+        button: "var(--radius-button)",
+        // brand-controlled
+        container: "var(--radius-container)",
+        // brand-controlled
+        // Primitives
+        sm: "var(--radius-sm)",
+        md: "var(--radius-md)",
+        lg: "var(--radius-lg)",
+        xl: "var(--radius-xl)"
+      },
+      fontFamily: {
+        primary: ["var(--font-primary)"],
+        secondary: ["var(--font-secondary)"],
+        mono: ["var(--font-mono)"]
+      },
+      backdropBlur: {
+        "orion-sm": "var(--blur-sm)",
+        "orion-md": "var(--blur-md)",
+        "orion-lg": "var(--blur-lg)",
+        "orion-xl": "var(--blur-xl)"
+      }
+    }
+  }
+};
+export {
+  r as default,
+  r as orionPreset
+};