@cube-dev/ui-kit 0.0.0-canary-59f0562 → 0.0.0-canary-82f1a75

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';\nimport { configure } from './tasty';\n\nimport './version';\n\n// Configure tasty with UI-kit defaults\n// This overrides the raw unit defaults with CSS variable-based units\nconfigure({\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      '@autofill': ':-webkit-autofill',\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      caretColor: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      shadow: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)':\n          '0 0 0 9999rem rgb(255 255 255) inset',\n      },\n      preset: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': 'var(--placeholder-color, initial)',\n      color: 'var(--placeholder-color, initial)',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nexport { Section } 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 { ItemBadge } from './components/content/ItemBadge/ItemBadge';\nexport type { CubeItemBadgeProps } from './components/content/ItemBadge/ItemBadge';\nexport { ActiveZone } from './components/content/ActiveZone/ActiveZone';\nexport type { CubeActiveZoneProps } from './components/content/ActiveZone/ActiveZone';\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 { 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';\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 { 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 { CloudLogo } from './components/other/CloudLogo/CloudLogo';\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// molecules\nexport { FileTabs } from './components/organisms/FileTabs/FileTabs';\nexport type { CubeFileTabProps } from './components/organisms/FileTabs/FileTabs';\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 './tasty';\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  Props,\n  FlowStyleProps,\n  ShortGridStyles,\n} from './tasty';\n\nexport * from './utils';\nexport * from './tasty';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAU;CACR,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,aAAa;GACb,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACN,2BAA2B;IACzB,IAAI;IACJ,2DAA2D;IAC5D;GACD,YAAY,EACV,2DAA2D,YAC5D;GACD,QAAQ,EACN,2DACE,wCACH;GACD,QAAQ,EACN,2DAA2D,WAC5D;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AA4KF,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}
+{"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';\nimport { configure } from './tasty';\n\nimport './version';\n\n// Configure tasty with UI-kit defaults\n// This overrides the raw unit defaults with CSS variable-based units\nconfigure({\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      '@autofill': ':-webkit-autofill',\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      caretColor: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      shadow: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)':\n          '0 0 0 9999rem rgb(255 255 255) inset',\n      },\n      preset: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': 'var(--placeholder-color, initial)',\n      color: 'var(--placeholder-color, initial)',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nexport { Section } 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 { ItemBadge } from './components/content/ItemBadge/ItemBadge';\nexport type { CubeItemBadgeProps } from './components/content/ItemBadge/ItemBadge';\nexport { ActiveZone } from './components/content/ActiveZone/ActiveZone';\nexport type { CubeActiveZoneProps } from './components/content/ActiveZone/ActiveZone';\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 { 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';\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 { 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 { CloudLogo } from './components/other/CloudLogo/CloudLogo';\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// molecules\nexport { FileTabs } from './components/organisms/FileTabs/FileTabs';\nexport type { CubeFileTabProps } from './components/organisms/FileTabs/FileTabs';\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 './tasty';\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  Props,\n  FlowStyleProps,\n  ShortGridStyles,\n} from './tasty';\n\nexport * from './utils';\nexport * from './tasty';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAU;CACR,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,aAAa;GACb,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,2BAA2B;IACzB,IAAI;IACJ,2DAA2D;IAC5D;GACD,YAAY,EACV,2DAA2D,YAC5D;GACD,QAAQ,EACN,2DACE,wCACH;GACD,QAAQ,EACN,2DAA2D,WAC5D;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AA4KF,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}

package/dist/injector/injector.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 import { colorInitialValueToRgb, getEffectiveDefinition, normalizePropertyDefinition } from "../properties/index.js";
 import { isDevEnv } from "../utils/is-dev-env.js";

package/dist/injector/sheet-manager.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { createStyle } from "../styles/createStyle.js";
 import { STYLE_HANDLER_MAP } from "../styles/index.js";
 

package/dist/keyframes/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/keyframes/index.ts
 const KEYFRAMES_KEY = "@keyframes";
 /**

package/dist/parser/classify.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { COLOR_FUNCS, RE_HEX, RE_NUMBER, RE_RAW_UNIT, RE_UNIT_NUM, VALUE_KEYWORDS } from "./const.js";
 import { Bucket } from "./types.js";
 import { StyleParser } from "./parser.js";

package/dist/parser/const.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/parser/const.ts
 const VALUE_KEYWORDS = new Set([
 	"auto",

package/dist/parser/lru.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/parser/lru.ts
 var Lru = class {
 	map = /* @__PURE__ */ new Map();

package/dist/parser/parser.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { Lru } from "./lru.js";
 import { Bucket, finalizeGroup, finalizePart, makeEmptyDetails, makeEmptyPart } from "./types.js";
 import { classify } from "./classify.js";

package/dist/parser/tokenizer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/parser/tokenizer.ts
 const isWhitespace = (ch) => ch === " " || ch === "\n" || ch === "	" || ch === "\r" || ch === "\f";
 function scan(src, cb) {

package/dist/parser/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/parser/types.ts
 let Bucket = /* @__PURE__ */ function(Bucket) {
 	Bucket[Bucket["Color"] = 0] = "Color";

package/dist/pipeline/conditions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/pipeline/conditions.ts
 /**
 * Create a TRUE condition (matches everything)

package/dist/pipeline/exclusive.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { and, isCompoundCondition, not, trueCondition } from "./conditions.js";
 import { simplifyCondition } from "./simplify.js";
 

package/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 import { stringifyStyles } from "../utils/styles.js";
 import { createStyle } from "../styles/createStyle.js";

package/dist/pipeline/materialize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 
 //#region src/tasty/pipeline/materialize.ts

package/dist/pipeline/parseStateKey.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 import { camelToKebab } from "../utils/case-converter.js";
 import { expandDimensionShorthands, expandTastyUnits, findTopLevelComma, resolvePredefinedState } from "../states/index.js";

package/dist/pipeline/simplify.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 import { falseCondition, getConditionUniqueId, trueCondition } from "./conditions.js";
 

package/dist/plugins/okhsl-plugin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 
 //#region src/tasty/plugins/okhsl-plugin.ts

package/dist/properties/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { getRgbValuesFromRgbaString, strToRgb } from "../utils/styles.js";
 
 //#region src/tasty/properties/index.ts

package/dist/provider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | 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

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

package/dist/states/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { isDevEnv } from "../utils/is-dev-env.js";
 import { hasStylesGenerated } from "../config.js";
 

package/dist/styles/align.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/styles/align.ts
 function alignStyle({ align }) {
 	if (typeof align !== "string") return;

package/dist/styles/border.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/border.ts

package/dist/styles/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseColor } from "../utils/styles.js";
 import { convertColorChainToRgbChain } from "./createStyle.js";
 

package/dist/styles/createStyle.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { getRgbValuesFromRgbaString, normalizeColorTokenValue, parseColor, parseStyle, strToRgb } from "../utils/styles.js";
 import { toSnakeCase } from "../utils/string.js";
 

package/dist/styles/dimension.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/dimension.ts

package/dist/styles/display.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/display.ts

package/dist/styles/fade.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/fade.ts

package/dist/styles/fill.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/fill.ts

package/dist/styles/flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/styles/flow.ts
 function flowStyle({ display = "block", flow }) {
 	let style;

package/dist/styles/gap.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/gap.ts

package/dist/styles/height.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { dimensionStyle } from "./dimension.js";
 
 //#region src/tasty/styles/height.ts

package/dist/styles/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { convertColorChainToRgbChain, createStyle } from "./createStyle.js";
 import { normalizeHandlerDefinition, predefine, registerHandler } from "./predefined.js";
 

package/dist/styles/inset.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/inset.ts

package/dist/styles/justify.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/styles/justify.ts
 function justifyStyle({ justify }) {
 	if (typeof justify !== "string") return;

package/dist/styles/margin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/margin.ts

package/dist/styles/outline.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/outline.ts

package/dist/styles/padding.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/padding.ts

package/dist/styles/predefined.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { isDevEnv } from "../utils/is-dev-env.js";
 import { alignStyle } from "./align.js";
 import { borderStyle } from "./border.js";

package/dist/styles/preset.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/preset.ts

package/dist/styles/radius.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { DIRECTIONS, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/radius.ts

package/dist/styles/scrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/scrollbar.ts

package/dist/styles/shadow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/shadow.ts

package/dist/styles/styledScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 //#region src/tasty/styles/styledScrollbar.ts
 /**
 * @deprecated `styledScrollbar` is deprecated. Use `scrollbar` instead.

package/dist/styles/transition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/transition.ts

package/dist/styles/types.d.ts

@@ -441,12 +441,13 @@ interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font'
   /**
    * Apply one or more predefined style recipes by name.
    * Recipes are defined globally via `configure({ recipes: { ... } })`.
-   * Multiple recipes are separated by commas and merged in order.
-   * Component styles override recipe values.
+   * Multiple recipes are space-separated. Use `|` to separate base recipes
+   * (applied before component styles) from post recipes (applied after, via mergeStyles).
    *
    * Examples:
    * - `recipe: 'card'` // Apply the 'card' recipe
-   * - `recipe: 'card, elevated'` // Apply 'card' then 'elevated', then component styles
+   * - `recipe: 'card elevated'` // Apply 'card' then 'elevated', then component styles
+   * - `recipe: 'reset input | input-autofill'` // Base recipes, then post recipe
    * - `recipe: ''` // Clear recipes from base styles when extending
    */
   recipe?: string;

package/dist/styles/width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { dimensionStyle } from "./dimension.js";
 
 //#region src/tasty/styles/width.ts

package/dist/tasty/chunks/cacheKey.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { extractLocalPredefinedStates, extractPredefinedStateRefs } from "../states/index.js";
 
 //#region src/tasty/chunks/cacheKey.ts

package/dist/tasty/chunks/definitions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { isSelector } from "../pipeline/index.js";
 
 //#region src/tasty/chunks/definitions.ts

package/dist/tasty/chunks/renderChunk.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { extractLocalPredefinedStates } from "../states/index.js";
 import { renderStyles } from "../pipeline/index.js";
 import { CHUNK_NAMES } from "./definitions.js";

package/dist/tasty/config.d.ts

@@ -182,9 +182,9 @@ interface TastyConfig {
    * Recipe values are flat tasty styles (no sub-element keys). They may contain base styles,
    * tokens (`$name`/`#name` definitions), local states, `@keyframes`, and `@properties`.
    *
-   * Components reference recipes via: `recipe: 'name1, name2'` in their styles.
-   * Recipes are resolved before the style pipeline by merging in order:
-   * `recipe_1 → recipe_2 → ... → component styles`.
+   * Components reference recipes via: `recipe: 'name1 name2'` in their styles.
+   * Use `|` to separate base recipes from post recipes: `recipe: 'base1 base2 | post1'`.
+   * Resolution order: `base_recipes → component styles → post_recipes`.
    *
    * Recipes cannot reference other recipes.
    *
@@ -200,7 +200,7 @@ interface TastyConfig {
    * // Usage in styles:
    * const Card = tasty({
    *   styles: {
-   *     recipe: 'card, elevated',
+   *     recipe: 'card elevated',
    *     color: '#text', // Overrides recipe values
    *   },
    * });

package/dist/tasty/config.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-59f0562 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-82f1a75 | Cube Dev Team */
 import { CUSTOM_UNITS, getGlobalFuncs, getGlobalParser, normalizeColorTokenValue, resetGlobalPredefinedTokens, setGlobalPredefinedTokens } from "./utils/styles.js";
 import { isDevEnv } from "./utils/is-dev-env.js";
 import { normalizeHandlerDefinition, registerHandler, resetHandlers } from "./styles/predefined.js";
@@ -226,7 +226,7 @@ function setGlobalRecipes(recipes) {
 	}
 	if (devMode) for (const [name, recipeStyles] of Object.entries(recipes)) for (const key of Object.keys(recipeStyles)) {
 		if (isSelector(key)) warnOnce(`recipe-selector-${name}-${key}`, `[Tasty] Recipe "${name}" contains sub-element key "${key}". Recipes must be flat styles without sub-element keys. Remove the sub-element key from the recipe definition.`);
-		if (key === "recipe") warnOnce(`recipe-recursive-${name}`, `[Tasty] Recipe "${name}" contains a "recipe" key. Recipes cannot reference other recipes. Use comma-separated names for composition: recipe: 'base, elevated'.`);
+		if (key === "recipe") warnOnce(`recipe-recursive-${name}`, `[Tasty] Recipe "${name}" contains a "recipe" key. Recipes cannot reference other recipes. Use space-separated names for composition: recipe: 'base elevated'.`);
 	}
 	globalRecipes = recipes;
 }