@televet/kibble-ui 4.0.0-beta.13 → 4.0.0-beta.130

package/dist/types/theme/tokens/generated/conditions.gen.d.ts

@@ -1,262 +0,0 @@
-export interface Conditions {
-  /** `@media (hover: hover),&:is(:hover, [data-hover]):not(:disabled, [data-disabled])` */
-  _hover: string
-  /** `&:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open])` */
-  _active: string
-  /** `&:is(:focus, [data-focus])` */
-  _focus: string
-  /** `&:is(:focus-within, [data-focus-within])` */
-  _focusWithin: string
-  /** `&:is(:focus-visible, [data-focus-visible])` */
-  _focusVisible: string
-  /** `&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])` */
-  _disabled: string
-  /** `&:visited` */
-  _visited: string
-  /** `&:target` */
-  _target: string
-  /** `&:is([data-readonly], [aria-readonly=true], [readonly])` */
-  _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` */
-  _marker: string
-  /** `&::selection` */
-  _selection: string
-  /** `&::file-selector-button` */
-  _file: string
-  /** `&::backdrop` */
-  _backdrop: string
-  /** `&:first-of-type` */
-  _first: string
-  /** `&:last-of-type` */
-  _last: string
-  /** `&:not(:first-of-type)` */
-  _notFirst: string
-  /** `&:not(:last-of-type)` */
-  _notLast: string
-  /** `&:only-child` */
-  _only: string
-  /** `&:nth-of-type(even)` */
-  _even: string
-  /** `&:nth-of-type(odd)` */
-  _odd: string
-  /** `.peer:is(:focus, [data-focus]) ~ &` */
-  _peerFocus: string
-  /** `.peer:is(:hover, [data-hover]):not(:disabled, [data-disabled]) ~ &` */
-  _peerHover: string
-  /** `.peer:is(:active, [data-active]):not(:disabled, [data-disabled]) ~ &` */
-  _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]):not(:disabled, [data-disabled]) &` */
-  _groupHover: string
-  /** `.group:is(:active, [data-active]):not(:disabled, [data-disabled]) &` */
-  _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([data-required], [aria-required=true])` */
-  _required: string
-  /** `&:is([data-valid], [data-state=valid])` */
-  _valid: string
-  /** `&:is([data-invalid], [aria-invalid=true], [data-state=invalid])` */
-  _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])` */
-  _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
-  /** `&[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 .chakra-theme:not(.light) &` */
-  _dark: string
-  /** `:root &, .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
-  /** `& :where(svg)` */
-  _icon: string
-  /** `@starting-style` */
-  _starting: string
-  /** `@media screen and (min-width: 30rem)` */
-  sm: string
-  /** `@media screen and (min-width: 30rem) and (max-width: 47.9975rem)` */
-  smOnly: string
-  /** `@media screen and (max-width: 29.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: 47.9975rem)` */
-  smToMd: string
-  /** `@media screen and (min-width: 30rem) and (max-width: 63.9975rem)` */
-  smToLg: string
-  /** `@media screen and (min-width: 30rem) and (max-width: 79.9975rem)` */
-  smToXl: string
-  /** `@media screen and (min-width: 30rem) 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
-  /** The base (=no conditions) styles to apply  */
-  base: string
-}

package/dist/types/theme/tokens/generated/index.d.ts

@@ -1,5 +0,0 @@
-export * from './system.gen.d';
-export * from './token.gen.d';
-export * from './recipes.gen.d';
-export * from './conditions.gen.d';
-export * from './prop-types.gen.d';

package/dist/types/theme/tokens/generated/prop-types.gen.d.ts

@@ -1,329 +0,0 @@
-import { CssProperties } from '../css.types';
-import { Tokens } from './token.gen';
-type WithColorOpacityModifier<T> = T extends string ? `${T}/${string}` : T
-type ImportantMark = "!" | "!important"
-type WhitespaceImportant = ` ${ImportantMark}`
-type Important = ImportantMark | WhitespaceImportant
-
-type WithImportant<T> = T extends string ? `${T}${Important}` & { __important?: true } : T
-
-export type WithEscapeHatch<T> = T | `[${string}]` | WithColorOpacityModifier<T> | WithImportant<T>
-// eslint-disable-next-line
-export type OnlyKnown<Value> = Value extends boolean ? Value : Value extends `${infer _}` ? Value : never
-
-export interface UtilityValues {
-  colorPalette:
-    | "transparent"
-    | "current"
-    | "black"
-    | "white"
-    | "whiteAlpha"
-    | "blackAlpha"
-    | "gray"
-    | "red"
-    | "orange"
-    | "yellow"
-    | "green"
-    | "teal"
-    | "blue"
-    | "cyan"
-    | "purple"
-    | "pink"
-    | "primary"
-    | "secondary"
-    | "tertiary"
-    | "neutral"
-    | "danger"
-    | "warning"
-    | "success"
-    | "primaryAlpha"
-    | "primaryAlphaInverse"
-    | "secondaryAlpha"
-    | "secondaryAlphaInverse"
-    | "dangerAlpha"
-    | "dangerAlphaInverse"
-    | "bg"
-    | "fg"
-    | "border"
-    | "border.accent"
-    | "border.brand"
-    | "border.danger"
-    | "border.focus"
-    | "border.strong"
-    | "background"
-    | "background.accent"
-    | "background.ai"
-    | "background.alpha"
-    | "background.alpha.contrast"
-    | "background.danger"
-    | "background.destructive"
-    | "background.destructive.contrast"
-    | "background.destructiveAlpha"
-    | "background.destructiveAlpha.contrast"
-    | "background.note"
-    | "background.overlay"
-    | "background.primary"
-    | "background.primary.contrast"
-    | "background.primaryAlpha"
-    | "background.primaryAlpha.contrast"
-    | "background.secondary"
-    | "background.secondary.contrast"
-    | "background.secondaryAlpha"
-    | "background.secondaryAlpha.contrast"
-    | "background.subtle"
-    | "background.success"
-    | "background.warning"
-    | "divider"
-    | "text"
-    | "text.accent"
-    | "text.brand"
-    | "text.brand.contrast"
-    | "text.danger"
-    | "text.danger.contrast"
-    | "text.interactive"
-    | "text.interactive.contrast"
-    | "text.placeholder"
-    | "text.subtle"
-  background: Tokens["colors"] | "currentBg"
-  backgroundColor: Tokens["colors"] | "currentBg"
-  backgroundClip: "text"
-  backgroundGradient: Tokens["gradients"] | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl"
-  gradientFrom: Tokens["colors"] | "currentBg"
-  gradientTo: Tokens["colors"] | "currentBg"
-  gradientVia: Tokens["colors"] | "currentBg"
-  backgroundImage: Tokens["gradients"] | Tokens["assets"]
-  border: Tokens["borders"]
-  borderTop: Tokens["borders"]
-  borderLeft: Tokens["borders"]
-  borderBlockStart: Tokens["borders"]
-  borderRight: Tokens["borders"]
-  borderBottom: Tokens["borders"]
-  borderBlockEnd: Tokens["borders"]
-  borderInlineStart: Tokens["borders"]
-  borderInlineEnd: Tokens["borders"]
-  borderInline: Tokens["borders"]
-  borderBlock: Tokens["borders"]
-  borderColor: Tokens["colors"] | "currentBg"
-  borderTopColor: Tokens["colors"] | "currentBg"
-  borderBlockStartColor: Tokens["colors"] | "currentBg"
-  borderBottomColor: Tokens["colors"] | "currentBg"
-  borderBlockEndColor: Tokens["colors"] | "currentBg"
-  borderLeftColor: Tokens["colors"] | "currentBg"
-  borderInlineStartColor: Tokens["colors"] | "currentBg"
-  borderRightColor: Tokens["colors"] | "currentBg"
-  borderInlineEndColor: Tokens["colors"] | "currentBg"
-  borderStyle: Tokens["borderStyles"]
-  borderTopStyle: Tokens["borderStyles"]
-  borderBlockStartStyle: Tokens["borderStyles"]
-  borderBottomStyle: Tokens["borderStyles"]
-  borderBlockEndStyle: Tokens["borderStyles"]
-  borderInlineStartStyle: Tokens["borderStyles"]
-  borderInlineEndStyle: Tokens["borderStyles"]
-  borderLeftStyle: Tokens["borderStyles"]
-  borderRightStyle: Tokens["borderStyles"]
-  borderRadius: Tokens["radii"]
-  borderTopLeftRadius: Tokens["radii"]
-  borderStartStartRadius: Tokens["radii"]
-  borderEndStartRadius: Tokens["radii"]
-  borderTopRightRadius: Tokens["radii"]
-  borderStartEndRadius: Tokens["radii"]
-  borderEndEndRadius: Tokens["radii"]
-  borderBottomLeftRadius: Tokens["radii"]
-  borderBottomRightRadius: Tokens["radii"]
-  borderInlineStartRadius: Tokens["radii"] | CssProperties["borderRadius"]
-  borderInlineEndRadius: Tokens["radii"] | CssProperties["borderRadius"]
-  borderTopRadius: Tokens["radii"] | CssProperties["borderRadius"]
-  borderBottomRadius: Tokens["radii"] | CssProperties["borderRadius"]
-  borderLeftRadius: Tokens["radii"] | CssProperties["borderRadius"]
-  borderRightRadius: Tokens["radii"] | CssProperties["borderRadius"]
-  borderWidth: Tokens["borderWidths"]
-  borderBlockStartWidth: Tokens["borderWidths"]
-  borderTopWidth: Tokens["borderWidths"]
-  borderBottomWidth: Tokens["borderWidths"]
-  borderBlockEndWidth: Tokens["borderWidths"]
-  borderRightWidth: Tokens["borderWidths"]
-  borderInlineWidth: Tokens["borderWidths"]
-  borderInlineStartWidth: Tokens["borderWidths"]
-  borderInlineEndWidth: Tokens["borderWidths"]
-  borderLeftWidth: Tokens["borderWidths"]
-  borderBlockWidth: Tokens["borderWidths"]
-  color: Tokens["colors"] | "currentBg"
-  fill: Tokens["colors"] | "currentBg"
-  stroke: Tokens["colors"] | "currentBg"
-  accentColor: Tokens["colors"] | "currentBg"
-  divideX: string
-  divideY: string
-  divideColor: Tokens["colors"] | "currentBg"
-  boxShadow: Tokens["shadows"]
-  boxShadowColor: Tokens["colors"] | "currentBg"
-  opacity: Tokens["opacity"]
-  blur: Tokens["blurs"]
-  backdropBlur: Tokens["blurs"]
-  flexBasis: Tokens["sizes"]
-  gap: Tokens["spacing"]
-  rowGap: Tokens["spacing"]
-  columnGap: Tokens["spacing"]
-  gridGap: Tokens["spacing"]
-  gridColumnGap: Tokens["spacing"]
-  gridRowGap: Tokens["spacing"]
-  outlineColor: Tokens["colors"] | "currentBg"
-  focusRing: "outside" | "inside" | "mixed" | "none"
-  focusVisibleRing: "outside" | "inside" | "mixed" | "none"
-  focusRingColor: Tokens["colors"] | "currentBg"
-  focusRingOffset: Tokens["spacing"]
-  focusRingWidth: Tokens["borderWidths"] | CssProperties["outlineWidth"]
-  focusRingStyle: Tokens["borderStyles"] | CssProperties["outlineStyle"]
-  aspectRatio: Tokens["aspectRatios"]
-  width: Tokens["sizes"]
-  inlineSize: Tokens["sizes"]
-  height: Tokens["sizes"]
-  blockSize: Tokens["sizes"]
-  boxSize: Tokens["sizes"] | CssProperties["width"]
-  minWidth: Tokens["sizes"]
-  minInlineSize: Tokens["sizes"]
-  minHeight: Tokens["sizes"]
-  minBlockSize: Tokens["sizes"]
-  maxWidth: Tokens["sizes"]
-  maxInlineSize: Tokens["sizes"]
-  maxHeight: Tokens["sizes"]
-  maxBlockSize: Tokens["sizes"]
-  hideFrom: Tokens["breakpoints"]
-  hideBelow: Tokens["breakpoints"]
-  scrollbar: "visible" | "hidden"
-  scrollbarColor: Tokens["colors"] | "currentBg"
-  scrollbarGutter: Tokens["spacing"]
-  scrollbarWidth: Tokens["sizes"]
-  scrollMargin: Tokens["spacing"]
-  scrollMarginTop: Tokens["spacing"]
-  scrollMarginBottom: Tokens["spacing"]
-  scrollMarginLeft: Tokens["spacing"]
-  scrollMarginRight: Tokens["spacing"]
-  scrollMarginX: Tokens["spacing"]
-  scrollMarginY: Tokens["spacing"]
-  scrollPadding: Tokens["spacing"]
-  scrollPaddingTop: Tokens["spacing"]
-  scrollPaddingBottom: Tokens["spacing"]
-  scrollPaddingLeft: Tokens["spacing"]
-  scrollPaddingRight: Tokens["spacing"]
-  scrollPaddingInline: Tokens["spacing"]
-  scrollPaddingBlock: 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"]
-  listStyleImage: Tokens["assets"]
-  zIndex: Tokens["zIndex"]
-  inset: Tokens["spacing"]
-  insetInline: Tokens["spacing"]
-  insetBlock: Tokens["spacing"]
-  top: Tokens["spacing"]
-  insetBlockStart: Tokens["spacing"]
-  bottom: Tokens["spacing"]
-  insetBlockEnd: Tokens["spacing"]
-  left: Tokens["spacing"]
-  right: Tokens["spacing"]
-  insetInlineStart: Tokens["spacing"]
-  insetInlineEnd: Tokens["spacing"]
-  ringColor: Tokens["colors"] | "currentBg"
-  ringOffsetColor: Tokens["colors"] | "currentBg"
-  margin: Tokens["spacing"]
-  marginTop: Tokens["spacing"]
-  marginBlockStart: Tokens["spacing"]
-  marginRight: Tokens["spacing"]
-  marginBottom: Tokens["spacing"]
-  marginBlockEnd: Tokens["spacing"]
-  marginLeft: Tokens["spacing"]
-  marginInlineStart: Tokens["spacing"]
-  marginInlineEnd: Tokens["spacing"]
-  marginInline: Tokens["spacing"]
-  marginBlock: Tokens["spacing"]
-  padding: Tokens["spacing"]
-  paddingTop: Tokens["spacing"]
-  paddingRight: Tokens["spacing"]
-  paddingBottom: Tokens["spacing"]
-  paddingBlockStart: Tokens["spacing"]
-  paddingBlockEnd: Tokens["spacing"]
-  paddingLeft: Tokens["spacing"]
-  paddingInlineStart: Tokens["spacing"]
-  paddingInlineEnd: Tokens["spacing"]
-  paddingInline: Tokens["spacing"]
-  paddingBlock: Tokens["spacing"]
-  textDecorationColor: Tokens["colors"] | "currentBg"
-  textShadow: Tokens["shadows"]
-  spaceXReverse: boolean
-  spaceX: Tokens["spacing"] | CssProperties["marginInlineStart"]
-  spaceYReverse: boolean
-  spaceY: Tokens["spacing"] | CssProperties["marginTop"]
-  translateX: Tokens["spacing"]
-  translateY: Tokens["spacing"]
-  transition: "all" | "common" | "colors" | "opacity" | "position" | "backgrounds" | "size" | "shadow" | "transform"
-  transitionDuration: Tokens["durations"]
-  transitionProperty: "common" | "colors" | "size" | "position" | "background"
-  transitionTimingFunction: Tokens["easings"]
-  animation: Tokens["animations"]
-  animationDuration: Tokens["durations"]
-  animationDelay: Tokens["durations"]
-  animationTimingFunction: Tokens["easings"]
-  fontFamily: Tokens["fonts"]
-  fontSize: Tokens["fontSizes"]
-  fontWeight: Tokens["fontWeights"]
-  lineHeight: Tokens["lineHeights"]
-  letterSpacing: Tokens["letterSpacings"]
-  textIndent: Tokens["spacing"]
-  truncate: boolean
-  srOnly: boolean
-  debug: boolean
-  caretColor: Tokens["colors"] | "currentBg"
-  cursor: Tokens["cursor"]
-  divideStyle: CssProperties["borderStyle"]
-  textStyle: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "none" | "label"
-  layerStyle:
-    | "fill.muted"
-    | "fill.subtle"
-    | "fill.surface"
-    | "fill.solid"
-    | "outline.subtle"
-    | "outline.solid"
-    | "indicator.bottom"
-    | "indicator.top"
-    | "indicator.start"
-    | "indicator.end"
-    | "disabled"
-    | "none"
-  animationStyle: "slide-fade-in" | "slide-fade-out" | "scale-fade-in" | "scale-fade-out"
-  animationName:
-    | "spin"
-    | "pulse"
-    | "ping"
-    | "bounce"
-    | "bg-position"
-    | "position"
-    | "circular-progress"
-    | "expand-height"
-    | "collapse-height"
-    | "expand-width"
-    | "collapse-width"
-    | "fade-in"
-    | "fade-out"
-    | "slide-from-left-full"
-    | "slide-from-right-full"
-    | "slide-from-top-full"
-    | "slide-from-bottom-full"
-    | "slide-to-left-full"
-    | "slide-to-right-full"
-    | "slide-to-top-full"
-    | "slide-to-bottom-full"
-    | "slide-from-top"
-    | "slide-from-bottom"
-    | "slide-from-left"
-    | "slide-from-right"
-    | "slide-to-top"
-    | "slide-to-bottom"
-    | "slide-to-left"
-    | "slide-to-right"
-    | "scale-in"
-    | "scale-out"
-}