@ciridae/ui 0.3.3 → 0.3.5

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

@@ -2,236 +2,242 @@
 import type { ConditionalValue } from './conditions';
 import type { CssProperties } from './system-types';
 import type { Tokens } from '../tokens/index';
-
 export interface UtilityValues {
-	aspectRatio: Tokens["aspectRatios"];
-	top: Tokens["spacing"];
-	left: Tokens["spacing"];
-	inset: "auto" | Tokens["spacing"];
-	insetInline: Tokens["spacing"];
-	insetBlock: Tokens["spacing"];
-	insetBlockEnd: Tokens["spacing"];
-	insetBlockStart: Tokens["spacing"];
-	insetInlineEnd: Tokens["spacing"];
-	insetInlineStart: Tokens["spacing"];
-	right: Tokens["spacing"];
-	bottom: Tokens["spacing"];
-	float: "start" | "end" | CssProperties["float"];
-	hideFrom: Tokens["breakpoints"];
-	hideBelow: Tokens["breakpoints"];
-	flexBasis: 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" | "full";
-	flex: "1" | "auto" | "initial" | "none";
-	gridAutoColumns: "min" | "max" | "fr";
-	gridAutoRows: "min" | "max" | "fr";
-	gap: Tokens["spacing"];
-	gridGap: Tokens["spacing"];
-	gridRowGap: Tokens["spacing"];
-	gridColumnGap: Tokens["spacing"];
-	rowGap: Tokens["spacing"];
-	columnGap: Tokens["spacing"];
-	padding: Tokens["spacing"];
-	paddingLeft: Tokens["spacing"];
-	paddingRight: Tokens["spacing"];
-	paddingTop: Tokens["spacing"];
-	paddingBottom: Tokens["spacing"];
-	paddingBlock: Tokens["spacing"];
-	paddingBlockEnd: Tokens["spacing"];
-	paddingBlockStart: Tokens["spacing"];
-	paddingInline: Tokens["spacing"];
-	paddingInlineEnd: Tokens["spacing"];
-	paddingInlineStart: Tokens["spacing"];
-	marginLeft: "auto" | Tokens["spacing"];
-	marginRight: "auto" | Tokens["spacing"];
-	marginTop: "auto" | Tokens["spacing"];
-	marginBottom: "auto" | Tokens["spacing"];
-	margin: "auto" | Tokens["spacing"];
-	marginBlock: "auto" | Tokens["spacing"];
-	marginBlockEnd: "auto" | Tokens["spacing"];
-	marginBlockStart: "auto" | Tokens["spacing"];
-	marginInline: "auto" | Tokens["spacing"];
-	marginInlineEnd: "auto" | Tokens["spacing"];
-	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";
-	focusVisibleRing: "outside" | "inside" | "mixed" | "none";
-	focusRingColor: Tokens["colors"];
-	focusRingOffset: Tokens["spacing"];
-	focusRingWidth: Tokens["borderWidths"] | 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";
-	inlineSize: "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";
-	minWidth: "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";
-	minInlineSize: "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";
-	maxWidth: "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";
-	maxInlineSize: "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";
-	height: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
-	blockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
-	minHeight: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
-	minBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
-	maxHeight: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
-	maxBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
-	boxSize: "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";
-	color: Tokens["colors"];
-	fontFamily: Tokens["fonts"];
-	fontSize: Tokens["fontSizes"];
-	fontWeight: Tokens["fontWeights"];
-	fontSmoothing: "antialiased" | "subpixel-antialiased";
-	letterSpacing: Tokens["letterSpacings"];
-	lineHeight: Tokens["lineHeights"];
-	textDecorationColor: Tokens["colors"];
-	textEmphasisColor: Tokens["colors"];
-	textIndent: Tokens["spacing"];
-	textShadow: Tokens["shadows"];
-	textShadowColor: Tokens["colors"];
-	WebkitTextFillColor: Tokens["colors"];
-	textWrap: "wrap" | "balance" | "nowrap";
-	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";
-	gradientFrom: Tokens["colors"];
-	gradientTo: Tokens["colors"];
-	gradientVia: Tokens["colors"];
-	borderRadius: Tokens["radii"];
-	borderTopLeftRadius: Tokens["radii"];
-	borderTopRightRadius: Tokens["radii"];
-	borderBottomRightRadius: Tokens["radii"];
-	borderBottomLeftRadius: Tokens["radii"];
-	borderTopRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderRightRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderBottomRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderLeftRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderStartStartRadius: Tokens["radii"];
-	borderStartEndRadius: Tokens["radii"];
-	borderStartRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderEndStartRadius: Tokens["radii"];
-	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"];
-	borderBottom: Tokens["borders"];
-	borderBottomColor: Tokens["colors"];
-	borderBlockEnd: Tokens["borders"];
-	borderBlockEndColor: Tokens["colors"];
-	borderBlockStart: Tokens["borders"];
-	borderBlockStartColor: Tokens["colors"];
-	boxShadow: Tokens["shadows"];
-	boxShadowColor: Tokens["colors"];
-	filter: "auto";
-	blur: Tokens["blurs"];
-	backdropFilter: "auto";
-	backdropBlur: Tokens["blurs"];
-	borderSpacing: Tokens["spacing"] | "auto";
-	borderSpacingX: Tokens["spacing"];
-	borderSpacingY: Tokens["spacing"];
-	transitionTimingFunction: Tokens["easings"];
-	transitionDelay: Tokens["durations"];
-	transitionDuration: Tokens["durations"];
-	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";
-	animationTimingFunction: Tokens["easings"];
-	animationDuration: Tokens["durations"];
-	animationDelay: Tokens["durations"];
-	rotate: "auto" | "auto-3d" | CssProperties["rotate"];
-	rotateX: CssProperties["rotate"];
-	rotateY: CssProperties["rotate"];
-	rotateZ: CssProperties["rotate"];
-	scale: "auto" | CssProperties["scale"];
-	translate: "auto" | "auto-3d" | CssProperties["translate"];
-	translateX: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
-	translateY: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
-	translateZ: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
-	accentColor: Tokens["colors"];
-	caretColor: Tokens["colors"];
-	scrollbar: "visible" | "hidden";
-	scrollbarColor: Tokens["colors"];
-	scrollbarWidth: Tokens["sizes"];
-	scrollMargin: Tokens["spacing"];
-	scrollMarginLeft: Tokens["spacing"];
-	scrollMarginRight: Tokens["spacing"];
-	scrollMarginTop: Tokens["spacing"];
-	scrollMarginBottom: Tokens["spacing"];
-	scrollMarginBlock: Tokens["spacing"];
-	scrollMarginBlockEnd: Tokens["spacing"];
-	scrollMarginBlockStart: Tokens["spacing"];
-	scrollMarginInline: Tokens["spacing"];
-	scrollMarginInlineEnd: Tokens["spacing"];
-	scrollMarginInlineStart: Tokens["spacing"];
-	scrollPadding: Tokens["spacing"];
-	scrollPaddingBlock: Tokens["spacing"];
-	scrollPaddingBlockStart: Tokens["spacing"];
-	scrollPaddingBlockEnd: Tokens["spacing"];
-	scrollPaddingInline: Tokens["spacing"];
-	scrollPaddingInlineEnd: Tokens["spacing"];
-	scrollPaddingInlineStart: Tokens["spacing"];
-	scrollPaddingLeft: Tokens["spacing"];
-	scrollPaddingRight: Tokens["spacing"];
-	scrollPaddingTop: Tokens["spacing"];
-	scrollPaddingBottom: Tokens["spacing"];
-	scrollSnapType: "none" | "x" | "y" | "both";
-	scrollSnapStrictness: "mandatory" | "proximity";
-	scrollSnapMargin: Tokens["spacing"];
-	scrollSnapMarginTop: Tokens["spacing"];
-	scrollSnapMarginBottom: Tokens["spacing"];
-	scrollSnapMarginLeft: Tokens["spacing"];
-	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";
+    aspectRatio: Tokens["aspectRatios"];
+    top: Tokens["spacing"];
+    left: Tokens["spacing"];
+    inset: "auto" | Tokens["spacing"];
+    insetInline: Tokens["spacing"];
+    insetBlock: Tokens["spacing"];
+    insetBlockEnd: Tokens["spacing"];
+    insetBlockStart: Tokens["spacing"];
+    insetInlineEnd: Tokens["spacing"];
+    insetInlineStart: Tokens["spacing"];
+    right: Tokens["spacing"];
+    bottom: Tokens["spacing"];
+    float: "start" | "end" | CssProperties["float"];
+    hideFrom: Tokens["breakpoints"];
+    hideBelow: Tokens["breakpoints"];
+    flexBasis: 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" | "full";
+    flex: "1" | "auto" | "initial" | "none";
+    gridAutoColumns: "min" | "max" | "fr";
+    gridAutoRows: "min" | "max" | "fr";
+    gap: Tokens["spacing"];
+    gridGap: Tokens["spacing"];
+    gridRowGap: Tokens["spacing"];
+    gridColumnGap: Tokens["spacing"];
+    rowGap: Tokens["spacing"];
+    columnGap: Tokens["spacing"];
+    padding: Tokens["spacing"];
+    paddingLeft: Tokens["spacing"];
+    paddingRight: Tokens["spacing"];
+    paddingTop: Tokens["spacing"];
+    paddingBottom: Tokens["spacing"];
+    paddingBlock: Tokens["spacing"];
+    paddingBlockEnd: Tokens["spacing"];
+    paddingBlockStart: Tokens["spacing"];
+    paddingInline: Tokens["spacing"];
+    paddingInlineEnd: Tokens["spacing"];
+    paddingInlineStart: Tokens["spacing"];
+    marginLeft: "auto" | Tokens["spacing"];
+    marginRight: "auto" | Tokens["spacing"];
+    marginTop: "auto" | Tokens["spacing"];
+    marginBottom: "auto" | Tokens["spacing"];
+    margin: "auto" | Tokens["spacing"];
+    marginBlock: "auto" | Tokens["spacing"];
+    marginBlockEnd: "auto" | Tokens["spacing"];
+    marginBlockStart: "auto" | Tokens["spacing"];
+    marginInline: "auto" | Tokens["spacing"];
+    marginInlineEnd: "auto" | Tokens["spacing"];
+    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";
+    focusVisibleRing: "outside" | "inside" | "mixed" | "none";
+    focusRingColor: Tokens["colors"];
+    focusRingOffset: Tokens["spacing"];
+    focusRingWidth: Tokens["borderWidths"] | 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";
+    inlineSize: "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";
+    minWidth: "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";
+    minInlineSize: "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";
+    maxWidth: "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";
+    maxInlineSize: "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";
+    height: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
+    blockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
+    minHeight: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
+    minBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
+    maxHeight: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
+    maxBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "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";
+    boxSize: "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";
+    color: Tokens["colors"];
+    fontFamily: Tokens["fonts"];
+    fontSize: Tokens["fontSizes"];
+    fontWeight: Tokens["fontWeights"];
+    fontSmoothing: "antialiased" | "subpixel-antialiased";
+    letterSpacing: Tokens["letterSpacings"];
+    lineHeight: Tokens["lineHeights"];
+    textDecorationColor: Tokens["colors"];
+    textEmphasisColor: Tokens["colors"];
+    textIndent: Tokens["spacing"];
+    textShadow: Tokens["shadows"];
+    textShadowColor: Tokens["colors"];
+    WebkitTextFillColor: Tokens["colors"];
+    textWrap: "wrap" | "balance" | "nowrap";
+    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";
+    gradientFrom: Tokens["colors"];
+    gradientTo: Tokens["colors"];
+    gradientVia: Tokens["colors"];
+    borderRadius: Tokens["radii"];
+    borderTopLeftRadius: Tokens["radii"];
+    borderTopRightRadius: Tokens["radii"];
+    borderBottomRightRadius: Tokens["radii"];
+    borderBottomLeftRadius: Tokens["radii"];
+    borderTopRadius: Tokens["radii"] | CssProperties["borderRadius"];
+    borderRightRadius: Tokens["radii"] | CssProperties["borderRadius"];
+    borderBottomRadius: Tokens["radii"] | CssProperties["borderRadius"];
+    borderLeftRadius: Tokens["radii"] | CssProperties["borderRadius"];
+    borderStartStartRadius: Tokens["radii"];
+    borderStartEndRadius: Tokens["radii"];
+    borderStartRadius: Tokens["radii"] | CssProperties["borderRadius"];
+    borderEndStartRadius: Tokens["radii"];
+    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"];
+    borderBottom: Tokens["borders"];
+    borderBottomColor: Tokens["colors"];
+    borderBlockEnd: Tokens["borders"];
+    borderBlockEndColor: Tokens["colors"];
+    borderBlockStart: Tokens["borders"];
+    borderBlockStartColor: Tokens["colors"];
+    boxShadow: Tokens["shadows"];
+    boxShadowColor: Tokens["colors"];
+    filter: "auto";
+    blur: Tokens["blurs"];
+    backdropFilter: "auto";
+    backdropBlur: Tokens["blurs"];
+    borderSpacing: Tokens["spacing"] | "auto";
+    borderSpacingX: Tokens["spacing"];
+    borderSpacingY: Tokens["spacing"];
+    transitionTimingFunction: Tokens["easings"];
+    transitionDelay: Tokens["durations"];
+    transitionDuration: Tokens["durations"];
+    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";
+    animationTimingFunction: Tokens["easings"];
+    animationDuration: Tokens["durations"];
+    animationDelay: Tokens["durations"];
+    rotate: "auto" | "auto-3d" | CssProperties["rotate"];
+    rotateX: CssProperties["rotate"];
+    rotateY: CssProperties["rotate"];
+    rotateZ: CssProperties["rotate"];
+    scale: "auto" | CssProperties["scale"];
+    translate: "auto" | "auto-3d" | CssProperties["translate"];
+    translateX: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
+    translateY: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
+    translateZ: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
+    accentColor: Tokens["colors"];
+    caretColor: Tokens["colors"];
+    scrollbar: "visible" | "hidden";
+    scrollbarColor: Tokens["colors"];
+    scrollbarWidth: Tokens["sizes"];
+    scrollMargin: Tokens["spacing"];
+    scrollMarginLeft: Tokens["spacing"];
+    scrollMarginRight: Tokens["spacing"];
+    scrollMarginTop: Tokens["spacing"];
+    scrollMarginBottom: Tokens["spacing"];
+    scrollMarginBlock: Tokens["spacing"];
+    scrollMarginBlockEnd: Tokens["spacing"];
+    scrollMarginBlockStart: Tokens["spacing"];
+    scrollMarginInline: Tokens["spacing"];
+    scrollMarginInlineEnd: Tokens["spacing"];
+    scrollMarginInlineStart: Tokens["spacing"];
+    scrollPadding: Tokens["spacing"];
+    scrollPaddingBlock: Tokens["spacing"];
+    scrollPaddingBlockStart: Tokens["spacing"];
+    scrollPaddingBlockEnd: Tokens["spacing"];
+    scrollPaddingInline: Tokens["spacing"];
+    scrollPaddingInlineEnd: Tokens["spacing"];
+    scrollPaddingInlineStart: Tokens["spacing"];
+    scrollPaddingLeft: Tokens["spacing"];
+    scrollPaddingRight: Tokens["spacing"];
+    scrollPaddingTop: Tokens["spacing"];
+    scrollPaddingBottom: Tokens["spacing"];
+    scrollSnapType: "none" | "x" | "y" | "both";
+    scrollSnapStrictness: "mandatory" | "proximity";
+    scrollSnapMargin: Tokens["spacing"];
+    scrollSnapMarginTop: Tokens["spacing"];
+    scrollSnapMarginBottom: Tokens["spacing"];
+    scrollSnapMarginLeft: Tokens["spacing"];
+    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";
 }
-
-
-
-type WithColorOpacityModifier<T> = [T] extends [string] ? `${T}/${string}` & { __colorOpacityModifier?: true } : never
-
-type ImportantMark = "!" | "!important"
-type WhitespaceImportant = ` ${ImportantMark}`
-type Important = ImportantMark | WhitespaceImportant
-type WithImportant<T> = [T] extends [string] ? `${T}${Important}` & { __important?: true } : never
-
+type WithColorOpacityModifier<T> = [
+    T
+] extends [
+    string
+] ? `${T}/${string}` & {
+    __colorOpacityModifier?: true;
+} : never;
+type ImportantMark = "!" | "!important";
+type WhitespaceImportant = ` ${ImportantMark}`;
+type Important = ImportantMark | WhitespaceImportant;
+type WithImportant<T> = [
+    T
+] extends [
+    string
+] ? `${T}${Important}` & {
+    __important?: true;
+} : never;
 /**
  * Only relevant when using `strictTokens` or `strictPropertyValues` in your config.
  * - Allows you to use an escape hatch (e.g. `[123px]`) to use any string as a value.
@@ -248,8 +254,7 @@ type WithImportant<T> = [T] extends [string] ? `${T}${Important}` & { __importan
  * @see https://panda-css.com/docs/concepts/writing-styles#stricttokens
  * @see https://panda-css.com/docs/concepts/writing-styles#strictpropertyvalues
  */
-export type WithEscapeHatch<T> = T | `[${string}]` | WithColorOpacityModifier<T> | WithImportant<T>
-
+export type WithEscapeHatch<T> = T | `[${string}]` | WithColorOpacityModifier<T> | WithImportant<T>;
 /**
  * Will restrict the value of properties that have predefined values to those values only.
  *
@@ -260,6 +265,4 @@ export type WithEscapeHatch<T> = T | `[${string}]` | WithColorOpacityModifier<T>
  *
  * @see https://panda-css.com/docs/concepts/writing-styles#strictpropertyvalues
  */
-export type OnlyKnown<Key, Value> = Value extends boolean
-  ? Value
-  : Value extends `${infer _}` ? Value : never
+export type OnlyKnown<Key, Value> = Value extends boolean ? Value : Value extends `${infer _}` ? Value : never;