tailwind-joy
Version:
React component library that styles the components of Joy UI in the Tailwind CSS way.
877 lines • 83.5 kB
JavaScript
const r = [
"-rotate-90",
"-translate-x-1/2",
"-translate-y-1/2",
"[&:-ms-input-placeholder]:opacity-[var(--Input-placeholderOpacity)]",
"[&:-ms-input-placeholder]:opacity-[var(--Textarea-placeholderOpacity)]",
"[&:-ms-input-placeholder]:text-[color:var(--Input-placeholderColor)]",
"[&:-ms-input-placeholder]:text-[color:var(--Textarea-placeholderColor)]",
"[&:-webkit-autofill]:me-[calc(-1*var(--Input-paddingInline))]",
"[&:-webkit-autofill]:ms-[calc(-1*var(--Input-paddingInline))]",
"[&:-webkit-autofill]:pe-[var(--Input-paddingInline)]",
"[&:-webkit-autofill]:ps-[var(--Input-paddingInline)]",
"[&:-webkit-autofill]:rounded-l-[calc(var(--Input-radius)-var(--variant-borderWidth,0px))]",
"[&:-webkit-autofill]:rounded-r-[calc(var(--Input-radius)-var(--variant-borderWidth,0px))]",
"[&::-moz-placeholder]:opacity-[var(--Input-placeholderOpacity)]",
"[&::-moz-placeholder]:opacity-[var(--Textarea-placeholderOpacity)]",
"[&::-moz-placeholder]:text-[color:var(--Input-placeholderColor)]",
"[&::-moz-placeholder]:text-[color:var(--Textarea-placeholderColor)]",
"[&::-ms-input-placeholder]:opacity-[var(--Input-placeholderOpacity)]",
"[&::-ms-input-placeholder]:opacity-[var(--Textarea-placeholderOpacity)]",
"[&::-ms-input-placeholder]:text-[color:var(--Input-placeholderColor)]",
"[&::-ms-input-placeholder]:text-[color:var(--Textarea-placeholderColor)]",
"[&::-webkit-input-placeholder]:opacity-[var(--Input-placeholderOpacity)]",
"[&::-webkit-input-placeholder]:opacity-[var(--Textarea-placeholderOpacity)]",
"[&::-webkit-input-placeholder]:text-[color:var(--Input-placeholderColor)]",
"[&::-webkit-input-placeholder]:text-[color:var(--Textarea-placeholderColor)]",
"[&:not(:has(:checked))]:[&]:active:bg-joy-neutral-200",
"[&:not(:has(:checked))]:[&]:active:bg-joy-neutral-300",
"[&:not(:has(:checked))]:[&]:active:bg-joy-neutral-700",
"[&:not(:has(:checked))]:[&]:active:text-joy-neutral-800",
"[&:not(:has(:checked))]:[--Icon-color:var(--color-joy-neutral-500)]",
"[&:not(:has(:checked))]:[--variant-borderWidth:0px]",
"[&:not(:has(:checked))]:[--variant-borderWidth:1px]",
"[&:not(:has(:checked))]:bg-joy-neutral-100",
"[&:not(:has(:checked))]:bg-joy-neutral-50",
"[&:not(:has(:checked))]:bg-joy-neutral-500",
"[&:not(:has(:checked))]:border-[length:var(--variant-borderWidth)]",
"[&:not(:has(:checked))]:border-joy-neutral-300",
"[&:not(:has(:checked))]:border-solid",
"[&:not(:has(:checked))]:has-[:disabled]:[--Icon-color:currentColor]",
"[&:not(:has(:checked))]:has-[:disabled]:bg-joy-neutral-100",
"[&:not(:has(:checked))]:has-[:disabled]:bg-joy-neutral-50",
"[&:not(:has(:checked))]:has-[:disabled]:border-joy-neutral-200",
"[&:not(:has(:checked))]:has-[:disabled]:cursor-default",
"[&:not(:has(:checked))]:has-[:disabled]:pointer-events-none",
"[&:not(:has(:checked))]:has-[:disabled]:text-joy-neutral-400",
"[&:not(:has(:checked))]:non-touchscreen-hover:bg-joy-neutral-100",
"[&:not(:has(:checked))]:non-touchscreen-hover:bg-joy-neutral-200",
"[&:not(:has(:checked))]:non-touchscreen-hover:bg-joy-neutral-600",
"[&:not(:has(:checked))]:non-touchscreen-hover:text-joy-neutral-900",
"[&:not(:has(:checked))]:text-joy-common-white",
"[&:not(:has(:checked))]:text-joy-neutral-700",
"[&:not([data-first-child])]:[margin-block-start:calc(var(--List-gap)+var(--ListDivider-gap))]",
"[&:not([data-first-child])]:[margin-block-start:var(--List-gap)]",
"[&:not([data-first-child])]:ms-[calc(var(--List-gap)+var(--ListDivider-gap))]",
"[&:not([data-first-child])]:ms-[var(--List-gap)]",
String.raw`[&:not([data-inverted-colors="false"])]:[--Textarea-focusedHighlight:var(--\_Textarea-focusedHighlight,var(--color-joy-primary-500))]`,
String.raw`[&:not([data-inverted-colors="false"])]:[--_Textarea-focusedHighlight:var(--color-joy-danger-500)]`,
String.raw`[&:not([data-inverted-colors="false"])]:[--_Textarea-focusedHighlight:var(--color-joy-primary-500)]`,
String.raw`[&:not([data-inverted-colors="false"])]:[--_Textarea-focusedHighlight:var(--color-joy-success-500)]`,
String.raw`[&:not([data-inverted-colors="false"])]:[--_Textarea-focusedHighlight:var(--color-joy-warning-500)]`,
String.raw`[&:not([data-skip-inverted-colors])]:[--Input-focusedHighlight:var(--\_Input-focusedHighlight,var(--color-joy-primary-500))]`,
"[&:not([data-skip-inverted-colors])]:[--_Input-focusedHighlight:var(--color-joy-danger-500)]",
"[&:not([data-skip-inverted-colors])]:[--_Input-focusedHighlight:var(--color-joy-primary-500)]",
"[&:not([data-skip-inverted-colors])]:[--_Input-focusedHighlight:var(--color-joy-success-500)]",
"[&:not([data-skip-inverted-colors])]:[--_Input-focusedHighlight:var(--color-joy-warning-500)]",
"[&:not([data-skip-inverted-colors])]:[--_Link-color:var(--color-joy-neutral-700)]",
String.raw`[&:not([hidden])]:[--_ListItem-display:var(--\_List-markerDisplay,flex)]`,
"[&>*:not(.tj-icon-button-root)]:flex-[var(--tj-ButtonGroup-buttonFlex)]",
"[&>:not([data-first-child]):not(:only-child)]:[--Button-margin:0_0_0_calc(var(--ButtonGroup-separatorSize)*-1)]",
"[&>:not([data-first-child]):not(:only-child)]:[--Button-margin:calc(var(--ButtonGroup-separatorSize)*-1)_0_0_0]",
"[&>:not([data-first-child]):not(:only-child)]:[--IconButton-margin:0_0_0_calc(var(--ButtonGroup-separatorSize)*-1)]",
"[&>:not([data-first-child]):not(:only-child)]:[--IconButton-margin:calc(var(--ButtonGroup-separatorSize)*-1)_0_0_0]",
String.raw`[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:[--Button-radius:var(--unstable\_childRadius)]`,
String.raw`[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:[--IconButton-radius:var(--unstable\_childRadius)]`,
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-b-[color:var(--ButtonGroup-separatorColor)]",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-b-[length:var(--ButtonGroup-separatorSize)]",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-l-[color:var(--ButtonGroup-separatorColor)]",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-l-[length:var(--ButtonGroup-separatorSize)]",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-r-[color:var(--ButtonGroup-separatorColor)]",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-r-[length:var(--ButtonGroup-separatorSize)]",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-solid",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-t-[color:var(--ButtonGroup-separatorColor)]",
"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:border-t-[length:var(--ButtonGroup-separatorSize)]",
String.raw`[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:rounded-[var(--unstable\_childRadius)]`,
"[&>:not(button)>.tj-button-root]:w-full",
"[&>:not(style):not(style)]:m-0",
"[&>:not(style)~:not(style)]:mb-[var(--tj-Stack-spacing)]",
"[&>:not(style)~:not(style)]:ml-[var(--tj-Stack-spacing)]",
"[&>:not(style)~:not(style)]:mr-[var(--tj-Stack-spacing)]",
"[&>:not(style)~:not(style)]:mt-[var(--tj-Stack-spacing)]",
"[&>:only-child]:[--Button-radius:var(--ButtonGroup-radius)]",
"[&>:only-child]:[--IconButton-radius:var(--ButtonGroup-radius)]",
String.raw`[&>[data-first-child]]:[--Button-radius:var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)]`,
String.raw`[&>[data-first-child]]:[--Button-radius:var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)]`,
String.raw`[&>[data-first-child]]:[--IconButton-radius:var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)]`,
String.raw`[&>[data-first-child]]:[--IconButton-radius:var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)]`,
"[&>[data-first-child]]:border-b-[color:var(--ButtonGroup-separatorColor)]",
"[&>[data-first-child]]:border-b-[length:var(--ButtonGroup-separatorSize)]",
"[&>[data-first-child]]:border-r-[color:var(--ButtonGroup-separatorColor)]",
"[&>[data-first-child]]:border-r-[length:var(--ButtonGroup-separatorSize)]",
"[&>[data-first-child]]:border-solid",
String.raw`[&>[data-last-child]]:[--Button-radius:var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)]`,
String.raw`[&>[data-last-child]]:[--Button-radius:var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)]`,
String.raw`[&>[data-last-child]]:[--IconButton-radius:var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)]`,
String.raw`[&>[data-last-child]]:[--IconButton-radius:var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)]`,
"[&>[data-last-child]]:border-l-[color:var(--ButtonGroup-separatorColor)]",
"[&>[data-last-child]]:border-l-[length:var(--ButtonGroup-separatorSize)]",
"[&>[data-last-child]]:border-solid",
"[&>[data-last-child]]:border-t-[color:var(--ButtonGroup-separatorColor)]",
"[&>[data-last-child]]:border-t-[length:var(--ButtonGroup-separatorSize)]",
"[&]:active:[--Icon-color:currentColor]",
"[&]:active:bg-joy-danger-200",
"[&]:active:bg-joy-danger-300",
"[&]:active:bg-joy-danger-700",
"[&]:active:bg-joy-neutral-200",
"[&]:active:bg-joy-neutral-300",
"[&]:active:bg-joy-neutral-700",
"[&]:active:bg-joy-primary-200",
"[&]:active:bg-joy-primary-300",
"[&]:active:bg-joy-primary-700",
"[&]:active:bg-joy-success-200",
"[&]:active:bg-joy-success-300",
"[&]:active:bg-joy-success-700",
"[&]:active:bg-joy-warning-200",
"[&]:active:bg-joy-warning-300",
"[&]:active:bg-joy-warning-700",
"[&]:active:text-joy-danger-800",
"[&]:active:text-joy-neutral-800",
"[&]:active:text-joy-primary-800",
"[&]:active:text-joy-success-800",
"[&]:active:text-joy-warning-800",
"[&]:active:text-transparent",
"[&]:aria-pressed:[--Icon-color:currentColor]",
"[&]:aria-pressed:bg-joy-danger-200",
"[&]:aria-pressed:bg-joy-danger-300",
"[&]:aria-pressed:bg-joy-danger-700",
"[&]:aria-pressed:bg-joy-neutral-200",
"[&]:aria-pressed:bg-joy-neutral-300",
"[&]:aria-pressed:bg-joy-neutral-700",
"[&]:aria-pressed:bg-joy-primary-200",
"[&]:aria-pressed:bg-joy-primary-300",
"[&]:aria-pressed:bg-joy-primary-700",
"[&]:aria-pressed:bg-joy-success-200",
"[&]:aria-pressed:bg-joy-success-300",
"[&]:aria-pressed:bg-joy-success-700",
"[&]:aria-pressed:bg-joy-warning-200",
"[&]:aria-pressed:bg-joy-warning-300",
"[&]:aria-pressed:bg-joy-warning-700",
"[&]:aria-pressed:text-joy-danger-800",
"[&]:aria-pressed:text-joy-neutral-800",
"[&]:aria-pressed:text-joy-primary-800",
"[&]:aria-pressed:text-joy-success-800",
"[&]:aria-pressed:text-joy-warning-800",
"[&]:has-[:disabled]:[--Switch-thumbBackground:var(--color-joy-neutral-400)]",
"[&]:has-[:disabled]:[--Switch-thumbColor:var(--color-joy-neutral-100)]",
"[&]:has-[:disabled]:[--Switch-thumbColor:var(--color-joy-neutral-50)]",
"[&]:has-[:disabled]:[--Switch-trackBackground:var(--color-joy-neutral-100)]",
"[&]:has-[:disabled]:[--Switch-trackBackground:var(--color-joy-neutral-50)]",
"[&]:has-[:disabled]:[--Switch-trackBorderColor:currentColor]",
"[&]:has-[:disabled]:[--Switch-trackBorderColor:var(--color-joy-neutral-200)]",
"[&]:has-[:disabled]:[--Switch-trackColor:var(--color-joy-neutral-400)]",
"[&]:has-[:disabled]:pointer-events-none",
"[&]:has-[:disabled]:text-joy-neutral-600",
"[&_*]:invisible",
"[&_.tj-button-root:disabled]:[--ButtonGroup-separatorColor:var(--color-joy-neutral-200)]",
"[&_.tj-button-root:enabled]:z-[1]",
"[&_.tj-button-root:focus-visible]:z-[2]",
"[&_.tj-icon-button-root:disabled]:[--ButtonGroup-separatorColor:var(--color-joy-neutral-200)]",
"[&_.tj-icon-button-root:enabled]:z-[1]",
"[&_.tj-icon-button-root:focus-visible]:z-[2]",
"[&_[data-first-child]>img]:[object-fit:var(--tj-AspectRatio-objectFit)]",
"[&_[data-first-child]>img]:h-full",
"[&_[data-first-child]>img]:w-full",
"[&_[data-first-child]]:[object-fit:var(--tj-AspectRatio-objectFit)]",
"[&_[data-first-child]]:absolute",
"[&_[data-first-child]]:box-border",
"[&_[data-first-child]]:flex",
"[&_[data-first-child]]:h-full",
"[&_[data-first-child]]:items-center",
"[&_[data-first-child]]:justify-center",
"[&_[data-first-child]]:m-0",
"[&_[data-first-child]]:p-0",
"[&_[data-first-child]]:w-full",
"[&~*]:[--FormHelperText-margin:0.25rem_0_0_1.875rem]",
"[&~*]:[--FormHelperText-margin:0.375rem_0_0_2.25rem]",
"[&~*]:[--FormHelperText-margin:0_0_0_1.5rem]",
"[--AspectRatio-maxHeight:var(--tj-AspectRatio-maxHeight)]",
"[--AspectRatio-minHeight:var(--tj-AspectRatio-minHeight)]",
"[--AspectRatio-paddingBottom:clamp(var(--AspectRatio-minHeight),calc(100%/(var(--tj-AspectRatio-ratio))),var(--AspectRatio-maxHeight))]",
"[--Avatar-marginInlineStart:calc(var(--Chip-decoratorChildOffset)*-1)]",
"[--Avatar-marginInlineStart:var(--AvatarGroup-gap)]",
"[--Avatar-radius:var(--Chip-decoratorChildRadius)]",
"[--Avatar-ring:0_0_0_var(--Avatar-ringSize)_var(--Avatar-ringColor,var(--tj-Avatar-ringColor))]",
"[--Avatar-ringSize:2px]",
"[--Avatar-ringSize:4px]",
"[--Avatar-size:var(--Chip-decoratorChildHeight)]",
"[--AvatarGroup-gap:-0.375rem]",
"[--AvatarGroup-gap:-0.5rem]",
"[--AvatarGroup-gap:-0.625rem]",
"[--Button-gap:0.375rem]",
"[--Button-gap:0.5rem]",
"[--Button-gap:0.75rem]",
"[--Button-margin:0_0_0_calc(var(--Input-decoratorChildOffset)*-1)]",
"[--Button-margin:0_calc(var(--Input-decoratorChildOffset)*-1)_0_0]",
"[--Button-minHeight:var(--Input-decoratorChildHeight)]",
"[--Button-minHeight:var(--Textarea-decoratorChildHeight)]",
"[--Button-paddingBlock:0px]",
"[--Button-radius:var(--Input-decoratorChildRadius)]",
"[--Button-radius:var(--Textarea-decoratorChildRadius)]",
"[--ButtonGroup-connected:0]",
"[--ButtonGroup-connected:1]",
"[--ButtonGroup-radius:6px]",
"[--ButtonGroup-separatorColor:var(--color-joy-danger-300)]",
"[--ButtonGroup-separatorColor:var(--color-joy-neutral-300)]",
"[--ButtonGroup-separatorColor:var(--color-joy-primary-300)]",
"[--ButtonGroup-separatorColor:var(--color-joy-success-300)]",
"[--ButtonGroup-separatorColor:var(--color-joy-warning-300)]",
"[--ButtonGroup-separatorSize:1px]",
"[--ButtonGroup-separatorSize:calc(var(--ButtonGroup-connected)*1px)]",
"[--Checkbox-size:1.25rem]",
"[--Checkbox-size:1.5rem]",
"[--Checkbox-size:1rem]",
String.raw`[--Chip-decoratorChildHeight:calc(var(--\_Chip-minHeight)-0.25rem-2*var(--variant-borderWidth))]`,
String.raw`[--Chip-decoratorChildHeight:calc(var(--\_Chip-minHeight)-0.375rem-2*var(--variant-borderWidth))]`,
String.raw`[--Chip-decoratorChildHeight:calc(var(--\_Chip-minHeight)-2*var(--variant-borderWidth))]`,
String.raw`[--Chip-decoratorChildOffset:min(calc(var(--Chip-paddingInline)-(var(--\_Chip-minHeight)-2*var(--variant-borderWidth,0px)-var(--Chip-decoratorChildHeight))/2),var(--Chip-paddingInline))]`,
String.raw`[--Chip-decoratorChildRadius:max(var(--\_Chip-radius)-var(--variant-borderWidth,0px)-var(--\_Chip-paddingBlock),min(var(--\_Chip-paddingBlock)+var(--variant-borderWidth,0px),var(--\_Chip-radius)/2))]`,
"[--Chip-deleteRadius:var(--Chip-decoratorChildRadius)]",
"[--Chip-deleteSize:var(--Chip-decoratorChildHeight)]",
"[--Chip-paddingInline:0.375rem]",
"[--Chip-paddingInline:0.5rem]",
"[--Chip-paddingInline:0.75rem]",
"[--CircularProgress-linecap:round]",
"[--CircularProgress-margin:0_0_0_calc(var(--Button-gap)/-2)]",
"[--CircularProgress-margin:0_calc(var(--Button-gap)/-2)_0_0]",
"[--CircularProgress-progressColor:var(--color-joy-danger-500)]",
"[--CircularProgress-progressColor:var(--color-joy-neutral-500)]",
"[--CircularProgress-progressColor:var(--color-joy-neutral-700)]",
"[--CircularProgress-progressColor:var(--color-joy-primary-500)]",
"[--CircularProgress-progressColor:var(--color-joy-success-500)]",
"[--CircularProgress-progressColor:var(--color-joy-warning-500)]",
"[--CircularProgress-size:20px]",
"[--CircularProgress-size:24px]",
"[--CircularProgress-size:28px]",
"[--CircularProgress-size:40px]",
"[--CircularProgress-size:64px]",
"[--CircularProgress-thickness:2px]",
"[--CircularProgress-thickness:4px]",
"[--CircularProgress-trackColor:var(--color-joy-danger-200)]",
"[--CircularProgress-trackColor:var(--color-joy-neutral-100)]",
"[--CircularProgress-trackColor:var(--color-joy-neutral-200)]",
"[--CircularProgress-trackColor:var(--color-joy-primary-200)]",
"[--CircularProgress-trackColor:var(--color-joy-success-200)]",
"[--CircularProgress-trackColor:var(--color-joy-warning-200)]",
"[--Divider-childPosition:50%]",
"[--Divider-gap:8px]",
"[--Divider-inset:0.5rem]",
"[--Divider-inset:calc(-1*var(--List-padding))]",
"[--Divider-lineColor:color-mix(in_srgb,var(--color-joy-neutral-500)_20%,transparent)]",
"[--Divider-thickness:1px]",
"[--Icon-color:currentColor]",
"[--Icon-color:var(--color-joy-neutral-500)]",
"[--Icon-fontSize:0.875rem]",
"[--Icon-fontSize:1.125rem]",
"[--Icon-fontSize:1.25rem]",
"[--Icon-fontSize:1.5rem]",
"[--Icon-fontSize:1rem]",
String.raw`[--Icon-fontSize:calc(0.4*var(--\_root-size))]`,
"[--Icon-fontSize:calc(1em*1)]",
"[--Icon-fontSize:calc(1em*var(--joy-lineHeight-md,1.5))]",
"[--Icon-fontSize:calc(1em*var(--joy-lineHeight-sm,1.42858))]",
"[--Icon-fontSize:calc(1em*var(--joy-lineHeight-xs,1.33334))]",
"[--Icon-fontSize:calc(var(--IconButton-size,2.25rem)/1.5)]",
"[--Icon-fontSize:calc(var(--IconButton-size,2.75rem)/1.571)]",
"[--Icon-fontSize:calc(var(--IconButton-size,2rem)/1.3)]",
"[--Icon-fontSize:calc(var(--IconButton-size,2rem)/1.6)]",
"[--Icon-fontSize:calc(var(--Switch-thumbSize)*0.75)]",
"[--Icon-fontSize:var(--Checkbox-size)]",
"[--Icon-fontSize:var(--Radio-size)]",
"[--Icon-margin:0_0_0_calc(var(--Button-gap)/-2)]",
"[--Icon-margin:0_0_0_calc(var(--Chip-paddingInline)/-4)]",
"[--Icon-margin:0_0_0_calc(var(--Input-paddingInline)/-4)]",
"[--Icon-margin:0_calc(var(--Button-gap)/-2)_0_0]",
"[--Icon-margin:0_calc(var(--Chip-paddingInline)/-4)_0_0]",
"[--Icon-margin:0_calc(var(--Input-paddingInline)/-4)_0_0]",
"[--Icon-margin:initial]",
"[--IconButton-margin:0_0_0_calc(var(--Input-decoratorChildOffset)*-1)]",
"[--IconButton-margin:0_calc(-1*var(--Chip-paddingInline)/3)_0_calc(var(--Chip-decoratorChildOffset)*-1)]",
"[--IconButton-margin:0_calc(var(--Chip-decoratorChildOffset)*-1)_0_calc(-1*var(--Chip-paddingInline)/3)]",
"[--IconButton-margin:0_calc(var(--Input-decoratorChildOffset)*-1)_0_0]",
"[--IconButton-radius:var(--Input-decoratorChildRadius)]",
"[--IconButton-radius:var(--Textarea-decoratorChildRadius)]",
"[--IconButton-size:2.25rem]",
"[--IconButton-size:2.75rem]",
"[--IconButton-size:2rem]",
"[--IconButton-size:var(--Chip-deleteSize,2rem)]",
"[--IconButton-size:var(--Input-decoratorChildHeight)]",
"[--IconButton-size:var(--Textarea-decoratorChildHeight)]",
"[--Input-decoratorChildHeight:min(1.5rem,var(--Input-minHeight))]",
"[--Input-decoratorChildHeight:min(1.75rem,var(--Input-minHeight))]",
"[--Input-decoratorChildHeight:min(2.25rem,var(--Input-minHeight))]",
"[--Input-decoratorChildOffset:min(calc(var(--Input-paddingInline)-(var(--Input-minHeight)-2*var(--variant-borderWidth,0px)-var(--Input-decoratorChildHeight))/2),var(--Input-paddingInline))]",
String.raw`[--Input-decoratorChildRadius:max(var(--Input-radius)-var(--variant-borderWidth,0px)-var(--\_Input-paddingBlock),min(var(--\_Input-paddingBlock)+var(--variant-borderWidth,0px),var(--Input-radius)/2))]`,
"[--Input-decoratorColor:var(--color-joy-neutral-500)]",
"[--Input-focused:0]",
"[--Input-focusedHighlight:var(--color-joy-danger-500)]",
"[--Input-focusedHighlight:var(--color-joy-primary-500)]",
"[--Input-focusedHighlight:var(--color-joy-success-500)]",
"[--Input-focusedHighlight:var(--color-joy-warning-500)]",
"[--Input-focusedThickness:2px]",
"[--Input-gap:0.5rem]",
"[--Input-gap:0.75rem]",
"[--Input-minHeight:2.25rem]",
"[--Input-minHeight:2.75rem]",
"[--Input-minHeight:2rem]",
"[--Input-paddingInline:0.5rem]",
"[--Input-paddingInline:0.75rem]",
"[--Input-paddingInline:1rem]",
"[--Input-placeholderColor:inherit]",
"[--Input-placeholderOpacity:0.64]",
"[--Input-radius:6px]",
"[--LinearProgress-progressMaxWidth:calc(var(--LinearProgress-percent)*1%)]",
"[--LinearProgress-progressMinWidth:calc(var(--LinearProgress-percent)*1%/2)]",
String.raw`[--LinearProgress-progressRadius:max(var(--LinearProgress-radius)-var(--\_LinearProgress-padding),min(var(--\_LinearProgress-padding)/2,var(--LinearProgress-radius)/2))]`,
"[--LinearProgress-progressThickness:var(--LinearProgress-thickness)]",
"[--LinearProgress-radius:var(--LinearProgress-thickness)]",
"[--LinearProgress-thickness:4px]",
"[--LinearProgress-thickness:6px]",
"[--LinearProgress-thickness:8px]",
"[--List-gap:0px]",
"[--List-nestedInsetStart:0px]",
"[--List-padding:var(--tj-List-padding)]",
"[--List-radius:calc(var(--tj-Sheet-childRadius)-var(--variant-borderWidth,0px))]",
"[--List-radius:var(--tj-List-borderRadius)]",
"[--ListDivider-gap:0.25rem]",
"[--ListDivider-gap:0.375rem]",
"[--ListDivider-gap:0.5rem]",
"[--ListItem-endActionTranslateX:calc(-0.5*var(--ListItem-paddingRight))]",
"[--ListItem-gap:0.5rem]",
"[--ListItem-gap:0.625rem]",
"[--ListItem-gap:0.75rem]",
"[--ListItem-marginBlock:0px]",
"[--ListItem-marginInline:0px]",
"[--ListItem-marginInline:calc(-1*var(--ListItem-paddingLeft))_calc(-1*var(--ListItem-paddingRight))]",
"[--ListItem-minHeight:2.25rem]",
"[--ListItem-minHeight:2.75rem]",
"[--ListItem-minHeight:2rem]",
"[--ListItem-paddingLeft:var(--ListItem-paddingX)]",
"[--ListItem-paddingLeft:var(--NestedListItem-paddingLeft)]",
"[--ListItem-paddingRight:var(--ListItem-paddingX)]",
"[--ListItem-paddingX:0.25rem]",
"[--ListItem-paddingX:0.5rem]",
"[--ListItem-paddingX:0.75rem]",
"[--ListItem-paddingX:1rem]",
"[--ListItem-paddingX:3px]",
"[--ListItem-paddingY:0.25rem]",
"[--ListItem-paddingY:0.375rem]",
"[--ListItem-paddingY:3px]",
String.raw`[--ListItem-radius:var(--unstable\_List-childRadius)]`,
"[--ListItem-startActionTranslateX:calc(0.5*var(--ListItem-paddingLeft))]",
"[--ListItem-stickyBackground:var(--color-joy-danger-100)]",
"[--ListItem-stickyBackground:var(--color-joy-danger-500)]",
"[--ListItem-stickyBackground:var(--color-joy-neutral-100)]",
"[--ListItem-stickyBackground:var(--color-joy-neutral-50)]",
"[--ListItem-stickyBackground:var(--color-joy-neutral-500)]",
"[--ListItem-stickyBackground:var(--color-joy-primary-100)]",
"[--ListItem-stickyBackground:var(--color-joy-primary-500)]",
"[--ListItem-stickyBackground:var(--color-joy-success-100)]",
"[--ListItem-stickyBackground:var(--color-joy-success-500)]",
"[--ListItem-stickyBackground:var(--color-joy-warning-100)]",
"[--ListItem-stickyBackground:var(--color-joy-warning-500)]",
"[--ListItemButton-marginBlock:0px]",
"[--ListItemButton-marginBlock:calc(-1*var(--ListItem-paddingY))]",
"[--ListItemButton-marginInline:0px]",
"[--ListItemButton-marginInline:calc(-1*var(--ListItem-paddingLeft))_calc(-1*var(--ListItem-paddingRight))]",
"[--ListItemDecorator-size:1.5rem]",
"[--ListItemDecorator-size:1.75rem]",
"[--ListItemDecorator-size:2.25rem]",
"[--ListItemDecorator-size:2.5rem]",
"[--ListItemDecorator-size:2rem]",
"[--ListItemDecorator-size:3rem]",
"[--NestedList-marginLeft:calc(-1*var(--ListItem-paddingLeft))]",
"[--NestedList-marginRight:calc(-1*var(--ListItem-paddingRight))]",
"[--NestedListItem-paddingLeft:calc(var(--ListItem-paddingLeft)+var(--List-nestedInsetStart))]",
"[--Radio-size:1.25rem]",
"[--Radio-size:1.5rem]",
"[--Radio-size:1rem]",
"[--RadioGroup-gap:0.625rem]",
"[--RadioGroup-gap:0.875rem]",
"[--RadioGroup-gap:1.25rem]",
"[--Sheet-background:var(--color-joy-danger-100)]",
"[--Sheet-background:var(--color-joy-danger-500)]",
"[--Sheet-background:var(--color-joy-neutral-100)]",
"[--Sheet-background:var(--color-joy-neutral-50)]",
"[--Sheet-background:var(--color-joy-neutral-500)]",
"[--Sheet-background:var(--color-joy-primary-100)]",
"[--Sheet-background:var(--color-joy-primary-500)]",
"[--Sheet-background:var(--color-joy-success-100)]",
"[--Sheet-background:var(--color-joy-success-500)]",
"[--Sheet-background:var(--color-joy-warning-100)]",
"[--Sheet-background:var(--color-joy-warning-500)]",
"[--Switch-thumbBackground:var(--color-joy-common-white)]",
"[--Switch-thumbBackground:var(--color-joy-danger-500)]",
"[--Switch-thumbBackground:var(--color-joy-danger-700)]",
"[--Switch-thumbBackground:var(--color-joy-neutral-700)]",
"[--Switch-thumbBackground:var(--color-joy-primary-500)]",
"[--Switch-thumbBackground:var(--color-joy-primary-700)]",
"[--Switch-thumbBackground:var(--color-joy-success-500)]",
"[--Switch-thumbBackground:var(--color-joy-success-700)]",
"[--Switch-thumbBackground:var(--color-joy-warning-500)]",
"[--Switch-thumbBackground:var(--color-joy-warning-700)]",
"[--Switch-thumbColor:var(--color-joy-danger-100)]",
"[--Switch-thumbColor:var(--color-joy-danger-500)]",
"[--Switch-thumbColor:var(--color-joy-neutral-100)]",
"[--Switch-thumbColor:var(--color-joy-neutral-50)]",
"[--Switch-thumbColor:var(--color-joy-neutral-500)]",
"[--Switch-thumbColor:var(--color-joy-primary-100)]",
"[--Switch-thumbColor:var(--color-joy-primary-500)]",
"[--Switch-thumbColor:var(--color-joy-success-100)]",
"[--Switch-thumbColor:var(--color-joy-success-500)]",
"[--Switch-thumbColor:var(--color-joy-warning-100)]",
"[--Switch-thumbColor:var(--color-joy-warning-500)]",
"[--Switch-thumbOffset:max((var(--Switch-trackHeight)-var(--Switch-thumbSize))/2,0px)]",
String.raw`[--Switch-thumbRadius:max(var(--Switch-trackRadius)-var(--unstable\_paddingBlock),min(var(--unstable\_paddingBlock)/2,var(--Switch-trackRadius)/2))]`,
"[--Switch-thumbShadow:0_0_0_1px_var(--Switch-trackBackground)]",
"[--Switch-thumbShadow:none]",
"[--Switch-thumbSize:10px]",
"[--Switch-thumbSize:14px]",
"[--Switch-thumbSize:18px]",
"[--Switch-thumbWidth:var(--Switch-thumbSize)]",
"[--Switch-trackBackground:var(--color-joy-danger-100)]",
"[--Switch-trackBackground:var(--color-joy-danger-500)]",
"[--Switch-trackBackground:var(--color-joy-neutral-100)]",
"[--Switch-trackBackground:var(--color-joy-neutral-50)]",
"[--Switch-trackBackground:var(--color-joy-neutral-500)]",
"[--Switch-trackBackground:var(--color-joy-primary-100)]",
"[--Switch-trackBackground:var(--color-joy-primary-500)]",
"[--Switch-trackBackground:var(--color-joy-success-100)]",
"[--Switch-trackBackground:var(--color-joy-success-500)]",
"[--Switch-trackBackground:var(--color-joy-warning-100)]",
"[--Switch-trackBackground:var(--color-joy-warning-500)]",
"[--Switch-trackBorderColor:currentColor]",
"[--Switch-trackBorderColor:var(--color-joy-danger-300)]",
"[--Switch-trackBorderColor:var(--color-joy-neutral-300)]",
"[--Switch-trackBorderColor:var(--color-joy-primary-300)]",
"[--Switch-trackBorderColor:var(--color-joy-success-300)]",
"[--Switch-trackBorderColor:var(--color-joy-warning-300)]",
"[--Switch-trackColor:var(--color-joy-common-white)]",
"[--Switch-trackColor:var(--color-joy-danger-500)]",
"[--Switch-trackColor:var(--color-joy-danger-700)]",
"[--Switch-trackColor:var(--color-joy-neutral-700)]",
"[--Switch-trackColor:var(--color-joy-primary-500)]",
"[--Switch-trackColor:var(--color-joy-primary-700)]",
"[--Switch-trackColor:var(--color-joy-success-500)]",
"[--Switch-trackColor:var(--color-joy-success-700)]",
"[--Switch-trackColor:var(--color-joy-warning-500)]",
"[--Switch-trackColor:var(--color-joy-warning-700)]",
"[--Switch-trackHeight:16px]",
"[--Switch-trackHeight:20px]",
"[--Switch-trackHeight:24px]",
"[--Switch-trackRadius:16px]",
"[--Switch-trackWidth:26px]",
"[--Switch-trackWidth:32px]",
"[--Switch-trackWidth:40px]",
"[--Textarea-decoratorChildHeight:min(1.5rem,var(--Textarea-minHeight))]",
"[--Textarea-decoratorChildHeight:min(1.75rem,var(--Textarea-minHeight))]",
"[--Textarea-decoratorChildHeight:min(2.375rem,var(--Textarea-minHeight))]",
String.raw`[--Textarea-decoratorChildRadius:max(var(--Textarea-radius)-var(--variant-borderWidth,0px)-var(--\_Textarea-paddingBlock),min(var(--\_Textarea-paddingBlock)+var(--variant-borderWidth,0px),var(--Textarea-radius)/2))]`,
"[--Textarea-decoratorColor:var(--color-joy-neutral-500)]",
"[--Textarea-focused:0]",
"[--Textarea-focusedHighlight:var(--color-joy-danger-500)]",
"[--Textarea-focusedHighlight:var(--color-joy-primary-500)]",
"[--Textarea-focusedHighlight:var(--color-joy-success-500)]",
"[--Textarea-focusedHighlight:var(--color-joy-warning-500)]",
"[--Textarea-focusedThickness:2px]",
"[--Textarea-gap:0.5rem]",
"[--Textarea-gap:0.75rem]",
"[--Textarea-minHeight:2.25rem]",
"[--Textarea-minHeight:2rem]",
"[--Textarea-minHeight:3rem]",
"[--Textarea-paddingBlock:calc(0.375rem-0.5px-var(--variant-borderWidth,0px))]",
"[--Textarea-paddingBlock:calc(0.375rem-var(--variant-borderWidth,0px))]",
"[--Textarea-paddingBlock:calc(0.75rem-var(--variant-borderWidth,0px))]",
"[--Textarea-paddingInline:0.5rem]",
"[--Textarea-paddingInline:0.75rem]",
"[--Textarea-paddingInline:1rem]",
"[--Textarea-placeholderColor:inherit]",
"[--Textarea-placeholderOpacity:0.64]",
"[--Textarea-radius:6px]",
"[--_Chip-minHeight:var(--Chip-minHeight,1.25rem)]",
"[--_Chip-minHeight:var(--Chip-minHeight,1.5rem)]",
"[--_Chip-minHeight:var(--Chip-minHeight,1.75rem)]",
String.raw`[--_Chip-paddingBlock:max((var(--\_Chip-minHeight)-2*var(--variant-borderWidth,0px)-var(--Chip-decoratorChildHeight))/2,0px)]`,
"[--_Chip-radius:var(--Chip-radius,1.5rem)]",
"[--_Chip-radius:var(--tj-Chip-borderRadius)]",
"[--_Divider-inset:0px]",
"[--_Divider-inset:var(--Divider-inset,0px)]",
"[--_Input-paddingBlock:max((var(--Input-minHeight)-2*var(--variant-borderWidth,0px)-var(--Input-decoratorChildHeight))/2,0px)]",
"[--_LinearProgress-padding:max((var(--LinearProgress-thickness)-2*var(--variant-borderWidth,0px)-var(--LinearProgress-progressThickness))/2,0px)]",
"[--_LinearProgress-progressInset:calc(var(--LinearProgress-thickness)/2-var(--LinearProgress-progressThickness)/2)]",
String.raw`[--_LinearProgress-progressLeft:calc(100%-var(--LinearProgress-progressMinWidth)-var(--\_LinearProgress-progressInset))]`,
"[--_List-markerDeduct:1ch]",
"[--_List-markerDisplay:list-item]",
"[--_List-markerType:var(--tj-List-marker)]",
"[--_Textarea-paddingBlock:max((var(--Textarea-minHeight)-2*var(--variant-borderWidth,0px)-var(--Textarea-decoratorChildHeight))/2,0px)]",
String.raw`[--_inner-size:calc(var(--\_root-size)-2*var(--variant-borderWidth,0px))]`,
String.raw`[--_outlined-inset:max(var(--\_track-thickness),var(--\_progress-thickness))]`,
String.raw`[--_progress-length:calc(2*var(--pi)*var(--\_progress-radius))]`,
String.raw`[--_progress-radius:calc(var(--\_inner-size)/2-var(--\_progress-thickness)/2-max(0px,var(--\_thickness-diff)/2))]`,
"[--_progress-thickness:var(--CircularProgress-progressThickness,var(--CircularProgress-thickness,3px))]",
"[--_progress-thickness:var(--CircularProgress-progressThickness,var(--CircularProgress-thickness,6px))]",
"[--_progress-thickness:var(--CircularProgress-progressThickness,var(--CircularProgress-thickness,8px))]",
"[--_root-size:var(--CircularProgress-size,24px)]",
"[--_root-size:var(--CircularProgress-size,40px)]",
"[--_root-size:var(--CircularProgress-size,64px)]",
String.raw`[--_thickness-diff:calc(var(--\_track-thickness)-var(--\_progress-thickness))]`,
"[--_track-thickness:var(--CircularProgress-trackThickness,var(--CircularProgress-thickness,3px))]",
"[--_track-thickness:var(--CircularProgress-trackThickness,var(--CircularProgress-thickness,6px))]",
"[--_track-thickness:var(--CircularProgress-trackThickness,var(--CircularProgress-thickness,8px))]",
"[--tj-Avatar-ringColor:var(--color-joy-neutral-50)]",
"[--unstable_List-borderWidth:var(--variant-borderWidth,0px)]",
"[--unstable_List-childRadius:calc(max(var(--List-radius)-var(--List-padding),min(var(--List-padding)/2,var(--List-radius)/2))-var(--variant-borderWidth,0px))]",
"[--unstable_actionRadius:calc(var(--ListItem-radius)-var(--variant-borderWidth,0px))]",
"[--unstable_actionRadius:calc(var(--tj-Sheet-childRadius)-var(--variant-borderWidth,0px))]",
String.raw`[--unstable_actionRadius:var(--\_Chip-radius)]`,
"[--unstable_childRadius:calc((1-var(--ButtonGroup-connected))*var(--ButtonGroup-radius)-var(--variant-borderWidth,0px))]",
"[--unstable_endActionWidth:2.5rem]",
"[--unstable_paddingBlock:max((var(--Switch-trackHeight)-2*var(--variant-borderWidth,0px)-var(--Switch-thumbSize))/2,0px)]",
"[--unstable_pseudo-zIndex:9]",
"[--unstable_pulse-bg:var(--color-joy-neutral-100)]",
"[--unstable_startActionWidth:2rem]",
"[--variant-borderWidth:0px]",
"[--variant-borderWidth:1px]",
"[-webkit-mask-image:-webkit-radial-gradient(white,black)]",
"[-webkit-tap-highlight-color:transparent]",
String.raw`[.group\/tj-radio:not(:has(:checked))_&]:scale-0`,
"[.tj-list-item-nested>&]:[--_ListItem-display:flex]",
"[.tj-list-item-root>&]:[--unstable_ListItem-flex:1_0_0%]",
"[align-items:var(--unstable_ListItemDecorator-alignItems,center)]",
"[align-items:var(--unstable_ListItemDecorator-alignItems,initial)]",
"[block-size:initial]",
"[block-size:var(--Divider-thickness)]",
"[box-shadow:var(--Avatar-ring)]",
"[box-shadow:var(--Switch-thumbShadow)]",
"[box-shadow:var(--joy-shadowRing,0_0_#000),0px_1px_2px_0px_rgba(var(--joy-shadowChannel,21_21_21)/var(--joy-shadowOpacity,0.08))]",
"[box-sizing:inherit]",
"[color:var(--Icon-color,var(--joy-danger-500))]",
"[color:var(--Icon-color,var(--joy-neutral-500))]",
"[color:var(--Icon-color,var(--joy-primary-500))]",
"[color:var(--Icon-color,var(--joy-success-500))]",
"[color:var(--Icon-color,var(--joy-warning-500))]",
"[cursor:initial]",
"[cx:50%]",
"[cy:50%]",
"[display:inherit]",
String.raw`[display:var(--\_ListItem-display)]`,
"[font-size:var(--Icon-fontSize,1.25rem)]",
"[font-size:var(--Icon-fontSize,1.5rem)]",
"[font-size:var(--Icon-fontSize,1.875rem)]",
"[font-style:inherit]",
"[font:inherit]",
"[inline-size:initial]",
"[inline-size:var(--Divider-thickness)]",
"[margin-block-end:calc(-1*var(--ListItem-gap))]",
"[margin-block-end:initial]",
"[margin-block-end:var(--ListDivider-gap)]",
"[margin-block-end:var(--Textarea-gap)]",
"[margin-block-start:calc(-1*var(--List-gap))]",
"[margin-block-start:var(--List-gap)]",
"[margin-block-start:var(--Textarea-gap)]",
"[margin-block:initial]",
"[margin-block:var(--ListItem-paddingY)]",
"[margin-block:var(--ListItemButton-marginBlock)]",
String.raw`[margin-block:var(--\_Divider-inset)]`,
"[margin-inline:var(--ListItem-marginInline)]",
"[margin-inline:var(--ListItemButton-marginInline)]",
"[min-block-size:var(--LinearProgress-thickness)]",
"[min-block-size:var(--ListItem-minHeight)]",
"[min-block-size:var(--ListItemDecorator-size)]",
"[min-inline-size:0]",
"[min-inline-size:var(--ListItemDecorator-size)]",
"[padding-block-end:0]",
"[padding-block-end:calc((var(--joy-lineHeight-md,1.5)-1)*0.44em)]",
"[padding-block-end:calc((var(--joy-lineHeight-sm,1.42858)-1)*0.44em)]",
"[padding-block-end:calc((var(--joy-lineHeight-xs,1.33334)-1)*0.44em)]",
"[padding-block-end:var(--ListItem-paddingY)]",
"[padding-block-start:0]",
"[padding-block-start:calc((var(--joy-lineHeight-md,1.5)-1)*0.56em)]",
"[padding-block-start:calc((var(--joy-lineHeight-sm,1.42858)-1)*0.56em)]",
"[padding-block-start:calc((var(--joy-lineHeight-xs,1.33334)-1)*0.56em)]",
"[padding-block-start:var(--ListItem-paddingY)]",
"[padding-block:0]",
"[padding-block:calc(var(--ListItem-paddingY)-var(--variant-borderWidth,0px))]",
"[padding-block:min(0.1em,4px)]",
"[padding-block:var(--Button-paddingBlock,0.25rem)]",
"[padding-block:var(--Button-paddingBlock,0.375rem)]",
"[padding-block:var(--Button-paddingBlock,0.5rem)]",
"[padding-block:var(--List-padding)]",
"[padding-block:var(--List-padding,var(--ListDivider-gap))]",
"[padding-block:var(--ListItem-paddingY)]",
"[padding-block:var(--Textarea-paddingBlock)]",
String.raw`[padding-block:var(--unstable\_InputPaddingBlock)]`,
"[pointer-events:visible]",
"[position:initial]",
String.raw`[r:calc(var(--\_inner-size)/2-var(--\_track-thickness)/2+min(0px,var(--\_thickness-diff)/2))]`,
String.raw`[r:var(--\_progress-radius)]`,
String.raw`[stroke-dasharray:var(--\_progress-length)]`,
String.raw`[stroke-dashoffset:calc(var(--\_progress-length)*(1-var(--CircularProgress-percent)/100))]`,
"[stroke-linecap:var(--CircularProgress-linecap,round)]",
"[text-align:initial]",
"[text-decoration:initial]",
"[transition:inherit]",
"absolute",
"after:-translate-x-full",
"after:[block-size:initial]",
"after:[block-size:var(--Divider-thickness)]",
"after:[inline-size:initial]",
"after:[inline-size:var(--Divider-thickness)]",
"after:[margin-block-start:initial]",
"after:[margin-block-start:min((100%-var(--Divider-childPosition))*999,var(--Divider-gap))]",
"after:absolute",
"after:animate-joy-pulse",
"after:animate-joy-wave",
"after:basis-[calc(100%-var(--Divider-childPosition))]",
"after:bg-[var(--Divider-lineColor)]",
"after:bg-gradient-to-r",
"after:bg-joy-neutral-300",
String.raw`after:content-[""]`,
String.raw`after:content-["_"]`,
"after:font-[var(--joy-fontWeight-lg,600)]",
"after:font-[var(--joy-fontWeight-md,500)]",
"after:font-[var(--joy-fontWeight-xl,700)]",
"after:from-transparent",
"after:h-[1em]",
"after:inset-0",
"after:leading-[var(--joy-lineHeight-md,1.5)]",
"after:leading-[var(--joy-lineHeight-sm,1.42858)]",
"after:leading-[var(--joy-lineHeight-xs,1.33334)]",
"after:ms-[initial]",
"after:ms-[min((100%-var(--Divider-childPosition))*999,var(--Divider-gap))]",
"after:relative",
"after:text-[length:var(--joy-fontSize-lg,1.125rem)]",
"after:text-[length:var(--joy-fontSize-md,1rem)]",
"after:text-[length:var(--joy-fontSize-sm,0.875rem)]",
"after:text-[length:var(--joy-fontSize-xl,1.25rem)]",
"after:text-[length:var(--joy-fontSize-xl2,1.5rem)]",
"after:text-[length:var(--joy-fontSize-xl3,1.875rem)]",
"after:text-[length:var(--joy-fontSize-xl4,2.25rem)]",
"after:text-[length:var(--joy-fontSize-xs,0.75rem)]",
"after:text-joy-neutral-600",
"after:text-joy-neutral-700",
"after:text-joy-neutral-800",
"after:to-transparent",
"after:top-[calc((var(--joy-lineHeight-md,1.5)-1)*0.56em)]",
"after:top-[calc((var(--joy-lineHeight-sm,1.42858)-1)*0.56em)]",
"after:top-[calc((var(--joy-lineHeight-xs,1.33334)-1)*0.56em)]",
"after:tracking-[-0.025em]",
String.raw`after:via-[var(--unstable\_wave-bg,rgba(0_0_0/0.08))]`,
String.raw`after:z-[var(--unstable\_pseudo-zIndex)]`,
"align-bottom",
"align-middle",
"animate-joy-circulate",
"before:[--variant-borderWidth:1px]",
"before:[block-size:initial]",
"before:[block-size:var(--Divider-thickness)]",
"before:[block-size:var(--LinearProgress-progressThickness)]",
"before:[box-shadow:var(--Input-focusedInset,inset)_0_0_0_calc(var(--Input-focused)*var(--Input-focusedThickness))_var(--Input-focusedHighlight)]",
"before:[box-shadow:var(--Textarea-focusedInset,inset)_0_0_0_calc(var(--Textarea-focused)*var(--Textarea-focusedThickness))_var(--Textarea-focusedHighlight)]",
"before:[box-sizing:inherit]",
String.raw`before:[inline-size:calc(var(--LinearProgress-percent)*1%-2*var(--\_LinearProgress-padding))]`,
"before:[inline-size:initial]",
"before:[inline-size:var(--Divider-thickness)]",
"before:[margin-block-end:initial]",
"before:[margin-block-end:min(var(--Divider-childPosition)*999,var(--Divider-gap))]",
"before:absolute",
"before:animate-joy-linear-circulate",
"before:animate-joy-pulse",
"before:basis-[var(--Divider-childPosition)]",
"before:bg-[var(--Divider-lineColor)]",
"before:bg-current",
"before:bg-joy-neutral-300",
"before:block",
"before:border-[length:var(--variant-borderWidth)]",
"before:border-joy-danger-300",
"before:border-joy-neutral-300",
"before:border-joy-primary-300",
"before:border-joy-success-300",
"before:border-joy-warning-300",
"before:border-solid",
"before:box-border",
String.raw`before:content-[""]`,
String.raw`before:content-["_"]`,
"before:font-[var(--joy-fontWeight-lg,600)]",
"before:font-[var(--joy-fontWeight-md,500)]",
"before:font-[var(--joy-fontWeight-xl,700)]",
"before:h-[1em]",
"before:inset-0",
String.raw`before:inset-[var(--\_outlined-inset)]`,
"before:leading-[var(--joy-lineHeight-md,1.5)]",
"before:leading-[var(--joy-lineHeight-sm,1.42858)]",
"before:leading-[var(--joy-lineHeight-xs,1.33334)]",
String.raw`before:left-[var(--\_LinearProgress-padding)]`,
"before:m-[calc(var(--variant-borderWidth,0px)*-1)]",
"before:me-[initial]",
"before:me-[min(var(--Divider-childPosition)*999,var(--Divider-gap))]",
"before:pointer-events-none",
"before:relative",
"before:rounded-[inherit]",
"before:rounded-[var(--LinearProgress-progressRadius)]",
"before:text-[length:var(--joy-fontSize-lg,1.125rem)]",
"before:text-[length:var(--joy-fontSize-md,1rem)]",
"before:text-[length:var(--joy-fontSize-sm,0.875rem)]",
"before:text-[length:var(--joy-fontSize-xl,1.25rem)]",
"before:text-[length:var(--joy-fontSize-xl2,1.5rem)]",
"before:text-[length:var(--joy-fontSize-xl3,1.875rem)]",
"before:text-[length:var(--joy-fontSize-xl4,2.25rem)]",
"before:text-[length:var(--joy-fontSize-xs,0.75rem)]",
"before:text-inherit",
"before:text-joy-neutral-600",
"before:text-joy-neutral-700",
"before:text-joy-neutral-800",
"before:tracking-[-0.025em]",
"before:z-[1]",
String.raw`before:z-[var(--unstable\_pseudo-zIndex)]`,
"bg-[color:initial]",
"bg-[color:var(--ListItem-stickyBackground)]",
"bg-[color:var(--ListItem-stickyBackground,var(--joy-common-white))]",
"bg-[color:var(--Switch-thumbBackground)]",
"bg-[color:var(--Switch-trackBackground)]",
"bg-[var(--Divider-lineColor)]",
"bg-current",
"bg-joy-danger-100",
"bg-joy-danger-200",
"bg-joy-danger-300",
"bg-joy-danger-500",
"bg-joy-danger-700",
"bg-joy-neutral-100",
"bg-joy-neutral-200",
"bg-joy-neutral-300",
"bg-joy-neutral-50",
"bg-joy-neutral-500",
"bg-joy-neutral-700",
"bg-joy-primary-100",
"bg-joy-primary-200",
"bg-joy-primary-300",
"bg-joy-primary-500",
"bg-joy-primary-700",
"bg-joy-success-100",
"bg-joy-success-200",
"bg-joy-success-300",
"bg-joy-success-500",
"bg-joy-success-700",
"bg-joy-warning-100",
"bg-joy-warning-200",
"bg-joy-warning-300",
"bg-joy-warning-500",
"bg-joy-warning-700",
"bg-transparent",
"block",
"border",
"border-0",
"border-[color:var(--Switch-trackBorderColor)]",
"border-[length:var(--variant-borderWidth)]",
"border-[length:var(--variant-borderWidth,0px)]",
"border-joy-danger-300",
"border-joy-neutral-200",
"border-joy-neutral-300",
"border-joy-primary-300",
"border-joy-success-300",
"border-joy-warning-300",
"border-solid",
"border-transparent",
"box-border",
"contents",
"cursor-default",
"cursor-pointer",
"cursor-text",
"dark:[&:not(:has(:checked))]:[&]:active:bg-joy-neutral-600",
"dark:[&:not(:has(:checked))]:[&]:active:bg-joy-neutral-700",
"dark:[&:not(:has(:checked))]:[&]:active:text-joy-neutral-100",
"dark:[&:not(:has(:checked))]:[--Icon-color:var(--color-joy-neutral-400)]",
"dark:[&:not(:has(:checked))]:bg-joy-neutral-500",
"dark:[&:not(:has(:checked))]:bg-joy-neutral-800",
"dark:[&:not(:has(:checked))]:bg-joy-neutral-900",
"dark:[&:not(:has(:checked))]:border-joy-neutral-700",
"dark:[&:not(:has(:checked))]:has-[:disabled]:[--Icon-color:currentColor]",
"dark:[&:not(:has(:checked))]:has-[:disabled]:bg-joy-neutral-800",
"dark:[&:not(:has(:checked))]:has-[:disabled]:border-joy-neutral-800",
"dark:[&:not(:has(:checked))]:has-[:disabled]:text-joy-neutral-500",
"dark:[&:not(:has(:checked))]:non-touchscreen-hover:bg-joy-neutral-600",
"dark:[&:not(:has(:checked))]:non-touchscreen-hover:bg-joy-neutral-700",
"dark:[&:not(:has(:checked))]:non-touchscreen-hover:bg-joy-neutral-800",
"dark:[&:not(:has(:checked))]:non-touchscreen-hover:text-joy-neutral-300",
"dark:[&:not(:has(:checked))]:text-joy-common-white",
"dark:[&:not(:has(:checked))]:text-joy-neutral-200",
"dark:[&:not(:has(:checked))]:text-joy-neutral-300",
"dark:[&:not([data-skip-inverted-colors])]:[--_Link-color:var(--color-joy-neutral-300)]",
"dark:[&]:active:[--Icon-color:currentColor]",
"dark:[&]:active:bg-joy-danger-600",
"dark:[&]:active:bg-joy-danger-700",
"dark:[&]:active:bg-joy-neutral-600",
"dark:[&]:active:bg-joy-neutral-700",
"dark:[&]:active:bg-joy-primary-600",
"dark:[&]:active:bg-joy-primary-700",
"dark:[&]:active:bg-joy-success-600",
"dark:[&]:active:bg-joy-success-700",
"dark:[&]:active:bg-joy-warning-600",
"dark:[&]:active:bg-joy-warning-700",
"dark:[&]:active:text-joy-danger-100",
"dark:[&]:active:text-joy-neutral-100",
"dark:[&]:active:text-joy-primary-100",
"dark:[&]:active:text-joy-success-100",
"dark:[&]:active:text-joy-warning-100",
"dark:[&]:active:text-transparent",
"dark:[&]:aria-pressed:[--Icon-color:currentColor]",
"dark:[&]:aria-pressed:bg-joy-danger-600",
"dark:[&]:aria-pressed:bg-joy-danger-700",
"dark:[&]:aria-pressed:bg-joy-neutral-600",
"dark:[&]:aria-pressed:bg-joy-neutral-700",
"dark:[&]:aria-pressed:bg-joy-primary-600",
"dark:[&]:aria-pressed:bg-joy-primary-700",
"dark:[&]:aria-pressed:bg-joy-success-600",
"dark:[&]:aria-pressed:bg-joy-success-700",
"dark:[&]:aria-pressed:bg-joy-warning-600",
"dark:[&]:aria-pressed:bg-joy-warning-700",
"dark:[&]:aria-pressed:text-joy-danger-100",
"dark:[&]:aria-pressed:text-joy-neutral-100",
"dark:[&]:aria-pressed:text-joy-primary-100",
"dark:[&]:aria-pressed:text-joy-success-100",
"dark:[&]:aria-pressed:text-joy-warning-100",
"dark:[&]:has-[:disabled]:[--Switch-thumbBackground:var(--color-joy-neutral-500)]",
"dark:[&]:has-[:disabled]:[--Switch-thumbColor:var(--color-joy-neutral-800)]",
"dark:[&]:has-[:disabled]:[--Switch-thumbColor:var(--color-joy-neutral-900)]",
"dark:[&]:has-[:disabled]:[--Switch-trackBackground:var(--color-joy-neutral-800)]",
"dark:[&]:has-[:disabled]:[--Switch-trackBackground:var(--color-joy-neutral-900)]",
"dark:[&]:has-[:disabled]:[--Switch-trackBorderColor:var(--color-joy-neutral-800)]",
"dark:[&]:has-[:disabled]:[--Switch-trackColor:var(--color-joy-neutral-500)]",
"dark:[&]:has-[:disabled]:text-joy-neutral-400",
"dark:[&_.tj-button-root:disabled]:[--ButtonGroup-separatorColor:var(--color-joy-neutral-800)]",
"dark:[&_.tj-icon-button-root:disabled]:[--ButtonGroup-separatorColor:var(--color-joy-neutral-800)]",
"dark:[--ButtonGroup-separatorColor:var(--color-joy-danger-700)]",
"dark:[--ButtonGroup-separatorColor:var(--color-joy-neutral-700)]",
"dark:[--ButtonGroup-separatorColor:var(--color-joy-primary-700)]",
"dark:[--ButtonGroup-separatorColor:var(--color-joy-success-700)]",
"dark:[--ButtonGroup-separatorColor:var(--color-joy-warning-700)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-danger-200)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-danger-300)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-danger-500)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-neutral-200)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-neutral-300)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-neutral-500)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-primary-200)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-primary-300)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-primary-500)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-success-200)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-success-300)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-success-500)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-warning-200)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-warning-300)]",
"dark:[--CircularProgress-progressColor:var(--color-joy-warning-500)]",
"dark:[--CircularProgress-trackColor:var(--color-joy-danger-700)]",
"dark:[--CircularProgress-trackColor:var(--color-joy-neutral-700)]",
"dark:[--CircularProgress-trackColor:var(--color-joy-neutral-800)]",
"dark:[--CircularProgress-trackColor:var(--color-joy-primary-700)]",
"dark:[--CircularProgress-trackColor:var(--color-joy-success-700)]",
"dark:[--CircularProgress-trackColor:var(--color-joy-warning-700)]",
"dark:[--Divider-lineColor:color-mix(in_srgb,var(--color-joy-neutral-500)_16%,transparent)]",
"dark:[--Icon-color:currentColor]",
"dark:[--Icon-color:var(--color-joy-neutral-400)]",
"dark:[--Input-decoratorColor:var(--color-joy-neutral-400)]",
"dark:[--ListItem-stickyBackground:var(--color-joy-danger-500)]",
"dark:[--ListItem-stickyBackground:var(--color-joy-danger-800)]",
"dark:[--ListItem-stickyBackground:var(--color-joy-neutral-500)]",
"dark:[--ListItem-stickyBackground:var(--color-joy-neutral-800)]",
"dark:[--ListItem-stickyBackground:var(--color-joy-neutral-900)]",
"dark:[--Li