@ciridae/ui 0.3.5 → 0.3.7

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

@@ -2,242 +2,236 @@
 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.
@@ -254,7 +248,8 @@ type WithImportant<T> = [
  * @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.
  *
@@ -265,4 +260,6 @@ 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