@stokelp/styled-system 2.93.0 → 2.95.0

package/recipes/product-card-catalog.d.ts

@@ -10,13 +10,16 @@ type ProductCardCatalogVariantMap = {
   [key in keyof ProductCardCatalogVariant]: Array<ProductCardCatalogVariant[key]>
 }
 
+type ProductCardCatalogSlot = "root" | "title" | "image" | "imageContainer" | "content" | "description" | "highlight" | "tag" | "badgeList" | "badge" | "shortLivedTag"
+
 export type ProductCardCatalogVariantProps = {
   [key in keyof ProductCardCatalogVariant]?: ConditionalValue<ProductCardCatalogVariant[key]> | undefined
 }
 
 export interface ProductCardCatalogRecipe {
+  __slot: ProductCardCatalogSlot
   __type: ProductCardCatalogVariantProps
-  (props?: ProductCardCatalogVariantProps): Pretty<Record<"root" | "title" | "image" | "imageContainer" | "content" | "description" | "highlight" | "tag" | "badgeList" | "badge" | "shortLivedTag", string>>
+  (props?: ProductCardCatalogVariantProps): Pretty<Record<ProductCardCatalogSlot, string>>
   raw: (props?: ProductCardCatalogVariantProps) => ProductCardCatalogVariantProps
   variantMap: ProductCardCatalogVariantMap
   variantKeys: Array<keyof ProductCardCatalogVariant>
@@ -26,7 +29,5 @@ export interface ProductCardCatalogRecipe {
 
 /**
  * The styles for the ProductCardCatalog component
-
-
  */
 export declare const productCardCatalog: ProductCardCatalogRecipe

package/recipes/product-card-catalog.mjs

@@ -63,6 +63,7 @@ export const productCardCatalog = /* @__PURE__ */ Object.assign(productCardCatal
   __recipe__: false,
   __name__: 'productCardCatalog',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: productCardCatalogVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/recipes/radio-button-group.d.ts

@@ -13,13 +13,16 @@ type RadioButtonGroupVariantMap = {
   [key in keyof RadioButtonGroupVariant]: Array<RadioButtonGroupVariant[key]>
 }
 
+type RadioButtonGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator"
+
 export type RadioButtonGroupVariantProps = {
   [key in keyof RadioButtonGroupVariant]?: ConditionalValue<RadioButtonGroupVariant[key]> | undefined
 }
 
 export interface RadioButtonGroupRecipe {
+  __slot: RadioButtonGroupSlot
   __type: RadioButtonGroupVariantProps
-  (props?: RadioButtonGroupVariantProps): Pretty<Record<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator", string>>
+  (props?: RadioButtonGroupVariantProps): Pretty<Record<RadioButtonGroupSlot, string>>
   raw: (props?: RadioButtonGroupVariantProps) => RadioButtonGroupVariantProps
   variantMap: RadioButtonGroupVariantMap
   variantKeys: Array<keyof RadioButtonGroupVariant>

package/recipes/radio-button-group.mjs

@@ -47,6 +47,7 @@ export const radioButtonGroup = /* @__PURE__ */ Object.assign(radioButtonGroupFn
   __recipe__: false,
   __name__: 'radioButtonGroup',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: radioButtonGroupVariantKeys,
   variantMap: {
   "size": [

package/recipes/radio-card-group.d.ts

@@ -13,13 +13,16 @@ type RadioCardGroupVariantMap = {
   [key in keyof RadioCardGroupVariant]: Array<RadioCardGroupVariant[key]>
 }
 
+type RadioCardGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator" | "itemImage" | "itemContent" | "itemTitle" | "itemDescription"
+
 export type RadioCardGroupVariantProps = {
   [key in keyof RadioCardGroupVariant]?: ConditionalValue<RadioCardGroupVariant[key]> | undefined
 }
 
 export interface RadioCardGroupRecipe {
+  __slot: RadioCardGroupSlot
   __type: RadioCardGroupVariantProps
-  (props?: RadioCardGroupVariantProps): Pretty<Record<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator" | "itemImage" | "itemContent" | "itemTitle" | "itemDescription", string>>
+  (props?: RadioCardGroupVariantProps): Pretty<Record<RadioCardGroupSlot, string>>
   raw: (props?: RadioCardGroupVariantProps) => RadioCardGroupVariantProps
   variantMap: RadioCardGroupVariantMap
   variantKeys: Array<keyof RadioCardGroupVariant>

package/recipes/radio-card-group.mjs

@@ -63,6 +63,7 @@ export const radioCardGroup = /* @__PURE__ */ Object.assign(radioCardGroupFn, {
   __recipe__: false,
   __name__: 'radioCardGroup',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: radioCardGroupVariantKeys,
   variantMap: {
   "size": [

package/recipes/radio-group.d.ts

@@ -13,13 +13,16 @@ type RadioGroupVariantMap = {
   [key in keyof RadioGroupVariant]: Array<RadioGroupVariant[key]>
 }
 
+type RadioGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator"
+
 export type RadioGroupVariantProps = {
   [key in keyof RadioGroupVariant]?: ConditionalValue<RadioGroupVariant[key]> | undefined
 }
 
 export interface RadioGroupRecipe {
+  __slot: RadioGroupSlot
   __type: RadioGroupVariantProps
-  (props?: RadioGroupVariantProps): Pretty<Record<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator", string>>
+  (props?: RadioGroupVariantProps): Pretty<Record<RadioGroupSlot, string>>
   raw: (props?: RadioGroupVariantProps) => RadioGroupVariantProps
   variantMap: RadioGroupVariantMap
   variantKeys: Array<keyof RadioGroupVariant>

package/recipes/radio-group.mjs

@@ -47,6 +47,7 @@ export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, {
   __recipe__: false,
   __name__: 'radioGroup',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: radioGroupVariantKeys,
   variantMap: {
   "size": [

package/recipes/select-language.d.ts

@@ -13,13 +13,16 @@ type SelectLanguageVariantMap = {
   [key in keyof SelectLanguageVariant]: Array<SelectLanguageVariant[key]>
 }
 
+type SelectLanguageSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
+
 export type SelectLanguageVariantProps = {
   [key in keyof SelectLanguageVariant]?: ConditionalValue<SelectLanguageVariant[key]> | undefined
 }
 
 export interface SelectLanguageRecipe {
+  __slot: SelectLanguageSlot
   __type: SelectLanguageVariantProps
-  (props?: SelectLanguageVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  (props?: SelectLanguageVariantProps): Pretty<Record<SelectLanguageSlot, string>>
   raw: (props?: SelectLanguageVariantProps) => SelectLanguageVariantProps
   variantMap: SelectLanguageVariantMap
   variantKeys: Array<keyof SelectLanguageVariant>

package/recipes/select-language.mjs

@@ -83,6 +83,7 @@ export const selectLanguage = /* @__PURE__ */ Object.assign(selectLanguageFn, {
   __recipe__: false,
   __name__: 'selectLanguage',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: selectLanguageVariantKeys,
   variantMap: {
   "variant": [

package/recipes/select.d.ts

@@ -14,13 +14,16 @@ type SelectVariantMap = {
   [key in keyof SelectVariant]: Array<SelectVariant[key]>
 }
 
+type SelectSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
+
 export type SelectVariantProps = {
   [key in keyof SelectVariant]?: ConditionalValue<SelectVariant[key]> | undefined
 }
 
 export interface SelectRecipe {
+  __slot: SelectSlot
   __type: SelectVariantProps
-  (props?: SelectVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  (props?: SelectVariantProps): Pretty<Record<SelectSlot, string>>
   raw: (props?: SelectVariantProps) => SelectVariantProps
   variantMap: SelectVariantMap
   variantKeys: Array<keyof SelectVariant>

package/recipes/select.mjs

@@ -84,6 +84,7 @@ export const select = /* @__PURE__ */ Object.assign(selectFn, {
   __recipe__: false,
   __name__: 'select',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: selectVariantKeys,
   variantMap: {
   "hideClearTrigger": [

package/recipes/status-tag-select.d.ts

@@ -17,13 +17,16 @@ type StatusTagSelectVariantMap = {
   [key in keyof StatusTagSelectVariant]: Array<StatusTagSelectVariant[key]>
 }
 
+type StatusTagSelectSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
+
 export type StatusTagSelectVariantProps = {
   [key in keyof StatusTagSelectVariant]?: ConditionalValue<StatusTagSelectVariant[key]> | undefined
 }
 
 export interface StatusTagSelectRecipe {
+  __slot: StatusTagSelectSlot
   __type: StatusTagSelectVariantProps
-  (props?: StatusTagSelectVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  (props?: StatusTagSelectVariantProps): Pretty<Record<StatusTagSelectSlot, string>>
   raw: (props?: StatusTagSelectVariantProps) => StatusTagSelectVariantProps
   variantMap: StatusTagSelectVariantMap
   variantKeys: Array<keyof StatusTagSelectVariant>

package/recipes/status-tag-select.mjs

@@ -85,6 +85,7 @@ export const statusTagSelect = /* @__PURE__ */ Object.assign(statusTagSelectFn,
   __recipe__: false,
   __name__: 'statusTagSelect',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: statusTagSelectVariantKeys,
   variantMap: {
   "size": [

package/recipes/switch-card.d.ts

@@ -13,13 +13,16 @@ type SwitchCardVariantMap = {
   [key in keyof SwitchCardVariant]: Array<SwitchCardVariant[key]>
 }
 
+type SwitchCardSlot = "root" | "label" | "control" | "thumb" | "image" | "content" | "title" | "description"
+
 export type SwitchCardVariantProps = {
   [key in keyof SwitchCardVariant]?: ConditionalValue<SwitchCardVariant[key]> | undefined
 }
 
 export interface SwitchCardRecipe {
+  __slot: SwitchCardSlot
   __type: SwitchCardVariantProps
-  (props?: SwitchCardVariantProps): Pretty<Record<"root" | "label" | "control" | "thumb" | "image" | "content" | "title" | "description", string>>
+  (props?: SwitchCardVariantProps): Pretty<Record<SwitchCardSlot, string>>
   raw: (props?: SwitchCardVariantProps) => SwitchCardVariantProps
   variantMap: SwitchCardVariantMap
   variantKeys: Array<keyof SwitchCardVariant>

package/recipes/switch-card.mjs

@@ -55,6 +55,7 @@ export const switchCard = /* @__PURE__ */ Object.assign(switchCardFn, {
   __recipe__: false,
   __name__: 'switchCard',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: switchCardVariantKeys,
   variantMap: {
   "size": [

package/recipes/switch-recipe.d.ts

@@ -13,13 +13,16 @@ type SwitchRecipeVariantMap = {
   [key in keyof SwitchRecipeVariant]: Array<SwitchRecipeVariant[key]>
 }
 
+type SwitchRecipeSlot = "root" | "label" | "control" | "thumb"
+
 export type SwitchRecipeVariantProps = {
   [key in keyof SwitchRecipeVariant]?: ConditionalValue<SwitchRecipeVariant[key]> | undefined
 }
 
 export interface SwitchRecipeRecipe {
+  __slot: SwitchRecipeSlot
   __type: SwitchRecipeVariantProps
-  (props?: SwitchRecipeVariantProps): Pretty<Record<"root" | "label" | "control" | "thumb", string>>
+  (props?: SwitchRecipeVariantProps): Pretty<Record<SwitchRecipeSlot, string>>
   raw: (props?: SwitchRecipeVariantProps) => SwitchRecipeVariantProps
   variantMap: SwitchRecipeVariantMap
   variantKeys: Array<keyof SwitchRecipeVariant>

package/recipes/switch-recipe.mjs

@@ -39,6 +39,7 @@ export const switchRecipe = /* @__PURE__ */ Object.assign(switchRecipeFn, {
   __recipe__: false,
   __name__: 'switchRecipe',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: switchRecipeVariantKeys,
   variantMap: {
   "size": [

package/recipes/table-container.d.ts

@@ -10,11 +10,14 @@ type TableContainerVariantMap = {
   [key in keyof TableContainerVariant]: Array<TableContainerVariant[key]>
 }
 
+
+
 export type TableContainerVariantProps = {
   [key in keyof TableContainerVariant]?: ConditionalValue<TableContainerVariant[key]> | undefined
 }
 
 export interface TableContainerRecipe {
+  
   __type: TableContainerVariantProps
   (props?: TableContainerVariantProps): string
   raw: (props?: TableContainerVariantProps) => TableContainerVariantProps

package/recipes/table-empty-row.d.ts

@@ -10,11 +10,14 @@ type TableEmptyRowVariantMap = {
   [key in keyof TableEmptyRowVariant]: Array<TableEmptyRowVariant[key]>
 }
 
+
+
 export type TableEmptyRowVariantProps = {
   [key in keyof TableEmptyRowVariant]?: ConditionalValue<TableEmptyRowVariant[key]> | undefined
 }
 
 export interface TableEmptyRowRecipe {
+  
   __type: TableEmptyRowVariantProps
   (props?: TableEmptyRowVariantProps): string
   raw: (props?: TableEmptyRowVariantProps) => TableEmptyRowVariantProps

package/recipes/table-group-title.d.ts

@@ -13,11 +13,14 @@ type TableGroupTitleVariantMap = {
   [key in keyof TableGroupTitleVariant]: Array<TableGroupTitleVariant[key]>
 }
 
+
+
 export type TableGroupTitleVariantProps = {
   [key in keyof TableGroupTitleVariant]?: ConditionalValue<TableGroupTitleVariant[key]> | undefined
 }
 
 export interface TableGroupTitleRecipe {
+  
   __type: TableGroupTitleVariantProps
   (props?: TableGroupTitleVariantProps): string
   raw: (props?: TableGroupTitleVariantProps) => TableGroupTitleVariantProps

package/recipes/table.d.ts

@@ -10,13 +10,16 @@ type TableVariantMap = {
   [key in keyof TableVariant]: Array<TableVariant[key]>
 }
 
+type TableSlot = "root" | "thead" | "tbody" | "tr" | "th" | "td" | "sortIndicatorRoot" | "sortIndicator"
+
 export type TableVariantProps = {
   [key in keyof TableVariant]?: ConditionalValue<TableVariant[key]> | undefined
 }
 
 export interface TableRecipe {
+  __slot: TableSlot
   __type: TableVariantProps
-  (props?: TableVariantProps): Pretty<Record<"root" | "thead" | "tbody" | "tr" | "th" | "td" | "sortIndicatorRoot" | "sortIndicator", string>>
+  (props?: TableVariantProps): Pretty<Record<TableSlot, string>>
   raw: (props?: TableVariantProps) => TableVariantProps
   variantMap: TableVariantMap
   variantKeys: Array<keyof TableVariant>

package/recipes/table.mjs

@@ -51,6 +51,7 @@ export const table = /* @__PURE__ */ Object.assign(tableFn, {
   __recipe__: false,
   __name__: 'table',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tableVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/recipes/tabs-chip.d.ts

@@ -13,11 +13,14 @@ type TabsChipVariantMap = {
   [key in keyof TabsChipVariant]: Array<TabsChipVariant[key]>
 }
 
+
+
 export type TabsChipVariantProps = {
   [key in keyof TabsChipVariant]?: ConditionalValue<TabsChipVariant[key]> | undefined
 }
 
 export interface TabsChipRecipe {
+  
   __type: TabsChipVariantProps
   (props?: TabsChipVariantProps): string
   raw: (props?: TabsChipVariantProps) => TabsChipVariantProps
@@ -29,7 +32,5 @@ export interface TabsChipRecipe {
 
 /**
  * The styles for the TabsChip component
-
-
  */
 export declare const tabsChip: TabsChipRecipe

package/recipes/tabs.d.ts

@@ -17,13 +17,16 @@ type TabsVariantMap = {
   [key in keyof TabsVariant]: Array<TabsVariant[key]>
 }
 
+type TabsSlot = "root" | "list" | "trigger" | "content" | "indicator"
+
 export type TabsVariantProps = {
   [key in keyof TabsVariant]?: ConditionalValue<TabsVariant[key]> | undefined
 }
 
 export interface TabsRecipe {
+  __slot: TabsSlot
   __type: TabsVariantProps
-  (props?: TabsVariantProps): Pretty<Record<"root" | "list" | "trigger" | "content" | "indicator", string>>
+  (props?: TabsVariantProps): Pretty<Record<TabsSlot, string>>
   raw: (props?: TabsVariantProps) => TabsVariantProps
   variantMap: TabsVariantMap
   variantKeys: Array<keyof TabsVariant>

package/recipes/tabs.mjs

@@ -45,6 +45,7 @@ export const tabs = /* @__PURE__ */ Object.assign(tabsFn, {
   __recipe__: false,
   __name__: 'tabs',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tabsVariantKeys,
   variantMap: {
   "lineVariant": [

package/recipes/tag.d.ts

@@ -17,13 +17,16 @@ type TagVariantMap = {
   [key in keyof TagVariant]: Array<TagVariant[key]>
 }
 
+type TagSlot = "root" | "badge"
+
 export type TagVariantProps = {
   [key in keyof TagVariant]?: ConditionalValue<TagVariant[key]> | undefined
 }
 
 export interface TagRecipe {
+  __slot: TagSlot
   __type: TagVariantProps
-  (props?: TagVariantProps): Pretty<Record<"root" | "badge", string>>
+  (props?: TagVariantProps): Pretty<Record<TagSlot, string>>
   raw: (props?: TagVariantProps) => TagVariantProps
   variantMap: TagVariantMap
   variantKeys: Array<keyof TagVariant>
@@ -33,7 +36,5 @@ export interface TagRecipe {
 
 /**
  * The styles for the Tag component
-
-
  */
 export declare const tag: TagRecipe

package/recipes/tag.mjs

@@ -33,6 +33,7 @@ export const tag = /* @__PURE__ */ Object.assign(tagFn, {
   __recipe__: false,
   __name__: 'tag',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tagVariantKeys,
   variantMap: {
   "size": [

package/recipes/text.d.ts

@@ -16,11 +16,14 @@ type TextVariantMap = {
   [key in keyof TextVariant]: Array<TextVariant[key]>
 }
 
+
+
 export type TextVariantProps = {
   [key in keyof TextVariant]?: ConditionalValue<TextVariant[key]> | undefined
 }
 
 export interface TextRecipe {
+  
   __type: TextVariantProps
   (props?: TextVariantProps): string
   raw: (props?: TextVariantProps) => TextVariantProps

package/recipes/textarea.d.ts

@@ -10,11 +10,14 @@ type TextareaVariantMap = {
   [key in keyof TextareaVariant]: Array<TextareaVariant[key]>
 }
 
+
+
 export type TextareaVariantProps = {
   [key in keyof TextareaVariant]?: ConditionalValue<TextareaVariant[key]> | undefined
 }
 
 export interface TextareaRecipe {
+  
   __type: TextareaVariantProps
   (props?: TextareaVariantProps): string
   raw: (props?: TextareaVariantProps) => TextareaVariantProps

package/recipes/tooltip.d.ts

@@ -10,13 +10,16 @@ type TooltipVariantMap = {
   [key in keyof TooltipVariant]: Array<TooltipVariant[key]>
 }
 
+type TooltipSlot = "trigger" | "arrow" | "arrowTip" | "positioner" | "content"
+
 export type TooltipVariantProps = {
   [key in keyof TooltipVariant]?: ConditionalValue<TooltipVariant[key]> | undefined
 }
 
 export interface TooltipRecipe {
+  __slot: TooltipSlot
   __type: TooltipVariantProps
-  (props?: TooltipVariantProps): Pretty<Record<"trigger" | "arrow" | "arrowTip" | "positioner" | "content", string>>
+  (props?: TooltipVariantProps): Pretty<Record<TooltipSlot, string>>
   raw: (props?: TooltipVariantProps) => TooltipVariantProps
   variantMap: TooltipVariantMap
   variantKeys: Array<keyof TooltipVariant>

package/recipes/tooltip.mjs

@@ -39,6 +39,7 @@ export const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
   __recipe__: false,
   __name__: 'tooltip',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tooltipVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/tokens/tokens.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.bounce" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-in-right" | "animations.drawer-out-left" | "animations.drawer-out-right" | "animations.fade-in" | "animations.ping" | "animations.pulse" | "animations.skeleton-pulse" | "animations.spin" | "animations.collapse-in" | "animations.collapse-out" | "aspectRatios.golden" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.square" | "aspectRatios.ultrawide" | "aspectRatios.wide" | "blurs.2xl" | "blurs.3xl" | "blurs.base" | "blurs.lg" | "blurs.md" | "blurs.sm" | "blurs.xl" | "borders.border.none" | "colors.black" | "colors.current" | "colors.transparent" | "colors.white" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.grey.10" | "colors.grey.50" | "colors.grey.100" | "colors.grey.200" | "colors.grey.300" | "colors.grey.400" | "colors.grey.500" | "colors.grey.600" | "colors.grey.700" | "colors.grey.800" | "colors.grey.900" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "durations.fast" | "durations.faster" | "durations.fastest" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.default" | "easings.ease-bounce-1" | "easings.ease-bounce-2" | "easings.ease-bounce-3" | "easings.ease-bounce-4" | "easings.ease-bounce-5" | "easings.ease-spring-1" | "easings.ease-spring-2" | "easings.ease-spring-3" | "easings.ease-spring-4" | "easings.ease-spring-5" | "easings.emphasized-in" | "easings.emphasized-out" | "easings.in" | "easings.in-out" | "easings.linear" | "easings.out" | "easings.pulse" | "fontSizes.body.lg" | "fontSizes.body.md" | "fontSizes.body.sm" | "fontSizes.heading.desktop.2xl" | "fontSizes.heading.desktop.lg" | "fontSizes.heading.desktop.md" | "fontSizes.heading.desktop.sm" | "fontSizes.heading.desktop.xs" | "fontSizes.heading.mobile.2xl" | "fontSizes.heading.mobile.lg" | "fontSizes.heading.mobile.md" | "fontSizes.heading.mobile.sm" | "fontSizes.heading.mobile.xs" | "fontWeights.black" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.medium" | "fontWeights.normal" | "fontWeights.semibold" | "fontWeights.thin" | "fonts.satoshi" | "fonts.cabinet" | "fonts.mono" | "fonts.sans" | "fonts.serif" | "letterSpacings.normal" | "letterSpacings.tight" | "letterSpacings.tighter" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "radii.radius-0" | "radii.radius-2" | "radii.radius-4" | "radii.radius-6" | "radii.radius-8" | "radii.radius-10" | "radii.radius-12" | "radii.radius-16" | "radii.radius-20" | "radii.radius-24" | "radii.radius-28" | "radii.radius-32" | "radii.radius-36" | "radii.radius-40" | "radii.radius-44" | "radii.radius-48" | "radii.radius-52" | "radii.radius-56" | "radii.radius-60" | "radii.radius-64" | "radii.full" | "shadows.2xl" | "shadows.inner" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.xl" | "shadows.xs" | "sizes.size-0" | "sizes.size-12" | "sizes.size-14" | "sizes.size-16" | "sizes.size-18" | "sizes.size-2" | "sizes.size-20" | "sizes.size-24" | "sizes.size-28" | "sizes.size-32" | "sizes.size-36" | "sizes.size-4" | "sizes.size-40" | "sizes.size-6" | "sizes.size-44" | "sizes.size-8" | "sizes.full" | "sizes.max" | "sizes.size-48" | "sizes.fit" | "sizes.size-52" | "sizes.min" | "sizes.size-56" | "sizes.size-60" | "sizes.size-64" | "sizes.size-68" | "sizes.size-72" | "sizes.size-76" | "sizes.size-80" | "sizes.breakpoint-xl" | "sizes.breakpoint-lg" | "sizes.breakpoint-md" | "sizes.breakpoint-sm" | "spacing.space-0" | "spacing.space-12" | "spacing.space-10" | "spacing.space-14" | "spacing.space-16" | "spacing.space-18" | "spacing.space-2" | "spacing.space-20" | "spacing.space-24" | "spacing.space-28" | "spacing.space-32" | "spacing.space-36" | "spacing.space-4" | "spacing.space-40" | "spacing.space-6" | "spacing.space-44" | "spacing.space-8" | "spacing.space-48" | "spacing.space-52" | "spacing.space-56" | "spacing.space-60" | "spacing.space-64" | "spacing.space-68" | "spacing.space-72" | "spacing.space-76" | "spacing.space-80" | "zIndex.banner" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.hide" | "zIndex.modal" | "zIndex.overlay" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.sticky" | "zIndex.toast" | "zIndex.tooltip" | "breakpoints.xl" | "breakpoints.lg" | "breakpoints.md" | "breakpoints.sm" | "colors.decorative.red.light" | "colors.decorative.red.mid" | "colors.decorative.red.dark" | "colors.decorative.blue.light" | "colors.decorative.blue.mid" | "colors.decorative.blue.dark" | "colors.decorative.yellow.light" | "colors.decorative.yellow.mid" | "colors.decorative.yellow.dark" | "colors.decorative.purple.light" | "colors.decorative.purple.mid" | "colors.decorative.purple.dark" | "colors.decorative.green.light" | "colors.decorative.green.mid" | "colors.decorative.green.dark" | "colors.decorative.brown.light" | "colors.decorative.brown.mid" | "colors.decorative.brown.dark" | "colors.typology.fish.light" | "colors.typology.fish.mid" | "colors.typology.fish.dark" | "colors.typology.meat.light" | "colors.typology.meat.mid" | "colors.typology.meat.dark" | "colors.typology.fruit.light" | "colors.typology.fruit.mid" | "colors.typology.fruit.dark" | "colors.typology.vegetable.light" | "colors.typology.vegetable.mid" | "colors.typology.vegetable.dark" | "colors.typology.cereal.light" | "colors.typology.cereal.mid" | "colors.typology.cereal.dark" | "colors.typology.oil.light" | "colors.typology.oil.mid" | "colors.typology.oil.dark" | "colors.typology.aromatic.light" | "colors.typology.aromatic.mid" | "colors.typology.aromatic.dark" | "colors.primary.100" | "colors.primary.200" | "colors.primary.300" | "colors.primary.400" | "colors.primary.500" | "colors.primary.600" | "colors.primary.700" | "colors.primary.800" | "colors.primary.900" | "colors.secondary.100" | "colors.secondary.200" | "colors.secondary.300" | "colors.secondary.400" | "colors.secondary.500" | "colors.secondary.600" | "colors.secondary.700" | "colors.secondary.800" | "colors.secondary.900" | "colors.error.100" | "colors.error.200" | "colors.error.300" | "colors.error.400" | "colors.error.500" | "colors.error.600" | "colors.error.700" | "colors.error.800" | "colors.error.900" | "colors.success.100" | "colors.success.200" | "colors.success.300" | "colors.success.400" | "colors.success.500" | "colors.success.600" | "colors.success.700" | "colors.success.800" | "colors.success.900" | "colors.warning.100" | "colors.warning.200" | "colors.warning.300" | "colors.warning.400" | "colors.warning.500" | "colors.warning.600" | "colors.warning.700" | "colors.warning.800" | "colors.warning.900" | "colors.text" | "colors.text.disabled" | "colors.text.heading" | "spacing.-space-0" | "spacing.-space-12" | "spacing.-space-10" | "spacing.-space-14" | "spacing.-space-16" | "spacing.-space-18" | "spacing.-space-2" | "spacing.-space-20" | "spacing.-space-24" | "spacing.-space-28" | "spacing.-space-32" | "spacing.-space-36" | "spacing.-space-4" | "spacing.-space-40" | "spacing.-space-6" | "spacing.-space-44" | "spacing.-space-8" | "spacing.-space-48" | "spacing.-space-52" | "spacing.-space-56" | "spacing.-space-60" | "spacing.-space-64" | "spacing.-space-68" | "spacing.-space-72" | "spacing.-space-76" | "spacing.-space-80" | "colors.colorPalette" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.10" | "colors.colorPalette.50" | "colors.colorPalette.red.light" | "colors.colorPalette.light" | "colors.colorPalette.red.mid" | "colors.colorPalette.mid" | "colors.colorPalette.red.dark" | "colors.colorPalette.dark" | "colors.colorPalette.blue.light" | "colors.colorPalette.blue.mid" | "colors.colorPalette.blue.dark" | "colors.colorPalette.yellow.light" | "colors.colorPalette.yellow.mid" | "colors.colorPalette.yellow.dark" | "colors.colorPalette.purple.light" | "colors.colorPalette.purple.mid" | "colors.colorPalette.purple.dark" | "colors.colorPalette.green.light" | "colors.colorPalette.green.mid" | "colors.colorPalette.green.dark" | "colors.colorPalette.brown.light" | "colors.colorPalette.brown.mid" | "colors.colorPalette.brown.dark" | "colors.colorPalette.fish.light" | "colors.colorPalette.fish.mid" | "colors.colorPalette.fish.dark" | "colors.colorPalette.meat.light" | "colors.colorPalette.meat.mid" | "colors.colorPalette.meat.dark" | "colors.colorPalette.fruit.light" | "colors.colorPalette.fruit.mid" | "colors.colorPalette.fruit.dark" | "colors.colorPalette.vegetable.light" | "colors.colorPalette.vegetable.mid" | "colors.colorPalette.vegetable.dark" | "colors.colorPalette.cereal.light" | "colors.colorPalette.cereal.mid" | "colors.colorPalette.cereal.dark" | "colors.colorPalette.oil.light" | "colors.colorPalette.oil.mid" | "colors.colorPalette.oil.dark" | "colors.colorPalette.aromatic.light" | "colors.colorPalette.aromatic.mid" | "colors.colorPalette.aromatic.dark" | "colors.colorPalette.disabled" | "colors.colorPalette.heading"
+export type Token = `animations.${AnimationToken}` | `aspectRatios.${AspectRatioToken}` | `blurs.${BlurToken}` | `borders.${BorderToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `zIndex.${ZIndexToken}` | `breakpoints.${BreakpointToken}`
 
 export type ColorPalette = "black" | "current" | "transparent" | "white" | "purple" | "blue" | "grey" | "red" | "green" | "yellow" | "decorative" | "decorative.red" | "decorative.blue" | "decorative.yellow" | "decorative.purple" | "decorative.green" | "decorative.brown" | "typology" | "typology.fish" | "typology.meat" | "typology.fruit" | "typology.vegetable" | "typology.cereal" | "typology.oil" | "typology.aromatic" | "primary" | "secondary" | "error" | "success" | "warning" | "text"