cetec-design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,60 @@
+/* eslint-disable */
+export type Token = "aspectRatios.square" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.wide" | "aspectRatios.ultrawide" | "aspectRatios.golden" | "borders.none" | "shadows.low" | "shadows.medium" | "shadows.high" | "shadows.inset" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.default" | "lineHeights.loose" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.transparent" | "colors.current" | "colors.slate.0" | "colors.slate.1" | "colors.slate.2" | "colors.slate.3" | "colors.slate.4" | "colors.slate.5" | "colors.slate.10" | "colors.slate.20" | "colors.slate.30" | "colors.slate.40" | "colors.slate.50" | "colors.slate.60" | "colors.slate.70" | "colors.slate.80" | "colors.slate.90" | "colors.slate.100" | "colors.gold.1" | "colors.gold.2" | "colors.gold.3" | "colors.gold.4" | "colors.gold.5" | "colors.gold.10" | "colors.gold.20" | "colors.gold.30" | "colors.gold.40" | "colors.gold.50" | "colors.gold.60" | "colors.gold.70" | "colors.gold.80" | "colors.gold.90" | "colors.orange.5" | "colors.orange.10" | "colors.orange.20" | "colors.orange.30" | "colors.orange.40" | "colors.orange.50" | "colors.orange.60" | "colors.orange.70" | "colors.orange.80" | "colors.orange.90" | "colors.tan.5" | "colors.tan.10" | "colors.tan.20" | "colors.tan.30" | "colors.tan.40" | "colors.tan.50" | "colors.tan.60" | "colors.tan.70" | "colors.tan.80" | "colors.tan.90" | "colors.cyan.5" | "colors.cyan.10" | "colors.cyan.20" | "colors.cyan.30" | "colors.cyan.40" | "colors.cyan.50" | "colors.cyan.60" | "colors.cyan.70" | "colors.cyan.80" | "colors.cyan.90" | "colors.blue.5" | "colors.blue.10" | "colors.blue.20" | "colors.blue.30" | "colors.blue.40" | "colors.blue.50" | "colors.blue.60" | "colors.blue.70" | "colors.blue.80" | "colors.blue.90" | "colors.green.1" | "colors.green.2" | "colors.green.3" | "colors.green.4" | "colors.green.5" | "colors.green.10" | "colors.green.20" | "colors.green.30" | "colors.green.40" | "colors.green.50" | "colors.green.60" | "colors.green.70" | "colors.green.80" | "colors.green.90" | "colors.yellow.1" | "colors.yellow.2" | "colors.yellow.3" | "colors.yellow.4" | "colors.yellow.5" | "colors.yellow.10" | "colors.yellow.20" | "colors.yellow.30" | "colors.yellow.40" | "colors.yellow.50" | "colors.yellow.60" | "colors.yellow.70" | "colors.yellow.80" | "colors.yellow.90" | "colors.red.1" | "colors.red.2" | "colors.red.3" | "colors.red.4" | "colors.red.5" | "colors.red.10" | "colors.red.20" | "colors.red.30" | "colors.red.40" | "colors.red.50" | "colors.red.60" | "colors.red.70" | "colors.red.80" | "colors.red.90" | "fonts.heading" | "fonts.body" | "fonts.mono" | "fontSizes.12" | "fontSizes.14" | "fontSizes.16" | "fontSizes.20" | "fontSizes.24" | "fontSizes.32" | "fontSizes.40" | "fontSizes.48" | "fontSizes.64" | "fontSizes.72" | "fontSizes.80" | "fontSizes.96" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.bold" | "fontWeights.black" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.22" | "sizes.24" | "sizes.32" | "sizes.40" | "sizes.48" | "sizes.56" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "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.breakpoint-xs" | "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.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.22" | "spacing.24" | "spacing.32" | "spacing.40" | "spacing.48" | "spacing.56" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.full" | "spacing.min" | "spacing.max" | "spacing.fit" | "spacing.xs" | "spacing.sm" | "spacing.md" | "spacing.lg" | "spacing.xl" | "spacing.2xl" | "spacing.3xl" | "spacing.4xl" | "spacing.5xl" | "spacing.6xl" | "spacing.7xl" | "spacing.8xl" | "spacing.prose" | "radii.0" | "radii.1" | "radii.2" | "radii.3" | "radii.4" | "radii.8" | "radii.16" | "radii.100" | "breakpoints.xs" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "colors.brand.slate" | "colors.brand.gold" | "colors.success.lighter" | "colors.success.light" | "colors.success.default" | "colors.success.dark" | "colors.success.darker" | "colors.warning.lighter" | "colors.warning.light" | "colors.warning.default" | "colors.warning.dark" | "colors.warning.darker" | "colors.error.lighter" | "colors.error.light" | "colors.error.default" | "colors.error.dark" | "colors.error.darker" | "colors.utility.shadowColor" | "spacing.-0" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-22" | "spacing.-24" | "spacing.-32" | "spacing.-40" | "spacing.-48" | "spacing.-56" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-full" | "spacing.-min" | "spacing.-max" | "spacing.-fit" | "spacing.-xs" | "spacing.-sm" | "spacing.-md" | "spacing.-lg" | "spacing.-xl" | "spacing.-2xl" | "spacing.-3xl" | "spacing.-4xl" | "spacing.-5xl" | "spacing.-6xl" | "spacing.-7xl" | "spacing.-8xl" | "spacing.-prose" | "colors.colorPalette" | "colors.colorPalette.0" | "colors.colorPalette.1" | "colors.colorPalette.2" | "colors.colorPalette.3" | "colors.colorPalette.4" | "colors.colorPalette.5" | "colors.colorPalette.10" | "colors.colorPalette.20" | "colors.colorPalette.30" | "colors.colorPalette.40" | "colors.colorPalette.50" | "colors.colorPalette.60" | "colors.colorPalette.70" | "colors.colorPalette.80" | "colors.colorPalette.90" | "colors.colorPalette.100" | "colors.colorPalette.slate" | "colors.colorPalette.gold" | "colors.colorPalette.lighter" | "colors.colorPalette.light" | "colors.colorPalette.default" | "colors.colorPalette.dark" | "colors.colorPalette.darker" | "colors.colorPalette.shadowColor"
+
+export type ColorPalette = "transparent" | "current" | "slate" | "gold" | "orange" | "tan" | "cyan" | "blue" | "green" | "yellow" | "red" | "brand" | "success" | "warning" | "error" | "utility"
+
+export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
+
+export type BorderToken = "none"
+
+export type ShadowToken = "low" | "medium" | "high" | "inset"
+
+export type EasingToken = "default" | "linear" | "in" | "out" | "in-out"
+
+export type DurationToken = "fastest" | "faster" | "fast" | "normal" | "slow" | "slower" | "slowest"
+
+export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest"
+
+export type LineHeightToken = "none" | "tight" | "default" | "loose"
+
+export type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
+
+export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
+
+export type ColorToken = "transparent" | "current" | "slate.0" | "slate.1" | "slate.2" | "slate.3" | "slate.4" | "slate.5" | "slate.10" | "slate.20" | "slate.30" | "slate.40" | "slate.50" | "slate.60" | "slate.70" | "slate.80" | "slate.90" | "slate.100" | "gold.1" | "gold.2" | "gold.3" | "gold.4" | "gold.5" | "gold.10" | "gold.20" | "gold.30" | "gold.40" | "gold.50" | "gold.60" | "gold.70" | "gold.80" | "gold.90" | "orange.5" | "orange.10" | "orange.20" | "orange.30" | "orange.40" | "orange.50" | "orange.60" | "orange.70" | "orange.80" | "orange.90" | "tan.5" | "tan.10" | "tan.20" | "tan.30" | "tan.40" | "tan.50" | "tan.60" | "tan.70" | "tan.80" | "tan.90" | "cyan.5" | "cyan.10" | "cyan.20" | "cyan.30" | "cyan.40" | "cyan.50" | "cyan.60" | "cyan.70" | "cyan.80" | "cyan.90" | "blue.5" | "blue.10" | "blue.20" | "blue.30" | "blue.40" | "blue.50" | "blue.60" | "blue.70" | "blue.80" | "blue.90" | "green.1" | "green.2" | "green.3" | "green.4" | "green.5" | "green.10" | "green.20" | "green.30" | "green.40" | "green.50" | "green.60" | "green.70" | "green.80" | "green.90" | "yellow.1" | "yellow.2" | "yellow.3" | "yellow.4" | "yellow.5" | "yellow.10" | "yellow.20" | "yellow.30" | "yellow.40" | "yellow.50" | "yellow.60" | "yellow.70" | "yellow.80" | "yellow.90" | "red.1" | "red.2" | "red.3" | "red.4" | "red.5" | "red.10" | "red.20" | "red.30" | "red.40" | "red.50" | "red.60" | "red.70" | "red.80" | "red.90" | "brand.slate" | "brand.gold" | "success.lighter" | "success.light" | "success.default" | "success.dark" | "success.darker" | "warning.lighter" | "warning.light" | "warning.default" | "warning.dark" | "warning.darker" | "error.lighter" | "error.light" | "error.default" | "error.dark" | "error.darker" | "utility.shadowColor" | "colorPalette" | "colorPalette.0" | "colorPalette.1" | "colorPalette.2" | "colorPalette.3" | "colorPalette.4" | "colorPalette.5" | "colorPalette.10" | "colorPalette.20" | "colorPalette.30" | "colorPalette.40" | "colorPalette.50" | "colorPalette.60" | "colorPalette.70" | "colorPalette.80" | "colorPalette.90" | "colorPalette.100" | "colorPalette.slate" | "colorPalette.gold" | "colorPalette.lighter" | "colorPalette.light" | "colorPalette.default" | "colorPalette.dark" | "colorPalette.darker" | "colorPalette.shadowColor"
+
+export type FontToken = "heading" | "body" | "mono"
+
+export type FontSizeToken = "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
+
+export type FontWeightToken = "light" | "normal" | "medium" | "bold" | "black"
+
+export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "full" | "min" | "max" | "fit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "breakpoint-xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
+
+export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "full" | "min" | "max" | "fit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-12" | "-14" | "-16" | "-20" | "-22" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-full" | "-min" | "-max" | "-fit" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2xl" | "-3xl" | "-4xl" | "-5xl" | "-6xl" | "-7xl" | "-8xl" | "-prose"
+
+export type RadiusToken = "0" | "1" | "2" | "3" | "4" | "8" | "16" | "100"
+
+export type BreakpointToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
+
+export type Tokens = {
+		aspectRatios: AspectRatioToken
+		borders: BorderToken
+		shadows: ShadowToken
+		easings: EasingToken
+		durations: DurationToken
+		letterSpacings: LetterSpacingToken
+		lineHeights: LineHeightToken
+		blurs: BlurToken
+		animations: AnimationToken
+		colors: ColorToken
+		fonts: FontToken
+		fontSizes: FontSizeToken
+		fontWeights: FontWeightToken
+		sizes: SizeToken
+		spacing: SpacingToken
+		radii: RadiusToken
+		breakpoints: BreakpointToken
+} & { [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/styled-system/types/composition.d.ts

@@ -0,0 +1,164 @@
+/* eslint-disable */
+import type {  CompositionStyleObject  } from './system-types';
+
+interface Token<T> {
+  value: T
+  description?: string
+}
+
+interface Recursive<T> {
+  [key: string]: Recursive<T> | T
+}
+
+/* -----------------------------------------------------------------------------
+ * Text styles
+ * -----------------------------------------------------------------------------*/
+
+type TextStyleProperty =
+  | 'font'
+  | 'fontFamily'
+  | 'fontFeatureSettings'
+  | 'fontKerning'
+  | 'fontLanguageOverride'
+  | 'fontOpticalSizing'
+  | 'fontPalette'
+  | 'fontSize'
+  | 'fontSizeAdjust'
+  | 'fontStretch'
+  | 'fontStyle'
+  | 'fontSynthesis'
+  | 'fontVariant'
+  | 'fontVariantAlternates'
+  | 'fontVariantCaps'
+  | 'fontVariantLigatures'
+  | 'fontVariantNumeric'
+  | 'fontVariantPosition'
+  | 'fontVariationSettings'
+  | 'fontWeight'
+  | 'hypens'
+  | 'hyphenateCharacter'
+  | 'hyphenateLimitChars'
+  | 'letterSpacing'
+  | 'lineBreak'
+  | 'lineHeight'
+  | 'quotes'
+  | 'overflowWrap'
+  | 'textCombineUpright'
+  | 'textDecoration'
+  | 'textDecorationColor'
+  | 'textDecorationLine'
+  | 'textDecorationSkipInk'
+  | 'textDecorationStyle'
+  | 'textDecorationThickness'
+  | 'textEmphasis'
+  | 'textEmphasisColor'
+  | 'textEmphasisPosition'
+  | 'textEmphasisStyle'
+  | 'textIndent'
+  | 'textJustify'
+  | 'textOrientation'
+  | 'textOverflow'
+  | 'textRendering'
+  | 'textShadow'
+  | 'textTransform'
+  | 'textUnderlineOffset'
+  | 'textUnderlinePosition'
+  | 'textWrap'
+  | 'textWrapMode'
+  | 'textWrapStyle'
+  | 'verticalAlign'
+  | 'whiteSpace'
+  | 'wordBreak'
+  | 'wordSpacing'
+
+export type TextStyle = CompositionStyleObject<TextStyleProperty>
+
+export type TextStyles = Recursive<Token<TextStyle>>
+
+/* -----------------------------------------------------------------------------
+ * Layer styles
+ * -----------------------------------------------------------------------------*/
+
+type Placement =
+  | 'Top'
+  | 'Right'
+  | 'Bottom'
+  | 'Left'
+  | 'Inline'
+  | 'Block'
+  | 'InlineStart'
+  | 'InlineEnd'
+  | 'BlockStart'
+  | 'BlockEnd'
+
+type Radius =
+  | `Top${'Right' | 'Left'}`
+  | `Bottom${'Right' | 'Left'}`
+  | `Start${'Start' | 'End'}`
+  | `End${'Start' | 'End'}`
+
+type LayerStyleProperty =
+  | 'background'
+  | 'backgroundColor'
+  | 'backgroundImage'
+  | 'borderRadius'
+  | 'border'
+  | 'borderWidth'
+  | 'borderColor'
+  | 'borderStyle'
+  | 'boxShadow'
+  | 'filter'
+  | 'backdropFilter'
+  | 'transform'
+  | 'color'
+  | 'opacity'
+  | 'backgroundBlendMode'
+  | 'backgroundAttachment'
+  | 'backgroundClip'
+  | 'backgroundOrigin'
+  | 'backgroundPosition'
+  | 'backgroundRepeat'
+  | 'backgroundSize'
+  | `border${Placement}`
+  | `border${Placement}Width`
+  | 'borderRadius'
+  | `border${Radius}Radius`
+  | `border${Placement}Color`
+  | `border${Placement}Style`
+  | 'padding'
+  | `padding${Placement}`
+
+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/styled-system/types/conditions.d.ts

@@ -0,0 +1,306 @@
+/* eslint-disable */
+import type { AnySelector, Selectors } from './selectors';
+
+export interface Conditions {
+	/** `&:is(:hover, [data-hover])` */
+	"_hover": string
+	/** `&:is(:focus, [data-focus])` */
+	"_focus": string
+	/** `&:focus-within` */
+	"_focusWithin": string
+	/** `&:is(:focus-visible, [data-focus-visible])` */
+	"_focusVisible": string
+	/** `&:is(:disabled, [disabled], [data-disabled])` */
+	"_disabled": string
+	/** `&:is(:active, [data-active])` */
+	"_active": string
+	/** `&:visited` */
+	"_visited": string
+	/** `&:target` */
+	"_target": string
+	/** `&:is(:read-only, [data-read-only])` */
+	"_readOnly": string
+	/** `&:read-write` */
+	"_readWrite": string
+	/** `&:is(:empty, [data-empty])` */
+	"_empty": string
+	/** `&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])` */
+	"_checked": string
+	/** `&:enabled` */
+	"_enabled": string
+	/** `&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])` */
+	"_expanded": string
+	/** `&[data-highlighted]` */
+	"_highlighted": string
+	/** `&::before` */
+	"_before": string
+	/** `&::after` */
+	"_after": string
+	/** `&::first-letter` */
+	"_firstLetter": string
+	/** `&::first-line` */
+	"_firstLine": string
+	/** `&::marker` */
+	"_marker": string
+	/** `&::selection` */
+	"_selection": string
+	/** `&::file-selector-button` */
+	"_file": string
+	/** `&::backdrop` */
+	"_backdrop": string
+	/** `&:first-child` */
+	"_first": string
+	/** `&:last-child` */
+	"_last": string
+	/** `&:only-child` */
+	"_only": string
+	/** `&:nth-child(even)` */
+	"_even": string
+	/** `&:nth-child(odd)` */
+	"_odd": string
+	/** `&:first-of-type` */
+	"_firstOfType": string
+	/** `&:last-of-type` */
+	"_lastOfType": string
+	/** `&:only-of-type` */
+	"_onlyOfType": string
+	/** `.peer:is(:focus, [data-focus]) ~ &` */
+	"_peerFocus": string
+	/** `.peer:is(:hover, [data-hover]) ~ &` */
+	"_peerHover": string
+	/** `.peer:is(:active, [data-active]) ~ &` */
+	"_peerActive": string
+	/** `.peer:focus-within ~ &` */
+	"_peerFocusWithin": string
+	/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
+	"_peerFocusVisible": string
+	/** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */
+	"_peerDisabled": string
+	/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */
+	"_peerChecked": string
+	/** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */
+	"_peerInvalid": string
+	/** `.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &` */
+	"_peerExpanded": string
+	/** `.peer:placeholder-shown ~ &` */
+	"_peerPlaceholderShown": string
+	/** `.group:is(:focus, [data-focus]) &` */
+	"_groupFocus": string
+	/** `.group:is(:hover, [data-hover]) &` */
+	"_groupHover": string
+	/** `.group:is(:active, [data-active]) &` */
+	"_groupActive": string
+	/** `.group:focus-within &` */
+	"_groupFocusWithin": string
+	/** `.group:is(:focus-visible, [data-focus-visible]) &` */
+	"_groupFocusVisible": string
+	/** `.group:is(:disabled, [disabled], [data-disabled]) &` */
+	"_groupDisabled": string
+	/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */
+	"_groupChecked": string
+	/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
+	"_groupExpanded": string
+	/** `.group:invalid &` */
+	"_groupInvalid": string
+	/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])` */
+	"_indeterminate": string
+	/** `&:is(:required, [data-required], [aria-required=true])` */
+	"_required": string
+	/** `&:is(:valid, [data-valid])` */
+	"_valid": string
+	/** `&:is(:invalid, [data-invalid])` */
+	"_invalid": string
+	/** `&:autofill` */
+	"_autofill": string
+	/** `&:in-range` */
+	"_inRange": string
+	/** `&:out-of-range` */
+	"_outOfRange": string
+	/** `&::placeholder, &[data-placeholder]` */
+	"_placeholder": string
+	/** `&:is(:placeholder-shown, [data-placeholder-shown])` */
+	"_placeholderShown": string
+	/** `&:is([aria-pressed=true], [data-pressed])` */
+	"_pressed": string
+	/** `&:is([aria-selected=true], [data-selected])` */
+	"_selected": string
+	/** `&:default` */
+	"_default": string
+	/** `&:optional` */
+	"_optional": string
+	/** `&:is([open], [data-open], [data-state="open"])` */
+	"_open": string
+	/** `&:is([closed], [data-closed], [data-state="closed"])` */
+	"_closed": string
+	/** `&:fullscreen` */
+	"_fullscreen": string
+	/** `&:is([data-loading], [aria-busy=true])` */
+	"_loading": string
+	/** `&[aria-current=page]` */
+	"_currentPage": string
+	/** `&[aria-current=step]` */
+	"_currentStep": string
+	/** `@media (prefers-reduced-motion: reduce)` */
+	"_motionReduce": string
+	/** `@media (prefers-reduced-motion: no-preference)` */
+	"_motionSafe": string
+	/** `@media print` */
+	"_print": string
+	/** `@media (orientation: landscape)` */
+	"_landscape": string
+	/** `@media (orientation: portrait)` */
+	"_portrait": string
+	/** `.dark &, [data-color-mode=dark] &` */
+	"_dark": string
+	/** `.light &, [data-color-mode=light] &` */
+	"_light": string
+	/** `@media (prefers-color-scheme: dark)` */
+	"_osDark": string
+	/** `@media (prefers-color-scheme: light)` */
+	"_osLight": string
+	/** `@media (forced-colors: active)` */
+	"_highContrast": string
+	/** `@media (prefers-contrast: less)` */
+	"_lessContrast": string
+	/** `@media (prefers-contrast: more)` */
+	"_moreContrast": string
+	/** `[dir=ltr] &` */
+	"_ltr": string
+	/** `[dir=rtl] &` */
+	"_rtl": string
+	/** `&::-webkit-scrollbar` */
+	"_scrollbar": string
+	/** `&::-webkit-scrollbar-thumb` */
+	"_scrollbarThumb": string
+	/** `&::-webkit-scrollbar-track` */
+	"_scrollbarTrack": string
+	/** `&[data-orientation=horizontal]` */
+	"_horizontal": string
+	/** `&[data-orientation=vertical]` */
+	"_vertical": string
+	/** `@starting-style` */
+	"_starting": string
+	/** `&:is([data-error], [error])` */
+	"_error": string
+	/** `&:is([hidden])` */
+	"_hidden": string
+	/** `&:is([data-current])` */
+	"_current": string
+	/** `&:is([data-today])` */
+	"_today": string
+	/** `&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])` */
+	"_collapsed": string
+	/** `@container (max-width: 560px)` */
+	"_containerSmall": string
+	/** `@container (min-width: 561px) and (max-width: 999px)` */
+	"_containerMedium": string
+	/** `@container (min-width: 1000px)` */
+	"_containerLarge": string
+	/** `@media screen and (min-width: 30rem)` */
+	"xs": string
+	/** `@media screen and (min-width: 30rem) and (max-width: 39.9975rem)` */
+	"xsOnly": string
+	/** `@media screen and (max-width: 29.9975rem)` */
+	"xsDown": string
+	/** `@media screen and (min-width: 40rem)` */
+	"sm": string
+	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
+	"smOnly": string
+	/** `@media screen and (max-width: 39.9975rem)` */
+	"smDown": string
+	/** `@media screen and (min-width: 48rem)` */
+	"md": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
+	"mdOnly": string
+	/** `@media screen and (max-width: 47.9975rem)` */
+	"mdDown": string
+	/** `@media screen and (min-width: 64rem)` */
+	"lg": string
+	/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
+	"lgOnly": string
+	/** `@media screen and (max-width: 63.9975rem)` */
+	"lgDown": string
+	/** `@media screen and (min-width: 80rem)` */
+	"xl": string
+	/** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
+	"xlOnly": string
+	/** `@media screen and (max-width: 79.9975rem)` */
+	"xlDown": string
+	/** `@media screen and (min-width: 96rem)` */
+	"2xl": string
+	/** `@media screen and (min-width: 96rem)` */
+	"2xlOnly": string
+	/** `@media screen and (max-width: 95.9975rem)` */
+	"2xlDown": string
+	/** `@media screen and (min-width: 30rem) and (max-width: 39.9975rem)` */
+	"xsToSm": string
+	/** `@media screen and (min-width: 30rem) and (max-width: 47.9975rem)` */
+	"xsToMd": string
+	/** `@media screen and (min-width: 30rem) and (max-width: 63.9975rem)` */
+	"xsToLg": string
+	/** `@media screen and (min-width: 30rem) and (max-width: 79.9975rem)` */
+	"xsToXl": string
+	/** `@media screen and (min-width: 30rem) and (max-width: 95.9975rem)` */
+	"xsTo2xl": string
+	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
+	"smToMd": string
+	/** `@media screen and (min-width: 40rem) and (max-width: 63.9975rem)` */
+	"smToLg": string
+	/** `@media screen and (min-width: 40rem) and (max-width: 79.9975rem)` */
+	"smToXl": string
+	/** `@media screen and (min-width: 40rem) and (max-width: 95.9975rem)` */
+	"smTo2xl": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
+	"mdToLg": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */
+	"mdToXl": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 95.9975rem)` */
+	"mdTo2xl": string
+	/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
+	"lgToXl": string
+	/** `@media screen and (min-width: 64rem) and (max-width: 95.9975rem)` */
+	"lgTo2xl": string
+	/** `@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 ConditionalValue<V> =
+  | V
+  | Array<V | null>
+  | {
+      [K in keyof Conditions]?: ConditionalValue<V>
+    }
+
+export type Nested<P> = P & {
+  [K in Selectors]?: Nested<P>
+} & {
+  [K in AnySelector]?: Nested<P>
+} & {
+  [K in keyof Conditions]?: Nested<P>
+}