@luxonis/common-fe-components 1.18.0 → 1.18.2

package/dist/styled-system/tokens/tokens.d.mts

@@ -1,7 +1,9 @@
 /* eslint-disable */
-export type Token = "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "fontSizes.2xs" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "fontSizes.xxs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.primary" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "fontWeights.primary" | "fontWeights.md" | "fontWeights.lg" | "fontWeights.xl" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.basic.almost-full" | "sizes.card.xs" | "sizes.card.sm" | "sizes.responsive.card.xs" | "sizes.responsive.card.sm" | "sizes.circle" | "sizes.container.smaller.xxxs" | "sizes.container.smaller.xxs" | "sizes.container.smaller.xs" | "sizes.container.smaller.sm" | "sizes.container.bigger.xs" | "sizes.container.xxs" | "sizes.container.xs" | "sizes.container.sm" | "sizes.container.md" | "sizes.container.lg" | "sizes.container.xl" | "sizes.container.xxl" | "sizes.container.content-xl" | "sizes.container.content-2xl" | "sizes.container.grid.base-size" | "sizes.container.grid.label-height" | "sizes.container.grid.grid-gap" | "sizes.container.side-bar.collapsed" | "sizes.container.side-bar.expanded" | "sizes.table.cell.min-width" | "sizes.table.instances.name-cell" | "sizes.table.instances.name" | "sizes.table.instances.cell" | "sizes.sourcecode.width" | "sizes.slider.label" | "sizes.slider.thumb.sm" | "sizes.slider.thumb.lg" | "sizes.skeleton.height" | "sizes.skeleton.width" | "sizes.skeleton.button.width" | "sizes.skeleton.button.height" | "sizes.skeleton.input.width" | "sizes.skeleton.input.height" | "sizes.skeleton.textarea.width" | "sizes.skeleton.textarea.height" | "sizes.skeleton.avatar.width" | "sizes.skeleton.avatar.height" | "sizes.skeleton.grid.width.xs" | "sizes.skeleton.grid.width.sm" | "sizes.skeleton.grid.width.md" | "sizes.skeleton.grid.width.lg" | "sizes.skeleton.grid.width.xl" | "sizes.skeleton.grid.height.xs" | "sizes.skeleton.grid.height.sm" | "sizes.skeleton.grid.height.md" | "sizes.skeleton.grid.height.lg" | "sizes.skeleton.grid.height.xl" | "sizes.skeleton.table.height.sm" | "sizes.skeleton.table.height.md" | "sizes.skeleton.table.height.lg" | "sizes.skeleton.table.height.xl" | "sizes.icon.xxs" | "sizes.icon.xs" | "sizes.icon.sm" | "sizes.icon.md" | "sizes.icon.lg" | "sizes.icon.xl" | "sizes.icon.xxl" | "sizes.icon.smaller.xs" | "sizes.breakpoint-2lg" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.separator" | "spacing.smaller.xs" | "spacing.smaller.sm" | "spacing.smaller.md" | "spacing.xxs" | "spacing.xs" | "spacing.sm" | "spacing.3xs" | "spacing.md" | "spacing.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "borders.none" | "borders.outline.base" | "borders.border.base" | "borders.border.error" | "borders.border.success" | "borders.border.active" | "opacity.90" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "easings.easeInOut" | "durations.fastest" | "durations.faster" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "durations.fast" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "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.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "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.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "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.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "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" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "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.red.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.hover.light.success" | "colors.hover.light.warning" | "colors.hover.light.error" | "colors.hover.light.active" | "colors.hover.light.gray" | "colors.hover.dark.success" | "colors.hover.dark.warning" | "colors.hover.dark.error" | "colors.hover.dark.active" | "colors.hover.dark.gray" | "colors.light.success" | "colors.light.warning" | "colors.light.error" | "colors.light.active" | "colors.light.gray" | "colors.dark.success" | "colors.dark.warning" | "colors.dark.error" | "colors.dark.active" | "colors.dark.gray" | "colors.text.normal" | "colors.text.label" | "colors.text.light" | "colors.text.success" | "colors.text.warning" | "colors.text.error" | "colors.text.active" | "colors.text.gray" | "colors.decoration.success" | "colors.decoration.warning" | "colors.decoration.error" | "colors.decoration.active" | "colors.decoration.gray" | "colors.grayscale.0" | "colors.grayscale.50" | "colors.grayscale.100" | "colors.grayscale.200" | "colors.grayscale.300" | "colors.grayscale.400" | "colors.grayscale.500" | "colors.grayscale.600" | "colors.grayscale.700" | "colors.grayscale.800" | "colors.grayscale.900" | "colors.grayscale.950" | "fonts.serif" | "fonts.body" | "fonts.mono" | "fonts.sans" | "lineHeights.3" | "lineHeights.4" | "lineHeights.5" | "lineHeights.6" | "lineHeights.7" | "lineHeights.8" | "lineHeights.9" | "lineHeights.10" | "lineHeights.sm" | "lineHeights.primary" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "radii.common" | "radii.radius" | "breakpoints.2lg" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "sizes.icon.primary" | "colors.background" | "colors.foreground" | "colors.muted" | "colors.muted.foreground" | "colors.card" | "colors.card.foreground" | "colors.popover" | "colors.popover.foreground" | "colors.border" | "colors.input" | "colors.primary" | "colors.primary.foreground" | "colors.secondary" | "colors.secondary.foreground" | "colors.accent" | "colors.accent.foreground" | "colors.destructive" | "colors.destructive.foreground" | "colors.ring" | "borders.base" | "borders.input" | "borders.primary" | "borders.destructive" | "animations.accordion-down" | "animations.accordion-up" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-separator" | "spacing.smaller.-xs" | "spacing.smaller.-sm" | "spacing.smaller.-md" | "spacing.-xxs" | "spacing.-xs" | "spacing.-sm" | "spacing.-3xs" | "spacing.-md" | "spacing.-lg" | "colors.colorPalette" | "colors.colorPalette.50" | "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.950" | "colors.colorPalette.light.success" | "colors.colorPalette.success" | "colors.colorPalette.light.warning" | "colors.colorPalette.warning" | "colors.colorPalette.light.error" | "colors.colorPalette.error" | "colors.colorPalette.light.active" | "colors.colorPalette.active" | "colors.colorPalette.light.gray" | "colors.colorPalette.gray" | "colors.colorPalette.dark.success" | "colors.colorPalette.dark.warning" | "colors.colorPalette.dark.error" | "colors.colorPalette.dark.active" | "colors.colorPalette.dark.gray" | "colors.colorPalette.normal" | "colors.colorPalette.label" | "colors.colorPalette.light" | "colors.colorPalette.0" | "colors.colorPalette.foreground"
+export type Token = "aspectRatios.square" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.wide" | "aspectRatios.ultrawide" | "aspectRatios.golden" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "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.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "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.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "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.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "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" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "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.red.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.grayscale.0" | "colors.grayscale.50" | "colors.grayscale.100" | "colors.grayscale.200" | "colors.grayscale.300" | "colors.grayscale.400" | "colors.grayscale.500" | "colors.grayscale.600" | "colors.grayscale.700" | "colors.grayscale.800" | "colors.grayscale.900" | "colors.grayscale.950" | "colors.hover.light.success" | "colors.hover.light.warning" | "colors.hover.light.error" | "colors.hover.light.active" | "colors.hover.light.gray" | "colors.hover.dark.success" | "colors.hover.dark.warning" | "colors.hover.dark.error" | "colors.hover.dark.active" | "colors.hover.dark.gray" | "colors.light.success" | "colors.light.warning" | "colors.light.error" | "colors.light.active" | "colors.light.gray" | "colors.dark.success" | "colors.dark.warning" | "colors.dark.error" | "colors.dark.active" | "colors.dark.gray" | "colors.text.normal" | "colors.text.label" | "colors.text.light" | "colors.text.success" | "colors.text.warning" | "colors.text.error" | "colors.text.active" | "colors.text.gray" | "colors.decoration.success" | "colors.decoration.warning" | "colors.decoration.error" | "colors.decoration.active" | "colors.decoration.gray" | "fonts.serif" | "fonts.sans" | "fonts.body" | "fonts.mono" | "fontSizes.2xs" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "fontSizes.xxs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.primary" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "lineHeights.3" | "lineHeights.4" | "lineHeights.5" | "lineHeights.6" | "lineHeights.7" | "lineHeights.8" | "lineHeights.9" | "lineHeights.10" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "lineHeights.sm" | "lineHeights.primary" | "lineHeights.md" | "lineHeights.lg" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "fontWeights.primary" | "fontWeights.md" | "fontWeights.lg" | "fontWeights.xl" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.4xl" | "radii.full" | "radii.radius" | "radii.common" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.basic.almost-full" | "sizes.card.xs" | "sizes.card.sm" | "sizes.responsive.card.xs" | "sizes.responsive.card.sm" | "sizes.circle" | "sizes.container.smaller.xxxs" | "sizes.container.smaller.xxs" | "sizes.container.smaller.xs" | "sizes.container.smaller.sm" | "sizes.container.bigger.xs" | "sizes.container.xxs" | "sizes.container.xs" | "sizes.container.sm" | "sizes.container.md" | "sizes.container.lg" | "sizes.container.xl" | "sizes.container.xxl" | "sizes.container.content-xl" | "sizes.container.content-2xl" | "sizes.container.grid.base-size" | "sizes.container.grid.label-height" | "sizes.container.grid.grid-gap" | "sizes.container.side-bar.collapsed" | "sizes.container.side-bar.expanded" | "sizes.table.cell.min-width" | "sizes.table.instances.name-cell" | "sizes.table.instances.name" | "sizes.table.instances.cell" | "sizes.sourcecode.width" | "sizes.slider.label" | "sizes.slider.thumb.sm" | "sizes.slider.thumb.lg" | "sizes.skeleton.height" | "sizes.skeleton.width" | "sizes.skeleton.button.width" | "sizes.skeleton.button.height" | "sizes.skeleton.input.width" | "sizes.skeleton.input.height" | "sizes.skeleton.textarea.width" | "sizes.skeleton.textarea.height" | "sizes.skeleton.avatar.width" | "sizes.skeleton.avatar.height" | "sizes.skeleton.grid.width.xs" | "sizes.skeleton.grid.width.sm" | "sizes.skeleton.grid.width.md" | "sizes.skeleton.grid.width.lg" | "sizes.skeleton.grid.width.xl" | "sizes.skeleton.grid.height.xs" | "sizes.skeleton.grid.height.sm" | "sizes.skeleton.grid.height.md" | "sizes.skeleton.grid.height.lg" | "sizes.skeleton.grid.height.xl" | "sizes.skeleton.table.height.sm" | "sizes.skeleton.table.height.md" | "sizes.skeleton.table.height.lg" | "sizes.skeleton.table.height.xl" | "sizes.icon.xxs" | "sizes.icon.xs" | "sizes.icon.sm" | "sizes.icon.md" | "sizes.icon.lg" | "sizes.icon.xl" | "sizes.icon.xxl" | "sizes.icon.smaller.xs" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-2lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.separator" | "spacing.smaller.xs" | "spacing.smaller.sm" | "spacing.smaller.md" | "spacing.xxs" | "spacing.xs" | "spacing.sm" | "spacing.3xs" | "spacing.md" | "spacing.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "borders.none" | "borders.outline.base" | "borders.border.base" | "borders.border.error" | "borders.border.success" | "borders.border.active" | "opacity.90" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "easings.easeInOut" | "durations.fastest" | "durations.faster" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "durations.fast" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.2lg" | "breakpoints.xl" | "breakpoints.2xl" | "borders.base" | "borders.input" | "borders.primary" | "borders.destructive" | "animations.accordion-down" | "animations.accordion-up" | "colors.background" | "colors.foreground" | "colors.muted" | "colors.muted.foreground" | "colors.card" | "colors.card.foreground" | "colors.popover" | "colors.popover.foreground" | "colors.border" | "colors.input" | "colors.secondary" | "colors.secondary.foreground" | "colors.accent" | "colors.accent.foreground" | "colors.destructive" | "colors.destructive.foreground" | "colors.ring" | "colors.primary.foreground" | "colors.primary" | "sizes.icon.primary" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-separator" | "spacing.smaller.-xs" | "spacing.smaller.-sm" | "spacing.smaller.-md" | "spacing.-xxs" | "spacing.-xs" | "spacing.-sm" | "spacing.-3xs" | "spacing.-md" | "spacing.-lg" | "colors.colorPalette" | "colors.colorPalette.50" | "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.950" | "colors.colorPalette.0" | "colors.colorPalette.light.success" | "colors.colorPalette.success" | "colors.colorPalette.light.warning" | "colors.colorPalette.warning" | "colors.colorPalette.light.error" | "colors.colorPalette.error" | "colors.colorPalette.light.active" | "colors.colorPalette.active" | "colors.colorPalette.light.gray" | "colors.colorPalette.gray" | "colors.colorPalette.dark.success" | "colors.colorPalette.dark.warning" | "colors.colorPalette.dark.error" | "colors.colorPalette.dark.active" | "colors.colorPalette.dark.gray" | "colors.colorPalette.normal" | "colors.colorPalette.label" | "colors.colorPalette.light" | "colors.colorPalette.foreground"
 
-export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "hover" | "hover.light" | "hover.dark" | "light" | "dark" | "text" | "decoration" | "grayscale" | "background" | "foreground" | "muted" | "card" | "popover" | "border" | "input" | "primary" | "secondary" | "accent" | "destructive" | "ring"
+export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "grayscale" | "hover" | "hover.light" | "hover.dark" | "light" | "dark" | "text" | "decoration" | "background" | "foreground" | "muted" | "card" | "popover" | "border" | "input" | "secondary" | "accent" | "destructive" | "ring" | "primary"
+
+export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
 
 export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest"
 
@@ -9,11 +11,19 @@ export type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
 
 export type AnimationToken = "spin" | "ping" | "pulse" | "bounce" | "accordion-down" | "accordion-up"
 
+export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "grayscale.0" | "grayscale.50" | "grayscale.100" | "grayscale.200" | "grayscale.300" | "grayscale.400" | "grayscale.500" | "grayscale.600" | "grayscale.700" | "grayscale.800" | "grayscale.900" | "grayscale.950" | "hover.light.success" | "hover.light.warning" | "hover.light.error" | "hover.light.active" | "hover.light.gray" | "hover.dark.success" | "hover.dark.warning" | "hover.dark.error" | "hover.dark.active" | "hover.dark.gray" | "light.success" | "light.warning" | "light.error" | "light.active" | "light.gray" | "dark.success" | "dark.warning" | "dark.error" | "dark.active" | "dark.gray" | "text.normal" | "text.label" | "text.light" | "text.success" | "text.warning" | "text.error" | "text.active" | "text.gray" | "decoration.success" | "decoration.warning" | "decoration.error" | "decoration.active" | "decoration.gray" | "background" | "foreground" | "muted" | "muted.foreground" | "card" | "card.foreground" | "popover" | "popover.foreground" | "border" | "input" | "secondary" | "secondary.foreground" | "accent" | "accent.foreground" | "destructive" | "destructive.foreground" | "ring" | "primary.foreground" | "primary" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.0" | "colorPalette.light.success" | "colorPalette.success" | "colorPalette.light.warning" | "colorPalette.warning" | "colorPalette.light.error" | "colorPalette.error" | "colorPalette.light.active" | "colorPalette.active" | "colorPalette.light.gray" | "colorPalette.gray" | "colorPalette.dark.success" | "colorPalette.dark.warning" | "colorPalette.dark.error" | "colorPalette.dark.active" | "colorPalette.dark.gray" | "colorPalette.normal" | "colorPalette.label" | "colorPalette.light" | "colorPalette.foreground"
+
+export type FontToken = "serif" | "sans" | "body" | "mono"
+
 export type FontSizeToken = "2xs" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "xxs" | "xs" | "sm" | "primary" | "md" | "lg" | "xl"
 
+export type LineHeightToken = "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" | "sm" | "primary" | "md" | "lg"
+
 export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "primary" | "md" | "lg" | "xl"
 
-export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "basic.almost-full" | "card.xs" | "card.sm" | "responsive.card.xs" | "responsive.card.sm" | "circle" | "container.smaller.xxxs" | "container.smaller.xxs" | "container.smaller.xs" | "container.smaller.sm" | "container.bigger.xs" | "container.xxs" | "container.xs" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "container.xxl" | "container.content-xl" | "container.content-2xl" | "container.grid.base-size" | "container.grid.label-height" | "container.grid.grid-gap" | "container.side-bar.collapsed" | "container.side-bar.expanded" | "table.cell.min-width" | "table.instances.name-cell" | "table.instances.name" | "table.instances.cell" | "sourcecode.width" | "slider.label" | "slider.thumb.sm" | "slider.thumb.lg" | "skeleton.height" | "skeleton.width" | "skeleton.button.width" | "skeleton.button.height" | "skeleton.input.width" | "skeleton.input.height" | "skeleton.textarea.width" | "skeleton.textarea.height" | "skeleton.avatar.width" | "skeleton.avatar.height" | "skeleton.grid.width.xs" | "skeleton.grid.width.sm" | "skeleton.grid.width.md" | "skeleton.grid.width.lg" | "skeleton.grid.width.xl" | "skeleton.grid.height.xs" | "skeleton.grid.height.sm" | "skeleton.grid.height.md" | "skeleton.grid.height.lg" | "skeleton.grid.height.xl" | "skeleton.table.height.sm" | "skeleton.table.height.md" | "skeleton.table.height.lg" | "skeleton.table.height.xl" | "icon.xxs" | "icon.xs" | "icon.sm" | "icon.md" | "icon.lg" | "icon.xl" | "icon.xxl" | "icon.smaller.xs" | "breakpoint-2lg" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl" | "icon.primary"
+export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "radius" | "common"
+
+export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "basic.almost-full" | "card.xs" | "card.sm" | "responsive.card.xs" | "responsive.card.sm" | "circle" | "container.smaller.xxxs" | "container.smaller.xxs" | "container.smaller.xs" | "container.smaller.sm" | "container.bigger.xs" | "container.xxs" | "container.xs" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "container.xxl" | "container.content-xl" | "container.content-2xl" | "container.grid.base-size" | "container.grid.label-height" | "container.grid.grid-gap" | "container.side-bar.collapsed" | "container.side-bar.expanded" | "table.cell.min-width" | "table.instances.name-cell" | "table.instances.name" | "table.instances.cell" | "sourcecode.width" | "slider.label" | "slider.thumb.sm" | "slider.thumb.lg" | "skeleton.height" | "skeleton.width" | "skeleton.button.width" | "skeleton.button.height" | "skeleton.input.width" | "skeleton.input.height" | "skeleton.textarea.width" | "skeleton.textarea.height" | "skeleton.avatar.width" | "skeleton.avatar.height" | "skeleton.grid.width.xs" | "skeleton.grid.width.sm" | "skeleton.grid.width.md" | "skeleton.grid.width.lg" | "skeleton.grid.width.xl" | "skeleton.grid.height.xs" | "skeleton.grid.height.sm" | "skeleton.grid.height.md" | "skeleton.grid.height.lg" | "skeleton.grid.height.xl" | "skeleton.table.height.sm" | "skeleton.table.height.md" | "skeleton.table.height.lg" | "skeleton.table.height.xl" | "icon.xxs" | "icon.xs" | "icon.sm" | "icon.md" | "icon.lg" | "icon.xl" | "icon.xxl" | "icon.smaller.xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-2lg" | "breakpoint-xl" | "breakpoint-2xl" | "icon.primary"
 
 export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "separator" | "smaller.xs" | "smaller.sm" | "smaller.md" | "xxs" | "xs" | "sm" | "3xs" | "md" | "lg" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-separator" | "-smaller.xs" | "-smaller.sm" | "-smaller.md" | "-xxs" | "-xs" | "-sm" | "-3xs" | "-md" | "-lg"
 
@@ -27,24 +37,19 @@ export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "ease
 
 export type DurationToken = "fastest" | "faster" | "normal" | "slow" | "slower" | "slowest" | "fast"
 
-export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "hover.light.success" | "hover.light.warning" | "hover.light.error" | "hover.light.active" | "hover.light.gray" | "hover.dark.success" | "hover.dark.warning" | "hover.dark.error" | "hover.dark.active" | "hover.dark.gray" | "light.success" | "light.warning" | "light.error" | "light.active" | "light.gray" | "dark.success" | "dark.warning" | "dark.error" | "dark.active" | "dark.gray" | "text.normal" | "text.label" | "text.light" | "text.success" | "text.warning" | "text.error" | "text.active" | "text.gray" | "decoration.success" | "decoration.warning" | "decoration.error" | "decoration.active" | "decoration.gray" | "grayscale.0" | "grayscale.50" | "grayscale.100" | "grayscale.200" | "grayscale.300" | "grayscale.400" | "grayscale.500" | "grayscale.600" | "grayscale.700" | "grayscale.800" | "grayscale.900" | "grayscale.950" | "background" | "foreground" | "muted" | "muted.foreground" | "card" | "card.foreground" | "popover" | "popover.foreground" | "border" | "input" | "primary" | "primary.foreground" | "secondary" | "secondary.foreground" | "accent" | "accent.foreground" | "destructive" | "destructive.foreground" | "ring" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.light.success" | "colorPalette.success" | "colorPalette.light.warning" | "colorPalette.warning" | "colorPalette.light.error" | "colorPalette.error" | "colorPalette.light.active" | "colorPalette.active" | "colorPalette.light.gray" | "colorPalette.gray" | "colorPalette.dark.success" | "colorPalette.dark.warning" | "colorPalette.dark.error" | "colorPalette.dark.active" | "colorPalette.dark.gray" | "colorPalette.normal" | "colorPalette.label" | "colorPalette.light" | "colorPalette.0" | "colorPalette.foreground"
-
-export type FontToken = "serif" | "body" | "mono" | "sans"
-
-export type LineHeightToken = "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "sm" | "primary" | "md" | "lg" | "none" | "tight" | "snug" | "normal" | "relaxed" | "loose"
-
-export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "common" | "radius"
-
-export type BreakpointToken = "2lg" | "sm" | "md" | "lg" | "xl" | "2xl"
-
-export type AnimationName = "spin" | "ping" | "pulse" | "bounce" | "enter" | "exit" | "accordion-down" | "accordion-up"
+export type BreakpointToken = "sm" | "md" | "lg" | "2lg" | "xl" | "2xl"
 
 export type Tokens = {
+		aspectRatios: AspectRatioToken
 		letterSpacings: LetterSpacingToken
 		blurs: BlurToken
 		animations: AnimationToken
+		colors: ColorToken
+		fonts: FontToken
 		fontSizes: FontSizeToken
+		lineHeights: LineHeightToken
 		fontWeights: FontWeightToken
+		radii: RadiusToken
 		sizes: SizeToken
 		spacing: SpacingToken
 		shadows: ShadowToken
@@ -52,12 +57,7 @@ export type Tokens = {
 		opacity: OpacityToken
 		easings: EasingToken
 		durations: DurationToken
-		colors: ColorToken
-		fonts: FontToken
-		lineHeights: LineHeightToken
-		radii: RadiusToken
 		breakpoints: BreakpointToken
-		animationName: AnimationName
 } & { [token: string]: never }
 
-export type TokenCategory = "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
+export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"

package/dist/styled-system/types/composition.d.mts

@@ -15,34 +15,61 @@ interface Recursive<T> {
  * -----------------------------------------------------------------------------*/
 
 type TextStyleProperty =
+  | 'font'
+  | 'fontFamily'
+  | 'fontFeatureSettings'
+  | 'fontKerning'
+  | 'fontLanguageOverride'
+  | 'fontOpticalSizing'
+  | 'fontPalette'
   | 'fontSize'
   | 'fontSizeAdjust'
-  | 'fontVariationSettings'
-  | 'fontVariantPosition'
-  | 'fontVariantCaps'
-  | 'fontVariantNumeric'
+  | 'fontStretch'
+  | 'fontStyle'
+  | 'fontSynthesis'
+  | 'fontVariant'
   | 'fontVariantAlternates'
+  | 'fontVariantCaps'
   | 'fontVariantLigatures'
-  | 'fontFamily'
+  | 'fontVariantNumeric'
+  | 'fontVariantPosition'
+  | 'fontVariationSettings'
   | 'fontWeight'
-  | 'fontSynthesis'
-  | 'fontStyle'
-  | 'fontVariant'
-  | 'lineHeight'
+  | 'hypens'
+  | 'hyphenateCharacter'
+  | 'hyphenateLimitChars'
   | 'letterSpacing'
+  | 'lineBreak'
+  | 'lineHeight'
+  | 'quotes'
+  | 'overflowWrap'
+  | 'textCombineUpright'
   | 'textDecoration'
-  | 'textTransform'
-  | 'textIndent'
   | 'textDecorationColor'
   | 'textDecorationLine'
+  | 'textDecorationSkipInk'
   | 'textDecorationStyle'
+  | 'textDecorationThickness'
+  | 'textEmphasis'
   | 'textEmphasisColor'
   | 'textEmphasisPosition'
   | 'textEmphasisStyle'
-  | 'hyphenateCharacter'
+  | 'textIndent'
+  | 'textJustify'
   | 'textOrientation'
   | 'textOverflow'
   | 'textRendering'
+  | 'textShadow'
+  | 'textTransform'
+  | 'textUnderlineOffset'
+  | 'textUnderlinePosition'
+  | 'textWrap'
+  | 'textWrapMode'
+  | 'textWrapStyle'
+  | 'verticalAlign'
+  | 'whiteSpace'
+  | 'wordBreak'
+  | 'wordSpacing'
 
 export type TextStyle = CompositionStyleObject<TextStyleProperty>
 
@@ -105,7 +132,33 @@ export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
 
 export type LayerStyles = Recursive<Token<LayerStyle>>
 
+/* -----------------------------------------------------------------------------
+ * Motion styles
+ * -----------------------------------------------------------------------------*/
+
+type AnimationStyleProperty =
+  | 'animation'
+  | 'animationComposition'
+  | 'animationDelay'
+  | 'animationDirection'
+  | 'animationDuration'
+  | 'animationFillMode'
+  | 'animationIterationCount'
+  | 'animationName'
+  | 'animationPlayState'
+  | 'animationTimingFunction'
+  | 'animationRange'
+  | 'animationRangeStart'
+  | 'animationRangeEnd'
+  | 'animationTimeline'
+  | 'transformOrigin'
+
+export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
+
+export type AnimationStyles = Recursive<Token<AnimationStyle>>
+
 export interface CompositionStyles {
   textStyles: TextStyles
   layerStyles: LayerStyles
+  animationStyles: AnimationStyles
 }

package/dist/styled-system/types/conditions.d.mts

@@ -32,6 +32,12 @@ export interface Conditions {
 	"_expanded": string
 	/** `&[data-highlighted]` */
 	"_highlighted": string
+	/** `&[data-complete]` */
+	"_complete": string
+	/** `&[data-incomplete]` */
+	"_incomplete": string
+	/** `&[data-dragging]` */
+	"_dragging": string
 	/** `&::before` */
 	"_before": string
 	/** `&::after` */
@@ -112,9 +118,9 @@ export interface Conditions {
 	"_invalid": string
 	/** `&:autofill` */
 	"_autofill": string
-	/** `&:in-range` */
+	/** `&:is(:in-range, [data-in-range])` */
 	"_inRange": string
-	/** `&:out-of-range` */
+	/** `&:is(:out-of-range, [data-outside-range])` */
 	"_outOfRange": string
 	/** `&::placeholder, &[data-placeholder]` */
 	"_placeholder": string
@@ -124,6 +130,14 @@ export interface Conditions {
 	"_pressed": string
 	/** `&:is([aria-selected=true], [data-selected])` */
 	"_selected": string
+	/** `&:is([aria-grabbed=true], [data-grabbed])` */
+	"_grabbed": string
+	/** `&[data-state=under-value]` */
+	"_underValue": string
+	/** `&[data-state=over-value]` */
+	"_overValue": string
+	/** `&[data-state=at-value]` */
+	"_atValue": string
 	/** `&:default` */
 	"_default": string
 	/** `&:optional` */
@@ -132,14 +146,30 @@ export interface Conditions {
 	"_open": string
 	/** `&:is([closed], [data-closed], [data-state="closed"])` */
 	"_closed": string
-	/** `&:fullscreen` */
+	/** `&is(:fullscreen, [data-fullscreen])` */
 	"_fullscreen": string
 	/** `&:is([data-loading], [aria-busy=true])` */
 	"_loading": string
+	/** `&:is([hidden], [data-hidden])` */
+	"_hidden": string
+	/** `&:is([aria-current=true], [data-current])` */
+	"_current": string
 	/** `&[aria-current=page]` */
 	"_currentPage": string
 	/** `&[aria-current=step]` */
 	"_currentStep": string
+	/** `&[data-today]` */
+	"_today": string
+	/** `&[data-unavailable]` */
+	"_unavailable": string
+	/** `&[data-range-start]` */
+	"_rangeStart": string
+	/** `&[data-range-end]` */
+	"_rangeEnd": string
+	/** `&[data-now]` */
+	"_now": string
+	/** `&[data-topmost]` */
+	"_topmost": string
 	/** `@media (prefers-reduced-motion: reduce)` */
 	"_motionReduce": string
 	/** `@media (prefers-reduced-motion: no-preference)` */
@@ -150,9 +180,9 @@ export interface Conditions {
 	"_landscape": string
 	/** `@media (orientation: portrait)` */
 	"_portrait": string
-	/** ` &.dark, .dark &` */
+	/** `.dark &` */
 	"_dark": string
-	/** ` &.light, .light &` */
+	/** `.light &` */
 	"_light": string
 	/** `@media (prefers-color-scheme: dark)` */
 	"_osDark": string
@@ -178,87 +208,111 @@ export interface Conditions {
 	"_horizontal": string
 	/** `&[data-orientation=vertical]` */
 	"_vertical": string
-	/** `@media screen and (min-width: 40em)` */
+	/** `& :where(svg)` */
+	"_icon": string
+	/** `@starting-style` */
+	"_starting": string
+	/** `@media screen and (min-width: 40rem)` */
 	"sm": string
-	/** `@media screen and (min-width: 40em) and (max-width: 47.9975em)` */
+	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
 	"smOnly": string
-	/** `@media screen and (max-width: 39.9975em)` */
+	/** `@media screen and (max-width: 39.9975rem)` */
 	"smDown": string
-	/** `@media screen and (min-width: 48em)` */
+	/** `@media screen and (min-width: 48rem)` */
 	"md": string
-	/** `@media screen and (min-width: 48em) and (max-width: 63.9975em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
 	"mdOnly": string
-	/** `@media screen and (max-width: 47.9975em)` */
+	/** `@media screen and (max-width: 47.9975rem)` */
 	"mdDown": string
-	/** `@media screen and (min-width: 64em)` */
+	/** `@media screen and (min-width: 64rem)` */
 	"lg": string
-	/** `@media screen and (min-width: 64em) and (max-width: 68.7475em)` */
+	/** `@media screen and (min-width: 64rem) and (max-width: 68.7475rem)` */
 	"lgOnly": string
-	/** `@media screen and (max-width: 63.9975em)` */
+	/** `@media screen and (max-width: 63.9975rem)` */
 	"lgDown": string
-	/** `@media screen and (min-width: 68.75em)` */
+	/** `@media screen and (min-width: 68.75rem)` */
 	"2lg": string
-	/** `@media screen and (min-width: 68.75em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 68.75rem) and (max-width: 79.9975rem)` */
 	"2lgOnly": string
-	/** `@media screen and (max-width: 68.7475em)` */
+	/** `@media screen and (max-width: 68.7475rem)` */
 	"2lgDown": string
-	/** `@media screen and (min-width: 80em)` */
+	/** `@media screen and (min-width: 80rem)` */
 	"xl": string
-	/** `@media screen and (min-width: 80em) and (max-width: 95.9975em)` */
+	/** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
 	"xlOnly": string
-	/** `@media screen and (max-width: 79.9975em)` */
+	/** `@media screen and (max-width: 79.9975rem)` */
 	"xlDown": string
-	/** `@media screen and (min-width: 96em)` */
+	/** `@media screen and (min-width: 96rem)` */
 	"2xl": string
-	/** `@media screen and (min-width: 96em)` */
+	/** `@media screen and (min-width: 96rem)` */
 	"2xlOnly": string
-	/** `@media screen and (max-width: 95.9975em)` */
+	/** `@media screen and (max-width: 95.9975rem)` */
 	"2xlDown": string
-	/** `@media screen and (min-width: 40em) and (max-width: 47.9975em)` */
+	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
 	"smToMd": string
-	/** `@media screen and (min-width: 40em) and (max-width: 63.9975em)` */
+	/** `@media screen and (min-width: 40rem) and (max-width: 63.9975rem)` */
 	"smToLg": string
-	/** `@media screen and (min-width: 40em) and (max-width: 68.7475em)` */
+	/** `@media screen and (min-width: 40rem) and (max-width: 68.7475rem)` */
 	"smTo2lg": string
-	/** `@media screen and (min-width: 40em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 40rem) and (max-width: 79.9975rem)` */
 	"smToXl": string
-	/** `@media screen and (min-width: 40em) and (max-width: 95.9975em)` */
+	/** `@media screen and (min-width: 40rem) and (max-width: 95.9975rem)` */
 	"smTo2xl": string
-	/** `@media screen and (min-width: 48em) and (max-width: 63.9975em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
 	"mdToLg": string
-	/** `@media screen and (min-width: 48em) and (max-width: 68.7475em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 68.7475rem)` */
 	"mdTo2lg": string
-	/** `@media screen and (min-width: 48em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */
 	"mdToXl": string
-	/** `@media screen and (min-width: 48em) and (max-width: 95.9975em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 95.9975rem)` */
 	"mdTo2xl": string
-	/** `@media screen and (min-width: 64em) and (max-width: 68.7475em)` */
+	/** `@media screen and (min-width: 64rem) and (max-width: 68.7475rem)` */
 	"lgTo2lg": string
-	/** `@media screen and (min-width: 64em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
 	"lgToXl": string
-	/** `@media screen and (min-width: 64em) and (max-width: 95.9975em)` */
+	/** `@media screen and (min-width: 64rem) and (max-width: 95.9975rem)` */
 	"lgTo2xl": string
-	/** `@media screen and (min-width: 68.75em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 68.75rem) and (max-width: 79.9975rem)` */
 	"2lgToXl": string
-	/** `@media screen and (min-width: 68.75em) and (max-width: 95.9975em)` */
+	/** `@media screen and (min-width: 68.75rem) and (max-width: 95.9975rem)` */
 	"2lgTo2xl": string
-	/** `@media screen and (min-width: 80em) and (max-width: 95.9975em)` */
+	/** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
 	"xlTo2xl": string
+	/** `@container  (min-width: 20rem)` */
+	"@/xs": string
+	/** `@container  (min-width: 24rem)` */
+	"@/sm": string
+	/** `@container  (min-width: 28rem)` */
+	"@/md": string
+	/** `@container  (min-width: 32rem)` */
+	"@/lg": string
+	/** `@container  (min-width: 36rem)` */
+	"@/xl": string
+	/** `@container  (min-width: 42rem)` */
+	"@/2xl": string
+	/** `@container  (min-width: 48rem)` */
+	"@/3xl": string
+	/** `@container  (min-width: 56rem)` */
+	"@/4xl": string
+	/** `@container  (min-width: 64rem)` */
+	"@/5xl": string
+	/** `@container  (min-width: 72rem)` */
+	"@/6xl": string
+	/** `@container  (min-width: 80rem)` */
+	"@/7xl": string
+	/** `@container  (min-width: 90rem)` */
+	"@/8xl": string
 	/** The base (=no conditions) styles to apply  */
 	"base": string
 }
 
-export type Condition = keyof Conditions
-
-export type Conditional<V> =
+export type ConditionalValue<V> =
   | V
   | Array<V | null>
   | {
-      [K in keyof Conditions]?: Conditional<V>
+      [K in keyof Conditions]?: ConditionalValue<V>
     }
 
-export type ConditionalValue<T> = Conditional<T>
-
 export type Nested<P> = P & {
   [K in Selectors]?: Nested<P>
 } & {

package/dist/styled-system/types/global.d.mts

@@ -13,6 +13,7 @@ declare module '@pandacss/dev' {
   export function defineStyles(definition: SystemStyleObject): SystemStyleObject
   export function defineGlobalStyles(definition: GlobalStyleObject): Panda.GlobalStyleObject
   export function defineTextStyles(definition: CompositionStyles['textStyles']): Panda.TextStyles
+  export function defineAnimationStyles(definition: CompositionStyles['animationStyles']): Panda.AnimationStyles
   export function defineLayerStyles(definition: CompositionStyles['layerStyles']): Panda.LayerStyles
   export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): Panda.PatternConfig
   export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>

package/dist/styled-system/types/jsx.d.mts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
+import type { ComponentPropsWithoutRef, ElementType, ElementRef, JSX, Ref } from 'react'
 import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe.d.mts';
 import type { Assign, DistributiveOmit, DistributiveUnion, JsxHTMLProps, JsxStyleProps, Pretty } from './system-types.d.mts';
 

package/dist/styled-system/types/pattern.d.mts

@@ -13,13 +13,20 @@ export type PatternProperty =
 
 export interface PatternHelpers {
   map: (value: any, fn: (value: string) => string | undefined) => any
+  isCssUnit: (value: any) => boolean
+  isCssVar: (value: any) => boolean
+  isCssFunction: (value: any) => boolean
 }
 
 export interface PatternProperties {
   [key: string]: PatternProperty
 }
 
-type Props<T> = Record<LiteralUnion<keyof T>, any>
+type InferProps<T> = Record<LiteralUnion<keyof T>, any>
+
+export type PatternDefaultValue<T> = Partial<InferProps<T>>
+
+export type PatternDefaultValueFn<T> = (props: InferProps<T>) => PatternDefaultValue<T>
 
 export interface PatternConfig<T extends PatternProperties = PatternProperties> {
   /**
@@ -35,10 +42,18 @@ export interface PatternConfig<T extends PatternProperties = PatternProperties>
    * The properties of the pattern.
    */
   properties?: T
+  /**
+   * The default values of the pattern.
+   */
+  defaultValues?: PatternDefaultValue<T> | PatternDefaultValueFn<T>
   /**
    * The css object this pattern will generate.
    */
-  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject
+  transform?: (props: InferProps<T>, helpers: PatternHelpers) => SystemStyleObject
+  /**
+   * Whether the pattern is deprecated.
+   */
+  deprecated?: boolean | string
   /**
    * The jsx element name this pattern will generate.
    */