@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Text"],"sources":["../src/index.ts"],"sourcesContent":["import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';\nimport { CubeTextProps, Text } from './components/content/Text';\nimport { CubeTextItemProps, TextItem } from './components/content/TextItem';\nimport { CubeTitleProps, Title } from './components/content/Title';\n\nimport './version';\n\nexport { Section } from 'react-stately';\nexport type { MenuTriggerState } from 'react-stately';\n\nexport * from '@internationalized/date';\n\n// generic components\nexport { CollectionItem } from './components/CollectionItem';\nexport { Block } from './components/Block';\nexport type { CubeBlockProps } from './components/Block';\nexport { Item } from './components/content/Item/Item';\nexport type { CubeItemProps } from './components/content/Item/Item';\n// @deprecated Use `Item` instead\nexport { ItemBase } from './components/content/Item/Item';\n// @deprecated Use `CubeItemProps` instead\nexport type { CubeItemBaseProps } from './components/content/Item/Item';\nexport { ItemCard } from './components/content/ItemCard/ItemCard';\nexport type { CubeItemCardProps } from './components/content/ItemCard/ItemCard';\nexport { ItemBadge } from './components/content/ItemBadge/ItemBadge';\nexport type { CubeItemBadgeProps } from './components/content/ItemBadge/ItemBadge';\nexport { InfoBadge } from './components/content/InfoBadge/InfoBadge';\nexport type {\n  CubeInfoBadgeProps,\n  CubeInfoBadgeTooltipConfig,\n} from './components/content/InfoBadge/InfoBadge';\nexport { ActiveZone } from './components/content/ActiveZone/ActiveZone';\nexport type { CubeActiveZoneProps } from './components/content/ActiveZone/ActiveZone';\nexport { InlineInput } from './components/content/InlineInput';\nexport type {\n  CubeInlineInputProps,\n  CubeInlineInputRef,\n  CubeInlineInputEditTrigger,\n} from './components/content/InlineInput';\nexport * from './components/content/CopySnippet';\nexport * from './components/content/CopyPasteBlock';\nexport { Grid } from './components/layout/Grid';\nexport type { CubeGridProps } from './components/layout/Grid';\nexport { Flex } from './components/layout/Flex';\nexport type { CubeFlexProps } from './components/layout/Flex';\nexport { Link } from './components/actions/Link/Link';\nexport { Space } from './components/layout/Space';\nexport type { CubeSpaceProps } from './components/layout/Space';\nexport { Flow } from './components/layout/Flow';\nexport type { CubeFlowProps } from './components/layout/Flow';\nexport { Panel } from './components/layout/Panel';\nexport type { CubePanelProps } from './components/layout/Panel';\nexport { ResizablePanel } from './components/layout/ResizablePanel';\nexport type { CubeResizablePanelProps } from './components/layout/ResizablePanel';\nexport {\n  Board,\n  BoardDragActiveProvider,\n  BoardProvider,\n  BoardResponsive,\n  BoardWidget,\n  verticalCompactor,\n  horizontalCompactor,\n  noCompactor,\n  getCompactor,\n  gridBounds,\n  minMaxSize,\n  containerBounds,\n  boundedX,\n  boundedY,\n  aspectRatio,\n  snapToGrid,\n  minSize,\n  maxSize,\n  placeInFreeSlot,\n  distributeEvenly,\n  BOARD_SELECTION_CANCEL,\n} from './components/layout/Board';\nexport type {\n  CubeBoardProps,\n  BoardSelectionMode,\n  CubeBoardWidgetProps,\n  CubeBoardDragActiveProviderProps,\n  CubeBoardProviderProps,\n  CubeBoardResponsiveProps,\n  BoardCompactType,\n  BoardGridLines,\n  BoardInteractionInfo,\n  BoardBreakpoints,\n  BoardBreakpointCols,\n  BoardResponsiveLayouts,\n  Layout as BoardLayout,\n  LayoutItem as BoardLayoutItem,\n  ResizeHandleAxis as BoardResizeHandleAxis,\n  BoardResizeGripPlacement,\n  BoardCornerPlacement,\n  BoardLayoutChangeInfo,\n  BoardLayoutChangeReason,\n  CollisionMode as BoardCollisionMode,\n  Compactor as BoardCompactor,\n  LayoutConstraint as BoardLayoutConstraint,\n  WidgetTransferInfo as BoardWidgetTransferInfo,\n} from './components/layout/Board';\nexport { Root } from './components/Root';\nexport type { CubeRootProps } from './components/Root';\nexport { DisplayTransition } from './components/helpers/DisplayTransition/DisplayTransition';\nexport type { DisplayTransitionProps } from './components/helpers/DisplayTransition/DisplayTransition';\nexport { IconSwitch } from './components/helpers/IconSwitch/IconSwitch';\nexport type { CubeIconSwitchProps } from './components/helpers/IconSwitch/IconSwitch';\n\n// Navigation types and helpers\nexport type {\n  NavigationAdapter,\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from './providers/navigation.types';\nexport { defaultNavigationAdapter } from './providers/navigationAdapter.default';\nexport { PrismCode } from './components/content/PrismCode/PrismCode';\nexport type { CubePrismCodeProps } from './components/content/PrismCode/PrismCode';\nexport { PrismDiffCode } from './components/content/PrismDiffCode/PrismDiffCode';\nexport type { CubePrismDiffCodeProps } from './components/content/PrismDiffCode/PrismDiffCode';\nexport { Prefix } from './components/layout/Prefix';\nexport type { CubePrefixProps } from './components/layout/Prefix';\nexport { Suffix } from './components/layout/Suffix';\nexport type { CubeSuffixProps } from './components/layout/Suffix';\nexport { Divider } from './components/content/Divider';\nexport type { CubeDividerProps } from './components/content/Divider';\nexport { Disclosure } from './components/content/Disclosure';\nexport type {\n  CubeDisclosureProps,\n  CubeDisclosureTriggerProps,\n  CubeDisclosureContentProps,\n  CubeDisclosureGroupProps,\n  CubeDisclosureItemProps,\n  DisclosureStateContext,\n} from './components/content/Disclosure';\nexport { Tree } from './components/content/Tree';\nexport type {\n  CubeTreeProps,\n  CubeTreeNodeData,\n  TreeOnCheckInfo,\n  TreeOnExpandInfo,\n  TreeOnSelectInfo,\n  TreeLoadDataNode,\n  TreeSelectionMode,\n  TreeContextMenu,\n  TreeNodeState,\n} from './components/content/Tree';\nexport { GridProvider } from './components/GridProvider';\nexport type { CubeGridProviderProps } from './components/GridProvider';\nexport { Content } from './components/content/Content';\nexport type { CubeContentProps } from './components/content/Content';\nexport { Header } from './components/content/Header';\nexport type { CubeHeaderProps } from './components/content/Header';\nexport { Footer } from './components/content/Footer';\nexport type { CubeFooterProps } from './components/content/Footer';\nexport { Result } from './components/content/Result/Result';\nexport type {\n  CubeResultProps,\n  CubeResultStatus,\n} from './components/content/Result/Result';\nexport { Layout, GridLayout } from './components/content/Layout';\nexport type {\n  CubeLayoutProps,\n  CubeGridLayoutProps,\n  CubeLayoutToolbarProps,\n  CubeLayoutHeaderProps,\n  CubeLayoutFooterProps,\n  CubeLayoutContentProps,\n  CubeLayoutPaneProps,\n  CubeLayoutPanelProps,\n  CubeLayoutPanelHeaderProps,\n  ScrollbarType,\n} from './components/content/Layout';\n\n// atoms\nexport * from './components/status';\nexport { Card } from './components/content/Card/Card';\nexport type { CubeCardProps } from './components/content/Card/Card';\nexport * from './components/actions';\nexport { Placeholder } from './components/content/Placeholder/Placeholder';\nexport type { CubePlaceholderProps } from './components/content/Placeholder/Placeholder';\nexport { Skeleton } from './components/content/Skeleton/Skeleton';\nexport type { CubeSkeletonProps } from './components/content/Skeleton/Skeleton';\nexport { CubeLogo, CubeFullLogo } from './components/other/CubeLogo/CubeLogo';\nexport type { CubeLogoProps } from './components/other/CubeLogo/CubeLogo';\nexport { NoDataIcon } from './components/other/NoDataIcon';\nexport { Badge } from './components/content/Badge/Badge';\nexport type { CubeBadgeProps } from './components/content/Badge/Badge';\nexport { Tag } from './components/content/Tag/Tag';\nexport type { CubeTagProps } from './components/content/Tag/Tag';\nexport * from './components/content/HotKeys';\nexport type { CubeSearchInputProps } from './components/fields/SearchInput/SearchInput';\nexport type { CubeListBoxProps } from './components/fields/ListBox';\nexport { ListBox } from './components/fields/ListBox';\nexport { Menu } from './components/actions/Menu/Menu';\nexport type { CubeMenuProps } from './components/actions/Menu/Menu';\nexport { MenuTrigger } from './components/actions/Menu/MenuTrigger';\nexport { SubMenuTrigger } from './components/actions/Menu/SubMenuTrigger';\nexport type { CubeMenuTriggerProps } from './components/actions/Menu/MenuTrigger';\nexport { CommandMenu } from './components/actions/CommandMenu';\nexport type {\n  CubeCommandMenuProps,\n  CommandMenuItem,\n} from './components/actions/CommandMenu';\nexport { Select, ListBoxPopup } from './components/fields/Select/Select';\nexport type {\n  CubeSelectProps,\n  CubeSelectBaseProps,\n} from './components/fields/Select/Select';\n\nexport { Avatar } from './components/content/Avatar/Avatar';\nexport type { CubeAvatarProps } from './components/content/Avatar/Avatar';\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContainer,\n  DialogForm,\n  useDialogContainer,\n} from './components/overlays/Dialog';\nexport type {\n  CubeDialogTriggerProps,\n  CubeDialogContainerProps,\n  CubeDialogProps,\n  CubeDialogFormRef,\n  CubeDialogFormProps,\n} from './components/overlays/Dialog';\nexport { Tooltip } from './components/overlays/Tooltip/Tooltip';\nexport type { CubeTooltipProps } from './components/overlays/Tooltip/Tooltip';\nexport { TooltipTrigger } from './components/overlays/Tooltip/TooltipTrigger';\nexport type { CubeTooltipTriggerProps } from './components/overlays/Tooltip/TooltipTrigger';\nexport { TooltipProvider } from './components/overlays/Tooltip/TooltipProvider';\nexport type { CubeTooltipProviderProps } from './components/overlays/Tooltip/TooltipProvider';\n\nexport * from './components/content/Alert';\n\n// navigation\nexport * from './components/navigation';\n\n// data\nexport * from './components/data';\n\n// molecules\nexport { StatsCard } from './components/organisms/StatsCard/StatsCard';\nexport type { CubeStatsCard } from './components/organisms/StatsCard/StatsCard';\nexport {\n  AlertDialog,\n  useAlertDialogAPI,\n} from './components/overlays/AlertDialog';\nexport type { CubeAlertDialogProps } from './components/overlays/AlertDialog';\n\nexport * from '@tenphi/tasty';\nexport * from '@tenphi/glaze';\n\nexport const Typography = {\n  Text: Text,\n  Title,\n  Paragraph,\n};\n\nexport { Text, TextItem, Title, Paragraph };\nexport type {\n  CubeTextProps,\n  CubeTextItemProps,\n  CubeTitleProps,\n  CubeParagraphProps,\n};\n\nexport { Provider, useProviderProps } from './provider';\nexport type { ProviderProps } from './provider';\nexport { Portal } from './components/portal';\nexport type { PortalProps } from './components/portal';\nexport * from './components/fields';\n\nexport type {\n  TagName,\n  AllBaseProps,\n  BaseProps,\n  BaseStyleProps,\n  DimensionStyleProps,\n  ColorStyleProps,\n  OuterStyleProps,\n  PositionStyleProps,\n  TextStyleProps,\n  BlockStyleProps,\n  ContainerStyleProps,\n  BasePropsWithoutChildren,\n  FlowStyleProps,\n  ShortGridStyles,\n} from '@tenphi/tasty';\nexport type { Props } from './props';\n\n// i18n — the UI Kit owns the i18next + react-i18next libraries and the single\n// shared instance. Consumers (e.g. Cube Cloud) import ALL i18n symbols from\n// here so there is exactly one physical copy / one version / one instance.\nexport {\n  useTranslation,\n  Trans,\n  Translation,\n  I18nextProvider,\n  initReactI18next,\n  withTranslation,\n  useSSR as useI18nSSR,\n} from 'react-i18next';\nexport type {\n  TransProps,\n  UseTranslationOptions,\n  UseTranslationResponse,\n  WithTranslation,\n} from 'react-i18next';\nexport { default as i18next, createInstance } from 'i18next';\nexport type {\n  i18n as I18n,\n  TFunction,\n  Resource,\n  ResourceKey,\n  ResourceLanguage,\n  InitOptions,\n} from 'i18next';\nexport {\n  createUIKitI18n,\n  getI18n,\n  UIKIT_I18N_NAMESPACE,\n  addUIKitLocale,\n  I18nProvider,\n  createFormatter,\n  useFormatter,\n  SUPPORTED_LOCALES,\n  LOCALE_LABELS,\n  isSupportedLocale,\n} from './i18n';\nexport type {\n  SupportedLocale,\n  UIKitResources,\n  I18nProviderProps,\n  Formatter,\n  FormatDateInput,\n  RelativeTimeOptions,\n  CurrencyOptions,\n  BytesOptions,\n} from './i18n';\n// React Aria's `useLocale`, re-exported so consumers read the same locale\n// context the UI Kit's `I18nProvider` populates from i18next.\nexport { useLocale } from 'react-aria';\n\nexport * from './utils';\nexport { default as copy } from 'clipboard-copy';\nexport * from '@react-aria/ssr';\nexport * from './components/overlays/Toast';\nexport * from './components/overlays/Notifications';\nexport * from './shared';\nexport * from './icons';\nexport * from './components/form';\nexport * from './tokens';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiQA,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}
+{"version":3,"file":"index.js","names":["CubeParagraphProps","Paragraph","CubeTextProps","Text","CubeTextItemProps","TextItem","CubeTitleProps","Title","Section","MenuTriggerState","CollectionItem","Block","CubeBlockProps","Item","CubeItemProps","ItemBase","CubeItemBaseProps","ItemCard","CubeItemCardProps","ItemBadge","CubeItemBadgeProps","InfoBadge","CubeInfoBadgeProps","CubeInfoBadgeTooltipConfig","ActiveZone","CubeActiveZoneProps","InlineInput","CubeInlineInputProps","CubeInlineInputRef","CubeInlineInputEditTrigger","Grid","CubeGridProps","Flex","CubeFlexProps","Link","Space","CubeSpaceProps","Flow","CubeFlowProps","Panel","CubePanelProps","ResizablePanel","CubeResizablePanelProps","Board","BoardDragActiveProvider","BoardProvider","BoardResponsive","BoardWidget","verticalCompactor","horizontalCompactor","noCompactor","getCompactor","gridBounds","minMaxSize","containerBounds","boundedX","boundedY","aspectRatio","snapToGrid","minSize","maxSize","placeInFreeSlot","distributeEvenly","BOARD_SELECTION_CANCEL","CubeBoardProps","BoardSelectionMode","CubeBoardWidgetProps","CubeBoardDragActiveProviderProps","CubeBoardProviderProps","CubeBoardResponsiveProps","BoardCompactType","BoardGridLines","BoardInteractionInfo","BoardBreakpoints","BoardBreakpointCols","BoardResponsiveLayouts","Layout","BoardLayout","LayoutItem","BoardLayoutItem","ResizeHandleAxis","BoardResizeHandleAxis","BoardResizeGripPlacement","BoardCornerPlacement","BoardLayoutChangeInfo","BoardLayoutChangeReason","CollisionMode","BoardCollisionMode","Compactor","BoardCompactor","LayoutConstraint","BoardLayoutConstraint","WidgetTransferInfo","BoardWidgetTransferInfo","Root","CubeRootProps","DisplayTransition","DisplayTransitionProps","IconSwitch","CubeIconSwitchProps","NavigationAdapter","NavigateLike","Path","To","NavigateArg","NavigateOptions","RelativeRoutingType","defaultNavigationAdapter","PrismCode","CubePrismCodeProps","PrismDiffCode","CubePrismDiffCodeProps","Prefix","CubePrefixProps","Suffix","CubeSuffixProps","Divider","CubeDividerProps","Disclosure","CubeDisclosureProps","CubeDisclosureTriggerProps","CubeDisclosureContentProps","CubeDisclosureGroupProps","CubeDisclosureItemProps","DisclosureStateContext","Tree","CubeTreeProps","CubeTreeNodeData","TreeOnCheckInfo","TreeOnExpandInfo","TreeOnSelectInfo","TreeLoadDataNode","TreeSelectionMode","TreeContextMenu","TreeNodeState","GridProvider","CubeGridProviderProps","Content","CubeContentProps","Header","CubeHeaderProps","Footer","CubeFooterProps","Result","CubeResultProps","CubeResultStatus","GridLayout","CubeLayoutProps","CubeGridLayoutProps","CubeLayoutToolbarProps","CubeLayoutHeaderProps","CubeLayoutFooterProps","CubeLayoutContentProps","CubeLayoutPaneProps","CubeLayoutPanelProps","CubeLayoutPanelHeaderProps","ScrollbarType","Card","CubeCardProps","Placeholder","CubePlaceholderProps","Skeleton","CubeSkeletonProps","CubeLogo","CubeFullLogo","CubeLogoProps","NoDataIcon","Badge","CubeBadgeProps","Tag","CubeTagProps","CubeSearchInputProps","CubeListBoxProps","ListBox","Menu","CubeMenuProps","MenuTrigger","SubMenuTrigger","CubeMenuTriggerProps","CommandMenu","CubeCommandMenuProps","CommandMenuItem","Select","ListBoxPopup","CubeSelectProps","CubeSelectBaseProps","Avatar","CubeAvatarProps","Dialog","DialogTrigger","DialogContainer","DialogForm","useDialogContainer","CubeDialogTriggerProps","CubeDialogContainerProps","CubeDialogProps","CubeDialogFormRef","CubeDialogFormProps","ModernDialogFormProps","Tooltip","CubeTooltipProps","TooltipTrigger","CubeTooltipTriggerProps","TooltipProvider","CubeTooltipProviderProps","StatsCard","CubeStatsCard","AlertDialog","useAlertDialogAPI","CubeAlertDialogProps","Typography","Provider","useProviderProps","ProviderProps","Portal","PortalProps","TagName","AllBaseProps","BaseProps","BaseStyleProps","DimensionStyleProps","ColorStyleProps","OuterStyleProps","PositionStyleProps","TextStyleProps","BlockStyleProps","ContainerStyleProps","BasePropsWithoutChildren","FlowStyleProps","ShortGridStyles","Props","useTranslation","Trans","Translation","I18nextProvider","initReactI18next","withTranslation","useSSR","useI18nSSR","TransProps","UseTranslationOptions","UseTranslationResponse","WithTranslation","default","i18next","createInstance","i18n","I18n","TFunction","Resource","ResourceKey","ResourceLanguage","InitOptions","createUIKitI18n","getI18n","UIKIT_I18N_NAMESPACE","addUIKitLocale","I18nProvider","createFormatter","useFormatter","SUPPORTED_LOCALES","LOCALE_LABELS","isSupportedLocale","SupportedLocale","UIKitResources","I18nProviderProps","Formatter","FormatDateInput","RelativeTimeOptions","CurrencyOptions","BytesOptions","useLocale","copy"],"sources":["../src/index.ts"],"sourcesContent":["import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';\nimport { CubeTextProps, Text } from './components/content/Text';\nimport { CubeTextItemProps, TextItem } from './components/content/TextItem';\nimport { CubeTitleProps, Title } from './components/content/Title';\n\nimport './version';\n\nexport { Section } from 'react-stately';\nexport type { MenuTriggerState } from 'react-stately';\n\nexport * from '@internationalized/date';\n\n// generic components\nexport { CollectionItem } from './components/CollectionItem';\nexport { Block } from './components/Block';\nexport type { CubeBlockProps } from './components/Block';\nexport { Item } from './components/content/Item/Item';\nexport type { CubeItemProps } from './components/content/Item/Item';\n// @deprecated Use `Item` instead\nexport { ItemBase } from './components/content/Item/Item';\n// @deprecated Use `CubeItemProps` instead\nexport type { CubeItemBaseProps } from './components/content/Item/Item';\nexport { ItemCard } from './components/content/ItemCard/ItemCard';\nexport type { CubeItemCardProps } from './components/content/ItemCard/ItemCard';\nexport { ItemBadge } from './components/content/ItemBadge/ItemBadge';\nexport type { CubeItemBadgeProps } from './components/content/ItemBadge/ItemBadge';\nexport { InfoBadge } from './components/content/InfoBadge/InfoBadge';\nexport type {\n  CubeInfoBadgeProps,\n  CubeInfoBadgeTooltipConfig,\n} from './components/content/InfoBadge/InfoBadge';\nexport { ActiveZone } from './components/content/ActiveZone/ActiveZone';\nexport type { CubeActiveZoneProps } from './components/content/ActiveZone/ActiveZone';\nexport { InlineInput } from './components/content/InlineInput';\nexport type {\n  CubeInlineInputProps,\n  CubeInlineInputRef,\n  CubeInlineInputEditTrigger,\n} from './components/content/InlineInput';\nexport * from './components/content/CopySnippet';\nexport * from './components/content/CopyPasteBlock';\nexport { Grid } from './components/layout/Grid';\nexport type { CubeGridProps } from './components/layout/Grid';\nexport { Flex } from './components/layout/Flex';\nexport type { CubeFlexProps } from './components/layout/Flex';\nexport { Link } from './components/actions/Link/Link';\nexport { Space } from './components/layout/Space';\nexport type { CubeSpaceProps } from './components/layout/Space';\nexport { Flow } from './components/layout/Flow';\nexport type { CubeFlowProps } from './components/layout/Flow';\nexport { Panel } from './components/layout/Panel';\nexport type { CubePanelProps } from './components/layout/Panel';\nexport { ResizablePanel } from './components/layout/ResizablePanel';\nexport type { CubeResizablePanelProps } from './components/layout/ResizablePanel';\nexport {\n  Board,\n  BoardDragActiveProvider,\n  BoardProvider,\n  BoardResponsive,\n  BoardWidget,\n  verticalCompactor,\n  horizontalCompactor,\n  noCompactor,\n  getCompactor,\n  gridBounds,\n  minMaxSize,\n  containerBounds,\n  boundedX,\n  boundedY,\n  aspectRatio,\n  snapToGrid,\n  minSize,\n  maxSize,\n  placeInFreeSlot,\n  distributeEvenly,\n  BOARD_SELECTION_CANCEL,\n} from './components/layout/Board';\nexport type {\n  CubeBoardProps,\n  BoardSelectionMode,\n  CubeBoardWidgetProps,\n  CubeBoardDragActiveProviderProps,\n  CubeBoardProviderProps,\n  CubeBoardResponsiveProps,\n  BoardCompactType,\n  BoardGridLines,\n  BoardInteractionInfo,\n  BoardBreakpoints,\n  BoardBreakpointCols,\n  BoardResponsiveLayouts,\n  Layout as BoardLayout,\n  LayoutItem as BoardLayoutItem,\n  ResizeHandleAxis as BoardResizeHandleAxis,\n  BoardResizeGripPlacement,\n  BoardCornerPlacement,\n  BoardLayoutChangeInfo,\n  BoardLayoutChangeReason,\n  CollisionMode as BoardCollisionMode,\n  Compactor as BoardCompactor,\n  LayoutConstraint as BoardLayoutConstraint,\n  WidgetTransferInfo as BoardWidgetTransferInfo,\n} from './components/layout/Board';\nexport { Root } from './components/Root';\nexport type { CubeRootProps } from './components/Root';\nexport { DisplayTransition } from './components/helpers/DisplayTransition/DisplayTransition';\nexport type { DisplayTransitionProps } from './components/helpers/DisplayTransition/DisplayTransition';\nexport { IconSwitch } from './components/helpers/IconSwitch/IconSwitch';\nexport type { CubeIconSwitchProps } from './components/helpers/IconSwitch/IconSwitch';\n\n// Navigation types and helpers\nexport type {\n  NavigationAdapter,\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from './providers/navigation.types';\nexport { defaultNavigationAdapter } from './providers/navigationAdapter.default';\nexport { PrismCode } from './components/content/PrismCode/PrismCode';\nexport type { CubePrismCodeProps } from './components/content/PrismCode/PrismCode';\nexport { PrismDiffCode } from './components/content/PrismDiffCode/PrismDiffCode';\nexport type { CubePrismDiffCodeProps } from './components/content/PrismDiffCode/PrismDiffCode';\nexport { Prefix } from './components/layout/Prefix';\nexport type { CubePrefixProps } from './components/layout/Prefix';\nexport { Suffix } from './components/layout/Suffix';\nexport type { CubeSuffixProps } from './components/layout/Suffix';\nexport { Divider } from './components/content/Divider';\nexport type { CubeDividerProps } from './components/content/Divider';\nexport { Disclosure } from './components/content/Disclosure';\nexport type {\n  CubeDisclosureProps,\n  CubeDisclosureTriggerProps,\n  CubeDisclosureContentProps,\n  CubeDisclosureGroupProps,\n  CubeDisclosureItemProps,\n  DisclosureStateContext,\n} from './components/content/Disclosure';\nexport { Tree } from './components/content/Tree';\nexport type {\n  CubeTreeProps,\n  CubeTreeNodeData,\n  TreeOnCheckInfo,\n  TreeOnExpandInfo,\n  TreeOnSelectInfo,\n  TreeLoadDataNode,\n  TreeSelectionMode,\n  TreeContextMenu,\n  TreeNodeState,\n} from './components/content/Tree';\nexport { GridProvider } from './components/GridProvider';\nexport type { CubeGridProviderProps } from './components/GridProvider';\nexport { Content } from './components/content/Content';\nexport type { CubeContentProps } from './components/content/Content';\nexport { Header } from './components/content/Header';\nexport type { CubeHeaderProps } from './components/content/Header';\nexport { Footer } from './components/content/Footer';\nexport type { CubeFooterProps } from './components/content/Footer';\nexport { Result } from './components/content/Result/Result';\nexport type {\n  CubeResultProps,\n  CubeResultStatus,\n} from './components/content/Result/Result';\nexport { Layout, GridLayout } from './components/content/Layout';\nexport type {\n  CubeLayoutProps,\n  CubeGridLayoutProps,\n  CubeLayoutToolbarProps,\n  CubeLayoutHeaderProps,\n  CubeLayoutFooterProps,\n  CubeLayoutContentProps,\n  CubeLayoutPaneProps,\n  CubeLayoutPanelProps,\n  CubeLayoutPanelHeaderProps,\n  ScrollbarType,\n} from './components/content/Layout';\n\n// atoms\nexport * from './components/status';\nexport { Card } from './components/content/Card/Card';\nexport type { CubeCardProps } from './components/content/Card/Card';\nexport * from './components/actions';\nexport { Placeholder } from './components/content/Placeholder/Placeholder';\nexport type { CubePlaceholderProps } from './components/content/Placeholder/Placeholder';\nexport { Skeleton } from './components/content/Skeleton/Skeleton';\nexport type { CubeSkeletonProps } from './components/content/Skeleton/Skeleton';\nexport { CubeLogo, CubeFullLogo } from './components/other/CubeLogo/CubeLogo';\nexport type { CubeLogoProps } from './components/other/CubeLogo/CubeLogo';\nexport { NoDataIcon } from './components/other/NoDataIcon';\nexport { Badge } from './components/content/Badge/Badge';\nexport type { CubeBadgeProps } from './components/content/Badge/Badge';\nexport { Tag } from './components/content/Tag/Tag';\nexport type { CubeTagProps } from './components/content/Tag/Tag';\nexport * from './components/content/HotKeys';\nexport type { CubeSearchInputProps } from './components/fields/SearchInput/SearchInput';\nexport type { CubeListBoxProps } from './components/fields/ListBox';\nexport { ListBox } from './components/fields/ListBox';\nexport { Menu } from './components/actions/Menu/Menu';\nexport type { CubeMenuProps } from './components/actions/Menu/Menu';\nexport { MenuTrigger } from './components/actions/Menu/MenuTrigger';\nexport { SubMenuTrigger } from './components/actions/Menu/SubMenuTrigger';\nexport type { CubeMenuTriggerProps } from './components/actions/Menu/MenuTrigger';\nexport { CommandMenu } from './components/actions/CommandMenu';\nexport type {\n  CubeCommandMenuProps,\n  CommandMenuItem,\n} from './components/actions/CommandMenu';\nexport { Select, ListBoxPopup } from './components/fields/Select/Select';\nexport type {\n  CubeSelectProps,\n  CubeSelectBaseProps,\n} from './components/fields/Select/Select';\n\nexport { Avatar } from './components/content/Avatar/Avatar';\nexport type { CubeAvatarProps } from './components/content/Avatar/Avatar';\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContainer,\n  DialogForm,\n  useDialogContainer,\n} from './components/overlays/Dialog';\nexport type {\n  CubeDialogTriggerProps,\n  CubeDialogContainerProps,\n  CubeDialogProps,\n  CubeDialogFormRef,\n  CubeDialogFormProps,\n  ModernDialogFormProps,\n} from './components/overlays/Dialog';\nexport { Tooltip } from './components/overlays/Tooltip/Tooltip';\nexport type { CubeTooltipProps } from './components/overlays/Tooltip/Tooltip';\nexport { TooltipTrigger } from './components/overlays/Tooltip/TooltipTrigger';\nexport type { CubeTooltipTriggerProps } from './components/overlays/Tooltip/TooltipTrigger';\nexport { TooltipProvider } from './components/overlays/Tooltip/TooltipProvider';\nexport type { CubeTooltipProviderProps } from './components/overlays/Tooltip/TooltipProvider';\n\nexport * from './components/content/Alert';\n\n// navigation\nexport * from './components/navigation';\n\n// data\nexport * from './components/data';\n\n// molecules\nexport { StatsCard } from './components/organisms/StatsCard/StatsCard';\nexport type { CubeStatsCard } from './components/organisms/StatsCard/StatsCard';\nexport {\n  AlertDialog,\n  useAlertDialogAPI,\n} from './components/overlays/AlertDialog';\nexport type { CubeAlertDialogProps } from './components/overlays/AlertDialog';\n\nexport * from '@tenphi/tasty';\nexport * from '@tenphi/glaze';\n\nexport const Typography = {\n  Text: Text,\n  Title,\n  Paragraph,\n};\n\nexport { Text, TextItem, Title, Paragraph };\nexport type {\n  CubeTextProps,\n  CubeTextItemProps,\n  CubeTitleProps,\n  CubeParagraphProps,\n};\n\nexport { Provider, useProviderProps } from './provider';\nexport type { ProviderProps } from './provider';\nexport { Portal } from './components/portal';\nexport type { PortalProps } from './components/portal';\nexport * from './components/fields';\n\nexport type {\n  TagName,\n  AllBaseProps,\n  BaseProps,\n  BaseStyleProps,\n  DimensionStyleProps,\n  ColorStyleProps,\n  OuterStyleProps,\n  PositionStyleProps,\n  TextStyleProps,\n  BlockStyleProps,\n  ContainerStyleProps,\n  BasePropsWithoutChildren,\n  FlowStyleProps,\n  ShortGridStyles,\n} from '@tenphi/tasty';\nexport type { Props } from './props';\n\n// i18n — the UI Kit owns the i18next + react-i18next libraries and the single\n// shared instance. Consumers (e.g. Cube Cloud) import ALL i18n symbols from\n// here so there is exactly one physical copy / one version / one instance.\nexport {\n  useTranslation,\n  Trans,\n  Translation,\n  I18nextProvider,\n  initReactI18next,\n  withTranslation,\n  useSSR as useI18nSSR,\n} from 'react-i18next';\nexport type {\n  TransProps,\n  UseTranslationOptions,\n  UseTranslationResponse,\n  WithTranslation,\n} from 'react-i18next';\nexport { default as i18next, createInstance } from 'i18next';\nexport type {\n  i18n as I18n,\n  TFunction,\n  Resource,\n  ResourceKey,\n  ResourceLanguage,\n  InitOptions,\n} from 'i18next';\nexport {\n  createUIKitI18n,\n  getI18n,\n  UIKIT_I18N_NAMESPACE,\n  addUIKitLocale,\n  I18nProvider,\n  createFormatter,\n  useFormatter,\n  SUPPORTED_LOCALES,\n  LOCALE_LABELS,\n  isSupportedLocale,\n} from './i18n';\nexport type {\n  SupportedLocale,\n  UIKitResources,\n  I18nProviderProps,\n  Formatter,\n  FormatDateInput,\n  RelativeTimeOptions,\n  CurrencyOptions,\n  BytesOptions,\n} from './i18n';\n// React Aria's `useLocale`, re-exported so consumers read the same locale\n// context the UI Kit's `I18nProvider` populates from i18next.\nexport { useLocale } from 'react-aria';\n\nexport * from './utils';\nexport { default as copy } from 'clipboard-copy';\nexport * from '@react-aria/ssr';\nexport * from './components/overlays/Toast';\nexport * from './components/overlays/Notifications';\nexport * from './shared';\nexport * from './icons';\nexport * from './components/form';\nexport * from './tokens';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkQA,MAAakN,aAAa;CACxB/M,MAAMA;CACNI;CACAN;CACD"}

package/dist/probe/canonicalize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/probe/canonicalize.ts
 /**
 * Normalising generated identifiers out of rendered output.
@@ -32,7 +32,7 @@ function canonicalizeIds(text) {
 		}
 		return placeholder;
 	};
-	return text.replace(/«[^«»]*»/g, replace).replace(/\breact-aria[\w-]*?\d+\b/g, replace);
+	return text.replace(/«[^«»]*»/g, replace).replace(/:[rR][0-9a-v]+(?:H[0-9a-v]+)?:/g, replace).replace(/\breact-aria[\w-]*?\d+\b/g, replace);
 }
 /**
 * Replace tasty's generated class names with positional placeholders.

package/dist/probe/canonicalize.js.map

@@ -1 +1 @@
-{"version":3,"file":"canonicalize.js","names":[],"sources":["../../src/probe/canonicalize.ts"],"sourcesContent":["/**\n * Normalising generated identifiers out of rendered output.\n *\n * Moved here from `src/eslint-plugin/probe.tsx` so consumers can reach them:\n * that file is not part of the `./eslint-plugin` entry, so nothing outside this\n * repo could import it. `probe.tsx` re-exports them, so its own callers and the\n * defaults registry are unaffected.\n *\n * Both functions exist for the same reason — comparing two renders byte-for-byte\n * requires dropping values that are arbitrary per render but structurally\n * meaningful in aggregate.\n */\n\n/**\n * Replace generated element IDs with positional placeholders.\n *\n * React's `useId` draws from a global counter, so the same tree rendered twice\n * yields `«r0»` then `«r2»` and a byte comparison would fail for every\n * component that labels an input. Rewriting each distinct ID to `«idN»` in\n * order of first appearance keeps the `id` <-> `aria-labelledby` / `for`\n * relationships meaningful — a structural change still shows up as a\n * difference — while dropping the counter's absolute value.\n */\nexport function canonicalizeIds(text: string): string {\n  const seen = new Map<string, string>();\n\n  const replace = (match: string) => {\n    let placeholder = seen.get(match);\n\n    if (!placeholder) {\n      placeholder = `«id${seen.size}»`;\n      seen.set(match, placeholder);\n    }\n\n    return placeholder;\n  };\n\n  return (\n    text\n      // `[^«»]`, not `[^»]`: excluding the OPENING delimiter too keeps this\n      // linear. With `[^»]*` an unterminated run of `«` makes the engine scan\n      // to the end of the input from every one of them — quadratic, and\n      // reachable now that this is published API called on caller-supplied\n      // markup rather than only on our own renders (CodeQL js/polynomial-redos).\n      // It is also the tighter reading: an unterminated `«r0` should not\n      // swallow the next ID.\n      .replace(/«[^«»]*»/g, replace)\n      // react-aria mints its own counter-based IDs in several shapes:\n      // `react-aria1`, `react-aria-1`, and `react-aria-description-0`.\n      .replace(/\\breact-aria[\\w-]*?\\d+\\b/g, replace)\n  );\n}\n\n/**\n * Replace tasty's generated class names with positional placeholders.\n *\n * The hash is derived from the *input* style object, not the CSS it produces, so\n * two inputs that normalise to identical CSS still get different class names.\n * `<Space>` sets `gap: true` and `<Space gap=\"1x\">` resolves to the same\n * `gap: var(--gap)` — the emitted rules are byte-identical and only the hash\n * differs.\n *\n * Placeholders are assigned in order of first appearance, so this cannot hide a\n * genuine difference: an extra, missing or reordered class shifts the sequence\n * and still compares unequal. Only the arbitrary hash value is normalised away.\n *\n * The pattern requires a digit so it matches `t1iuxaru` / `tp3unhd` without\n * touching all-letter CSS keywords that happen to start with `t` (`translate`,\n * `transform`).\n */\nexport function canonicalizeClassNames(text: string): string {\n  const seen = new Map<string, string>();\n\n  return text.replace(\n    /\\bt(?=[a-z0-9]{6,8}\\b)(?![a-z]+\\b)[a-z0-9]{6,8}\\b/g,\n    (match) => {\n      let placeholder = seen.get(match);\n\n      if (!placeholder) {\n        placeholder = `tcls${seen.size}`;\n        seen.set(match, placeholder);\n      }\n\n      return placeholder;\n    },\n  );\n}\n\n/** Both normalisations, in the order a probe applies them. */\nexport function canonicalize(text: string): string {\n  return canonicalizeClassNames(canonicalizeIds(text));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,gBAAgB,MAAsB;CACpD,MAAM,uBAAO,IAAI,KAAqB;CAEtC,MAAM,WAAW,UAAkB;EACjC,IAAI,cAAc,KAAK,IAAI,MAAM;AAEjC,MAAI,CAAC,aAAa;AAChB,iBAAc,MAAM,KAAK,KAAK;AAC9B,QAAK,IAAI,OAAO,YAAY;;AAG9B,SAAO;;AAGT,QACE,KAQG,QAAQ,aAAa,QAAQ,CAG7B,QAAQ,6BAA6B,QAAQ;;;;;;;;;;;;;;;;;;;AAqBpD,SAAgB,uBAAuB,MAAsB;CAC3D,MAAM,uBAAO,IAAI,KAAqB;AAEtC,QAAO,KAAK,QACV,uDACC,UAAU;EACT,IAAI,cAAc,KAAK,IAAI,MAAM;AAEjC,MAAI,CAAC,aAAa;AAChB,iBAAc,OAAO,KAAK;AAC1B,QAAK,IAAI,OAAO,YAAY;;AAG9B,SAAO;GAEV;;;AAIH,SAAgB,aAAa,MAAsB;AACjD,QAAO,uBAAuB,gBAAgB,KAAK,CAAC"}
+{"version":3,"file":"canonicalize.js","names":["canonicalizeIds","text","seen","Map","replace","match","placeholder","get","size","set","canonicalizeClassNames","canonicalize"],"sources":["../../src/probe/canonicalize.ts"],"sourcesContent":["/**\n * Normalising generated identifiers out of rendered output.\n *\n * Moved here from `src/eslint-plugin/probe.tsx` so consumers can reach them:\n * that file is not part of the `./eslint-plugin` entry, so nothing outside this\n * repo could import it. `probe.tsx` re-exports them, so its own callers and the\n * defaults registry are unaffected.\n *\n * Both functions exist for the same reason — comparing two renders byte-for-byte\n * requires dropping values that are arbitrary per render but structurally\n * meaningful in aggregate.\n */\n\n/**\n * Replace generated element IDs with positional placeholders.\n *\n * React's `useId` draws from a global counter, so the same tree rendered twice\n * yields `«r0»` then `«r2»` and a byte comparison would fail for every\n * component that labels an input. Rewriting each distinct ID to `«idN»` in\n * order of first appearance keeps the `id` <-> `aria-labelledby` / `for`\n * relationships meaningful — a structural change still shows up as a\n * difference — while dropping the counter's absolute value.\n */\nexport function canonicalizeIds(text: string): string {\n  const seen = new Map<string, string>();\n\n  const replace = (match: string) => {\n    let placeholder = seen.get(match);\n\n    if (!placeholder) {\n      placeholder = `«id${seen.size}»`;\n      seen.set(match, placeholder);\n    }\n\n    return placeholder;\n  };\n\n  return (\n    text\n      // `[^«»]`, not `[^»]`: excluding the OPENING delimiter too keeps this\n      // linear. With `[^»]*` an unterminated run of `«` makes the engine scan\n      // to the end of the input from every one of them — quadratic, and\n      // reachable now that this is published API called on caller-supplied\n      // markup rather than only on our own renders (CodeQL js/polynomial-redos).\n      // It is also the tighter reading: an unterminated `«r0` should not\n      // swallow the next ID.\n      .replace(/«[^«»]*»/g, replace)\n      // React 18 uses colon-delimited client and server IDs, including\n      // server hook suffixes such as :R1H2:. Keep the same reference mapping.\n      .replace(/:[rR][0-9a-v]+(?:H[0-9a-v]+)?:/g, replace)\n      // react-aria mints its own counter-based IDs in several shapes:\n      // `react-aria1`, `react-aria-1`, and `react-aria-description-0`.\n      .replace(/\\breact-aria[\\w-]*?\\d+\\b/g, replace)\n  );\n}\n\n/**\n * Replace tasty's generated class names with positional placeholders.\n *\n * The hash is derived from the *input* style object, not the CSS it produces, so\n * two inputs that normalise to identical CSS still get different class names.\n * `<Space>` sets `gap: true` and `<Space gap=\"1x\">` resolves to the same\n * `gap: var(--gap)` — the emitted rules are byte-identical and only the hash\n * differs.\n *\n * Placeholders are assigned in order of first appearance, so this cannot hide a\n * genuine difference: an extra, missing or reordered class shifts the sequence\n * and still compares unequal. Only the arbitrary hash value is normalised away.\n *\n * The pattern requires a digit so it matches `t1iuxaru` / `tp3unhd` without\n * touching all-letter CSS keywords that happen to start with `t` (`translate`,\n * `transform`).\n */\nexport function canonicalizeClassNames(text: string): string {\n  const seen = new Map<string, string>();\n\n  return text.replace(\n    /\\bt(?=[a-z0-9]{6,8}\\b)(?![a-z]+\\b)[a-z0-9]{6,8}\\b/g,\n    (match) => {\n      let placeholder = seen.get(match);\n\n      if (!placeholder) {\n        placeholder = `tcls${seen.size}`;\n        seen.set(match, placeholder);\n      }\n\n      return placeholder;\n    },\n  );\n}\n\n/** Both normalisations, in the order a probe applies them. */\nexport function canonicalize(text: string): string {\n  return canonicalizeClassNames(canonicalizeIds(text));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgBA,gBAAgBC,MAAsB;CACpD,MAAMC,uBAAO,IAAIC,KAAqB;CAEtC,MAAMC,WAAWC,UAAkB;EACjC,IAAIC,cAAcJ,KAAKK,IAAIF,MAAM;AAEjC,MAAI,CAACC,aAAa;AAChBA,iBAAc,MAAMJ,KAAKM,KAAI;AAC7BN,QAAKO,IAAIJ,OAAOC,YAAY;;AAG9B,SAAOA;;AAGT,QACEL,KAQGG,QAAQ,aAAaA,QAAO,CAG5BA,QAAQ,mCAAmCA,QAAO,CAGlDA,QAAQ,6BAA6BA,QAAQ;;;;;;;;;;;;;;;;;;;AAqBpD,SAAgBM,uBAAuBT,MAAsB;CAC3D,MAAMC,uBAAO,IAAIC,KAAqB;AAEtC,QAAOF,KAAKG,QACV,uDACCC,UAAU;EACT,IAAIC,cAAcJ,KAAKK,IAAIF,MAAM;AAEjC,MAAI,CAACC,aAAa;AAChBA,iBAAc,OAAOJ,KAAKM;AAC1BN,QAAKO,IAAIJ,OAAOC,YAAY;;AAG9B,SAAOA;GAEV;;;AAIH,SAAgBK,aAAaV,MAAsB;AACjD,QAAOS,uBAAuBV,gBAAgBC,KAAK,CAAC"}

package/dist/probe/css.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { getCSSTextForNode } from "@tenphi/tasty";
 
 //#region src/probe/css.ts

package/dist/probe/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["../../src/probe/css.ts"],"sourcesContent":["/**\n * Extracting the CSS a rendered subtree actually caused.\n *\n * The naive approach — read `getCSSTextForNode` for the node you care about —\n * does not work under a `<Root>`, for two independent reasons:\n *\n * 1. `<Root>` declares the whole design-system token block, so the dump is\n *    dominated by rules the subtree did not cause (~119KB of ~135KB in Cube\n *    Cloud's console-ui).\n * 2. Scoping the query to an inner wrapper looks like the fix and is not:\n *    `<Root>` is the `PortalProvider` target, so Dialog / Menu / Tooltip /\n *    Select popups mount as *siblings* of that wrapper. Their CSS — and their\n *    markup — silently vanish from the result.\n *\n * So measure the whole region twice and subtract: capture the empty harness,\n * mount the subject, capture again, and diff. Portals are inside the measured\n * region in both passes, so they survive.\n */\nimport { getCSSTextForNode } from '@tenphi/tasty';\n\n/** One captured pass: the raw CSS text plus any rules the engine rejected. */\nexport interface CssCapture {\n  text: string;\n  warnings: string[];\n}\n\n/**\n * Split a `getCSSTextForNode` dump into individual rules.\n *\n * The dump is one rule per line, including at-rules whose block is inlined onto\n * the same line, so lines are the natural unit.\n */\nexport function splitRules(text: string): string[] {\n  return text\n    .split('\\n')\n    .map((line) => line.trim())\n    .filter(Boolean);\n}\n\n/**\n * Rules present in `full` but not in `baseline`, in their original order.\n *\n * Set-based rather than positional: the injector is free to reorder or coalesce\n * chunks between passes, and a positional diff would report the whole tail as\n * new the first time that happens.\n */\nexport function diffRules(baseline: string, full: string): string[] {\n  const seen = new Set(splitRules(baseline));\n\n  return splitRules(full).filter((rule) => !seen.has(rule));\n}\n\n/**\n * Capture the CSS for a node, collecting the rules the CSS engine refused.\n *\n * jsdom does not merely fail to *resolve* `@container style()` and `@property`\n * rules — it discards them, so a jsdom-derived dump is incomplete rather than\n * unresolved for any component that uses them. tasty reports each rejection\n * through `console.warn`, so collect them rather than suppressing: a caller\n * needs to know when its answer is partial.\n *\n * Matched case-insensitively — tasty emits `[Tasty]` with a capital T, and this\n * repo's own jsdom setup filtered for `[tasty]` for a long time without ever\n * matching.\n */\nexport function captureCss(node: ParentNode): CssCapture {\n  const warnings: string[] = [];\n  const original = console.warn;\n\n  console.warn = (...args: unknown[]) => {\n    const first = args[0];\n\n    if (\n      typeof first === 'string' &&\n      first.toLowerCase().includes('browser rejected css rule')\n    ) {\n      warnings.push(args.slice(1).map(String).join(' '));\n\n      return;\n    }\n\n    original(...args);\n  };\n\n  try {\n    return { text: getCSSTextForNode(node), warnings };\n  } finally {\n    console.warn = original;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,WAAW,MAAwB;AACjD,QAAO,KACJ,MAAM,KAAK,CACX,KAAK,SAAS,KAAK,MAAM,CAAC,CAC1B,OAAO,QAAQ;;;;;;;;;AAUpB,SAAgB,UAAU,UAAkB,MAAwB;CAClE,MAAM,OAAO,IAAI,IAAI,WAAW,SAAS,CAAC;AAE1C,QAAO,WAAW,KAAK,CAAC,QAAQ,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC;;;;;;;;;;;;;;;AAgB3D,SAAgB,WAAW,MAA8B;CACvD,MAAM,WAAqB,EAAE;CAC7B,MAAM,WAAW,QAAQ;AAEzB,SAAQ,QAAQ,GAAG,SAAoB;EACrC,MAAM,QAAQ,KAAK;AAEnB,MACE,OAAO,UAAU,YACjB,MAAM,aAAa,CAAC,SAAS,4BAA4B,EACzD;AACA,YAAS,KAAK,KAAK,MAAM,EAAE,CAAC,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC;AAElD;;AAGF,WAAS,GAAG,KAAK;;AAGnB,KAAI;AACF,SAAO;GAAE,MAAM,kBAAkB,KAAK;GAAE;GAAU;WAC1C;AACR,UAAQ,OAAO"}
+{"version":3,"file":"css.js","names":["getCSSTextForNode","CssCapture","text","warnings","splitRules","split","map","line","trim","filter","Boolean","diffRules","baseline","full","seen","Set","rule","has","captureCss","node","ParentNode","original","console","warn","args","first","toLowerCase","includes","push","slice","String","join"],"sources":["../../src/probe/css.ts"],"sourcesContent":["/**\n * Extracting the CSS a rendered subtree actually caused.\n *\n * The naive approach — read `getCSSTextForNode` for the node you care about —\n * does not work under a `<Root>`, for two independent reasons:\n *\n * 1. `<Root>` declares the whole design-system token block, so the dump is\n *    dominated by rules the subtree did not cause (~119KB of ~135KB in Cube\n *    Cloud's console-ui).\n * 2. Scoping the query to an inner wrapper looks like the fix and is not:\n *    `<Root>` is the `PortalProvider` target, so Dialog / Menu / Tooltip /\n *    Select popups mount as *siblings* of that wrapper. Their CSS — and their\n *    markup — silently vanish from the result.\n *\n * So measure the whole region twice and subtract: capture the empty harness,\n * mount the subject, capture again, and diff. Portals are inside the measured\n * region in both passes, so they survive.\n */\nimport { getCSSTextForNode } from '@tenphi/tasty';\n\n/** One captured pass: the raw CSS text plus any rules the engine rejected. */\nexport interface CssCapture {\n  text: string;\n  warnings: string[];\n}\n\n/**\n * Split a `getCSSTextForNode` dump into individual rules.\n *\n * The dump is one rule per line, including at-rules whose block is inlined onto\n * the same line, so lines are the natural unit.\n */\nexport function splitRules(text: string): string[] {\n  return text\n    .split('\\n')\n    .map((line) => line.trim())\n    .filter(Boolean);\n}\n\n/**\n * Rules present in `full` but not in `baseline`, in their original order.\n *\n * Set-based rather than positional: the injector is free to reorder or coalesce\n * chunks between passes, and a positional diff would report the whole tail as\n * new the first time that happens.\n */\nexport function diffRules(baseline: string, full: string): string[] {\n  const seen = new Set(splitRules(baseline));\n\n  return splitRules(full).filter((rule) => !seen.has(rule));\n}\n\n/**\n * Capture the CSS for a node, collecting the rules the CSS engine refused.\n *\n * jsdom does not merely fail to *resolve* `@container style()` and `@property`\n * rules — it discards them, so a jsdom-derived dump is incomplete rather than\n * unresolved for any component that uses them. tasty reports each rejection\n * through `console.warn`, so collect them rather than suppressing: a caller\n * needs to know when its answer is partial.\n *\n * Matched case-insensitively — tasty emits `[Tasty]` with a capital T, and this\n * repo's own jsdom setup filtered for `[tasty]` for a long time without ever\n * matching.\n */\nexport function captureCss(node: ParentNode): CssCapture {\n  const warnings: string[] = [];\n  const original = console.warn;\n\n  console.warn = (...args: unknown[]) => {\n    const first = args[0];\n\n    if (\n      typeof first === 'string' &&\n      first.toLowerCase().includes('browser rejected css rule')\n    ) {\n      warnings.push(args.slice(1).map(String).join(' '));\n\n      return;\n    }\n\n    original(...args);\n  };\n\n  try {\n    return { text: getCSSTextForNode(node), warnings };\n  } finally {\n    console.warn = original;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgBI,WAAWF,MAAwB;AACjD,QAAOA,KACJG,MAAM,KAAK,CACXC,KAAKC,SAASA,KAAKC,MAAM,CAAC,CAC1BC,OAAOC,QAAQ;;;;;;;;;AAUpB,SAAgBC,UAAUC,UAAkBC,MAAwB;CAClE,MAAMC,OAAO,IAAIC,IAAIX,WAAWQ,SAAS,CAAC;AAE1C,QAAOR,WAAWS,KAAK,CAACJ,QAAQO,SAAS,CAACF,KAAKG,IAAID,KAAK,CAAC;;;;;;;;;;;;;;;AAgB3D,SAAgBE,WAAWC,MAA8B;CACvD,MAAMhB,WAAqB,EAAE;CAC7B,MAAMkB,WAAWC,QAAQC;AAEzBD,SAAQC,QAAQ,GAAGC,SAAoB;EACrC,MAAMC,QAAQD,KAAK;AAEnB,MACE,OAAOC,UAAU,YACjBA,MAAMC,aAAa,CAACC,SAAS,4BAA4B,EACzD;AACAxB,YAASyB,KAAKJ,KAAKK,MAAM,EAAE,CAACvB,IAAIwB,OAAO,CAACC,KAAK,IAAI,CAAC;AAElD;;AAGFV,WAAS,GAAGG,KAAK;;AAGnB,KAAI;AACF,SAAO;GAAEtB,MAAMF,kBAAkBmB,KAAK;GAAEhB;GAAU;WAC1C;AACRmB,UAAQC,OAAOF"}

package/dist/probe/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { canonicalize, canonicalizeClassNames, canonicalizeIds } from "./canonicalize.js";
 import { captureCss, diffRules, splitRules } from "./css.js";
 

package/dist/provider.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { EventBusProvider } from "./utils/react/useEventBus.js";
 import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
+import { c } from "react-compiler-runtime";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -31,7 +32,7 @@ function Provider(allProps) {
 		navigation,
 		root
 	]);
-	const newValue = useMemo(() => {
+	const newValue_0 = useMemo(() => {
 		let newValue = Object.assign({}, parentContext);
 		Object.keys(props).forEach((key) => {
 			if (props[key] != null) newValue[key] = props[key];
@@ -39,15 +40,24 @@ function Provider(allProps) {
 		return newValue;
 	}, [parentContext, props]);
 	return /* @__PURE__ */ jsx(UIKitContext.Provider, {
-		value: newValue,
+		value: newValue_0,
 		children
 	});
 }
 function useProviderProps(props) {
-	return {
-		...useContext(UIKitContext),
-		...props
-	};
+	const $ = c(3);
+	const contextProps = useContext(UIKitContext);
+	let t0;
+	if ($[0] !== contextProps || $[1] !== props) {
+		t0 = {
+			...contextProps,
+			...props
+		};
+		$[0] = contextProps;
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 }
 
 //#endregion

package/dist/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","names":[],"sources":["../src/provider.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  PropsWithChildren,\n  ReactElement,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport { NavigationAdapter } from './providers/navigation.types';\nimport { defaultNavigationAdapter } from './providers/navigationAdapter.default';\nimport { EventBusProvider } from './utils/react/useEventBus';\n\nimport type { Props } from './props';\n\nexport interface ProviderProps extends Props {\n  insideForm?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  navigation?: NavigationAdapter;\n  ref?: ReactElement;\n  root?: ForwardedRef<any>;\n}\n\nexport type ProviderInsideProps = Omit<ProviderProps, 'styles'>;\n\nexport const UIKitContext = createContext<ProviderInsideProps>({\n  navigation: defaultNavigationAdapter,\n});\n\nexport function Provider(allProps: PropsWithChildren<ProviderProps>) {\n  let {\n    children,\n    insideForm,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    isInvalid,\n    isValid,\n    navigation,\n    root,\n    ref,\n  } = allProps;\n\n  const parentContext = useContext(UIKitContext);\n\n  // Wrap with EventBusProvider for menu synchronization\n  children = <EventBusProvider>{children}</EventBusProvider>;\n\n  const props = useMemo(\n    () => ({\n      ref,\n      insideForm,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      isInvalid,\n      isValid,\n      navigation: navigation || defaultNavigationAdapter,\n      root,\n    }),\n    [\n      ref,\n      insideForm,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      isInvalid,\n      isValid,\n      navigation,\n      root,\n    ],\n  );\n\n  const newValue = useMemo(() => {\n    let newValue = Object.assign({}, parentContext);\n\n    Object.keys(props).forEach((key) => {\n      if (props[key] != null) {\n        newValue[key] = props[key];\n      }\n    });\n\n    return newValue;\n  }, [parentContext, props]);\n\n  return (\n    <UIKitContext.Provider value={newValue}>{children}</UIKitContext.Provider>\n  );\n}\n\nexport function useProviderProps<T extends ProviderProps = Props>(props: T): T {\n  const contextProps = useContext(UIKitContext);\n\n  return { ...contextProps, ...props } as T;\n}\n"],"mappings":";;;;;;;AA6BA,MAAa,eAAe,cAAmC,EAC7D,YAAY,0BACb,CAAC;AAEF,SAAgB,SAAS,UAA4C;CACnE,IAAI,EACF,UACA,YACA,YACA,YACA,YACA,WACA,SACA,YACA,MACA,QACE;CAEJ,MAAM,gBAAgB,WAAW,aAAa;AAG9C,YAAW,oBAAC,oBAAkB,WAA4B;CAE1D,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAAY,cAAc;EAC1B;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,WAAW,cAAc;EAC7B,IAAI,WAAW,OAAO,OAAO,EAAE,EAAE,cAAc;AAE/C,SAAO,KAAK,MAAM,CAAC,SAAS,QAAQ;AAClC,OAAI,MAAM,QAAQ,KAChB,UAAS,OAAO,MAAM;IAExB;AAEF,SAAO;IACN,CAAC,eAAe,MAAM,CAAC;AAE1B,QACE,oBAAC,aAAa;EAAS,OAAO;EAAW;GAAiC;;AAI9E,SAAgB,iBAAkD,OAAa;AAG7E,QAAO;EAAE,GAFY,WAAW,aAAa;EAEnB,GAAG;EAAO"}
+{"version":3,"file":"provider.js","names":["createContext","ForwardedRef","PropsWithChildren","ReactElement","useContext","useMemo","NavigationAdapter","defaultNavigationAdapter","EventBusProvider","Props","ProviderProps","insideForm","isDisabled","isReadOnly","isRequired","isInvalid","isValid","navigation","ref","root","ProviderInsideProps","Omit","UIKitContext","Provider","allProps","children","parentContext","props","newValue","Object","assign","keys","forEach","key","useProviderProps","$","_c","contextProps","t0","T"],"sources":["../src/provider.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  PropsWithChildren,\n  ReactElement,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport { NavigationAdapter } from './providers/navigation.types';\nimport { defaultNavigationAdapter } from './providers/navigationAdapter.default';\nimport { EventBusProvider } from './utils/react/useEventBus';\n\nimport type { Props } from './props';\n\nexport interface ProviderProps extends Props {\n  insideForm?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  navigation?: NavigationAdapter;\n  ref?: ReactElement;\n  root?: ForwardedRef<any>;\n}\n\nexport type ProviderInsideProps = Omit<ProviderProps, 'styles'>;\n\nexport const UIKitContext = createContext<ProviderInsideProps>({\n  navigation: defaultNavigationAdapter,\n});\n\nexport function Provider(allProps: PropsWithChildren<ProviderProps>) {\n  let {\n    children,\n    insideForm,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    isInvalid,\n    isValid,\n    navigation,\n    root,\n    ref,\n  } = allProps;\n\n  const parentContext = useContext(UIKitContext);\n\n  // Wrap with EventBusProvider for menu synchronization\n  children = <EventBusProvider>{children}</EventBusProvider>;\n\n  const props = useMemo(\n    () => ({\n      ref,\n      insideForm,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      isInvalid,\n      isValid,\n      navigation: navigation || defaultNavigationAdapter,\n      root,\n    }),\n    [\n      ref,\n      insideForm,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      isInvalid,\n      isValid,\n      navigation,\n      root,\n    ],\n  );\n\n  const newValue = useMemo(() => {\n    let newValue = Object.assign({}, parentContext);\n\n    Object.keys(props).forEach((key) => {\n      if (props[key] != null) {\n        newValue[key] = props[key];\n      }\n    });\n\n    return newValue;\n  }, [parentContext, props]);\n\n  return (\n    <UIKitContext.Provider value={newValue}>{children}</UIKitContext.Provider>\n  );\n}\n\nexport function useProviderProps<T extends ProviderProps = Props>(props: T): T {\n  const contextProps = useContext(UIKitContext);\n\n  return { ...contextProps, ...props } as T;\n}\n"],"mappings":";;;;;;;;AA6BA,MAAasB,eAAetB,cAAmC,EAC7DiB,YAAYV,0BACb,CAAC;AAEF,SAAgBgB,SAASC,UAA4C;CACnE,IAAI,EACFC,UACAd,YACAC,YACAC,YACAC,YACAC,WACAC,SACAC,YACAE,MACAD,QACEM;CAEJ,MAAME,gBAAgBtB,WAAWkB,aAAa;AAG9CG,YAAW,oBAAC,oBAAkBA,WAA4B;CAE1D,MAAME,QAAQtB,eACL;EACLa;EACAP;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC,YAAYA,cAAcV;EAC1BY;EACD,GACD;EACED;EACAP;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EAEJ,CAAC;CAED,MAAMS,aAAWvB,cAAc;EAC7B,IAAIuB,WAAWC,OAAOC,OAAO,EAAE,EAAEJ,cAAc;AAE/CG,SAAOE,KAAKJ,MAAM,CAACK,SAASC,QAAQ;AAClC,OAAIN,MAAMM,QAAQ,KAChBL,UAASK,OAAON,MAAMM;IAExB;AAEF,SAAOL;IACN,CAACF,eAAeC,MAAM,CAAC;AAE1B,QACE,oBAAC,aAAa;EAAS,OAAOC;EAAWH;GAAiC;;AAI9E,SAAOS,iBAAAP,OAAA;CAAA,MAAAQ,IAAAC,EAAA,EAAA;CACL,MAAAC,eAAqBjC,WAAWkB,aAAa;CAAC,IAAAgB;AAAA,KAAAH,EAAA,OAAAE,gBAAAF,EAAA,OAAAR,OAAA;AAEvCW,OAAA;GAAA,GAAKD;GAAY,GAAKV;GAAO;AAAAQ,IAAA,KAAAE;AAAAF,IAAA,KAAAR;AAAAQ,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAA7BG"}

package/dist/providers/TrackingProvider.js

@@ -1,16 +1,40 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
-import { createContext, useContext, useMemo } from "react";
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
+import { createContext, useContext } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/providers/TrackingProvider.tsx
 const TrackingContext = createContext({ event() {} });
-function TrackingProvider({ children, event }) {
-	const tracking = useMemo(() => ({ event }), [event]);
-	if (!event) return /* @__PURE__ */ jsx(Fragment$1, { children });
-	return /* @__PURE__ */ jsx(TrackingContext.Provider, {
-		value: tracking,
-		children
-	});
+function TrackingProvider(t0) {
+	const $ = c(7);
+	const { children, event } = t0;
+	let t1;
+	if ($[0] !== event) {
+		t1 = { event };
+		$[0] = event;
+		$[1] = t1;
+	} else t1 = $[1];
+	const tracking = t1;
+	if (!event) {
+		let t2;
+		if ($[2] !== children) {
+			t2 = /* @__PURE__ */ jsx(Fragment$1, { children });
+			$[2] = children;
+			$[3] = t2;
+		} else t2 = $[3];
+		return t2;
+	}
+	let t2;
+	if ($[4] !== children || $[5] !== tracking) {
+		t2 = /* @__PURE__ */ jsx(TrackingContext.Provider, {
+			value: tracking,
+			children
+		});
+		$[4] = children;
+		$[5] = tracking;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 }
 function useTracking() {
 	return useContext(TrackingContext);

package/dist/providers/TrackingProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrackingProvider.js","names":[],"sources":["../../src/providers/TrackingProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react';\n\nexport interface TrackingProps {\n  event?: (\n    name: string,\n    data?: Record<string, any>,\n    element?: HTMLElement,\n  ) => void;\n}\n\nexport const TrackingContext = createContext<TrackingProps>({\n  event() {\n    // noop\n  },\n});\n\nexport interface CubeTrackingProviderProps extends TrackingProps {\n  children?: ReactNode;\n}\n\nexport function TrackingProvider({\n  children,\n  event,\n}: CubeTrackingProviderProps) {\n  const tracking = useMemo(() => ({ event }), [event]);\n\n  if (!event) return <>{children}</>;\n\n  return (\n    <TrackingContext.Provider value={tracking}>\n      {children}\n    </TrackingContext.Provider>\n  );\n}\n\nexport function useTracking() {\n  const tracking = useContext(TrackingContext);\n\n  return tracking;\n}\n"],"mappings":";;;;;AAUA,MAAa,kBAAkB,cAA6B,EAC1D,QAAQ,IAGT,CAAC;AAMF,SAAgB,iBAAiB,EAC/B,UACA,SAC4B;CAC5B,MAAM,WAAW,eAAe,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC;AAEpD,KAAI,CAAC,MAAO,QAAO,kCAAG,WAAY;AAElC,QACE,oBAAC,gBAAgB;EAAS,OAAO;EAC9B;GACwB;;AAI/B,SAAgB,cAAc;AAG5B,QAFiB,WAAW,gBAAgB"}
+{"version":3,"file":"TrackingProvider.js","names":["createContext","ReactNode","useContext","useMemo","TrackingProps","event","name","data","Record","element","HTMLElement","TrackingContext","CubeTrackingProviderProps","children","TrackingProvider","t0","$","_c","t1","tracking","t2","useTracking"],"sources":["../../src/providers/TrackingProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react';\n\nexport interface TrackingProps {\n  event?: (\n    name: string,\n    data?: Record<string, any>,\n    element?: HTMLElement,\n  ) => void;\n}\n\nexport const TrackingContext = createContext<TrackingProps>({\n  event() {\n    // noop\n  },\n});\n\nexport interface CubeTrackingProviderProps extends TrackingProps {\n  children?: ReactNode;\n}\n\nexport function TrackingProvider({\n  children,\n  event,\n}: CubeTrackingProviderProps) {\n  const tracking = useMemo(() => ({ event }), [event]);\n\n  if (!event) return <>{children}</>;\n\n  return (\n    <TrackingContext.Provider value={tracking}>\n      {children}\n    </TrackingContext.Provider>\n  );\n}\n\nexport function useTracking() {\n  const tracking = useContext(TrackingContext);\n\n  return tracking;\n}\n"],"mappings":";;;;;;AAUA,MAAaW,kBAAkBX,cAA6B,EAC1DK,QAAQ,IAGT,CAAC;AAMF,SAAOS,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA0B,MAAA,EAAAJ,UAAAR,UAAAU;CAGL,IAAAG;AAAA,KAAAF,EAAA,OAAAX,OAAA;AACMa,OAAA,EAAAb,OAAS;AAAAW,IAAA,KAAAX;AAAAW,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAzC,MAAAG,WAAgCD;AAEhC,KAAI,CAACb,OAAK;EAAA,IAAAe;AAAA,MAAAJ,EAAA,OAAAH,UAAA;AAASO,QAAA,kCAAGP,WAAY;AAAAG,KAAA,KAAAH;AAAAG,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAAfI;;CAAgB,IAAAA;AAAA,KAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAG,UAAA;AAGjCC,OAAA,oBAAA,gBAAA;GAAiCD,OAAAA;GAC9BN;IACwB;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAF3BI;;AAMJ,SAAOC,cAAA;AACwC,QAA5BnB,WAAWS,gBAAgB"}

package/dist/providers/navigationAdapter.default.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/providers/navigationAdapter.default.ts
 /**
 * Converts a Path object to a string URL

package/dist/providers/navigationAdapter.default.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigationAdapter.default.js","names":[],"sources":["../../src/providers/navigationAdapter.default.ts"],"sourcesContent":["import {\n  NavigateLike,\n  NavigateOptions,\n  NavigationAdapter,\n  Path,\n  To,\n} from './navigation.types';\n\n/**\n * Converts a Path object to a string URL\n */\nfunction pathToString(path: Path): string {\n  let { pathname = '', search = '', hash = '' } = path;\n  if (pathname && !pathname.startsWith('/')) pathname = `/${pathname}`;\n  if (search && !search.startsWith('?')) search = `?${search}`;\n  if (hash && !hash.startsWith('#')) hash = `#${hash}`;\n  return `${pathname}${search}${hash}`;\n}\n\n/**\n * Default navigation adapter that provides native browser navigation\n * when no router is available. This ensures hooks are always callable.\n */\nexport const defaultNavigationAdapter: NavigationAdapter = {\n  useHref: (to: To) => {\n    // For strings, return as-is (SSR-safe, no window dependency)\n    if (typeof to === 'string') {\n      return to;\n    }\n    // For objects, normalize to string\n    return pathToString(to);\n  },\n\n  useNavigate: () => {\n    const navigate: NavigateLike = (to: any, options?: NavigateOptions) => {\n      // Handle history navigation (numbers)\n      if (typeof to === 'number') {\n        if (typeof window !== 'undefined') {\n          window.history.go(to);\n        }\n        return;\n      }\n\n      // Handle strings and objects - convert to string URL\n      const url = typeof to === 'string' ? to : pathToString(to);\n\n      if (typeof window !== 'undefined') {\n        if (options?.replace) {\n          window.location.replace(url);\n        } else {\n          window.location.assign(url);\n        }\n      }\n    };\n    return navigate;\n  },\n};\n"],"mappings":";;;;;AAWA,SAAS,aAAa,MAAoB;CACxC,IAAI,EAAE,WAAW,IAAI,SAAS,IAAI,OAAO,OAAO;AAChD,KAAI,YAAY,CAAC,SAAS,WAAW,IAAI,CAAE,YAAW,IAAI;AAC1D,KAAI,UAAU,CAAC,OAAO,WAAW,IAAI,CAAE,UAAS,IAAI;AACpD,KAAI,QAAQ,CAAC,KAAK,WAAW,IAAI,CAAE,QAAO,IAAI;AAC9C,QAAO,GAAG,WAAW,SAAS;;;;;;AAOhC,MAAa,2BAA8C;CACzD,UAAU,OAAW;AAEnB,MAAI,OAAO,OAAO,SAChB,QAAO;AAGT,SAAO,aAAa,GAAG;;CAGzB,mBAAmB;EACjB,MAAM,YAA0B,IAAS,YAA8B;AAErE,OAAI,OAAO,OAAO,UAAU;AAC1B,QAAI,OAAO,WAAW,YACpB,QAAO,QAAQ,GAAG,GAAG;AAEvB;;GAIF,MAAM,MAAM,OAAO,OAAO,WAAW,KAAK,aAAa,GAAG;AAE1D,OAAI,OAAO,WAAW,YACpB,KAAI,SAAS,QACX,QAAO,SAAS,QAAQ,IAAI;OAE5B,QAAO,SAAS,OAAO,IAAI;;AAIjC,SAAO;;CAEV"}
+{"version":3,"file":"navigationAdapter.default.js","names":["NavigateLike","NavigateOptions","NavigationAdapter","Path","To","pathToString","path","pathname","search","hash","startsWith","defaultNavigationAdapter","useHref","to","useNavigate","navigate","options","window","history","go","url","replace","location","assign"],"sources":["../../src/providers/navigationAdapter.default.ts"],"sourcesContent":["import {\n  NavigateLike,\n  NavigateOptions,\n  NavigationAdapter,\n  Path,\n  To,\n} from './navigation.types';\n\n/**\n * Converts a Path object to a string URL\n */\nfunction pathToString(path: Path): string {\n  let { pathname = '', search = '', hash = '' } = path;\n  if (pathname && !pathname.startsWith('/')) pathname = `/${pathname}`;\n  if (search && !search.startsWith('?')) search = `?${search}`;\n  if (hash && !hash.startsWith('#')) hash = `#${hash}`;\n  return `${pathname}${search}${hash}`;\n}\n\n/**\n * Default navigation adapter that provides native browser navigation\n * when no router is available. This ensures hooks are always callable.\n */\nexport const defaultNavigationAdapter: NavigationAdapter = {\n  useHref: (to: To) => {\n    // For strings, return as-is (SSR-safe, no window dependency)\n    if (typeof to === 'string') {\n      return to;\n    }\n    // For objects, normalize to string\n    return pathToString(to);\n  },\n\n  useNavigate: () => {\n    const navigate: NavigateLike = (to: any, options?: NavigateOptions) => {\n      // Handle history navigation (numbers)\n      if (typeof to === 'number') {\n        if (typeof window !== 'undefined') {\n          window.history.go(to);\n        }\n        return;\n      }\n\n      // Handle strings and objects - convert to string URL\n      const url = typeof to === 'string' ? to : pathToString(to);\n\n      if (typeof window !== 'undefined') {\n        if (options?.replace) {\n          window.location.replace(url);\n        } else {\n          window.location.assign(url);\n        }\n      }\n    };\n    return navigate;\n  },\n};\n"],"mappings":";;;;;AAWA,SAASK,aAAaC,MAAoB;CACxC,IAAI,EAAEC,WAAW,IAAIC,SAAS,IAAIC,OAAO,OAAOH;AAChD,KAAIC,YAAY,CAACA,SAASG,WAAW,IAAI,CAAEH,YAAW,IAAIA;AAC1D,KAAIC,UAAU,CAACA,OAAOE,WAAW,IAAI,CAAEF,UAAS,IAAIA;AACpD,KAAIC,QAAQ,CAACA,KAAKC,WAAW,IAAI,CAAED,QAAO,IAAIA;AAC9C,QAAO,GAAGF,WAAWC,SAASC;;;;;;AAOhC,MAAaE,2BAA8C;CACzDC,UAAUC,OAAW;AAEnB,MAAI,OAAOA,OAAO,SAChB,QAAOA;AAGT,SAAOR,aAAaQ,GAAG;;CAGzBC,mBAAmB;EACjB,MAAMC,YAA0BF,IAASG,YAA8B;AAErE,OAAI,OAAOH,OAAO,UAAU;AAC1B,QAAI,OAAOI,WAAW,YACpBA,QAAOC,QAAQC,GAAGN,GAAG;AAEvB;;GAIF,MAAMO,MAAM,OAAOP,OAAO,WAAWA,KAAKR,aAAaQ,GAAG;AAE1D,OAAI,OAAOI,WAAW,YACpB,KAAID,SAASK,QACXJ,QAAOK,SAASD,QAAQD,IAAI;OAE5BH,QAAOK,SAASC,OAAOH,IAAI;;AAIjC,SAAOL;;CAEV"}

package/dist/tokens/all-tokens.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { getPaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";

package/dist/tokens/all-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-tokens.js","names":[],"sources":["../../src/tokens/all-tokens.ts"],"sourcesContent":["import { generateTypographyTokens } from '@tenphi/tasty';\n\nimport { BASE_TOKENS } from './base';\nimport { getColorTokens } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { lazyStyles } from './lazy-styles';\nimport { getPaletteVersion } from './palette-config';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_TOKENS } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\nimport { TYPOGRAPHY_PRESETS } from './typography';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Color tokens resolve against the current palette config (see\n * {@link getColorTokens}), and this map is memoized against that config's\n * version so `setPaletteConfig()` invalidates it. Prefer this over the lazy\n * {@link TOKENS} proxy when applying styles from React (`GlobalStyles`).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $danger-color, etc.)\n */\nlet tokensCache: Styles | null = null;\nlet cachedVersion = -1;\n\nexport function getTokens(): Styles {\n  const version = getPaletteVersion();\n\n  if (!tokensCache || cachedVersion !== version) {\n    tokensCache = {\n      ...BASE_TOKENS,\n      ...SPACE_TOKENS,\n      ...SIZE_TOKENS,\n      ...SHADOW_TOKENS,\n      ...LAYOUT_TOKENS,\n      ...generateTypographyTokens(TYPOGRAPHY_PRESETS),\n      ...getColorTokens(),\n    };\n    cachedVersion = version;\n  }\n  return tokensCache;\n}\n\n/** Lazy proxy of {@link getTokens}. Prefer `getTokens()` in new code. */\nexport const TOKENS: Styles = lazyStyles(getTokens);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAI,cAA6B;AACjC,IAAI,gBAAgB;AAEpB,SAAgB,YAAoB;CAClC,MAAM,UAAU,mBAAmB;AAEnC,KAAI,CAAC,eAAe,kBAAkB,SAAS;AAC7C,gBAAc;GACZ,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG,yBAAyB,mBAAmB;GAC/C,GAAG,gBAAgB;GACpB;AACD,kBAAgB;;AAElB,QAAO;;;AAIT,MAAa,SAAiB,WAAW,UAAU"}
+{"version":3,"file":"all-tokens.js","names":["generateTypographyTokens","BASE_TOKENS","getColorTokens","LAYOUT_TOKENS","lazyStyles","getPaletteVersion","SHADOW_TOKENS","SIZE_TOKENS","SPACE_TOKENS","TYPOGRAPHY_PRESETS","Styles","tokensCache","cachedVersion","getTokens","version","TOKENS"],"sources":["../../src/tokens/all-tokens.ts"],"sourcesContent":["import { generateTypographyTokens } from '@tenphi/tasty';\n\nimport { BASE_TOKENS } from './base';\nimport { getColorTokens } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { lazyStyles } from './lazy-styles';\nimport { getPaletteVersion } from './palette-config';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_TOKENS } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\nimport { TYPOGRAPHY_PRESETS } from './typography';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Color tokens resolve against the current palette config (see\n * {@link getColorTokens}), and this map is memoized against that config's\n * version so `setPaletteConfig()` invalidates it. Prefer this over the lazy\n * {@link TOKENS} proxy when applying styles from React (`GlobalStyles`).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $danger-color, etc.)\n */\nlet tokensCache: Styles | null = null;\nlet cachedVersion = -1;\n\nexport function getTokens(): Styles {\n  const version = getPaletteVersion();\n\n  if (!tokensCache || cachedVersion !== version) {\n    tokensCache = {\n      ...BASE_TOKENS,\n      ...SPACE_TOKENS,\n      ...SIZE_TOKENS,\n      ...SHADOW_TOKENS,\n      ...LAYOUT_TOKENS,\n      ...generateTypographyTokens(TYPOGRAPHY_PRESETS),\n      ...getColorTokens(),\n    };\n    cachedVersion = version;\n  }\n  return tokensCache;\n}\n\n/** Lazy proxy of {@link getTokens}. Prefer `getTokens()` in new code. */\nexport const TOKENS: Styles = lazyStyles(getTokens);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAIW,cAA6B;AACjC,IAAIC,gBAAgB;AAEpB,SAAgBC,YAAoB;CAClC,MAAMC,UAAUT,mBAAmB;AAEnC,KAAI,CAACM,eAAeC,kBAAkBE,SAAS;AAC7CH,gBAAc;GACZ,GAAGV;GACH,GAAGO;GACH,GAAGD;GACH,GAAGD;GACH,GAAGH;GACH,GAAGH,yBAAyBS,mBAAmB;GAC/C,GAAGP,gBAAe;GACnB;AACDU,kBAAgBE;;AAElB,QAAOH;;;AAIT,MAAaI,SAAiBX,WAAWS,UAAU"}

package/dist/tokens/base.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/tokens/base.ts
 /**
 * Base design system tokens.
@@ -21,7 +21,7 @@ const BASE_TOKENS = {
 	"$large-radius": "(1r + .5x)",
 	"$card-radius": "(1r + .5x)",
 	"$sharp-radius": "0px",
-	"$min-dialog-size": "min(288px, calc(100vw - (2 * var(--gap))))",
+	"$min-dialog-size": "min(288px, calc(100dvw - (8 * var(--gap))))",
 	$transition: "80ms",
 	"$disclosure-transition": "120ms",
 	"$tab-transition": "120ms",

package/dist/tokens/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":[],"sources":["../../src/tokens/base.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Base design system tokens.\n * These define the fundamental units and values used throughout the system.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const BASE_TOKENS: Styles = {\n  // Typography base\n  /** @deprecated Use preset tokens instead */\n  '$font-size': '14px',\n  /** @deprecated Use preset tokens instead */\n  '$line-height': '20px',\n\n  // Input typography\n  '$input-font-size': '14px',\n  '$input-line-height': '20px',\n  '$input-letter-spacing': '0.02em',\n\n  // Opacity & dimensions\n  /** Opacity for disabled elements */\n  '$disabled-opacity': '.4',\n  /** Base gap unit for spacing (used with `.5x`, `1x`, `2x` etc.) */\n  $gap: '8px',\n  /** Stroke width for icons */\n  '$stroke-width': 1.5,\n  /** Focus outline width */\n  '$outline-width': 'calc(1rem / 16 * 3)',\n  /** Border width for bordered elements */\n  '$border-width': '1px',\n\n  // Border radius\n  /** Base border radius (used with `1r`, `2r` etc.) */\n  $radius: '6px',\n  /** Larger radius using tasty calc: 1r + 0.5x */\n  '$large-radius': '(1r + .5x)',\n  /** Card border radius */\n  '$card-radius': '(1r + .5x)',\n  /** Sharp corner for leaf shapes */\n  '$sharp-radius': '0px',\n\n  // Misc dimensions\n  /** Minimum dialog width (responsive) */\n  '$min-dialog-size': 'min(288px, calc(100vw - (2 * var(--gap))))',\n\n  // Transitions\n  /** Default transition duration */\n  $transition: '80ms',\n  /** Transition for disclosure animations */\n  '$disclosure-transition': '120ms',\n  /** Transition for tab animations */\n  '$tab-transition': '120ms',\n  /** Transition for fade animations */\n  '$fade-transition': '200ms',\n\n  /**\n   * Marks an element as carrying the token block. Not a design value — nothing\n   * styles against it.\n   *\n   * `resolveTokenValue()` reads it to answer the one question a computed value\n   * cannot: \"are the kit's tokens in effect here?\" Tasty registers `@property`\n   * defaults with real initial values — `--gap` is `4px` off the block, not\n   * `0px` — so a token read from outside `<Root>` comes back plausible and\n   * wrong, and no amount of inspecting the value would reveal it. This is\n   * declared alongside the tokens, so it is present exactly where they are.\n   */\n  '$tokens-applied': '1',\n\n  // Scrollbar tokens\n  '$scrollbar-width': '1.5x',\n  '$scrollbar-outline-width': '1ow',\n  '$scrollbar-radius': '1.5r',\n  '#scrollbar-thumb': '#text.5',\n  '#scrollbar-outline': '#clear',\n  '#scrollbar-bg': '#surface-2',\n  '#scrollbar-corner': '#clear',\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,cAAsB;CAGjC,cAAc;CAEd,gBAAgB;CAGhB,oBAAoB;CACpB,sBAAsB;CACtB,yBAAyB;CAIzB,qBAAqB;CAErB,MAAM;CAEN,iBAAiB;CAEjB,kBAAkB;CAElB,iBAAiB;CAIjB,SAAS;CAET,iBAAiB;CAEjB,gBAAgB;CAEhB,iBAAiB;CAIjB,oBAAoB;CAIpB,aAAa;CAEb,0BAA0B;CAE1B,mBAAmB;CAEnB,oBAAoB;CAapB,mBAAmB;CAGnB,oBAAoB;CACpB,4BAA4B;CAC5B,qBAAqB;CACrB,oBAAoB;CACpB,sBAAsB;CACtB,iBAAiB;CACjB,qBAAqB;CACtB"}
+{"version":3,"file":"base.js","names":["Styles","BASE_TOKENS","$gap","$radius","$transition"],"sources":["../../src/tokens/base.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Base design system tokens.\n * These define the fundamental units and values used throughout the system.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const BASE_TOKENS: Styles = {\n  // Typography base\n  /** @deprecated Use preset tokens instead */\n  '$font-size': '14px',\n  /** @deprecated Use preset tokens instead */\n  '$line-height': '20px',\n\n  // Input typography\n  '$input-font-size': '14px',\n  '$input-line-height': '20px',\n  '$input-letter-spacing': '0.02em',\n\n  // Opacity & dimensions\n  /** Opacity for disabled elements */\n  '$disabled-opacity': '.4',\n  /** Base gap unit for spacing (used with `.5x`, `1x`, `2x` etc.) */\n  $gap: '8px',\n  /** Stroke width for icons */\n  '$stroke-width': 1.5,\n  /** Focus outline width */\n  '$outline-width': 'calc(1rem / 16 * 3)',\n  /** Border width for bordered elements */\n  '$border-width': '1px',\n\n  // Border radius\n  /** Base border radius (used with `1r`, `2r` etc.) */\n  $radius: '6px',\n  /** Larger radius using tasty calc: 1r + 0.5x */\n  '$large-radius': '(1r + .5x)',\n  /** Card border radius */\n  '$card-radius': '(1r + .5x)',\n  /** Sharp corner for leaf shapes */\n  '$sharp-radius': '0px',\n\n  // Misc dimensions\n  /**\n   * Minimum dialog width (responsive).\n   *\n   * The viewport term must match the `100dvw - 8x` max-width that `Dialog`,\n   * `Modal` and `Tray` set, because CSS resolves `min-width` *after*\n   * `max-width`: if this floor can exceed that ceiling, the floor wins and the\n   * dialog overflows its own viewport. It did, below ~352px — an Excel/Sheets\n   * task pane is 300-350px, so every dialog there rendered 288px wide inside a\n   * 236px box.\n   */\n  '$min-dialog-size': 'min(288px, calc(100dvw - (8 * var(--gap))))',\n\n  // Transitions\n  /** Default transition duration */\n  $transition: '80ms',\n  /** Transition for disclosure animations */\n  '$disclosure-transition': '120ms',\n  /** Transition for tab animations */\n  '$tab-transition': '120ms',\n  /** Transition for fade animations */\n  '$fade-transition': '200ms',\n\n  /**\n   * Marks an element as carrying the token block. Not a design value — nothing\n   * styles against it.\n   *\n   * `resolveTokenValue()` reads it to answer the one question a computed value\n   * cannot: \"are the kit's tokens in effect here?\" Tasty registers `@property`\n   * defaults with real initial values — `--gap` is `4px` off the block, not\n   * `0px` — so a token read from outside `<Root>` comes back plausible and\n   * wrong, and no amount of inspecting the value would reveal it. This is\n   * declared alongside the tokens, so it is present exactly where they are.\n   */\n  '$tokens-applied': '1',\n\n  // Scrollbar tokens\n  '$scrollbar-width': '1.5x',\n  '$scrollbar-outline-width': '1ow',\n  '$scrollbar-radius': '1.5r',\n  '#scrollbar-thumb': '#text.5',\n  '#scrollbar-outline': '#clear',\n  '#scrollbar-bg': '#surface-2',\n  '#scrollbar-corner': '#clear',\n};\n"],"mappings":";;;;;;;;AAQA,MAAaC,cAAsB;CAGjC,cAAc;CAEd,gBAAgB;CAGhB,oBAAoB;CACpB,sBAAsB;CACtB,yBAAyB;CAIzB,qBAAqB;CAErBC,MAAM;CAEN,iBAAiB;CAEjB,kBAAkB;CAElB,iBAAiB;CAIjBC,SAAS;CAET,iBAAiB;CAEjB,gBAAgB;CAEhB,iBAAiB;CAajB,oBAAoB;CAIpBC,aAAa;CAEb,0BAA0B;CAE1B,mBAAmB;CAEnB,oBAAoB;CAapB,mBAAmB;CAGnB,oBAAoB;CACpB,4BAA4B;CAC5B,qBAAqB;CACrB,oBAAoB;CACpB,sBAAsB;CACtB,iBAAiB;CACjB,qBAAqB;CACtB"}

package/dist/tokens/color-seed.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 
 //#region src/tokens/color-seed.ts

package/dist/tokens/color-seed.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-seed.js","names":[],"sources":["../../src/tokens/color-seed.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\n\n/**\n * Turns a colour into the three numbers the palette is seeded from.\n *\n * A deliberate LEAF: it imports Glaze and nothing else. `./palette-config` reads it\n * from inside `resolveConfig`, and `./palette-config` is the one module the token\n * graph is not allowed to have a cycle through — so anything this file imported\n * would become a `palette-config` dependency too. Glaze has no edge back into the\n * token modules, so it is safe; `./palette` (which owns `TINT_RECIPE` and the global\n * `glaze.configure`) is not.\n *\n * There is no ordering hazard either, even though `./palette` runs\n * `glaze.configure()` at module scope and this file may be called before that\n * happens. A bare-string colour token defaults to `lightTone: false`, so its light\n * variant preserves the input tone exactly and its hue and saturation come straight\n * off the parse — all three readings are independent of the global config.\n */\n\n/** Hue, saturation and tone read off a colour, on the palette's own scales. */\nexport interface ColorSeed {\n  /** 0–360. */\n  hue: number;\n  /** 0–100 — the palette's seed scale, not Glaze's 0–1 factor. */\n  saturation: number;\n  /** 0–100 on the OKHST tone axis. */\n  tone: number;\n}\n\n/**\n * A colour picker being dragged emits a distinct string per frame, and\n * `resolveConfig` runs on every `setPaletteConfig` *and* every\n * `resolvePaletteConfig` preview. One resolve is only ~3µs, so this is insurance\n * against a drag rather than a hot path — hence a cap and a clear rather than an\n * LRU.\n */\nconst CACHE_LIMIT = 256;\nconst cache = new Map<string, ColorSeed | null>();\n\n/**\n * Read a colour's hue, saturation and tone.\n *\n * Accepts anything Glaze parses — hex, `rgb()`, `hsl()`, `okhsl()`, `okhst()`,\n * `oklch()`. CSS colour keywords (`rebeccapurple`) are **not** supported.\n *\n * Returns `null` on anything unparseable, having warned once, so a caller can fall\n * back to its numeric seed instead of throwing on a typo in a settings field.\n *\n * ```ts\n * colorSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19, tone: 65.78 }\n * ```\n */\nexport function colorSeed(value: string): ColorSeed | null {\n  const cached = cache.get(value);\n\n  // `null` is a cached FAILURE, not a miss — which is also what dedupes the\n  // warning, so a bad value in a re-rendered config does not fill the console.\n  if (cached !== undefined) return cached;\n\n  let seed: ColorSeed | null = null;\n\n  try {\n    const { h, s, t } = glaze.color(value).resolve().light;\n\n    // Glaze reports saturation and tone as 0–1 factors; the palette's are 0–100.\n    seed = { hue: h, saturation: s * 100, tone: t * 100 };\n  } catch {\n    console.warn(\n      `[cube-ui-kit] could not parse palette colour ${JSON.stringify(value)}; ` +\n        `keeping the numeric seed. Accepted: hex, rgb(), hsl(), okhsl(), okhst(), ` +\n        `oklch() — CSS colour keywords are not supported.`,\n    );\n  }\n\n  if (cache.size >= CACHE_LIMIT) cache.clear();\n  cache.set(value, seed);\n\n  return seed;\n}\n"],"mappings":";;;;;;;;;;;AAoCA,MAAM,cAAc;AACpB,MAAM,wBAAQ,IAAI,KAA+B;;;;;;;;;;;;;;AAejD,SAAgB,UAAU,OAAiC;CACzD,MAAM,SAAS,MAAM,IAAI,MAAM;AAI/B,KAAI,WAAW,OAAW,QAAO;CAEjC,IAAI,OAAyB;AAE7B,KAAI;EACF,MAAM,EAAE,GAAG,GAAG,MAAM,MAAM,MAAM,MAAM,CAAC,SAAS,CAAC;AAGjD,SAAO;GAAE,KAAK;GAAG,YAAY,IAAI;GAAK,MAAM,IAAI;GAAK;SAC/C;AACN,UAAQ,KACN,gDAAgD,KAAK,UAAU,MAAM,CAAC,6HAGvE;;AAGH,KAAI,MAAM,QAAQ,YAAa,OAAM,OAAO;AAC5C,OAAM,IAAI,OAAO,KAAK;AAEtB,QAAO"}
+{"version":3,"file":"color-seed.js","names":["glaze","ColorSeed","hue","saturation","tone","CACHE_LIMIT","cache","Map","colorSeed","value","cached","get","undefined","seed","h","s","t","color","resolve","light","console","warn","JSON","stringify","size","clear","set"],"sources":["../../src/tokens/color-seed.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\n\n/**\n * Turns a colour into the three numbers the palette is seeded from.\n *\n * A deliberate LEAF: it imports Glaze and nothing else. `./palette-config` reads it\n * from inside `resolveConfig`, and `./palette-config` is the one module the token\n * graph is not allowed to have a cycle through — so anything this file imported\n * would become a `palette-config` dependency too. Glaze has no edge back into the\n * token modules, so it is safe; `./palette` (which owns `TINT_RECIPE` and the global\n * `glaze.configure`) is not.\n *\n * There is no ordering hazard either, even though `./palette` runs\n * `glaze.configure()` at module scope and this file may be called before that\n * happens. A bare-string colour token defaults to `lightTone: false`, so its light\n * variant preserves the input tone exactly and its hue and saturation come straight\n * off the parse — all three readings are independent of the global config.\n */\n\n/** Hue, saturation and tone read off a colour, on the palette's own scales. */\nexport interface ColorSeed {\n  /** 0–360. */\n  hue: number;\n  /** 0–100 — the palette's seed scale, not Glaze's 0–1 factor. */\n  saturation: number;\n  /** 0–100 on the OKHST tone axis. */\n  tone: number;\n}\n\n/**\n * A colour picker being dragged emits a distinct string per frame, and\n * `resolveConfig` runs on every `setPaletteConfig` *and* every\n * `resolvePaletteConfig` preview. One resolve is only ~3µs, so this is insurance\n * against a drag rather than a hot path — hence a cap and a clear rather than an\n * LRU.\n */\nconst CACHE_LIMIT = 256;\nconst cache = new Map<string, ColorSeed | null>();\n\n/**\n * Read a colour's hue, saturation and tone.\n *\n * Accepts anything Glaze parses — hex, `rgb()`, `hsl()`, `okhsl()`, `okhst()`,\n * `oklch()`. CSS colour keywords (`rebeccapurple`) are **not** supported.\n *\n * Returns `null` on anything unparseable, having warned once, so a caller can fall\n * back to its numeric seed instead of throwing on a typo in a settings field.\n *\n * ```ts\n * colorSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19, tone: 65.78 }\n * ```\n */\nexport function colorSeed(value: string): ColorSeed | null {\n  const cached = cache.get(value);\n\n  // `null` is a cached FAILURE, not a miss — which is also what dedupes the\n  // warning, so a bad value in a re-rendered config does not fill the console.\n  if (cached !== undefined) return cached;\n\n  let seed: ColorSeed | null = null;\n\n  try {\n    const { h, s, t } = glaze.color(value).resolve().light;\n\n    // Glaze reports saturation and tone as 0–1 factors; the palette's are 0–100.\n    seed = { hue: h, saturation: s * 100, tone: t * 100 };\n  } catch {\n    console.warn(\n      `[cube-ui-kit] could not parse palette colour ${JSON.stringify(value)}; ` +\n        `keeping the numeric seed. Accepted: hex, rgb(), hsl(), okhsl(), okhst(), ` +\n        `oklch() — CSS colour keywords are not supported.`,\n    );\n  }\n\n  if (cache.size >= CACHE_LIMIT) cache.clear();\n  cache.set(value, seed);\n\n  return seed;\n}\n"],"mappings":";;;;;;;;;;;AAoCA,MAAMK,cAAc;AACpB,MAAMC,wBAAQ,IAAIC,KAA+B;;;;;;;;;;;;;;AAejD,SAAgBC,UAAUC,OAAiC;CACzD,MAAMC,SAASJ,MAAMK,IAAIF,MAAM;AAI/B,KAAIC,WAAWE,OAAW,QAAOF;CAEjC,IAAIG,OAAyB;AAE7B,KAAI;EACF,MAAM,EAAEC,GAAGC,GAAGC,MAAMhB,MAAMiB,MAAMR,MAAM,CAACS,SAAS,CAACC;AAGjDN,SAAO;GAAEX,KAAKY;GAAGX,YAAYY,IAAI;GAAKX,MAAMY,IAAI;GAAK;SAC/C;AACNI,UAAQC,KACN,gDAAgDC,KAAKC,UAAUd,MAAM,CAAA,6HAGtE;;AAGH,KAAIH,MAAMkB,QAAQnB,YAAaC,OAAMmB,OAAO;AAC5CnB,OAAMoB,IAAIjB,OAAOI,KAAK;AAEtB,QAAOA"}

package/dist/tokens/color-theme.js

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { DEFAULT_HUE, DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteVersion } from "./palette-config.js";
 import { tintRecipe } from "./palette.js";
+import { c } from "react-compiler-runtime";
 import { useGlobalStyles } from "@tenphi/tasty";
 import { glaze } from "@tenphi/glaze";
 
@@ -158,9 +159,23 @@ function getColorTheme(config) {
 * ```
 */
 function useColorTheme(config) {
+	const $ = c(4);
 	usePaletteVersion();
-	const theme = getColorTheme(config);
-	useGlobalStyles("body", theme.tokens, { id: `cube-color-theme-${theme.name}` });
+	let t0;
+	if ($[0] !== config) {
+		t0 = getColorTheme(config);
+		$[0] = config;
+		$[1] = t0;
+	} else t0 = $[1];
+	const theme = t0;
+	const t1 = `cube-color-theme-${theme.name}`;
+	let t2;
+	if ($[2] !== t1) {
+		t2 = { id: t1 };
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	useGlobalStyles("body", theme.tokens, t2);
 	return theme;
 }
 

package/dist/tokens/color-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-theme.js","names":[],"sources":["../../src/tokens/color-theme.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\nimport { useGlobalStyles } from '@tenphi/tasty';\n\n// Imported for its SIDE EFFECT as much as for `tintRecipe`.\n//\n// `palette.ts` runs `glaze.configure({ states: { dark: '@dark', highContrast:\n// '@hc' }, modes: …, darkTone: … })` at module scope, and that global config is\n// what makes a theme emit `'@dark'` / `'@hc'` keys at all. Without this import\n// a runtime theme falls back to Glaze's defaults — `@media(prefers-color-scheme:\n// dark)` keys and NO high-contrast tier — which still renders, so the failure is\n// silent. `color-theme.test.ts` asserts the `'@hc'` key exists to catch it.\nimport { colorSeed } from './color-seed';\nimport { tintRecipe } from './palette';\nimport {\n  DEFAULT_HUE,\n  DEFAULT_SATURATION,\n  getPaletteConfig,\n  getPaletteVersion,\n  usePaletteVersion,\n} from './palette-config';\n\nimport type { ColorMap, GlazeConfigOverride } from '@tenphi/glaze';\nimport type { Styles } from '@tenphi/tasty';\n\nexport interface ColorThemeConfig {\n  /**\n   * A hue in 0–360, or any colour Glaze parses — hex, `rgb()`, `hsl()`,\n   * `okhsl()`, `okhst()`, `oklch()`.\n   *\n   * From a colour only the HUE and SATURATION are taken; the lightness is\n   * discarded and re-derived per scheme. That is what makes the result adaptive\n   * rather than a value that happens to work in one theme.\n   */\n  hue: number | string;\n  /** 0–100. @default the palette's own saturation seed */\n  saturation?: number;\n  pastel?: boolean;\n  /**\n   * Extra colour definitions, merged over {@link tintRecipe}. Anything Glaze's\n   * `theme.colors()` accepts, including `contrast` floors against a sibling.\n   */\n  colors?: ColorMap;\n}\n\nexport interface ColorTheme {\n  /**\n   * A hash of the config, and the token prefix — `'tint-1a2b3c'`.\n   *\n   * Content-addressed rather than positional so two components asking for the\n   * same colour name the same theme, and therefore share one injection. Also\n   * makes it safe to stamp on the DOM as an identifier.\n   */\n  name: string;\n  /**\n   * Tasty token declarations, one state map per colour:\n   * `{ '#tint-1a2b3c-surface': { '': …, '@dark': …, '@hc': …, '@dark & @hc': … } }`\n   */\n  tokens: Styles;\n  /** Token references by their unprefixed name — `{ surface: '#tint-1a2b3c-surface' }`. */\n  colors: Record<string, string>;\n}\n\n/**\n * FNV-1a, base36. Short, stable and dependency-free.\n *\n * These hashes name CSS custom properties and land in DOM attributes, so they\n * have to be deterministic across processes (SSR and the client must agree) and\n * safe as identifiers — but not cryptographic.\n */\nexport function hashString(input: string): string {\n  let hash = 0x811c9dc5;\n\n  for (let i = 0; i < input.length; i++) {\n    hash ^= input.charCodeAt(i);\n    // >>> 0 keeps it an unsigned 32-bit int; `Math.imul` is the 32-bit multiply.\n    hash = Math.imul(hash, 0x01000193) >>> 0;\n  }\n\n  return hash.toString(36);\n}\n\n/**\n * Hashes the RESOLVED seed, not the config as written.\n *\n * `{ hue: '#0ea5e9' }` and `{ hue: 237.32, saturation: 98.19 }` are the same\n * colour said two ways; hashing the input would give them two names, two\n * injections and two sets of generated rules. Rounded, because a seed that\n * differs in the twelfth decimal is the same colour to every eye and every\n * renderer — and an unrounded float would defeat the deduplication it is here to\n * provide.\n */\nfunction hashSeed(seed: ResolvedSeed): string {\n  return `tint-${hashString(\n    JSON.stringify([\n      seed.hue.toFixed(4),\n      seed.saturation.toFixed(4),\n      seed.pastel,\n      seed.colors ? stableStringify(seed.colors) : null,\n    ]),\n  )}`;\n}\n\ninterface ResolvedSeed {\n  hue: number;\n  saturation: number;\n  pastel: boolean;\n  colors?: ColorMap;\n}\n\n/** Key order must not change the hash, or two identical configs get two slots. */\nfunction stableStringify(value: unknown): string {\n  if (value === null || typeof value !== 'object') return JSON.stringify(value);\n\n  if (Array.isArray(value)) {\n    return `[${value.map(stableStringify).join(',')}]`;\n  }\n\n  const entries = Object.entries(value as Record<string, unknown>).sort(\n    ([a], [b]) => (a < b ? -1 : a > b ? 1 : 0),\n  );\n\n  return `{${entries\n    .map(([key, item]) => `${JSON.stringify(key)}:${stableStringify(item)}`)\n    .join(',')}}`;\n}\n\n/**\n * The hue and saturation of a colour, for use as a theme seed.\n *\n * ```ts\n * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }\n * ```\n *\n * The tone {@link colorSeed} also reads is dropped here on purpose: a tint theme\n * re-derives its lightness per scheme, which is what makes it adaptive. The palette's\n * The palette's accent zone keeps the tone, because a brand fill has to *be* the\n * colour.\n *\n * An unparseable value falls back to the shipped seed rather than throwing — a hue\n * typed into a settings field should not take the render down.\n */\nexport function colorThemeSeed(value: string): {\n  hue: number;\n  saturation: number;\n} {\n  const seed = colorSeed(value);\n\n  if (!seed) return { hue: DEFAULT_HUE, saturation: DEFAULT_SATURATION };\n\n  return { hue: seed.hue, saturation: seed.saturation };\n}\n\n/**\n * Cached by `${paletteVersion}:${name}`.\n *\n * The palette version is in the KEY rather than triggering a clear, so a stale\n * entry is simply unreachable. `lastVersion` still clears the map on a change,\n * or repeated `setPaletteConfig` calls would grow it without bound.\n */\nconst cache = new Map<string, ColorTheme>();\nlet lastVersion = -1;\n\n/**\n * Build (or reuse) an adaptive theme from a hue.\n *\n * Pure and memoized: the same config returns the same object identity until the\n * palette is re-seeded. Registering the tokens is {@link useColorTheme}'s job —\n * this only computes them, so it is safe to call while rendering or from a test.\n */\nexport function getColorTheme(config: ColorThemeConfig): ColorTheme {\n  const version = getPaletteVersion();\n\n  if (version !== lastVersion) {\n    cache.clear();\n    lastVersion = version;\n  }\n\n  const paletteConfig = getPaletteConfig();\n  const parsed =\n    typeof config.hue === 'string' ? colorThemeSeed(config.hue) : null;\n  const seed: ResolvedSeed = {\n    hue: parsed ? parsed.hue : (config.hue as number),\n    saturation:\n      config.saturation ??\n      parsed?.saturation ??\n      paletteConfig.saturation ??\n      DEFAULT_SATURATION,\n    pastel: config.pastel ?? paletteConfig.pastel ?? false,\n    colors: config.colors,\n  };\n\n  const name = hashSeed(seed);\n  const cached = cache.get(name);\n\n  if (cached) return cached;\n\n  const { hue, saturation } = seed;\n\n  // `pastel` and `contrastLevel` are instance-level in Glaze, not settable\n  // through `glaze.configure`, so a runtime theme has to carry them itself or it\n  // would ignore a pastel palette. Omitted entirely when off, so the default\n  // output is provably the same as passing nothing.\n  const overrides: GlazeConfigOverride = {\n    ...(paletteConfig.contrastLevel != null\n      ? { contrastLevel: paletteConfig.contrastLevel }\n      : null),\n    ...(seed.pastel ? { pastel: true } : null),\n  };\n\n  const theme = glaze(\n    hue,\n    saturation,\n    Object.keys(overrides).length ? overrides : undefined,\n  );\n\n  // The recipe follows the palette's `surfaceMode`, so a runtime tint sits the same\n  // distance off the page as a built-in status theme does. Safe to read here rather\n  // than hash into the seed: the cache is cleared on every palette version change,\n  // and `surfaceMode` is one of the fields that bumps it.\n  theme.colors({ ...tintRecipe(paletteConfig), ...config.colors });\n\n  // `prefix` is a palette-only option, so the keys are renamed here. `oklch`\n  // because that is what the palette emits; tasty converts to the configured\n  // colour space on the way out either way.\n  const raw = theme.tasty({ format: 'oklch' }) as Record<string, unknown>;\n  const tokens: Styles = {};\n  const colors: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(raw)) {\n    // Only the `#colour` entries are renamed; `splitHue` is off, so there are no\n    // `$…-hue` companions to worry about, but a future one must not be mangled.\n    if (!key.startsWith('#')) {\n      (tokens as Record<string, unknown>)[key] = value;\n      continue;\n    }\n\n    const bare = key.slice(1);\n    const token = `#${name}-${bare}`;\n\n    (tokens as Record<string, unknown>)[token] = value;\n    colors[bare] = token;\n  }\n\n  const result: ColorTheme = { name, tokens, colors };\n\n  cache.set(name, result);\n\n  return result;\n}\n\n/**\n * Register an adaptive theme's tokens once per document, and get it back.\n *\n * The tokens land on `body` under a slot keyed by the theme's name, which is a\n * hash of the config — so every component asking for the same colour shares one\n * injection no matter how many of them there are. Tasty's global-style slots are\n * also permanent, which is what makes that safe: one component unmounting cannot\n * strip tokens another is still referencing.\n *\n * `body` rather than `:root`, which emits nothing at all — the same selector\n * `GlobalStyles` uses for the palette's own tokens. Custom properties inherit, so\n * anything rendered inside the document sees them; the one thing this cannot\n * reach is content portalled outside `<body>`, which nothing does.\n *\n * Because the slot id hashes the CONFIG rather than the resolved values,\n * re-seeding the palette replaces the same slot instead of leaking a new one.\n *\n * ```tsx\n * const theme = useColorTheme({ hue: '#0ea5e9' });\n * // theme.colors.surface → '#tint-1a2b3c-surface'\n * ```\n */\nexport function useColorTheme(config: ColorThemeConfig): ColorTheme {\n  // Subscribes this component to a re-seed. `getColorTheme` reads the version\n  // itself for its cache, so the value is unused here — the subscription is the\n  // point, and it is what makes the tokens below re-inject.\n  usePaletteVersion();\n\n  const theme = getColorTheme(config);\n\n  useGlobalStyles('body', theme.tokens, {\n    id: `cube-color-theme-${theme.name}`,\n  });\n\n  return theme;\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-theme.js","names":["glaze","useGlobalStyles","colorSeed","tintRecipe","DEFAULT_HUE","DEFAULT_SATURATION","getPaletteConfig","getPaletteVersion","usePaletteVersion","ColorMap","GlazeConfigOverride","Styles","ColorThemeConfig","hue","saturation","pastel","colors","ColorTheme","name","tokens","Record","hashString","input","hash","i","length","charCodeAt","Math","imul","toString","hashSeed","seed","ResolvedSeed","JSON","stringify","toFixed","stableStringify","value","Array","isArray","map","join","entries","Object","sort","a","b","key","item","colorThemeSeed","cache","Map","lastVersion","getColorTheme","config","version","clear","paletteConfig","parsed","cached","get","overrides","contrastLevel","theme","keys","undefined","raw","tasty","format","startsWith","bare","slice","token","result","set","useColorTheme","$","_c","t0","t1","t2","id"],"sources":["../../src/tokens/color-theme.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\nimport { useGlobalStyles } from '@tenphi/tasty';\n\n// Imported for its SIDE EFFECT as much as for `tintRecipe`.\n//\n// `palette.ts` runs `glaze.configure({ states: { dark: '@dark', highContrast:\n// '@hc' }, modes: …, darkTone: … })` at module scope, and that global config is\n// what makes a theme emit `'@dark'` / `'@hc'` keys at all. Without this import\n// a runtime theme falls back to Glaze's defaults — `@media(prefers-color-scheme:\n// dark)` keys and NO high-contrast tier — which still renders, so the failure is\n// silent. `color-theme.test.ts` asserts the `'@hc'` key exists to catch it.\nimport { colorSeed } from './color-seed';\nimport { tintRecipe } from './palette';\nimport {\n  DEFAULT_HUE,\n  DEFAULT_SATURATION,\n  getPaletteConfig,\n  getPaletteVersion,\n  usePaletteVersion,\n} from './palette-config';\n\nimport type { ColorMap, GlazeConfigOverride } from '@tenphi/glaze';\nimport type { Styles } from '@tenphi/tasty';\n\nexport interface ColorThemeConfig {\n  /**\n   * A hue in 0–360, or any colour Glaze parses — hex, `rgb()`, `hsl()`,\n   * `okhsl()`, `okhst()`, `oklch()`.\n   *\n   * From a colour only the HUE and SATURATION are taken; the lightness is\n   * discarded and re-derived per scheme. That is what makes the result adaptive\n   * rather than a value that happens to work in one theme.\n   */\n  hue: number | string;\n  /** 0–100. @default the palette's own saturation seed */\n  saturation?: number;\n  pastel?: boolean;\n  /**\n   * Extra colour definitions, merged over {@link tintRecipe}. Anything Glaze's\n   * `theme.colors()` accepts, including `contrast` floors against a sibling.\n   */\n  colors?: ColorMap;\n}\n\nexport interface ColorTheme {\n  /**\n   * A hash of the config, and the token prefix — `'tint-1a2b3c'`.\n   *\n   * Content-addressed rather than positional so two components asking for the\n   * same colour name the same theme, and therefore share one injection. Also\n   * makes it safe to stamp on the DOM as an identifier.\n   */\n  name: string;\n  /**\n   * Tasty token declarations, one state map per colour:\n   * `{ '#tint-1a2b3c-surface': { '': …, '@dark': …, '@hc': …, '@dark & @hc': … } }`\n   */\n  tokens: Styles;\n  /** Token references by their unprefixed name — `{ surface: '#tint-1a2b3c-surface' }`. */\n  colors: Record<string, string>;\n}\n\n/**\n * FNV-1a, base36. Short, stable and dependency-free.\n *\n * These hashes name CSS custom properties and land in DOM attributes, so they\n * have to be deterministic across processes (SSR and the client must agree) and\n * safe as identifiers — but not cryptographic.\n */\nexport function hashString(input: string): string {\n  let hash = 0x811c9dc5;\n\n  for (let i = 0; i < input.length; i++) {\n    hash ^= input.charCodeAt(i);\n    // >>> 0 keeps it an unsigned 32-bit int; `Math.imul` is the 32-bit multiply.\n    hash = Math.imul(hash, 0x01000193) >>> 0;\n  }\n\n  return hash.toString(36);\n}\n\n/**\n * Hashes the RESOLVED seed, not the config as written.\n *\n * `{ hue: '#0ea5e9' }` and `{ hue: 237.32, saturation: 98.19 }` are the same\n * colour said two ways; hashing the input would give them two names, two\n * injections and two sets of generated rules. Rounded, because a seed that\n * differs in the twelfth decimal is the same colour to every eye and every\n * renderer — and an unrounded float would defeat the deduplication it is here to\n * provide.\n */\nfunction hashSeed(seed: ResolvedSeed): string {\n  return `tint-${hashString(\n    JSON.stringify([\n      seed.hue.toFixed(4),\n      seed.saturation.toFixed(4),\n      seed.pastel,\n      seed.colors ? stableStringify(seed.colors) : null,\n    ]),\n  )}`;\n}\n\ninterface ResolvedSeed {\n  hue: number;\n  saturation: number;\n  pastel: boolean;\n  colors?: ColorMap;\n}\n\n/** Key order must not change the hash, or two identical configs get two slots. */\nfunction stableStringify(value: unknown): string {\n  if (value === null || typeof value !== 'object') return JSON.stringify(value);\n\n  if (Array.isArray(value)) {\n    return `[${value.map(stableStringify).join(',')}]`;\n  }\n\n  const entries = Object.entries(value as Record<string, unknown>).sort(\n    ([a], [b]) => (a < b ? -1 : a > b ? 1 : 0),\n  );\n\n  return `{${entries\n    .map(([key, item]) => `${JSON.stringify(key)}:${stableStringify(item)}`)\n    .join(',')}}`;\n}\n\n/**\n * The hue and saturation of a colour, for use as a theme seed.\n *\n * ```ts\n * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }\n * ```\n *\n * The tone {@link colorSeed} also reads is dropped here on purpose: a tint theme\n * re-derives its lightness per scheme, which is what makes it adaptive. The palette's\n * The palette's accent zone keeps the tone, because a brand fill has to *be* the\n * colour.\n *\n * An unparseable value falls back to the shipped seed rather than throwing — a hue\n * typed into a settings field should not take the render down.\n */\nexport function colorThemeSeed(value: string): {\n  hue: number;\n  saturation: number;\n} {\n  const seed = colorSeed(value);\n\n  if (!seed) return { hue: DEFAULT_HUE, saturation: DEFAULT_SATURATION };\n\n  return { hue: seed.hue, saturation: seed.saturation };\n}\n\n/**\n * Cached by `${paletteVersion}:${name}`.\n *\n * The palette version is in the KEY rather than triggering a clear, so a stale\n * entry is simply unreachable. `lastVersion` still clears the map on a change,\n * or repeated `setPaletteConfig` calls would grow it without bound.\n */\nconst cache = new Map<string, ColorTheme>();\nlet lastVersion = -1;\n\n/**\n * Build (or reuse) an adaptive theme from a hue.\n *\n * Pure and memoized: the same config returns the same object identity until the\n * palette is re-seeded. Registering the tokens is {@link useColorTheme}'s job —\n * this only computes them, so it is safe to call while rendering or from a test.\n */\nexport function getColorTheme(config: ColorThemeConfig): ColorTheme {\n  const version = getPaletteVersion();\n\n  if (version !== lastVersion) {\n    cache.clear();\n    lastVersion = version;\n  }\n\n  const paletteConfig = getPaletteConfig();\n  const parsed =\n    typeof config.hue === 'string' ? colorThemeSeed(config.hue) : null;\n  const seed: ResolvedSeed = {\n    hue: parsed ? parsed.hue : (config.hue as number),\n    saturation:\n      config.saturation ??\n      parsed?.saturation ??\n      paletteConfig.saturation ??\n      DEFAULT_SATURATION,\n    pastel: config.pastel ?? paletteConfig.pastel ?? false,\n    colors: config.colors,\n  };\n\n  const name = hashSeed(seed);\n  const cached = cache.get(name);\n\n  if (cached) return cached;\n\n  const { hue, saturation } = seed;\n\n  // `pastel` and `contrastLevel` are instance-level in Glaze, not settable\n  // through `glaze.configure`, so a runtime theme has to carry them itself or it\n  // would ignore a pastel palette. Omitted entirely when off, so the default\n  // output is provably the same as passing nothing.\n  const overrides: GlazeConfigOverride = {\n    ...(paletteConfig.contrastLevel != null\n      ? { contrastLevel: paletteConfig.contrastLevel }\n      : null),\n    ...(seed.pastel ? { pastel: true } : null),\n  };\n\n  const theme = glaze(\n    hue,\n    saturation,\n    Object.keys(overrides).length ? overrides : undefined,\n  );\n\n  // The recipe follows the palette's `surfaceMode`, so a runtime tint sits the same\n  // distance off the page as a built-in status theme does. Safe to read here rather\n  // than hash into the seed: the cache is cleared on every palette version change,\n  // and `surfaceMode` is one of the fields that bumps it.\n  theme.colors({ ...tintRecipe(paletteConfig), ...config.colors });\n\n  // `prefix` is a palette-only option, so the keys are renamed here. `oklch`\n  // because that is what the palette emits; tasty converts to the configured\n  // colour space on the way out either way.\n  const raw = theme.tasty({ format: 'oklch' }) as Record<string, unknown>;\n  const tokens: Styles = {};\n  const colors: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(raw)) {\n    // Only the `#colour` entries are renamed; `splitHue` is off, so there are no\n    // `$…-hue` companions to worry about, but a future one must not be mangled.\n    if (!key.startsWith('#')) {\n      (tokens as Record<string, unknown>)[key] = value;\n      continue;\n    }\n\n    const bare = key.slice(1);\n    const token = `#${name}-${bare}`;\n\n    (tokens as Record<string, unknown>)[token] = value;\n    colors[bare] = token;\n  }\n\n  const result: ColorTheme = { name, tokens, colors };\n\n  cache.set(name, result);\n\n  return result;\n}\n\n/**\n * Register an adaptive theme's tokens once per document, and get it back.\n *\n * The tokens land on `body` under a slot keyed by the theme's name, which is a\n * hash of the config — so every component asking for the same colour shares one\n * injection no matter how many of them there are. Tasty's global-style slots are\n * also permanent, which is what makes that safe: one component unmounting cannot\n * strip tokens another is still referencing.\n *\n * `body` rather than `:root`, which emits nothing at all — the same selector\n * `GlobalStyles` uses for the palette's own tokens. Custom properties inherit, so\n * anything rendered inside the document sees them; the one thing this cannot\n * reach is content portalled outside `<body>`, which nothing does.\n *\n * Because the slot id hashes the CONFIG rather than the resolved values,\n * re-seeding the palette replaces the same slot instead of leaking a new one.\n *\n * ```tsx\n * const theme = useColorTheme({ hue: '#0ea5e9' });\n * // theme.colors.surface → '#tint-1a2b3c-surface'\n * ```\n */\nexport function useColorTheme(config: ColorThemeConfig): ColorTheme {\n  // Subscribes this component to a re-seed. `getColorTheme` reads the version\n  // itself for its cache, so the value is unused here — the subscription is the\n  // point, and it is what makes the tokens below re-inject.\n  usePaletteVersion();\n\n  const theme = getColorTheme(config);\n\n  useGlobalStyles('body', theme.tokens, {\n    id: `cube-color-theme-${theme.name}`,\n  });\n\n  return theme;\n}\n"],"mappings":"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"}

package/dist/tokens/colors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { getPaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";