@ciridae/ui 0.16.1 → 1.0.1

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

@@ -1,63 +1,69 @@
 /* eslint-disable */
-export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `blurs.${BlurToken}` | `animations.${AnimationToken}` | `borderWidths.${BorderWidthToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `lineHeights.${LineHeightToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `breakpoints.${BreakpointToken}`
+export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `easings.${EasingToken}` | `shadows.${ShadowToken}` | `colors.${ColorToken}` | `blurs.${BlurToken}` | `animations.${AnimationToken}` | `spacing.${SpacingToken}` | `sizes.${SizeToken}` | `opacity.${OpacityToken}` | `fontWeights.${FontWeightToken}` | `letterSpacings.${LetterSpacingToken}` | `fonts.${FontToken}` | `lineHeights.${LineHeightToken}` | `fontSizes.${FontSizeToken}` | `durations.${DurationToken}` | `zIndex.${ZIndexToken}` | `radii.${RadiusToken}` | `breakpoints.${BreakpointToken}` | `gradients.${GradientToken}`
 
-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" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark"
+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" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "border.control" | "bg.field" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.toolbar" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.glassHover" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.tinted" | "bg.danger" | "accent.brand" | "accent.green" | "accent.red" | "accent.yellow" | "accent.blue" | "accent.bronze" | "border.bronze" | "fg.onAccent"
 
 export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
 
 export type BorderToken = "none"
 
-export type FontToken = "sans" | "serif" | "mono"
+export type EasingToken = "default" | "linear" | "in" | "out" | "in-out"
 
-export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest"
+export type ShadowToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "indicator.live" | "search" | "inset" | "card" | "focus" | "panel" | "glow" | "badge" | "toast" | "control.raised" | "control.raisedHover" | "control.pressed"
+
+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" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "border.control" | "bg.field" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.toolbar" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.glassHover" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.tinted" | "bg.danger" | "accent.brand" | "accent.green" | "accent.red" | "accent.yellow" | "accent.blue" | "accent.bronze" | "border.bronze" | "fg.onAccent" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950"
 
 export type BlurToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
 
-export type AnimationToken = "ping" | "bounce" | "pulse" | "spin"
+export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
 
-export type BorderWidthToken = "default" | "focus"
+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" | "4.5" | "5.5" | "none" | "control.trackInset" | "focus.ringWidth" | "focus.ringOffset" | "focus.ringReach" | "control.iconGap" | "control.block" | "control.inline" | "control.compactBlock" | "control.compactInline" | "control.largeInline" | "control.iconInline" | "search.inline" | "field.block" | "layout.tightGap" | "sidebar.groupGap" | "sidebar.inline" | "sidebar.block" | "control.tabInline" | "layout.controlGap" | "layout.contentGap" | "layout.clusterGap" | "layout.pageGap" | "layout.projectListOffset" | "layout.sectionGap" | "log.columnGap" | "log.detailIndent" | "log.detailIndentCompact" | "log.rowBlock" | "menu.inset" | "menu.itemInline" | "sidebar.markGap" | "panel.hairline" | "panel.compact" | "panel.default" | "panel.comfortable" | "panel.roomy" | "panel.sidebarBlock" | "page.inline" | "shell.leading" | "table.cell" | "table.rowBlock" | "table.compactRowBlock" | "-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" | "-4.5" | "-5.5" | "-none" | "-control.trackInset" | "-focus.ringWidth" | "-focus.ringOffset" | "-focus.ringReach" | "-control.iconGap" | "-control.block" | "-control.inline" | "-control.compactBlock" | "-control.compactInline" | "-control.largeInline" | "-control.iconInline" | "-search.inline" | "-field.block" | "-layout.tightGap" | "-sidebar.groupGap" | "-sidebar.inline" | "-sidebar.block" | "-control.tabInline" | "-layout.controlGap" | "-layout.contentGap" | "-layout.clusterGap" | "-layout.pageGap" | "-layout.projectListOffset" | "-layout.sectionGap" | "-log.columnGap" | "-log.detailIndent" | "-log.detailIndentCompact" | "-log.rowBlock" | "-menu.inset" | "-menu.itemInline" | "-sidebar.markGap" | "-panel.hairline" | "-panel.compact" | "-panel.default" | "-panel.comfortable" | "-panel.roomy" | "-panel.sidebarBlock" | "-page.inline" | "-shell.leading" | "-table.cell" | "-table.rowBlock" | "-table.compactRowBlock"
 
-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" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950"
+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" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "border.hairline" | "indicator.dot" | "indicator.live" | "indicator.badge" | "indicator.count" | "log.caretColumn" | "log.minimum" | "log.rawMaximum" | "assistant.orb" | "widget.header" | "avatar.welcome" | "avatar.micro" | "avatar.small" | "avatar.menu" | "avatar.row" | "avatar.large" | "mark.inline" | "progress.track" | "progress.segment" | "indicator.swatch" | "menu.item" | "select.compactItem" | "code.maximum" | "brand.logo" | "indicator.radio" | "skeleton.line" | "skeleton.short" | "skeleton.medium" | "skeleton.long" | "chart.small" | "chart.medium" | "chart.large" | "control.mark" | "file.chipName" | "control.checkbox" | "control.radio" | "control.knob" | "control.toggleTrack" | "control.clear" | "control.chip" | "control.small" | "control.row" | "control.shortcut" | "control.compact" | "control.default" | "control.search" | "control.searchField" | "workspace.mark" | "workspace.avatar" | "control.field" | "sidebar.projectAction" | "toast.minimum" | "chat.footer" | "shell.header" | "shell.collapsed" | "table.scroll" | "field.textarea" | "chat.input" | "chat.inputMobile" | "chat.composerMinimum" | "overlay.menu" | "overlay.menuList" | "overlay.tray" | "overlay.trayList" | "overlay.tooltip" | "overlay.popoverNarrow" | "overlay.popover" | "overlay.popoverWide" | "search.dropdownPreview" | "emptyState.minimum" | "search.regularPreview" | "search.sidebarPreview" | "calendar.width" | "shell.sidebar" | "overlay.dialog" | "overlay.dialogWide" | "overlay.sheet" | "overlay.sheetNarrow" | "overlay.sheetDocked" | "toast.width" | "chat.thread" | "chat.composer" | "chat.bubble" | "chat.attachment" | "settings.column" | "card.centered" | "scroll.bar" | "card.centeredWide" | "card.centeredForm" | "steps.image" | "checklist.maximum" | "page.maximum" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
 
-export type DurationToken = "fastest" | "faster" | "normal" | "slower" | "slowest" | "fast" | "base" | "slow"
+export type OpacityToken = "disabled"
 
-export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "standard" | "emphasized"
+export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "bold" | "extrabold" | "black" | "regular" | "medium" | "semibold"
 
-export type FontSizeToken = "2xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "xs" | "sm"
+export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | "compact" | "label"
 
-export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "control"
+export type FontToken = "serif" | "display" | "sans" | "numeric" | "mono"
 
-export type LineHeightToken = "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" | "xs" | "sm"
+export type LineHeightToken = "none" | "snug" | "normal" | "relaxed" | "loose" | "tight" | "compact" | "log" | "body"
 
-export type RadiusToken = "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "badge" | "md"
+export type FontSizeToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "body" | "caption" | "code" | "heading" | "heading.section" | "heading.page" | "log.body" | "log.level" | "avatar.micro" | "avatar.mark" | "avatar.small" | "icon.tiny" | "icon.check" | "icon.compact" | "icon.small" | "icon.medium" | "icon.large" | "icon.rail" | "icon.display" | "icon.hero"
 
-export type ShadowToken = "2xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "focus" | "focus.destructive" | "focus.destructive.dark" | "focus.info" | "focus.info.dark" | "focus.success" | "focus.success.dark" | "focus.warning" | "focus.warning.dark" | "xs"
+export type DurationToken = "fastest" | "faster" | "normal" | "slow" | "slower" | "slowest" | "fast" | "default"
 
-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" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "control.xs" | "control.sm" | "control.md" | "control.lg" | "icon.xs" | "icon.sm" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
+export type ZIndexToken = "raised" | "scrollbar" | "drawer" | "dialog" | "popover" | "tooltip" | "toast"
 
-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" | "4.5" | "5.5" | "control.gap" | "control.padding.x" | "control.padding.xs" | "control.padding.sm" | "control.padding.lg" | "control.withIcon.xs" | "control.withIcon.sm" | "control.withIcon.md" | "control.withIcon.lg" | "gap.1" | "gap.1.5" | "badge.x" | "-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" | "-4.5" | "-5.5" | "-control.gap" | "-control.padding.x" | "-control.padding.xs" | "-control.padding.sm" | "-control.padding.lg" | "-control.withIcon.xs" | "-control.withIcon.sm" | "-control.withIcon.md" | "-control.withIcon.lg" | "-gap.1" | "-gap.1.5" | "-badge.x"
+export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "round" | "keycap" | "control" | "action" | "field" | "inset" | "card" | "pill"
 
 export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
 
+export type GradientToken = "skeleton" | "orb"
+
 export type Tokens = {
 		aspectRatios: AspectRatioToken
 		borders: BorderToken
-		fonts: FontToken
-		letterSpacings: LetterSpacingToken
+		easings: EasingToken
+		shadows: ShadowToken
+		colors: ColorToken
 		blurs: BlurToken
 		animations: AnimationToken
-		borderWidths: BorderWidthToken
-		colors: ColorToken
-		durations: DurationToken
-		easings: EasingToken
-		fontSizes: FontSizeToken
+		spacing: SpacingToken
+		sizes: SizeToken
+		opacity: OpacityToken
 		fontWeights: FontWeightToken
+		letterSpacings: LetterSpacingToken
+		fonts: FontToken
 		lineHeights: LineHeightToken
+		fontSizes: FontSizeToken
+		durations: DurationToken
+		zIndex: ZIndexToken
 		radii: RadiusToken
-		shadows: ShadowToken
-		sizes: SizeToken
-		spacing: SpacingToken
 		breakpoints: BreakpointToken
+		gradients: GradientToken
 } & { [token: string]: never }
 
 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/conditions.d.ts

@@ -182,7 +182,7 @@ export interface Conditions {
 	"_portrait": string
 	/** `.dark &` */
 	"_dark": string
-	/** `.light &` */
+	/** `[data-ciridae-theme=light] &` */
 	"_light": string
 	/** `@media (prefers-color-scheme: dark)` */
 	"_osDark": string
@@ -216,6 +216,16 @@ export interface Conditions {
 	"_noscript": string
 	/** `@media (inverted-colors: inverted)` */
 	"_invertedColors": string
+	/** `@media (max-width: 1200px)` */
+	"_wide": string
+	/** `@media not all and (max-width: 1200px)` */
+	"_notWide": string
+	/** `@media (max-width: 1000px)` */
+	"_rail": string
+	/** `@media (max-width: 700px)` */
+	"_phone": string
+	/** `@media not all and (max-width: 700px)` */
+	"_notPhone": string
 	/** `@media screen and (min-width: 40rem)` */
 	"sm": string
 	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */

package/dist/styled-system/types/prop-type.d.ts

@@ -5,6 +5,7 @@ import type { Tokens } from '../tokens/index';
 
 export interface UtilityValues {
 	aspectRatio: Tokens["aspectRatios"];
+	zIndex: Tokens["zIndex"];
 	top: Tokens["spacing"];
 	left: Tokens["spacing"];
 	inset: "auto" | Tokens["spacing"];
@@ -53,18 +54,15 @@ export interface UtilityValues {
 	marginInlineStart: "auto" | Tokens["spacing"];
 	spaceX: "auto" | Tokens["spacing"] | CssProperties["marginInlineStart"];
 	spaceY: "auto" | Tokens["spacing"] | CssProperties["marginBlockStart"];
-	outlineWidth: Tokens["borderWidths"];
 	outlineColor: Tokens["colors"];
 	outline: Tokens["borders"];
 	outlineOffset: Tokens["spacing"];
-	focusRing: "outside" | "inside" | "mixed" | "none";
+	focusRing: "outer" | "inset";
 	focusVisibleRing: "outside" | "inside" | "mixed" | "none";
 	focusRingColor: Tokens["colors"];
 	focusRingOffset: Tokens["spacing"];
-	focusRingWidth: Tokens["borderWidths"] | CssProperties["outlineWidth"];
+	focusRingWidth: CssProperties["outlineWidth"];
 	focusRingStyle: CssProperties["outlineStyle"];
-	divideX: Tokens["borderWidths"];
-	divideY: Tokens["borderWidths"];
 	divideColor: Tokens["colors"];
 	divideStyle: CssProperties["borderStyle"];
 	width: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
@@ -97,9 +95,10 @@ export interface UtilityValues {
 	truncate: boolean;
 	background: Tokens["colors"];
 	backgroundColor: Tokens["colors"];
-	backgroundGradient: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
-	backgroundLinear: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
-	textGradient: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
+	backgroundGradient: Tokens["gradients"] | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
+	backgroundLinear: Tokens["gradients"] | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
+	backgroundRadial: Tokens["gradients"];
+	textGradient: Tokens["gradients"] | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
 	gradientFrom: Tokens["colors"];
 	gradientTo: Tokens["colors"];
 	gradientVia: Tokens["colors"];
@@ -119,29 +118,18 @@ export interface UtilityValues {
 	borderEndEndRadius: Tokens["radii"];
 	borderEndRadius: Tokens["radii"] | CssProperties["borderRadius"];
 	border: Tokens["borders"];
-	borderWidth: Tokens["borderWidths"];
-	borderTopWidth: Tokens["borderWidths"];
-	borderLeftWidth: Tokens["borderWidths"];
-	borderRightWidth: Tokens["borderWidths"];
-	borderBottomWidth: Tokens["borderWidths"];
-	borderBlockStartWidth: Tokens["borderWidths"];
-	borderBlockEndWidth: Tokens["borderWidths"];
 	borderColor: Tokens["colors"];
 	borderInline: Tokens["borders"];
-	borderInlineWidth: Tokens["borderWidths"];
 	borderInlineColor: Tokens["colors"];
 	borderBlock: Tokens["borders"];
-	borderBlockWidth: Tokens["borderWidths"];
 	borderBlockColor: Tokens["colors"];
 	borderLeft: Tokens["borders"];
 	borderLeftColor: Tokens["colors"];
 	borderInlineStart: Tokens["borders"];
-	borderInlineStartWidth: Tokens["borderWidths"];
 	borderInlineStartColor: Tokens["colors"];
 	borderRight: Tokens["borders"];
 	borderRightColor: Tokens["colors"];
 	borderInlineEnd: Tokens["borders"];
-	borderInlineEndWidth: Tokens["borderWidths"];
 	borderInlineEndColor: Tokens["colors"];
 	borderTop: Tokens["borders"];
 	borderTopColor: Tokens["colors"];
@@ -151,6 +139,7 @@ export interface UtilityValues {
 	borderBlockEndColor: Tokens["colors"];
 	borderBlockStart: Tokens["borders"];
 	borderBlockStartColor: Tokens["colors"];
+	opacity: Tokens["opacity"];
 	boxShadow: Tokens["shadows"];
 	boxShadowColor: Tokens["colors"];
 	filter: "auto";
@@ -166,7 +155,7 @@ export interface UtilityValues {
 	transitionProperty: "common" | "colors" | "size" | "position" | "background";
 	transition: "all" | "common" | "size" | "position" | "background" | "colors" | "opacity" | "shadow" | "transform";
 	animation: Tokens["animations"];
-	animationName: "spin" | "ping" | "pulse" | "bounce" | "ciridae-pulse" | "ciridae-spin";
+	animationName: "ping" | "pulse" | "bounce" | "skeletonShimmer" | "spin" | "livePulse" | "wizardEnterForward" | "wizardEnterBack" | "wizardResultIn";
 	animationTimingFunction: Tokens["easings"];
 	animationDuration: Tokens["durations"];
 	animationDelay: Tokens["durations"];
@@ -215,12 +204,12 @@ export interface UtilityValues {
 	scrollSnapMarginRight: Tokens["spacing"];
 	fill: Tokens["colors"];
 	stroke: Tokens["colors"];
-	strokeWidth: Tokens["borderWidths"];
 	srOnly: boolean;
 	debug: boolean;
 	containerName: CssProperties["containerName"];
-	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" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark";
-	textStyle: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+	ringRoom: boolean;
+	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" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "border.control" | "bg.field" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.toolbar" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.glassHover" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.tinted" | "bg.danger" | "accent.brand" | "accent.green" | "accent.red" | "accent.yellow" | "accent.blue" | "accent.bronze" | "border.bronze" | "fg.onAccent";
+	textStyle: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "body";
 }
 
 

package/dist/styled-system/types/style-props.d.ts

@@ -866,7 +866,7 @@ borderBlockEndStyle?: ConditionalValue<CssVars | CssProperties["borderBlockEndSt
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-width
    */
-borderBlockEndWidth?: ConditionalValue<UtilityValues["borderBlockEndWidth"] | CssVars | CssProperties["borderBlockEndWidth"] | AnyString>
+borderBlockEndWidth?: ConditionalValue<CssProperties["borderBlockEndWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -920,7 +920,7 @@ borderBlockStartStyle?: ConditionalValue<CssVars | CssProperties["borderBlockSta
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-width
    */
-borderBlockStartWidth?: ConditionalValue<UtilityValues["borderBlockStartWidth"] | CssVars | CssProperties["borderBlockStartWidth"] | AnyString>
+borderBlockStartWidth?: ConditionalValue<CssProperties["borderBlockStartWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -948,7 +948,7 @@ borderBlockStyle?: ConditionalValue<CssVars | CssProperties["borderBlockStyle"]
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width
    */
-borderBlockWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"] | AnyString>
+borderBlockWidth?: ConditionalValue<CssProperties["borderBlockWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1032,7 +1032,7 @@ borderBottomStyle?: ConditionalValue<CssVars | CssProperties["borderBottomStyle"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-width
    */
-borderBottomWidth?: ConditionalValue<UtilityValues["borderBottomWidth"] | CssVars | CssProperties["borderBottomWidth"] | AnyString>
+borderBottomWidth?: ConditionalValue<CssProperties["borderBottomWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1252,7 +1252,7 @@ borderInlineEndStyle?: ConditionalValue<CssVars | CssProperties["borderInlineEnd
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-width
    */
-borderInlineEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"] | AnyString>
+borderInlineEndWidth?: ConditionalValue<CssProperties["borderInlineEndWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -1308,7 +1308,7 @@ borderInlineStartStyle?: ConditionalValue<CssVars | CssProperties["borderInlineS
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width
    */
-borderInlineStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"] | AnyString>
+borderInlineStartWidth?: ConditionalValue<CssProperties["borderInlineStartWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -1336,7 +1336,7 @@ borderInlineStyle?: ConditionalValue<CssVars | CssProperties["borderInlineStyle"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width
    */
-borderInlineWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"] | AnyString>
+borderInlineWidth?: ConditionalValue<CssProperties["borderInlineWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1390,7 +1390,7 @@ borderLeftStyle?: ConditionalValue<CssVars | CssProperties["borderLeftStyle"] |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-width
    */
-borderLeftWidth?: ConditionalValue<UtilityValues["borderLeftWidth"] | CssVars | CssProperties["borderLeftWidth"] | AnyString>
+borderLeftWidth?: ConditionalValue<CssProperties["borderLeftWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1457,7 +1457,7 @@ borderRightStyle?: ConditionalValue<CssVars | CssProperties["borderRightStyle"]
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-width
    */
-borderRightWidth?: ConditionalValue<UtilityValues["borderRightWidth"] | CssVars | CssProperties["borderRightWidth"] | AnyString>
+borderRightWidth?: ConditionalValue<CssProperties["borderRightWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1595,7 +1595,7 @@ borderTopStyle?: ConditionalValue<CssVars | CssProperties["borderTopStyle"] | An
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-width
    */
-borderTopWidth?: ConditionalValue<UtilityValues["borderTopWidth"] | CssVars | CssProperties["borderTopWidth"] | AnyString>
+borderTopWidth?: ConditionalValue<CssProperties["borderTopWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -1607,7 +1607,7 @@ borderTopWidth?: ConditionalValue<UtilityValues["borderTopWidth"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-width
    */
-borderWidth?: ConditionalValue<UtilityValues["borderWidth"] | CssVars | CssProperties["borderWidth"] | AnyString>
+borderWidth?: ConditionalValue<CssProperties["borderWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -4336,7 +4336,7 @@ offsetRotate?: ConditionalValue<CssProperties["offsetRotate"] | AnyString>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/opacity
    */
-opacity?: ConditionalValue<CssProperties["opacity"] | AnyString>
+opacity?: ConditionalValue<UtilityValues["opacity"] | CssVars | CssProperties["opacity"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
    *
@@ -4433,7 +4433,7 @@ outlineStyle?: ConditionalValue<CssVars | CssProperties["outlineStyle"] | AnyStr
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-width
    */
-outlineWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"] | AnyString>
+outlineWidth?: ConditionalValue<CssProperties["outlineWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -5809,7 +5809,7 @@ strokeOpacity?: ConditionalValue<CssProperties["strokeOpacity"] | AnyString>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-width
    */
-strokeWidth?: ConditionalValue<UtilityValues["strokeWidth"] | CssVars | CssProperties["strokeWidth"] | AnyString>
+strokeWidth?: ConditionalValue<CssProperties["strokeWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
    *
@@ -6766,7 +6766,7 @@ writingMode?: ConditionalValue<CssVars | CssProperties["writingMode"] | AnyStrin
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index
    */
-zIndex?: ConditionalValue<CssProperties["zIndex"] | AnyString>
+zIndex?: ConditionalValue<UtilityValues["zIndex"] | CssVars | CssProperties["zIndex"] | AnyString>
  /**
    * Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
    *
@@ -7282,7 +7282,7 @@ marginStart?: ConditionalValue<UtilityValues["marginInlineStart"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-width
    */
-ringWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"] | AnyString>
+ringWidth?: ConditionalValue<CssProperties["outlineWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
    *
@@ -7578,7 +7578,7 @@ bgBlendMode?: ConditionalValue<CssProperties["backgroundBlendMode"] | AnyString>
 bgSize?: ConditionalValue<CssProperties["backgroundSize"] | AnyString>
  bgGradient?: ConditionalValue<UtilityValues["backgroundGradient"] | CssVars | AnyString>
  bgLinear?: ConditionalValue<UtilityValues["backgroundLinear"] | CssVars | AnyString>
- bgRadial?: ConditionalValue<string | number | AnyString>
+ bgRadial?: ConditionalValue<UtilityValues["backgroundRadial"] | CssVars | AnyString>
  bgConic?: ConditionalValue<string | number | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
@@ -7740,7 +7740,7 @@ borderX?: ConditionalValue<UtilityValues["borderInline"] | CssVars | CssProperti
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width
    */
-borderXWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"] | AnyString>
+borderXWidth?: ConditionalValue<CssProperties["borderInlineWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -7780,7 +7780,7 @@ borderY?: ConditionalValue<UtilityValues["borderBlock"] | CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width
    */
-borderYWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"] | AnyString>
+borderYWidth?: ConditionalValue<CssProperties["borderBlockWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
    *
@@ -7820,7 +7820,7 @@ borderStart?: ConditionalValue<UtilityValues["borderInlineStart"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width
    */
-borderStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"] | AnyString>
+borderStartWidth?: ConditionalValue<CssProperties["borderInlineStartWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -7862,7 +7862,7 @@ borderEnd?: ConditionalValue<UtilityValues["borderInlineEnd"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-width
    */
-borderEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"] | AnyString>
+borderEndWidth?: ConditionalValue<CssProperties["borderInlineEndWidth"] | AnyString>
  /**
    * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
    *
@@ -7953,8 +7953,8 @@ scrollPaddingX?: ConditionalValue<UtilityValues["scrollPaddingInline"] | CssVars
  focusRingOffset?: ConditionalValue<UtilityValues["focusRingOffset"] | CssVars | AnyString>
  focusRingWidth?: ConditionalValue<UtilityValues["focusRingWidth"] | CssVars | AnyString>
  focusRingStyle?: ConditionalValue<UtilityValues["focusRingStyle"] | CssVars | AnyString>
- divideX?: ConditionalValue<UtilityValues["divideX"] | CssVars | AnyString>
- divideY?: ConditionalValue<UtilityValues["divideY"] | CssVars | AnyString>
+ divideX?: ConditionalValue<string | number | AnyString>
+ divideY?: ConditionalValue<string | number | AnyString>
  divideColor?: ConditionalValue<UtilityValues["divideColor"] | CssVars | AnyString>
  divideStyle?: ConditionalValue<UtilityValues["divideStyle"] | CssVars | AnyString>
  boxSize?: ConditionalValue<UtilityValues["boxSize"] | CssVars | AnyString>
@@ -7962,7 +7962,7 @@ scrollPaddingX?: ConditionalValue<UtilityValues["scrollPaddingInline"] | CssVars
  truncate?: ConditionalValue<UtilityValues["truncate"] | CssVars | AnyString>
  backgroundGradient?: ConditionalValue<UtilityValues["backgroundGradient"] | CssVars | AnyString>
  backgroundLinear?: ConditionalValue<UtilityValues["backgroundLinear"] | CssVars | AnyString>
- backgroundRadial?: ConditionalValue<string | number | AnyString>
+ backgroundRadial?: ConditionalValue<UtilityValues["backgroundRadial"] | CssVars | AnyString>
  backgroundConic?: ConditionalValue<string | number | AnyString>
  textGradient?: ConditionalValue<UtilityValues["textGradient"] | CssVars | AnyString>
  gradientFromPosition?: ConditionalValue<string | number | AnyString>
@@ -8084,6 +8084,7 @@ scrollSnapMarginLeft?: ConditionalValue<UtilityValues["scrollSnapMarginLeft"] |
 scrollSnapMarginRight?: ConditionalValue<UtilityValues["scrollSnapMarginRight"] | CssVars | AnyString>
  srOnly?: ConditionalValue<UtilityValues["srOnly"] | CssVars | AnyString>
  debug?: ConditionalValue<UtilityValues["debug"] | CssVars | AnyString>
+ ringRoom?: ConditionalValue<UtilityValues["ringRoom"] | CssVars | AnyString>
  colorPalette?: ConditionalValue<UtilityValues["colorPalette"] | CssVars | AnyString>
  textStyle?: ConditionalValue<UtilityValues["textStyle"] | CssVars | AnyString>
 }