npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-7a50d11 → 0.0.0-canary-4f9d7d0 - Mend

@cube-dev/ui-kit 0.0.0-canary-7a50d11 → 0.0.0-canary-4f9d7d0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (557) hide show

package/dist/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
 import { extractStyles } from "./utils/styles.js";
 import { chain } from "./utils/react/chain.js";
 import { getDisabledElementProps, omitActivationEventProps } from "./utils/react/disabledProps.js";
@@ -224,7 +224,8 @@ import { BOARD_SELECTION_CANCEL } from "./components/layout/Board/Board.js";
 import { BoardResponsive } from "./components/layout/Board/BoardResponsive.js";
 import { Widget } from "./components/layout/Board/Widget.js";
 import { Board } from "./components/layout/Board/index.js";
-import { DEFAULT_PALETTE_CONFIG, getPaletteConfig, getPaletteConfigInput, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./tokens/palette-config.js";
+import { colorSeed } from "./tokens/color-seed.js";
+import { DEFAULT_PALETTE_CONFIG, MAX_BASE_SATURATION, getPaletteConfig, getPaletteConfigInput, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./tokens/palette-config.js";
 import { BASE_TOKENS } from "./tokens/base.js";
 import { PALETTE_TOKENS, getCodeTheme, getPalette, getPaletteTokens, renderPaletteTokens } from "./tokens/palette.js";
 import { SHADOW_TOKENS } from "./tokens/shadows.js";
@@ -311,7 +312,6 @@ import { _TextArea } from "./components/fields/TextArea/TextArea.js";
 import { Input } from "./components/fields/Input/Input.js";
 import { _CommandTextArea } from "./components/fields/CommandTextArea/CommandTextArea.js";
 import { COLOR_FORMATS } from "./components/fields/color/color.js";
-import { ColorSwatch } from "./components/fields/color/ColorSwatch.js";
 import { COLOR_SPACES } from "./components/fields/color/channels.js";
 import { _RadioGroup } from "./components/fields/RadioGroup/RadioGroup.js";
 import { __Radio, useRadio } from "./components/fields/RadioGroup/Radio.js";
@@ -319,6 +319,7 @@ import { __RangeSlider } from "./components/fields/Slider/RangeSlider.js";
 import { __Slider } from "./components/fields/Slider/Slider.js";
 import { __HueSlider } from "./components/fields/Slider/HueSlider.js";
 import { useSliderState } from "./components/fields/Slider/index.js";
+import { ColorSwatch } from "./components/fields/ColorSwatch/ColorSwatch.js";
 import { ColorInput } from "./components/fields/ColorInput/ColorInput.js";
 import { ColorSwatchGroup } from "./components/fields/ColorSwatchGroup/ColorSwatchGroup.js";
 import { ColorPicker } from "./components/fields/ColorPicker/ColorPicker.js";
@@ -370,5 +371,5 @@ const Typography = {
 };
 //#endregion
-export { Action, _ActiveZone as ActiveZone, AdjustmentsHorizontalIcon, AdjustmentsIcon, AiIcon, Alert, _AlertDialog as AlertDialog, AreaChartIcon, ArrowNarrowDownIcon, ArrowNarrowUpIcon, Avatar, BASE_TOKENS, BOARD_SELECTION_CANCEL, BackwardIcon, _Badge as Badge, Banner, BannerAction, BannerLink, BarChartIcon, BellFilledIcon, BellIcon, Block, Board, BoardProvider, BoardResponsive, Widget as BoardWidget, BooleanIcon, Button, ButtonGroup, ButtonSplit, ButtonSplitContext, COLOR_FORMATS, COLOR_SPACES, COLOR_TOKENS, COLUMN_MENU_SORT_KEYS, CalendarEditIcon, CalendarIcon, Card, CaretDownIcon, CaretUpIcon, ChartAreaStackedIcon, ChartAreaStackedPercentageIcon, ChartBarGroupedHorizontalIcon, ChartBarGroupedIcon, ChartBarHorizontalIcon, ChartBarLineIcon, ChartBarStackedHorizontalIcon, ChartBarStackedIcon, ChartBarStackedPercentageHorizontalIcon, ChartBarStackedPercentageIcon, ChartBoxPlot2Icon, ChartBoxPlotIcon, ChartBubbleIcon, ChartDonut2Icon, ChartFunnelIcon, ChartHeatmapIcon, ChartKPIIcon, ChartPie2Icon, ChartScatterIcon, CheckCircleFilledIcon, CheckCircleIcon, CheckIcon, __Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CircleFilledIcon, ClearIcon, ClearSlots, CloseCircleFilledIcon, CloseCircleIcon, CloseIcon, CodeIcon, _CollectionItem as CollectionItem, ColorInput, ColorPicker, ColorSwatch, ColorSwatchGroup, ColumnTotalIcon, ComboBox, __CommandMenu as CommandMenu, _CommandTextArea as CommandTextArea, Content, CopyIcon, _CopyPasteBlock as CopyPasteBlock, _CopySnippet as CopySnippet, CountIcon, CubeFullLogo, CubeIcon, CubeLogo, CubePauseIcon, CubePlayIcon, CurrencyDollarIcon, DEFAULT_BUTTON_STYLES, DEFAULT_INPUT_STYLES, DEFAULT_PALETTE_CONFIG, DangerIcon, DashboardIcon, _DataTable as DataTable, DatabaseIcon, _DateInput as DateInput, _DatePicker as DatePicker, _DateRangePicker as DateRangePicker, _DateRangeSeparatedPicker as DateRangeSeparatedPicker, DecimalDecreaseIcon, DecimalIncreaseIcon, Dialog, DialogContainer, DialogForm, DialogTrigger, DirectionIcon, _Disclosure as Disclosure, DisplayTransition, Divider, DonutIcon, DownIcon, EditIcon, EventBusProvider, ExclamationCircleFilledIcon, ExclamationCircleIcon, ExclamationIcon, EyeIcon, EyeInvisibleIcon, Field, FieldWrapper, _FileInput as FileInput, FilterIcon, FilterListBox, FilterPicker, Flex, Flow, FolderFilledIcon, FolderIcon, FolderOpenFilledIcon, FolderOpenIcon, Footer, Form, FormContext, ForwardIcon, Grid, GridLayout, GridProvider, GripVerticalIcon, Header, HierarchyIcon, HierarchyOpenIcon, _HotKeys as HotKeys, __HueSlider as HueSlider, I18nProvider, I18nextProvider, INLINE_LABEL_STYLES, INPUT_WRAPPER_STYLES, Icon, IconSwitch, InfoBadge, InfoCircleIcon, InfoIcon, InlineInput, Input, _Item as Item, ItemAction, ItemActionProvider, ItemBadge, _Item as ItemBase, _ItemButton as ItemButton, ItemCard, _ItemTable as ItemTable, KeyIcon, LABEL_STYLES, LAYOUT_TOKENS, LOCALE_LABELS, _Label as Label, Layout, LeftIcon, LineChartIcon, Link, ListBox, ListBoxElement, ListBoxPopup, LoadingAnimation, LoadingIcon, LockFilledIcon, LockIcon, __Menu as Menu, MenuContext, MenuItem, MenuSection, _MenuTrigger as MenuTrigger, _MonthPicker as MonthPicker, MoreIcon, NotAllowedIcon, Notification, NotificationAction, NotificationCard, NotificationItem, Number123Icon, NumberIcon, _NumberInput as NumberInput, OverlayProvider, PALETTE_TOKENS, _Pagination as Pagination, _Panel as Panel, Paragraph, _PasswordInput as PasswordInput, PauseCircleFilledIcon, PauseCircleIcon, PauseIcon, PercentageIcon, _PeriodPicker as PeriodPicker, PersistentNotificationsList, Picker, PieChartIcon, PipetteIcon, Placeholder, PlayCircleIcon, PlayIcon, PlusIcon, Portal, Prefix, _PrismCode as PrismCode, PrismDiffCode, ProgressBarIcon, Provider, _QuarterPicker as QuarterPicker, __Radio as Radio, _RadioGroup as RadioGroup, __RangeSlider as RangeSlider, ReloadIcon, RenderCache, ReportIcon, _ResetButton as ResetButton, _ResizablePanel as ResizablePanel, ResizeSensor, _Result as Result, ReturnIcon, RightIcon, Root, RowTotalsIcon, SHADOW_TOKENS, SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SPACE_TOKENS, SUPPORTED_LOCALES, SchemeIcon, SearchComboBox, SearchIcon, SearchInput, Section, __Select as Select, SemanticQueryIcon, SettingsIcon, ShieldFilledIcon, ShieldIcon, Skeleton, SlashIcon, __Slider as Slider, SlotProvider, Space, SparklesIcon, Spin, SqlIcon, StatsCard, StatsIcon, StopIcon, StringIcon, SubMenuTrigger, _SubmitButton as SubmitButton, _SubmitError as SubmitError, SubtotalsIcon, Suffix, _Switch as Switch, SwitchIcon, TOKENS, TYPOGRAPHY_PRESETS, Tab, TableIcon, Tabs, TabsAction, _Tag as Tag, _Text as Text, _TextArea as TextArea, TextInput, TextInputBase, _TextInputMapper as TextInputMapper, TextItem, ThumbsDownIcon, ThumbsUpIcon, ThunderboltCrossedIcon, ThunderboltFilledIcon, ThunderboltIcon, TimeIcon, _TimeInput as TimeInput, _Title as Title, Toast, ToastItem, _Tooltip as Tooltip, TooltipProvider, TooltipTrigger, Trans, Translation, TrashIcon, Tree, Typography, UIKIT_I18N_NAMESPACE, UnlockIcon, UpIcon, UserGroupIcon, UserIcon, UserLockIcon, ValidationIndicator, ViewIcon, WarningFilledIcon, WarningIcon, _WeekPicker as WeekPicker, _YearPicker as YearPicker, addUIKitLocale, aspectRatio, boundedX, boundedY, chain, chainRaf, clampPage, colorThemeSeed, columnSortMenu, containerBounds, copy, createFormatter, createInstance, createUIKitI18n, defaultNavigationAdapter, extractModule, extractStyles, formatPeriod, formatRelativeTime, forwardRefWithGenerics, generateRandomId, getCodeTheme, getColorTheme, getColorTokens, getCompactor, getDisabledElementProps, getI18n, getPageInfo, getPaginationRange, getPalette, getPaletteConfig, getPaletteConfigInput, getPaletteTokens, getQuarter, getThemeIcon, getTokens, getValidationIcon, getValidationMods, getValidationTheme, getWeekNumber, gridBounds, hasValidationIndicator, hasValidationState, horizontalCompactor, i18next, initReactI18next, invalidatePaletteTokens, isSupportedLocale, isTextOnly, maxSize, mergeProps, mergeRefs, minMaxSize, minSize, modAttrs, noCompactor, omitActivationEventProps, openLink, parseAbsoluteDate, parseTo, performClickHandler, processSelectionArray, propDeprecationWarning, random, range, renderColorTokens, renderPaletteTokens, resetPaletteConfig, resolveIcon, resolvePaletteConfig, resolveValidationProps, setPaletteConfig, snapToGrid, snapToPeriod, subscribePaletteConfig, timeout, toFlatTree, useAction, useAlertDialogAPI, useAnchoredMenu, useBufferedValue, useButtonSplitContext, useCheckbox, useColorTheme, useCombinedRefs, useContextMenu, useControlledFocusVisible, useDialogContainer, useDismissParentPopover, useEventBus, useEventListener, useField, useFieldProps, useForm, useFormProps, useFormatter, useI18nSSR, useItemActionContext, useLayoutEffect, useLocalStorage, useLocale, useMenuContext, useMergeStyles, useNotifications, useNotificationsCount, usePagination, usePaletteConfig, usePaletteVersion, usePersistentNotifications, usePopoverSync, useProgressToast, useProviderProps, useQaProps, useRadio, useSearchField, useSearchFieldState, useSelectState, useSliderState, useSlotProps, useSwitch, useTextField, useToast, useToastContext, useTranslation, useValidationProps, useViewportSize, verticalCompactor, withTranslation, wrapIcon, wrapNodeIfPlain, wrapWithField };
+export { Action, _ActiveZone as ActiveZone, AdjustmentsHorizontalIcon, AdjustmentsIcon, AiIcon, Alert, _AlertDialog as AlertDialog, AreaChartIcon, ArrowNarrowDownIcon, ArrowNarrowUpIcon, Avatar, BASE_TOKENS, BOARD_SELECTION_CANCEL, BackwardIcon, _Badge as Badge, Banner, BannerAction, BannerLink, BarChartIcon, BellFilledIcon, BellIcon, Block, Board, BoardProvider, BoardResponsive, Widget as BoardWidget, BooleanIcon, Button, ButtonGroup, ButtonSplit, ButtonSplitContext, COLOR_FORMATS, COLOR_SPACES, COLOR_TOKENS, COLUMN_MENU_SORT_KEYS, CalendarEditIcon, CalendarIcon, Card, CaretDownIcon, CaretUpIcon, ChartAreaStackedIcon, ChartAreaStackedPercentageIcon, ChartBarGroupedHorizontalIcon, ChartBarGroupedIcon, ChartBarHorizontalIcon, ChartBarLineIcon, ChartBarStackedHorizontalIcon, ChartBarStackedIcon, ChartBarStackedPercentageHorizontalIcon, ChartBarStackedPercentageIcon, ChartBoxPlot2Icon, ChartBoxPlotIcon, ChartBubbleIcon, ChartDonut2Icon, ChartFunnelIcon, ChartHeatmapIcon, ChartKPIIcon, ChartPie2Icon, ChartScatterIcon, CheckCircleFilledIcon, CheckCircleIcon, CheckIcon, __Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CircleFilledIcon, ClearIcon, ClearSlots, CloseCircleFilledIcon, CloseCircleIcon, CloseIcon, CodeIcon, _CollectionItem as CollectionItem, ColorInput, ColorPicker, ColorSwatch, ColorSwatchGroup, ColumnTotalIcon, ComboBox, __CommandMenu as CommandMenu, _CommandTextArea as CommandTextArea, Content, CopyIcon, _CopyPasteBlock as CopyPasteBlock, _CopySnippet as CopySnippet, CountIcon, CubeFullLogo, CubeIcon, CubeLogo, CubePauseIcon, CubePlayIcon, CurrencyDollarIcon, DEFAULT_BUTTON_STYLES, DEFAULT_INPUT_STYLES, DEFAULT_PALETTE_CONFIG, DangerIcon, DashboardIcon, _DataTable as DataTable, DatabaseIcon, _DateInput as DateInput, _DatePicker as DatePicker, _DateRangePicker as DateRangePicker, _DateRangeSeparatedPicker as DateRangeSeparatedPicker, DecimalDecreaseIcon, DecimalIncreaseIcon, Dialog, DialogContainer, DialogForm, DialogTrigger, DirectionIcon, _Disclosure as Disclosure, DisplayTransition, Divider, DonutIcon, DownIcon, EditIcon, EventBusProvider, ExclamationCircleFilledIcon, ExclamationCircleIcon, ExclamationIcon, EyeIcon, EyeInvisibleIcon, Field, FieldWrapper, _FileInput as FileInput, FilterIcon, FilterListBox, FilterPicker, Flex, Flow, FolderFilledIcon, FolderIcon, FolderOpenFilledIcon, FolderOpenIcon, Footer, Form, FormContext, ForwardIcon, Grid, GridLayout, GridProvider, GripVerticalIcon, Header, HierarchyIcon, HierarchyOpenIcon, _HotKeys as HotKeys, __HueSlider as HueSlider, I18nProvider, I18nextProvider, INLINE_LABEL_STYLES, INPUT_WRAPPER_STYLES, Icon, IconSwitch, InfoBadge, InfoCircleIcon, InfoIcon, InlineInput, Input, _Item as Item, ItemAction, ItemActionProvider, ItemBadge, _Item as ItemBase, _ItemButton as ItemButton, ItemCard, _ItemTable as ItemTable, KeyIcon, LABEL_STYLES, LAYOUT_TOKENS, LOCALE_LABELS, _Label as Label, Layout, LeftIcon, LineChartIcon, Link, ListBox, ListBoxElement, ListBoxPopup, LoadingAnimation, LoadingIcon, LockFilledIcon, LockIcon, MAX_BASE_SATURATION, __Menu as Menu, MenuContext, MenuItem, MenuSection, _MenuTrigger as MenuTrigger, _MonthPicker as MonthPicker, MoreIcon, NotAllowedIcon, Notification, NotificationAction, NotificationCard, NotificationItem, Number123Icon, NumberIcon, _NumberInput as NumberInput, OverlayProvider, PALETTE_TOKENS, _Pagination as Pagination, _Panel as Panel, Paragraph, _PasswordInput as PasswordInput, PauseCircleFilledIcon, PauseCircleIcon, PauseIcon, PercentageIcon, _PeriodPicker as PeriodPicker, PersistentNotificationsList, Picker, PieChartIcon, PipetteIcon, Placeholder, PlayCircleIcon, PlayIcon, PlusIcon, Portal, Prefix, _PrismCode as PrismCode, PrismDiffCode, ProgressBarIcon, Provider, _QuarterPicker as QuarterPicker, __Radio as Radio, _RadioGroup as RadioGroup, __RangeSlider as RangeSlider, ReloadIcon, RenderCache, ReportIcon, _ResetButton as ResetButton, _ResizablePanel as ResizablePanel, ResizeSensor, _Result as Result, ReturnIcon, RightIcon, Root, RowTotalsIcon, SHADOW_TOKENS, SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SPACE_TOKENS, SUPPORTED_LOCALES, SchemeIcon, SearchComboBox, SearchIcon, SearchInput, Section, __Select as Select, SemanticQueryIcon, SettingsIcon, ShieldFilledIcon, ShieldIcon, Skeleton, SlashIcon, __Slider as Slider, SlotProvider, Space, SparklesIcon, Spin, SqlIcon, StatsCard, StatsIcon, StopIcon, StringIcon, SubMenuTrigger, _SubmitButton as SubmitButton, _SubmitError as SubmitError, SubtotalsIcon, Suffix, _Switch as Switch, SwitchIcon, TOKENS, TYPOGRAPHY_PRESETS, Tab, TableIcon, Tabs, TabsAction, _Tag as Tag, _Text as Text, _TextArea as TextArea, TextInput, TextInputBase, _TextInputMapper as TextInputMapper, TextItem, ThumbsDownIcon, ThumbsUpIcon, ThunderboltCrossedIcon, ThunderboltFilledIcon, ThunderboltIcon, TimeIcon, _TimeInput as TimeInput, _Title as Title, Toast, ToastItem, _Tooltip as Tooltip, TooltipProvider, TooltipTrigger, Trans, Translation, TrashIcon, Tree, Typography, UIKIT_I18N_NAMESPACE, UnlockIcon, UpIcon, UserGroupIcon, UserIcon, UserLockIcon, ValidationIndicator, ViewIcon, WarningFilledIcon, WarningIcon, _WeekPicker as WeekPicker, _YearPicker as YearPicker, addUIKitLocale, aspectRatio, boundedX, boundedY, chain, chainRaf, clampPage, colorSeed, colorThemeSeed, columnSortMenu, containerBounds, copy, createFormatter, createInstance, createUIKitI18n, defaultNavigationAdapter, extractModule, extractStyles, formatPeriod, formatRelativeTime, forwardRefWithGenerics, generateRandomId, getCodeTheme, getColorTheme, getColorTokens, getCompactor, getDisabledElementProps, getI18n, getPageInfo, getPaginationRange, getPalette, getPaletteConfig, getPaletteConfigInput, getPaletteTokens, getQuarter, getThemeIcon, getTokens, getValidationIcon, getValidationMods, getValidationTheme, getWeekNumber, gridBounds, hasValidationIndicator, hasValidationState, horizontalCompactor, i18next, initReactI18next, invalidatePaletteTokens, isSupportedLocale, isTextOnly, maxSize, mergeProps, mergeRefs, minMaxSize, minSize, modAttrs, noCompactor, omitActivationEventProps, openLink, parseAbsoluteDate, parseTo, performClickHandler, processSelectionArray, propDeprecationWarning, random, range, renderColorTokens, renderPaletteTokens, resetPaletteConfig, resolveIcon, resolvePaletteConfig, resolveValidationProps, setPaletteConfig, snapToGrid, snapToPeriod, subscribePaletteConfig, timeout, toFlatTree, useAction, useAlertDialogAPI, useAnchoredMenu, useBufferedValue, useButtonSplitContext, useCheckbox, useColorTheme, useCombinedRefs, useContextMenu, useControlledFocusVisible, useDialogContainer, useDismissParentPopover, useEventBus, useEventListener, useField, useFieldProps, useForm, useFormProps, useFormatter, useI18nSSR, useItemActionContext, useLayoutEffect, useLocalStorage, useLocale, useMenuContext, useMergeStyles, useNotifications, useNotificationsCount, usePagination, usePaletteConfig, usePaletteVersion, usePersistentNotifications, usePopoverSync, useProgressToast, useProviderProps, useQaProps, useRadio, useSearchField, useSearchFieldState, useSelectState, useSliderState, useSlotProps, useSwitch, useTextField, useToast, useToastContext, useTranslation, useValidationProps, useViewportSize, verticalCompactor, withTranslation, wrapIcon, wrapNodeIfPlain, wrapWithField };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +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 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 BOARD_SELECTION_CANCEL,\n} from './components/layout/Board';\nexport type {\n CubeBoardProps,\n BoardSelectionMode,\n CubeBoardWidgetProps,\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 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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuPA,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}
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 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 BOARD_SELECTION_CANCEL,\n} from './components/layout/Board';\nexport type {\n CubeBoardProps,\n BoardSelectionMode,\n CubeBoardWidgetProps,\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 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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuPA,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}

package/dist/probe/canonicalize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
 //#region src/probe/canonicalize.ts
 /**
 * Normalising generated identifiers out of rendered output.

package/dist/probe/css.js CHANGED Viewed

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

package/dist/probe/index.js CHANGED Viewed

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

package/dist/provider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
 import { EventBusProvider } from "./utils/react/useEventBus.js";
 import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/providers/TrackingProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
 import { createContext, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/providers/navigationAdapter.default.js CHANGED Viewed

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

package/dist/tokens/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
 //#region src/tokens/base.ts
 /**
 * Base design system tokens.

package/dist/tokens/color-seed.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+//#region src/tokens/color-seed.d.ts
+/**
+ * Turns a colour into the three numbers the palette is seeded from.
+ *
+ * A deliberate LEAF: it imports Glaze and nothing else. `./palette-config` reads it
+ * from inside `resolveConfig`, and `./palette-config` is the one module the token
+ * graph is not allowed to have a cycle through — so anything this file imported
+ * would become a `palette-config` dependency too. Glaze has no edge back into the
+ * token modules, so it is safe; `./palette` (which owns `TINT_RECIPE` and the global
+ * `glaze.configure`) is not.
+ *
+ * There is no ordering hazard either, even though `./palette` runs
+ * `glaze.configure()` at module scope and this file may be called before that
+ * happens. A bare-string colour token defaults to `lightTone: false`, so its light
+ * variant preserves the input tone exactly and its hue and saturation come straight
+ * off the parse — all three readings are independent of the global config.
+ */
+/** Hue, saturation and tone read off a colour, on the palette's own scales. */
+interface ColorSeed {
+  /** 0–360. */
+  hue: number;
+  /** 0–100 — the palette's seed scale, not Glaze's 0–1 factor. */
+  saturation: number;
+  /** 0–100 on the OKHST tone axis. */
+  tone: number;
+}
+/**
+ * Read a colour's hue, saturation and tone.
+ *
+ * Accepts anything Glaze parses — hex, `rgb()`, `hsl()`, `okhsl()`, `okhst()`,
+ * `oklch()`. CSS colour keywords (`rebeccapurple`) are **not** supported.
+ *
+ * Returns `null` on anything unparseable, having warned once, so a caller can fall
+ * back to its numeric seed instead of throwing on a typo in a settings field.
+ *
+ * ```ts
+ * colorSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19, tone: 65.78 }
+ * ```
+ */
+declare function colorSeed(value: string): ColorSeed | null;
+//#endregion
+export { ColorSeed, colorSeed };
+//# sourceMappingURL=color-seed.d.ts.map

package/dist/tokens/color-seed.js ADDED Viewed

@@ -0,0 +1,48 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
+import { glaze } from "@tenphi/glaze";
+//#region src/tokens/color-seed.ts
+/**
+* A colour picker being dragged emits a distinct string per frame, and
+* `resolveConfig` runs on every `setPaletteConfig` *and* every
+* `resolvePaletteConfig` preview. One resolve is only ~3µs, so this is insurance
+* against a drag rather than a hot path — hence a cap and a clear rather than an
+* LRU.
+*/
+const CACHE_LIMIT = 256;
+const cache = /* @__PURE__ */ new Map();
+/**
+* Read a colour's hue, saturation and tone.
+*
+* Accepts anything Glaze parses — hex, `rgb()`, `hsl()`, `okhsl()`, `okhst()`,
+* `oklch()`. CSS colour keywords (`rebeccapurple`) are **not** supported.
+*
+* Returns `null` on anything unparseable, having warned once, so a caller can fall
+* back to its numeric seed instead of throwing on a typo in a settings field.
+*
+* ```ts
+* colorSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19, tone: 65.78 }
+* ```
+*/
+function colorSeed(value) {
+	const cached = cache.get(value);
+	if (cached !== void 0) return cached;
+	let seed = null;
+	try {
+		const { h, s, t } = glaze.color(value).resolve().light;
+		seed = {
+			hue: h,
+			saturation: s * 100,
+			tone: t * 100
+		};
+	} catch {
+		console.warn(`[cube-ui-kit] could not parse palette colour ${JSON.stringify(value)}; keeping the numeric seed. Accepted: hex, rgb(), hsl(), okhsl(), okhst(), oklch() — CSS colour keywords are not supported.`);
+	}
+	if (cache.size >= CACHE_LIMIT) cache.clear();
+	cache.set(value, seed);
+	return seed;
+}
+//#endregion
+export { colorSeed };
+//# sourceMappingURL=color-seed.js.map

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

@@ -0,0 +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"}

package/dist/tokens/color-theme.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ interface ColorThemeConfig {
   saturation?: number;
   pastel?: boolean;
   /**
-   * Extra colour definitions, merged over {@link TINT_RECIPE}. Anything Glaze's
+   * Extra colour definitions, merged over {@link tintRecipe}. Anything Glaze's
    * `theme.colors()` accepts, including `contrast` floors against a sibling.
    */
   colors?: ColorMap;
@@ -45,6 +45,13 @@ interface ColorTheme {
  * ```ts
  * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }
  * ```
+ *
+ * The tone {@link colorSeed} also reads is dropped here on purpose: a tint theme
+ * re-derives its lightness per scheme, which is what makes it adaptive. The palette's
+ * `accentColor` keeps the tone, because a brand fill has to *be* the colour.
+ *
+ * An unparseable value falls back to the shipped seed rather than throwing — a hue
+ * typed into a settings field should not take the render down.
  */
 declare function colorThemeSeed(value: string): {
   hue: number;

package/dist/tokens/color-theme.js CHANGED Viewed

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
-import { DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteVersion } from "./palette-config.js";
-import { TINT_RECIPE } from "./palette.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | 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 { useGlobalStyles } from "@tenphi/tasty";
 import { glaze } from "@tenphi/glaze";
@@ -50,12 +51,23 @@ function stableStringify(value) {
 * ```ts
 * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }
 * ```
+*
+* The tone {@link colorSeed} also reads is dropped here on purpose: a tint theme
+* re-derives its lightness per scheme, which is what makes it adaptive. The palette's
+* `accentColor` keeps the tone, because a brand fill has to *be* the colour.
+*
+* An unparseable value falls back to the shipped seed rather than throwing — a hue
+* typed into a settings field should not take the render down.
 */
 function colorThemeSeed(value) {
-	const light = glaze.color(value).resolve().light;
+	const seed = colorSeed(value);
+	if (!seed) return {
+		hue: DEFAULT_HUE,
+		saturation: DEFAULT_SATURATION
+	};
 	return {
-		hue: light.h,
-		saturation: light.s * 100
+		hue: seed.hue,
+		saturation: seed.saturation
 	};
 }
 /**
@@ -98,7 +110,7 @@ function getColorTheme(config) {
 	};
 	const theme = glaze(hue, saturation, Object.keys(overrides).length ? overrides : void 0);
 	theme.colors({
-		...TINT_RECIPE,
+		...tintRecipe(paletteConfig),
 		...config.colors
 	});
 	const raw = theme.tasty({ format: "oklch" });

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

	@@ -1 +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 `TINT_RECIPE`.\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 { TINT_RECIPE } from './palette';\nimport {\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 TINT_RECIPE}. 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 /\nexport function colorThemeSeed(value: string): {\n hue: number;\n saturation: number;\n} {\n const light = glaze.color(value).resolve().light;\n\n // Glaze reports saturation as a 0–1 factor; the palette's seeds are 0–100.\n return { hue: light.h, saturation: light.s 100 };\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 theme.colors({ ...TINT_RECIPE, ...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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"}
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 * `accentColor` keeps the tone, because a brand fill has to be the 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 CHANGED Viewed

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

package/dist/tokens/index.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
-import { DEFAULT_PALETTE_CONFIG, PaletteCodeSeed, PaletteConfig, PaletteThemeName, PaletteThemeSeed, ResolvedPaletteConfig, getPaletteConfig, getPaletteConfigInput, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./palette-config.js";
+import { DEFAULT_PALETTE_CONFIG, MAX_BASE_SATURATION, PaletteCodeSeed, PaletteConfig, PaletteThemeName, PaletteThemeSeed, ResolvedPaletteConfig, SurfaceMode, getPaletteConfig, getPaletteConfigInput, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./palette-config.js";
 import { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SizeKey, SizeName } from "./sizes.js";
 import { PALETTE_TOKENS, RenderPaletteOptions, getCodeTheme, getPalette, getPaletteTokens, renderPaletteTokens } from "./palette.js";
 import { COLOR_TOKENS, getColorTokens, renderColorTokens } from "./colors.js";
+import { ColorSeed, colorSeed } from "./color-seed.js";
 import { ColorTheme, ColorThemeConfig, colorThemeSeed, getColorTheme, useColorTheme } from "./color-theme.js";
 import { SPACE_TOKENS } from "./spacing.js";
 import { SHADOW_TOKENS } from "./shadows.js";

package/dist/tokens/index.js CHANGED Viewed

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
-import { DEFAULT_PALETTE_CONFIG, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./palette-config.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
+import { colorSeed } from "./color-seed.js";
+import { DEFAULT_PALETTE_CONFIG, MAX_BASE_SATURATION, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";
 import { PALETTE_TOKENS, getCodeTheme, getPalette, getPaletteTokens, renderPaletteTokens } from "./palette.js";

package/dist/tokens/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/*\n Design tokens for the Cube UI Kit.\n \n This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n \n Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n /\n\nimport { 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';\nimport type { SizeKey, SizeName } from './sizes';\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, $purple-color-rgb, 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\n// Re-export category modules for direct access\nexport { COLOR_TOKENS, getColorTokens, renderColorTokens } from './colors';\n// Adaptive one-off themes built at runtime from an arbitrary hue, named by a\n// hash of their config so identical requests share one injection.\nexport { colorThemeSeed, getColorTheme, useColorTheme } from './color-theme';\nexport type { ColorTheme, ColorThemeConfig } from './color-theme';\nexport {\n getCodeTheme,\n getPalette,\n getPaletteTokens,\n PALETTE_TOKENS,\n renderPaletteTokens,\n} from './palette';\nexport type { RenderPaletteOptions } from './palette';\nexport {\n DEFAULT_PALETTE_CONFIG,\n getPaletteConfig,\n getPaletteConfigInput,\n invalidatePaletteTokens,\n resetPaletteConfig,\n resolvePaletteConfig,\n setPaletteConfig,\n subscribePaletteConfig,\n usePaletteConfig,\n usePaletteVersion,\n} from './palette-config';\nexport type {\n PaletteCodeSeed,\n PaletteConfig,\n PaletteThemeName,\n PaletteThemeSeed,\n ResolvedPaletteConfig,\n} from './palette-config';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\nexport { TYPOGRAPHY_PRESETS } from './typography';\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAiDA,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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/*\n Design tokens for the Cube UI Kit.\n \n This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n \n Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n /\n\nimport { 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';\nimport type { SizeKey, SizeName } from './sizes';\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, $purple-color-rgb, 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\n// Re-export category modules for direct access\nexport { COLOR_TOKENS, getColorTokens, renderColorTokens } from './colors';\n// Reads hue / saturation / tone off a colour — what the palette's `accentColor` and\n// `baseColor` seeds are resolved through.\nexport { colorSeed } from './color-seed';\nexport type { ColorSeed } from './color-seed';\n// Adaptive one-off themes built at runtime from an arbitrary hue, named by a\n// hash of their config so identical requests share one injection.\nexport { colorThemeSeed, getColorTheme, useColorTheme } from './color-theme';\nexport type { ColorTheme, ColorThemeConfig } from './color-theme';\nexport {\n getCodeTheme,\n getPalette,\n getPaletteTokens,\n PALETTE_TOKENS,\n renderPaletteTokens,\n} from './palette';\nexport type { RenderPaletteOptions } from './palette';\nexport {\n DEFAULT_PALETTE_CONFIG,\n getPaletteConfig,\n getPaletteConfigInput,\n invalidatePaletteTokens,\n MAX_BASE_SATURATION,\n resetPaletteConfig,\n resolvePaletteConfig,\n setPaletteConfig,\n subscribePaletteConfig,\n usePaletteConfig,\n usePaletteVersion,\n} from './palette-config';\nexport type {\n PaletteCodeSeed,\n PaletteConfig,\n PaletteThemeName,\n PaletteThemeSeed,\n ResolvedPaletteConfig,\n SurfaceMode,\n} from './palette-config';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\nexport { TYPOGRAPHY_PRESETS } from './typography';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,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"}

package/dist/tokens/layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/lazy-styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7a50d11 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4f9d7d0 | Cube Dev Team */
 //#region src/tokens/lazy-styles.ts
 /**
 * Proxy that defers to `factory()` on every property / enumeration access.