@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

package/dist/src/styled-system/types/conditions.d.ts

@@ -1,338 +0,0 @@
-/* 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], [aria-disabled=true])` */
-	"_disabled": string
-	/** `&:is(:active, [data-active])` */
-	"_active": string
-	/** `&:visited` */
-	"_visited": string
-	/** `&:target` */
-	"_target": string
-	/** `&:is(:read-only, [data-read-only], [aria-readonly=true])` */
-	"_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
-	/** `&[data-complete]` */
-	"_complete": string
-	/** `&[data-incomplete]` */
-	"_incomplete": string
-	/** `&[data-dragging]` */
-	"_dragging": string
-	/** `&::before` */
-	"_before": string
-	/** `&::after` */
-	"_after": string
-	/** `&::first-letter` */
-	"_firstLetter": string
-	/** `&::first-line` */
-	"_firstLine": string
-	/** `&::marker, &::-webkit-details-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], [aria-disabled=true]) ~ &` */
-	"_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], [aria-disabled=true]) &` */
-	"_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:is(:invalid, [data-invalid], [aria-invalid=true]) &` */
-	"_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], [aria-invalid=true])` */
-	"_invalid": string
-	/** `&:autofill` */
-	"_autofill": string
-	/** `&:is(:in-range, [data-in-range])` */
-	"_inRange": string
-	/** `&:is(:out-of-range, [data-outside-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
-	/** `&:is([aria-grabbed=true], [data-grabbed])` */
-	"_grabbed": string
-	/** `&[data-state=under-value]` */
-	"_underValue": string
-	/** `&[data-state=over-value]` */
-	"_overValue": string
-	/** `&[data-state=at-value]` */
-	"_atValue": string
-	/** `&:default` */
-	"_default": string
-	/** `&:optional` */
-	"_optional": string
-	/** `&:is([open], [data-open], [data-state="open"], :popover-open)` */
-	"_open": string
-	/** `&:is([closed], [data-closed], [data-state="closed"])` */
-	"_closed": string
-	/** `&:is(:fullscreen, [data-fullscreen])` */
-	"_fullscreen": string
-	/** `&:is([data-loading], [aria-busy=true])` */
-	"_loading": string
-	/** `&:is([hidden], [data-hidden])` */
-	"_hidden": string
-	/** `&:is([aria-current=true], [data-current])` */
-	"_current": string
-	/** `&[aria-current=page]` */
-	"_currentPage": string
-	/** `&[aria-current=step]` */
-	"_currentStep": string
-	/** `&[data-today]` */
-	"_today": string
-	/** `&[data-unavailable]` */
-	"_unavailable": string
-	/** `&[data-range-start]` */
-	"_rangeStart": string
-	/** `&[data-range-end]` */
-	"_rangeEnd": string
-	/** `&[data-now]` */
-	"_now": string
-	/** `&[data-topmost]` */
-	"_topmost": string
-	/** `@media (prefers-reduced-motion: reduce)` */
-	"_motionReduce": string
-	/** `@media (prefers-reduced-motion: no-preference)` */
-	"_motionSafe": string
-	/** `@media print` */
-	"_print": string
-	/** `@media (orientation: landscape)` */
-	"_landscape": string
-	/** `@media (orientation: portrait)` */
-	"_portrait": string
-	/** `.dark &` */
-	"_dark": string
-	/** `.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
-	/** `:where([dir=ltr], :dir(ltr)) &` */
-	"_ltr": string
-	/** `:where([dir=rtl], :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
-	/** `& :where(svg)` */
-	"_icon": string
-	/** `@starting-style` */
-	"_starting": string
-	/** `@media (scripting: none)` */
-	"_noscript": string
-	/** `@media (inverted-colors: inverted)` */
-	"_invertedColors": string
-	/** `& .iress-form-element:not(& .iress-form-element .iress-form-element), & .iress-form-element__inner:not(& .iress-form-element .iress-form-element)` */
-	"_nestedFormElements": string
-	/** `& .iress-form-label:not(.sr_true)` */
-	"_nestedFormLabels": string
-	/** `& > .iress-form-element` */
-	"_directNestedFormElements": string
-	/** `& > :has([class*="w_input"]), & > :has([class*="sizes.chevron.select"]), & > .iress-form-element` */
-	"_directNestedSizedElements": string
-	/** `& > .iress-form-element:not(:first-child), & > .iress-form-element:not(:first-child) .iress-form-element__inner, & .ids-field:not(:first-child) .iress-form-element, & .ids-field:not(:first-child) .iress-form-element__inner` */
-	"_nestedFieldsExceptFirst": string
-	/** `& > .iress-form-element:not(:last-child), & > .iress-form-element:not(:last-child) .iress-form-element__inner, & .ids-field:not(:last-child) .iress-form-element, & .ids-field:not(:last-child) .iress-form-element__inner` */
-	"_nestedFieldsExceptLast": string
-	/** `&::-webkit-progress-bar, &::-webkit-meter-bar` */
-	"_progressBar": string
-	/** `&::-webkit-progress-value, &::-webkit-meter-optimum-value, &::-webkit-meter-suboptimum-value` */
-	"_progressValue": string
-	/** `&::-moz-progress-bar, &::-moz-meter-bar` */
-	"_mozProgressValue": string
-	/** `&:focus-visible::-webkit-slider-thumb` */
-	"_focusVisibleWebkitSliderThumb": string
-	/** `&:focus-visible::-moz-range-thumb` */
-	"_focusVisibleMozRangeThumb": string
-	/** `&::-webkit-slider-thumb` */
-	"_webkitSliderThumb": string
-	/** `&::-moz-range-thumb` */
-	"_mozRangeThumb": string
-	/** `&::-webkit-slider-runnable-track` */
-	"_webkitSliderRunnableTrack": string
-	/** `&::-moz-range-track` */
-	"_mozRangeTrack": string
-	/** `& > h1, & > h2, & > h3, & > h4, & > h5, & > h6` */
-	"_directNestedHeadings": string
-	/** `& + h1:not(.ids-text), & + h2:not(.ids-text), & + h3:not(.ids-text), & + h4:not(.ids-text), & + h5:not(.ids-text), & + h6:not(.ids-text)` */
-	"_siblingHeadings": string
-	/** `& h1:not(.ids-text), & h2:not(.ids-text), & h3:not(.ids-text), & h4:not(.ids-text), & h5:not(.ids-text), & h6:not(.ids-text)` */
-	"_nestedHeadings": string
-	/** `@media screen and (min-width: 0rem)` */
-	"xs": string
-	/** `@media screen and (min-width: 0rem) and (max-width: 35.9975rem)` */
-	"xsOnly": string
-	/** `@media screen and (max-width: -0.0025rem)` */
-	"xsDown": string
-	/** `@media screen and (min-width: 36rem)` */
-	"sm": string
-	/** `@media screen and (min-width: 36rem) and (max-width: 47.9975rem)` */
-	"smOnly": string
-	/** `@media screen and (max-width: 35.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: 74.9975rem)` */
-	"lgOnly": string
-	/** `@media screen and (max-width: 63.9975rem)` */
-	"lgDown": string
-	/** `@media screen and (min-width: 75rem)` */
-	"xl": string
-	/** `@media screen and (min-width: 75rem) and (max-width: 93.7475rem)` */
-	"xlOnly": string
-	/** `@media screen and (max-width: 74.9975rem)` */
-	"xlDown": string
-	/** `@media screen and (min-width: 93.75rem)` */
-	"xxl": string
-	/** `@media screen and (min-width: 93.75rem)` */
-	"xxlOnly": string
-	/** `@media screen and (max-width: 93.7475rem)` */
-	"xxlDown": string
-	/** `@media screen and (min-width: 0rem) and (max-width: 35.9975rem)` */
-	"xsToSm": string
-	/** `@media screen and (min-width: 0rem) and (max-width: 47.9975rem)` */
-	"xsToMd": string
-	/** `@media screen and (min-width: 0rem) and (max-width: 63.9975rem)` */
-	"xsToLg": string
-	/** `@media screen and (min-width: 0rem) and (max-width: 74.9975rem)` */
-	"xsToXl": string
-	/** `@media screen and (min-width: 0rem) and (max-width: 93.7475rem)` */
-	"xsToXxl": string
-	/** `@media screen and (min-width: 36rem) and (max-width: 47.9975rem)` */
-	"smToMd": string
-	/** `@media screen and (min-width: 36rem) and (max-width: 63.9975rem)` */
-	"smToLg": string
-	/** `@media screen and (min-width: 36rem) and (max-width: 74.9975rem)` */
-	"smToXl": string
-	/** `@media screen and (min-width: 36rem) and (max-width: 93.7475rem)` */
-	"smToXxl": string
-	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
-	"mdToLg": string
-	/** `@media screen and (min-width: 48rem) and (max-width: 74.9975rem)` */
-	"mdToXl": string
-	/** `@media screen and (min-width: 48rem) and (max-width: 93.7475rem)` */
-	"mdToXxl": string
-	/** `@media screen and (min-width: 64rem) and (max-width: 74.9975rem)` */
-	"lgToXl": string
-	/** `@media screen and (min-width: 64rem) and (max-width: 93.7475rem)` */
-	"lgToXxl": string
-	/** `@media screen and (min-width: 75rem) and (max-width: 93.7475rem)` */
-	"xlToXxl": 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>
-}

package/dist/src/styled-system/types/pattern.d.ts

@@ -1,78 +0,0 @@
-/* eslint-disable */
-import type {  CssProperty, SystemStyleObject  } from './system-types';
-import type {  TokenCategory  } from '../tokens/index';
-
-type Primitive = string | number | boolean | null | undefined
-type LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)
-
-export type PatternProperty =
-  | { type: 'property'; value: CssProperty }
-  | { type: 'enum'; value: string[] }
-  | { type: 'token'; value: TokenCategory; property?: CssProperty }
-  | { type: 'string' | 'boolean' | 'number' }
-
-export interface PatternHelpers {
-  map: (value: any, fn: (value: string) => string | undefined) => any
-  isCssUnit: (value: any) => boolean
-  isCssVar: (value: any) => boolean
-  isCssFunction: (value: any) => boolean
-}
-
-export interface PatternProperties {
-  [key: string]: PatternProperty
-}
-
-type InferProps<T> = Record<LiteralUnion<keyof T>, any>
-
-export type PatternDefaultValue<T> = Partial<InferProps<T>>
-
-export type PatternDefaultValueFn<T> = (props: InferProps<T>) => PatternDefaultValue<T>
-
-export interface PatternConfig<T extends PatternProperties = PatternProperties> {
-  /**
-   * The description of the pattern. This will be used in the JSDoc comment.
-   */
-  description?: string
-  /**
-   * The JSX element rendered by the pattern
-   * @default 'div'
-   */
-  jsxElement?: string
-  /**
-   * The properties of the pattern.
-   */
-  properties?: T
-  /**
-   * The default values of the pattern.
-   */
-  defaultValues?: PatternDefaultValue<T> | PatternDefaultValueFn<T>
-  /**
-   * The css object this pattern will generate.
-   */
-  transform?: (props: InferProps<T>, helpers: PatternHelpers) => SystemStyleObject
-  /**
-   * Whether the pattern is deprecated.
-   */
-  deprecated?: boolean | string
-  /**
-   * The jsx element name this pattern will generate.
-   */
-  jsxName?: string
-  /**
-   * The jsx elements to track for this pattern. Can be string or Regexp.
-   *
-   * @default capitalize(pattern.name)
-   * @example ['Button', 'Link', /Button$/]
-   */
-  jsx?: Array<string | RegExp>
-  /**
-   * Whether to only generate types for the specified properties.
-   * This will disallow css properties
-   */
-  strict?: boolean
-  /**
-   * @experimental
-   * Disallow certain css properties for this pattern
-   */
-  blocklist?: LiteralUnion<CssProperty>[]
-}

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

@@ -1,241 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from './conditions';
-import type { CssProperties } from './system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface UtilityValues {
-	zIndex: Tokens["zIndex"];
-	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";
-	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"];
-	spaceY: "auto" | Tokens["spacing"];
-	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"];
-	divideColor: Tokens["colors"];
-	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"];
-	fontSmoothing: "antialiased" | "subpixel-antialiased";
-	textDecorationColor: Tokens["colors"];
-	textEmphasisColor: Tokens["colors"];
-	textIndent: Tokens["spacing"];
-	textShadowColor: 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"];
-	borderRightRadius: Tokens["radii"];
-	borderBottomRadius: Tokens["radii"];
-	borderLeftRadius: Tokens["radii"];
-	borderStartStartRadius: Tokens["radii"];
-	borderStartEndRadius: Tokens["radii"];
-	borderStartRadius: Tokens["radii"];
-	borderEndStartRadius: Tokens["radii"];
-	borderEndEndRadius: Tokens["radii"];
-	borderEndRadius: Tokens["radii"];
-	border: Tokens["borders"];
-	borderColor: Tokens["colors"];
-	borderInline: Tokens["borders"];
-	borderInlineColor: Tokens["colors"];
-	borderBlock: Tokens["borders"];
-	borderBlockColor: Tokens["colors"];
-	borderLeft: Tokens["borders"];
-	borderLeftColor: Tokens["colors"];
-	borderInlineStart: Tokens["borders"];
-	borderInlineStartColor: Tokens["colors"];
-	borderRight: Tokens["borders"];
-	borderRightColor: Tokens["colors"];
-	borderInlineEnd: Tokens["borders"];
-	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"];
-	boxShadowColor: Tokens["colors"];
-	filter: "auto";
-	backdropFilter: "auto";
-	borderSpacing: Tokens["spacing"] | "auto";
-	borderSpacingX: Tokens["spacing"];
-	borderSpacingY: Tokens["spacing"];
-	transitionProperty: "common" | "colors" | "size" | "position" | "background";
-	transition: "all" | "common" | "size" | "position" | "background" | "colors" | "opacity" | "shadow" | "transform";
-	animationName: "fieldFooter" | "iconRotation" | "loadingDots" | "loadingFadeNext" | "loadingSlideNext" | "loadingItemFill" | "loadingItemScale" | "loadingItemStroke" | "skeletonLoading" | "toggleActive";
-	rotate: "auto" | "auto-3d";
-	scale: "auto";
-	translate: "auto" | "auto-3d";
-	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"];
-	srOnly: boolean;
-	debug: boolean;
-	focusable: "true" | "within";
-	gutter: "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.10" | "none" | "xs" | "sm" | "md" | "lg" | "xl";
-	selectChevron: boolean;
-	selectChevronRtl: boolean;
-	tableChevron: boolean;
-	hide: boolean;
-	offset: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11";
-	span: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto";
-	topLeftTriangle: boolean;
-	checkmark: boolean;
-	sliderThumb: boolean;
-	noGutter: boolean;
-	stretch: boolean;
-	colorPalette: "colour.primary.fill" | "colour.primary.fillHover" | "colour.primary.onFill" | "colour.primary.surface" | "colour.primary.surfaceHover" | "colour.primary.text" | "colour.neutral.10" | "colour.neutral.20" | "colour.neutral.30" | "colour.neutral.40" | "colour.neutral.50" | "colour.neutral.60" | "colour.neutral.70" | "colour.neutral.80" | "colour.accent.brand" | "colour.system.success.fill" | "colour.system.success.fillHover" | "colour.system.success.onFill" | "colour.system.success.surface" | "colour.system.success.surfaceHover" | "colour.system.success.text" | "colour.system.danger.fill" | "colour.system.danger.fillHover" | "colour.system.danger.onFill" | "colour.system.danger.surface" | "colour.system.danger.surfaceHover" | "colour.system.danger.text" | "colour.system.warning.fill" | "colour.system.warning.onFill" | "colour.system.warning.surface" | "colour.system.warning.text" | "colour.system.info.fill" | "colour.system.info.onFill" | "colour.system.info.surface" | "colour.system.info.text" | "colour.system.backdrop.fill" | "transparent" | "page" | "alt" | "muted" | "text";
-	textStyle: "typography.heading.1" | "typography.heading.2" | "typography.heading.3" | "typography.heading.4" | "typography.heading.5" | "typography.body.sm" | "typography.body.sm.regular" | "typography.body.sm.medium" | "typography.body.sm.strong" | "typography.body.sm.em" | "typography.body.md.regular" | "typography.body.md" | "typography.body.md.medium" | "typography.body.md.strong" | "typography.body.md.em" | "typography.body.lg" | "typography.body.lg.regular" | "typography.body.lg.medium" | "typography.body.lg.strong" | "typography.body.lg.em" | "typography.code";
-	layerStyle: "elevation.raised" | "elevation.floating" | "elevation.overflow" | "elevation.focus" | "elevation.focusCompact" | "dots" | "skeleton";
-	animationStyle: "field-footer" | "icon-spin-half" | "icon-spin-1" | "icon-spin-2" | "icon-spin-3" | "loading-fade-next" | "loading-slide-next" | "skeleton-loading" | "toggle-active";
-}
-
-
-
-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.
- * - Allows you to use a color opacity modifier (e.g. `red/300`) with known color values.
- * - Allows you to use an important mark (e.g. `!` or `!important`) in the value.
- *
- * This is useful when you want to use a value that is not defined in the config or want to opt-out of the defaults.
- *
- * @example
- * css({
- *   fontSize: '[123px]', // ⚠️ will not throw even if you haven't defined 123px as a token
- * })
- *
- * @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>
-
-/**
- * Will restrict the value of properties that have predefined values to those values only.
- *
- * @example
- * css({
- *   display: 'abc', // ❌ will throw
- * })
- *
- * @see https://panda-css.com/docs/concepts/writing-styles#strictpropertyvalues
- */
-export type OnlyKnown<Key, Value> = Value extends boolean
-  ? Value
-  : Value extends `${infer _}` ? Value : never