npm - @pingux/astro - Versions diffs - 2.155.1 → 2.157.1-alpha.1 - Mend

@pingux/astro 2.155.1 → 2.157.1-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1576) hide show

package/lib/cjs/hooks/useSliderField/useSliderField.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="react" />
 import { UseSliderFieldProps } from '../../types/sliderField';
 export declare const getDefaultValue: ({ defaultValueProp, minValue, step, }: {
     defaultValueProp: any;
@@ -30,60 +28,60 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         style?: import("react").CSSProperties | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: import("react").ReactNode;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: import("react").ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -226,9 +224,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onPointerCancel?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
@@ -249,7 +245,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> | undefined;
-        helperText?: string | undefined;
+        helperText?: string;
     };
     labelContainerProps: {
         label: import("react").ReactNode;
@@ -275,22 +271,22 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         isHorizontal: boolean;
         isVertical: boolean;
         state: import("react-stately").SliderState;
-        id?: string | undefined;
+        id?: string;
         bg?: import("theme-ui").StylePropertyValue<string | undefined>;
-        isRow?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isFocused?: boolean | undefined;
-        tabIndex?: string | number | undefined;
-        isSelected?: boolean | undefined;
-        isUnavailable?: boolean | undefined;
-        hidden?: boolean | undefined;
+        isRow?: boolean;
+        isDisabled?: boolean;
+        isFocused?: boolean;
+        tabIndex?: string | number;
+        isSelected?: boolean;
+        isUnavailable?: boolean;
+        hidden?: boolean;
         title?: string | {
-            id?: string | undefined;
+            id?: string;
             name: string;
-        } | undefined;
-        variant?: string | undefined;
-        as?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
-        style?: string | import("react").CSSProperties | undefined;
+        };
+        variant?: string;
+        as?: string | import("react").ReactNode | import("react").ElementType;
+        style?: import("react").CSSProperties | string;
         grid?: import("theme-ui").StylePropertyValue<import("csstype").Property.Grid | undefined>;
         accentColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.AccentColor | undefined>;
         alignContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignContent | undefined>;
@@ -305,6 +301,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         animationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
         animationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
         animationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
+        animationRangeEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>;
+        animationRangeStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeStart<string | number> | undefined>;
         animationTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimeline | undefined>;
         animationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         appearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.Appearance | undefined>;
@@ -372,6 +370,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         breakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakInside | undefined>;
         captionSide?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaptionSide | undefined>;
         caretColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretColor | undefined>;
+        caretShape?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretShape | undefined>;
         clear?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clear | undefined>;
         clipPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipPath | undefined>;
         color?: import("theme-ui").StylePropertyValue<import("csstype").Property.Color | undefined>;
@@ -386,6 +385,12 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         columnSpan?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnSpan | undefined>;
         columnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
         contain?: import("theme-ui").StylePropertyValue<import("csstype").Property.Contain | undefined>;
+        containIntrinsicBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined>;
+        containIntrinsicHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined>;
+        containIntrinsicInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined>;
+        containIntrinsicWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined>;
+        containerName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerName | undefined>;
+        containerType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerType | undefined>;
         content?: import("theme-ui").StylePropertyValue<import("csstype").Property.Content | undefined>;
         contentVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContentVisibility | undefined>;
         counterIncrement?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterIncrement | undefined>;
@@ -407,16 +412,22 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         fontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
         fontLanguageOverride?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontLanguageOverride | undefined>;
         fontOpticalSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontOpticalSizing | undefined>;
+        fontPalette?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontPalette | undefined>;
         fontSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSize<string | number> | undefined>;
         fontSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSizeAdjust | undefined>;
         fontSmooth?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
         fontStretch?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStretch | undefined>;
         fontStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStyle | undefined>;
         fontSynthesis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesis | undefined>;
+        fontSynthesisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisPosition | undefined>;
+        fontSynthesisSmallCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisSmallCaps | undefined>;
+        fontSynthesisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisStyle | undefined>;
+        fontSynthesisWeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisWeight | undefined>;
         fontVariant?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariant | undefined>;
         fontVariantAlternates?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantAlternates | undefined>;
         fontVariantCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantCaps | undefined>;
         fontVariantEastAsian?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEastAsian | undefined>;
+        fontVariantEmoji?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEmoji | undefined>;
         fontVariantLigatures?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantLigatures | undefined>;
         fontVariantNumeric?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantNumeric | undefined>;
         fontVariantPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantPosition | undefined>;
@@ -435,6 +446,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         hangingPunctuation?: import("theme-ui").StylePropertyValue<import("csstype").Property.HangingPunctuation | undefined>;
         height?: import("theme-ui").StylePropertyValue<import("csstype").Property.Height<string | number> | undefined>;
         hyphenateCharacter?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateCharacter | undefined>;
+        hyphenateLimitChars?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateLimitChars | undefined>;
         hyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
         imageOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageOrientation | undefined>;
         imageRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageRendering | undefined>;
@@ -442,11 +454,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         initialLetter?: import("theme-ui").StylePropertyValue<import("csstype").Property.InitialLetter | undefined>;
         inlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.InlineSize<string | number> | undefined>;
         inputSecurity?: import("theme-ui").StylePropertyValue<import("csstype").Property.InputSecurity | undefined>;
-        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
-        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
         insetBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockEnd<string | number> | undefined>;
         insetBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockStart<string | number> | undefined>;
-        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         insetInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineEnd<string | number> | undefined>;
         insetInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineStart<string | number> | undefined>;
         isolation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Isolation | undefined>;
@@ -462,16 +471,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         listStyleImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleImage | undefined>;
         listStylePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStylePosition | undefined>;
         listStyleType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleType | undefined>;
-        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
         marginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockEnd<string | number> | undefined>;
         marginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockStart<string | number> | undefined>;
         marginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBottom<string | number> | undefined>;
-        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         marginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
         marginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         marginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
         marginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginRight<string | number> | undefined>;
         marginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
+        marginTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTrim | undefined>;
         maskBorderMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderMode | undefined>;
         maskBorderOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderOutset<string | number> | undefined>;
         maskBorderRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderRepeat | undefined>;
@@ -487,6 +495,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         maskRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskRepeat | undefined>;
         maskSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskSize<string | number> | undefined>;
         maskType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskType | undefined>;
+        masonryAutoFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MasonryAutoFlow | undefined>;
         mathDepth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathDepth | undefined>;
         mathShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathShift | undefined>;
         mathStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathStyle | undefined>;
@@ -508,6 +517,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         offsetAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetAnchor<string | number> | undefined>;
         offsetDistance?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetDistance<string | number> | undefined>;
         offsetPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPath | undefined>;
+        offsetPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPosition<string | number> | undefined>;
         offsetRotate?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         offsetRotation?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         opacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.Opacity | undefined>;
@@ -525,27 +535,26 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflowWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowWrap | undefined>;
         overflowX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowX | undefined>;
         overflowY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowY | undefined>;
+        overlay?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overlay | undefined>;
         overscrollBehaviorBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorBlock | undefined>;
         overscrollBehaviorInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorInline | undefined>;
         overscrollBehaviorX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorX | undefined>;
         overscrollBehaviorY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorY | undefined>;
-        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
         paddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>;
         paddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockStart<string | number> | undefined>;
         paddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBottom<string | number> | undefined>;
-        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
         paddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         paddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
         paddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
         paddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingRight<string | number> | undefined>;
         paddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
+        page?: import("theme-ui").StylePropertyValue<import("csstype").Property.Page | undefined>;
         pageBreakAfter?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakAfter | undefined>;
         pageBreakBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakBefore | undefined>;
         pageBreakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakInside | undefined>;
         paintOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaintOrder | undefined>;
         perspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
         perspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
-        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         pointerEvents?: import("theme-ui").StylePropertyValue<import("csstype").Property.PointerEvents | undefined>;
         position?: import("theme-ui").StylePropertyValue<import("csstype").Property.Position | undefined>;
         printColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
@@ -559,36 +568,31 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         rubyPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyPosition | undefined>;
         scale?: import("theme-ui").StylePropertyValue<import("csstype").Property.Scale | undefined>;
         scrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollBehavior | undefined>;
-        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
-        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
         scrollMarginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined>;
         scrollMarginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined>;
         scrollMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
-        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
         scrollMarginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined>;
         scrollMarginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined>;
         scrollMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
-        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
-        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
         scrollPaddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined>;
         scrollPaddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined>;
         scrollPaddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBottom<string | number> | undefined>;
-        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
         scrollPaddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined>;
         scrollPaddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined>;
         scrollPaddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined>;
         scrollPaddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingRight<string | number> | undefined>;
         scrollPaddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingTop<string | number> | undefined>;
         scrollSnapAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapAlign | undefined>;
-        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
         scrollSnapMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
         scrollSnapMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollSnapMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollSnapMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
         scrollSnapStop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapStop | undefined>;
         scrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapType | undefined>;
+        scrollTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineAxis | undefined>;
+        scrollTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineName | undefined>;
         scrollbarColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarColor | undefined>;
         scrollbarGutter?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarGutter | undefined>;
         scrollbarWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarWidth | undefined>;
@@ -619,12 +623,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         textTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextTransform | undefined>;
         textUnderlineOffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlineOffset<string | number> | undefined>;
         textUnderlinePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlinePosition | undefined>;
+        textWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextWrap | undefined>;
+        timelineScope?: import("theme-ui").StylePropertyValue<import("csstype").Property.TimelineScope | undefined>;
         top?: import("theme-ui").StylePropertyValue<import("csstype").Property.Top<string | number> | undefined>;
         touchAction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TouchAction | undefined>;
         transform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
         transformBox?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformBox | undefined>;
         transformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
         transformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
+        transitionBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionBehavior | undefined>;
         transitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
         transitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
         transitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
@@ -633,8 +640,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         unicodeBidi?: import("theme-ui").StylePropertyValue<import("csstype").Property.UnicodeBidi | undefined>;
         userSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
         verticalAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.VerticalAlign<string | number> | undefined>;
+        viewTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineAxis | undefined>;
+        viewTimelineInset?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineInset<string | number> | undefined>;
+        viewTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineName | undefined>;
+        viewTransitionName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTransitionName | undefined>;
         visibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.Visibility | undefined>;
         whiteSpace?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpace | undefined>;
+        whiteSpaceCollapse?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceCollapse | undefined>;
+        whiteSpaceTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceTrim | undefined>;
         widows?: import("theme-ui").StylePropertyValue<import("csstype").Property.Widows | undefined>;
         width?: import("theme-ui").StylePropertyValue<import("csstype").Property.Width<string | number> | undefined>;
         willChange?: import("theme-ui").StylePropertyValue<import("csstype").Property.WillChange | undefined>;
@@ -645,6 +658,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         zoom?: import("theme-ui").StylePropertyValue<import("csstype").Property.Zoom | undefined>;
         all?: import("theme-ui").StylePropertyValue<import("csstype").Globals | undefined>;
         animation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
+        animationRange?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRange<string | number> | undefined>;
         background?: import("theme-ui").StylePropertyValue<import("csstype").Property.Background<string | number> | undefined>;
         backgroundPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPosition<string | number> | undefined>;
         border?: import("theme-ui").StylePropertyValue<import("csstype").Property.Border<string | number> | undefined>;
@@ -662,8 +676,11 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStyle | undefined>;
         borderTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTop<string | number> | undefined>;
         borderWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderWidth<string | number> | undefined>;
+        caret?: import("theme-ui").StylePropertyValue<import("csstype").Property.Caret | undefined>;
         columnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         columns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
+        containIntrinsicSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicSize<string | number> | undefined>;
+        container?: import("theme-ui").StylePropertyValue<import("csstype").Property.Container | undefined>;
         flex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
         flexFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexFlow | undefined>;
         font?: import("theme-ui").StylePropertyValue<import("csstype").Property.Font | undefined>;
@@ -672,9 +689,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         gridColumn?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumn | undefined>;
         gridRow?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRow | undefined>;
         gridTemplate?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplate | undefined>;
+        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
+        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
+        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         lineClamp?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineClamp | undefined>;
         listStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyle | undefined>;
         margin?: import("theme-ui").StylePropertyValue<import("csstype").Property.Margin<string | number> | undefined>;
+        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
+        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         mask?: import("theme-ui").StylePropertyValue<import("csstype").Property.Mask<string | number> | undefined>;
         maskBorder?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorder | undefined>;
         motion?: import("theme-ui").StylePropertyValue<import("csstype").Property.Offset<string | number> | undefined>;
@@ -683,11 +705,23 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overflow | undefined>;
         overscrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehavior | undefined>;
         padding?: import("theme-ui").StylePropertyValue<import("csstype").Property.Padding<string | number> | undefined>;
+        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         placeItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceItems | undefined>;
         placeSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceSelf | undefined>;
+        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
+        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
+        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
+        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
+        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
+        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimeline | undefined>;
         textDecoration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecoration<string | number> | undefined>;
         textEmphasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasis | undefined>;
         transition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        viewTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimeline | undefined>;
         alignmentBaseline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignmentBaseline | undefined>;
         baselineShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.BaselineShift<string | number> | undefined>;
         clip?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clip | undefined>;
@@ -728,7 +762,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozAnimationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
         MozAnimationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         MozAppearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozAppearance | undefined>;
-        MozBackfaceVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackfaceVisibility | undefined>;
+        MozBinding?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBinding | undefined>;
         MozBorderBottomColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderBottomColors | undefined>;
         MozBorderEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndColor | undefined>;
         MozBorderEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndStyle | undefined>;
@@ -754,20 +788,16 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozMarginStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         MozOrient?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOrient | undefined>;
         MozOsxFontSmoothing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
+        MozOutlineRadiusBottomleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined>;
+        MozOutlineRadiusBottomright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined>;
+        MozOutlineRadiusTopleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined>;
+        MozOutlineRadiusTopright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined>;
         MozPaddingEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         MozPaddingStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
-        MozPerspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
-        MozPerspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
         MozStackSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozStackSizing | undefined>;
         MozTabSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.TabSize<string | number> | undefined>;
         MozTextBlink?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozTextBlink | undefined>;
         MozTextSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
-        MozTransformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
-        MozTransformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
-        MozTransitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
-        MozTransitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
-        MozTransitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
-        MozTransitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
         MozUserFocus?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserFocus | undefined>;
         MozUserModify?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserModify | undefined>;
         MozUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
@@ -947,7 +977,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozBorderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
         MozColumnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         MozColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
-        MozTransition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        MozOutlineRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadius<string | number> | undefined>;
         msContentZoomLimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimit | undefined>;
         msContentZoomSnap?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnap | undefined>;
         msFlex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
@@ -999,62 +1029,62 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderLeftStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
         borderRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRadius<string | number> | undefined>;
         zIndex?: import("theme-ui").StylePropertyValue<string | (string & {}) | (number & {}) | undefined>;
-        sx?: import("theme-ui").ThemeUIStyleObject | undefined;
-        role?: import("react").AriaRole | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: import("react").ReactNode;
+        sx?: import("theme-ui").ThemeUIStyleObject;
+        role?: import("../..").AriaRole | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: import("react").ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -1197,9 +1227,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onPointerCancel?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
@@ -1229,60 +1257,60 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined;
         style?: import("react").CSSProperties | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: import("react").ReactNode;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: import("react").ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -1425,9 +1453,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onPointerCancel?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> | undefined;
@@ -1460,27 +1486,27 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onBlur: (() => void) | undefined;
         onFocus: (() => void) | undefined;
         onFocusChange: ((isFocused: boolean) => void) | undefined;
-        onKeyDown: ((event: import("react").KeyboardEvent<Element>) => void) | undefined;
-        onKeyUp: ((event: import("react").KeyboardEvent<Element>) => void) | undefined;
+        onKeyDown: ((event: import("react").KeyboardEvent) => void) | undefined;
+        onKeyUp: ((event: import("react").KeyboardEvent) => void) | undefined;
     };
     classNames: string;
     visibleTrackProps: {
-        id?: string | undefined;
+        id?: string;
         bg?: import("theme-ui").StylePropertyValue<string | undefined>;
-        isRow?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isFocused?: boolean | undefined;
-        tabIndex?: string | number | undefined;
-        isSelected?: boolean | undefined;
-        isUnavailable?: boolean | undefined;
-        hidden?: boolean | undefined;
+        isRow?: boolean;
+        isDisabled?: boolean;
+        isFocused?: boolean;
+        tabIndex?: string | number;
+        isSelected?: boolean;
+        isUnavailable?: boolean;
+        hidden?: boolean;
         title?: string | {
-            id?: string | undefined;
+            id?: string;
             name: string;
-        } | undefined;
+        };
         variant: string;
-        as?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
-        style?: string | import("react").CSSProperties | undefined;
+        as?: string | import("react").ReactNode | import("react").ElementType;
+        style?: import("react").CSSProperties | string;
         grid?: import("theme-ui").StylePropertyValue<import("csstype").Property.Grid | undefined>;
         accentColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.AccentColor | undefined>;
         alignContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignContent | undefined>;
@@ -1495,6 +1521,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         animationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
         animationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
         animationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
+        animationRangeEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>;
+        animationRangeStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeStart<string | number> | undefined>;
         animationTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimeline | undefined>;
         animationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         appearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.Appearance | undefined>;
@@ -1562,6 +1590,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         breakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakInside | undefined>;
         captionSide?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaptionSide | undefined>;
         caretColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretColor | undefined>;
+        caretShape?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretShape | undefined>;
         clear?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clear | undefined>;
         clipPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipPath | undefined>;
         color?: import("theme-ui").StylePropertyValue<import("csstype").Property.Color | undefined>;
@@ -1576,6 +1605,12 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         columnSpan?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnSpan | undefined>;
         columnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
         contain?: import("theme-ui").StylePropertyValue<import("csstype").Property.Contain | undefined>;
+        containIntrinsicBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined>;
+        containIntrinsicHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined>;
+        containIntrinsicInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined>;
+        containIntrinsicWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined>;
+        containerName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerName | undefined>;
+        containerType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerType | undefined>;
         content?: import("theme-ui").StylePropertyValue<import("csstype").Property.Content | undefined>;
         contentVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContentVisibility | undefined>;
         counterIncrement?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterIncrement | undefined>;
@@ -1597,16 +1632,22 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         fontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
         fontLanguageOverride?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontLanguageOverride | undefined>;
         fontOpticalSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontOpticalSizing | undefined>;
+        fontPalette?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontPalette | undefined>;
         fontSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSize<string | number> | undefined>;
         fontSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSizeAdjust | undefined>;
         fontSmooth?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
         fontStretch?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStretch | undefined>;
         fontStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStyle | undefined>;
         fontSynthesis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesis | undefined>;
+        fontSynthesisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisPosition | undefined>;
+        fontSynthesisSmallCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisSmallCaps | undefined>;
+        fontSynthesisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisStyle | undefined>;
+        fontSynthesisWeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisWeight | undefined>;
         fontVariant?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariant | undefined>;
         fontVariantAlternates?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantAlternates | undefined>;
         fontVariantCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantCaps | undefined>;
         fontVariantEastAsian?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEastAsian | undefined>;
+        fontVariantEmoji?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEmoji | undefined>;
         fontVariantLigatures?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantLigatures | undefined>;
         fontVariantNumeric?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantNumeric | undefined>;
         fontVariantPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantPosition | undefined>;
@@ -1625,6 +1666,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         hangingPunctuation?: import("theme-ui").StylePropertyValue<import("csstype").Property.HangingPunctuation | undefined>;
         height?: import("theme-ui").StylePropertyValue<import("csstype").Property.Height<string | number> | undefined>;
         hyphenateCharacter?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateCharacter | undefined>;
+        hyphenateLimitChars?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateLimitChars | undefined>;
         hyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
         imageOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageOrientation | undefined>;
         imageRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageRendering | undefined>;
@@ -1632,11 +1674,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         initialLetter?: import("theme-ui").StylePropertyValue<import("csstype").Property.InitialLetter | undefined>;
         inlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.InlineSize<string | number> | undefined>;
         inputSecurity?: import("theme-ui").StylePropertyValue<import("csstype").Property.InputSecurity | undefined>;
-        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
-        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
         insetBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockEnd<string | number> | undefined>;
         insetBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockStart<string | number> | undefined>;
-        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         insetInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineEnd<string | number> | undefined>;
         insetInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineStart<string | number> | undefined>;
         isolation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Isolation | undefined>;
@@ -1652,16 +1691,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         listStyleImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleImage | undefined>;
         listStylePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStylePosition | undefined>;
         listStyleType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleType | undefined>;
-        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
         marginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockEnd<string | number> | undefined>;
         marginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockStart<string | number> | undefined>;
         marginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBottom<string | number> | undefined>;
-        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         marginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
         marginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         marginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
         marginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginRight<string | number> | undefined>;
         marginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
+        marginTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTrim | undefined>;
         maskBorderMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderMode | undefined>;
         maskBorderOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderOutset<string | number> | undefined>;
         maskBorderRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderRepeat | undefined>;
@@ -1677,6 +1715,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         maskRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskRepeat | undefined>;
         maskSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskSize<string | number> | undefined>;
         maskType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskType | undefined>;
+        masonryAutoFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MasonryAutoFlow | undefined>;
         mathDepth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathDepth | undefined>;
         mathShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathShift | undefined>;
         mathStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathStyle | undefined>;
@@ -1698,6 +1737,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         offsetAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetAnchor<string | number> | undefined>;
         offsetDistance?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetDistance<string | number> | undefined>;
         offsetPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPath | undefined>;
+        offsetPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPosition<string | number> | undefined>;
         offsetRotate?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         offsetRotation?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         opacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.Opacity | undefined>;
@@ -1715,27 +1755,26 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflowWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowWrap | undefined>;
         overflowX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowX | undefined>;
         overflowY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowY | undefined>;
+        overlay?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overlay | undefined>;
         overscrollBehaviorBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorBlock | undefined>;
         overscrollBehaviorInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorInline | undefined>;
         overscrollBehaviorX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorX | undefined>;
         overscrollBehaviorY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorY | undefined>;
-        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
         paddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>;
         paddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockStart<string | number> | undefined>;
         paddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBottom<string | number> | undefined>;
-        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
         paddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         paddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
         paddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
         paddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingRight<string | number> | undefined>;
         paddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
+        page?: import("theme-ui").StylePropertyValue<import("csstype").Property.Page | undefined>;
         pageBreakAfter?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakAfter | undefined>;
         pageBreakBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakBefore | undefined>;
         pageBreakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakInside | undefined>;
         paintOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaintOrder | undefined>;
         perspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
         perspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
-        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         pointerEvents?: import("theme-ui").StylePropertyValue<import("csstype").Property.PointerEvents | undefined>;
         position?: import("theme-ui").StylePropertyValue<import("csstype").Property.Position | undefined>;
         printColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
@@ -1749,36 +1788,31 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         rubyPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyPosition | undefined>;
         scale?: import("theme-ui").StylePropertyValue<import("csstype").Property.Scale | undefined>;
         scrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollBehavior | undefined>;
-        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
-        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
         scrollMarginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined>;
         scrollMarginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined>;
         scrollMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
-        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
         scrollMarginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined>;
         scrollMarginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined>;
         scrollMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
-        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
-        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
         scrollPaddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined>;
         scrollPaddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined>;
         scrollPaddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBottom<string | number> | undefined>;
-        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
         scrollPaddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined>;
         scrollPaddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined>;
         scrollPaddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined>;
         scrollPaddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingRight<string | number> | undefined>;
         scrollPaddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingTop<string | number> | undefined>;
         scrollSnapAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapAlign | undefined>;
-        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
         scrollSnapMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
         scrollSnapMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollSnapMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollSnapMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
         scrollSnapStop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapStop | undefined>;
         scrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapType | undefined>;
+        scrollTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineAxis | undefined>;
+        scrollTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineName | undefined>;
         scrollbarColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarColor | undefined>;
         scrollbarGutter?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarGutter | undefined>;
         scrollbarWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarWidth | undefined>;
@@ -1809,12 +1843,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         textTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextTransform | undefined>;
         textUnderlineOffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlineOffset<string | number> | undefined>;
         textUnderlinePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlinePosition | undefined>;
+        textWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextWrap | undefined>;
+        timelineScope?: import("theme-ui").StylePropertyValue<import("csstype").Property.TimelineScope | undefined>;
         top?: import("theme-ui").StylePropertyValue<import("csstype").Property.Top<string | number> | undefined>;
         touchAction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TouchAction | undefined>;
         transform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
         transformBox?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformBox | undefined>;
         transformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
         transformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
+        transitionBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionBehavior | undefined>;
         transitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
         transitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
         transitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
@@ -1823,8 +1860,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         unicodeBidi?: import("theme-ui").StylePropertyValue<import("csstype").Property.UnicodeBidi | undefined>;
         userSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
         verticalAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.VerticalAlign<string | number> | undefined>;
+        viewTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineAxis | undefined>;
+        viewTimelineInset?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineInset<string | number> | undefined>;
+        viewTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineName | undefined>;
+        viewTransitionName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTransitionName | undefined>;
         visibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.Visibility | undefined>;
         whiteSpace?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpace | undefined>;
+        whiteSpaceCollapse?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceCollapse | undefined>;
+        whiteSpaceTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceTrim | undefined>;
         widows?: import("theme-ui").StylePropertyValue<import("csstype").Property.Widows | undefined>;
         width?: import("theme-ui").StylePropertyValue<import("csstype").Property.Width<string | number> | undefined>;
         willChange?: import("theme-ui").StylePropertyValue<import("csstype").Property.WillChange | undefined>;
@@ -1835,6 +1878,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         zoom?: import("theme-ui").StylePropertyValue<import("csstype").Property.Zoom | undefined>;
         all?: import("theme-ui").StylePropertyValue<import("csstype").Globals | undefined>;
         animation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
+        animationRange?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRange<string | number> | undefined>;
         background?: import("theme-ui").StylePropertyValue<import("csstype").Property.Background<string | number> | undefined>;
         backgroundPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPosition<string | number> | undefined>;
         border?: import("theme-ui").StylePropertyValue<import("csstype").Property.Border<string | number> | undefined>;
@@ -1852,8 +1896,11 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStyle | undefined>;
         borderTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTop<string | number> | undefined>;
         borderWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderWidth<string | number> | undefined>;
+        caret?: import("theme-ui").StylePropertyValue<import("csstype").Property.Caret | undefined>;
         columnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         columns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
+        containIntrinsicSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicSize<string | number> | undefined>;
+        container?: import("theme-ui").StylePropertyValue<import("csstype").Property.Container | undefined>;
         flex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
         flexFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexFlow | undefined>;
         font?: import("theme-ui").StylePropertyValue<import("csstype").Property.Font | undefined>;
@@ -1862,9 +1909,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         gridColumn?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumn | undefined>;
         gridRow?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRow | undefined>;
         gridTemplate?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplate | undefined>;
+        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
+        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
+        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         lineClamp?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineClamp | undefined>;
         listStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyle | undefined>;
         margin?: import("theme-ui").StylePropertyValue<import("csstype").Property.Margin<string | number> | undefined>;
+        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
+        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         mask?: import("theme-ui").StylePropertyValue<import("csstype").Property.Mask<string | number> | undefined>;
         maskBorder?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorder | undefined>;
         motion?: import("theme-ui").StylePropertyValue<import("csstype").Property.Offset<string | number> | undefined>;
@@ -1873,11 +1925,23 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overflow | undefined>;
         overscrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehavior | undefined>;
         padding?: import("theme-ui").StylePropertyValue<import("csstype").Property.Padding<string | number> | undefined>;
+        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         placeItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceItems | undefined>;
         placeSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceSelf | undefined>;
+        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
+        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
+        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
+        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
+        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
+        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimeline | undefined>;
         textDecoration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecoration<string | number> | undefined>;
         textEmphasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasis | undefined>;
         transition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        viewTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimeline | undefined>;
         alignmentBaseline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignmentBaseline | undefined>;
         baselineShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.BaselineShift<string | number> | undefined>;
         clip?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clip | undefined>;
@@ -1918,7 +1982,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozAnimationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
         MozAnimationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         MozAppearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozAppearance | undefined>;
-        MozBackfaceVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackfaceVisibility | undefined>;
+        MozBinding?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBinding | undefined>;
         MozBorderBottomColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderBottomColors | undefined>;
         MozBorderEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndColor | undefined>;
         MozBorderEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndStyle | undefined>;
@@ -1944,20 +2008,16 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozMarginStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         MozOrient?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOrient | undefined>;
         MozOsxFontSmoothing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
+        MozOutlineRadiusBottomleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined>;
+        MozOutlineRadiusBottomright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined>;
+        MozOutlineRadiusTopleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined>;
+        MozOutlineRadiusTopright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined>;
         MozPaddingEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         MozPaddingStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
-        MozPerspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
-        MozPerspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
         MozStackSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozStackSizing | undefined>;
         MozTabSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.TabSize<string | number> | undefined>;
         MozTextBlink?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozTextBlink | undefined>;
         MozTextSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
-        MozTransformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
-        MozTransformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
-        MozTransitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
-        MozTransitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
-        MozTransitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
-        MozTransitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
         MozUserFocus?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserFocus | undefined>;
         MozUserModify?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserModify | undefined>;
         MozUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
@@ -2137,7 +2197,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozBorderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
         MozColumnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         MozColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
-        MozTransition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        MozOutlineRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadius<string | number> | undefined>;
         msContentZoomLimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimit | undefined>;
         msContentZoomSnap?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnap | undefined>;
         msFlex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
@@ -2189,63 +2249,63 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderLeftStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
         borderRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRadius<string | number> | undefined>;
         zIndex?: import("theme-ui").StylePropertyValue<string | (string & {}) | (number & {}) | undefined>;
-        sx?: import("theme-ui").ThemeUIStyleObject | undefined;
-        role?: import("react").AriaRole | undefined;
+        sx?: import("theme-ui").ThemeUIStyleObject;
+        role?: import("../..").AriaRole | undefined;
         className: string;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: import("react").ReactNode;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: import("react").ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -2388,9 +2448,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onPointerCancel?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
@@ -2414,13 +2472,13 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
     };
     helperTextProps: {
         status: import("../..").Status | undefined;
-        className?: string | undefined;
+        className?: string;
         children?: import("react").ReactNode;
-        'data-testid'?: string | undefined;
-        id?: string | undefined;
-        variant?: string | undefined;
-        as?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
-        style?: string | import("react").CSSProperties | undefined;
+        'data-testid'?: string;
+        id?: string;
+        variant?: string;
+        as?: string | import("react").ReactNode | import("react").ElementType;
+        style?: import("react").CSSProperties | string;
         grid?: import("theme-ui").StylePropertyValue<import("csstype").Property.Grid | undefined>;
         accentColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.AccentColor | undefined>;
         alignContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignContent | undefined>;
@@ -2435,6 +2493,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         animationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
         animationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
         animationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
+        animationRangeEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>;
+        animationRangeStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeStart<string | number> | undefined>;
         animationTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimeline | undefined>;
         animationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         appearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.Appearance | undefined>;
@@ -2502,6 +2562,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         breakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakInside | undefined>;
         captionSide?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaptionSide | undefined>;
         caretColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretColor | undefined>;
+        caretShape?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretShape | undefined>;
         clear?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clear | undefined>;
         clipPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipPath | undefined>;
         color?: import("theme-ui").StylePropertyValue<import("csstype").Property.Color | undefined>;
@@ -2516,6 +2577,12 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         columnSpan?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnSpan | undefined>;
         columnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
         contain?: import("theme-ui").StylePropertyValue<import("csstype").Property.Contain | undefined>;
+        containIntrinsicBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined>;
+        containIntrinsicHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined>;
+        containIntrinsicInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined>;
+        containIntrinsicWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined>;
+        containerName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerName | undefined>;
+        containerType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerType | undefined>;
         content?: import("theme-ui").StylePropertyValue<import("csstype").Property.Content | undefined>;
         contentVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContentVisibility | undefined>;
         counterIncrement?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterIncrement | undefined>;
@@ -2537,16 +2604,22 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         fontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
         fontLanguageOverride?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontLanguageOverride | undefined>;
         fontOpticalSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontOpticalSizing | undefined>;
+        fontPalette?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontPalette | undefined>;
         fontSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSize<string | number> | undefined>;
         fontSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSizeAdjust | undefined>;
         fontSmooth?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
         fontStretch?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStretch | undefined>;
         fontStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStyle | undefined>;
         fontSynthesis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesis | undefined>;
+        fontSynthesisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisPosition | undefined>;
+        fontSynthesisSmallCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisSmallCaps | undefined>;
+        fontSynthesisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisStyle | undefined>;
+        fontSynthesisWeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisWeight | undefined>;
         fontVariant?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariant | undefined>;
         fontVariantAlternates?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantAlternates | undefined>;
         fontVariantCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantCaps | undefined>;
         fontVariantEastAsian?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEastAsian | undefined>;
+        fontVariantEmoji?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEmoji | undefined>;
         fontVariantLigatures?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantLigatures | undefined>;
         fontVariantNumeric?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantNumeric | undefined>;
         fontVariantPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantPosition | undefined>;
@@ -2565,6 +2638,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         hangingPunctuation?: import("theme-ui").StylePropertyValue<import("csstype").Property.HangingPunctuation | undefined>;
         height?: import("theme-ui").StylePropertyValue<import("csstype").Property.Height<string | number> | undefined>;
         hyphenateCharacter?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateCharacter | undefined>;
+        hyphenateLimitChars?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateLimitChars | undefined>;
         hyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
         imageOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageOrientation | undefined>;
         imageRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageRendering | undefined>;
@@ -2572,11 +2646,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         initialLetter?: import("theme-ui").StylePropertyValue<import("csstype").Property.InitialLetter | undefined>;
         inlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.InlineSize<string | number> | undefined>;
         inputSecurity?: import("theme-ui").StylePropertyValue<import("csstype").Property.InputSecurity | undefined>;
-        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
-        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
         insetBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockEnd<string | number> | undefined>;
         insetBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockStart<string | number> | undefined>;
-        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         insetInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineEnd<string | number> | undefined>;
         insetInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineStart<string | number> | undefined>;
         isolation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Isolation | undefined>;
@@ -2592,16 +2663,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         listStyleImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleImage | undefined>;
         listStylePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStylePosition | undefined>;
         listStyleType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleType | undefined>;
-        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
         marginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockEnd<string | number> | undefined>;
         marginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockStart<string | number> | undefined>;
         marginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBottom<string | number> | undefined>;
-        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         marginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
         marginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         marginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
         marginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginRight<string | number> | undefined>;
         marginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
+        marginTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTrim | undefined>;
         maskBorderMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderMode | undefined>;
         maskBorderOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderOutset<string | number> | undefined>;
         maskBorderRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderRepeat | undefined>;
@@ -2617,6 +2687,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         maskRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskRepeat | undefined>;
         maskSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskSize<string | number> | undefined>;
         maskType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskType | undefined>;
+        masonryAutoFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MasonryAutoFlow | undefined>;
         mathDepth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathDepth | undefined>;
         mathShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathShift | undefined>;
         mathStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathStyle | undefined>;
@@ -2638,6 +2709,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         offsetAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetAnchor<string | number> | undefined>;
         offsetDistance?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetDistance<string | number> | undefined>;
         offsetPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPath | undefined>;
+        offsetPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPosition<string | number> | undefined>;
         offsetRotate?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         offsetRotation?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         opacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.Opacity | undefined>;
@@ -2655,27 +2727,26 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflowWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowWrap | undefined>;
         overflowX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowX | undefined>;
         overflowY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowY | undefined>;
+        overlay?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overlay | undefined>;
         overscrollBehaviorBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorBlock | undefined>;
         overscrollBehaviorInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorInline | undefined>;
         overscrollBehaviorX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorX | undefined>;
         overscrollBehaviorY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorY | undefined>;
-        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
         paddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>;
         paddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockStart<string | number> | undefined>;
         paddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBottom<string | number> | undefined>;
-        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
         paddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         paddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
         paddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
         paddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingRight<string | number> | undefined>;
         paddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
+        page?: import("theme-ui").StylePropertyValue<import("csstype").Property.Page | undefined>;
         pageBreakAfter?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakAfter | undefined>;
         pageBreakBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakBefore | undefined>;
         pageBreakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakInside | undefined>;
         paintOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaintOrder | undefined>;
         perspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
         perspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
-        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         pointerEvents?: import("theme-ui").StylePropertyValue<import("csstype").Property.PointerEvents | undefined>;
         position?: import("theme-ui").StylePropertyValue<import("csstype").Property.Position | undefined>;
         printColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
@@ -2689,36 +2760,31 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         rubyPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyPosition | undefined>;
         scale?: import("theme-ui").StylePropertyValue<import("csstype").Property.Scale | undefined>;
         scrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollBehavior | undefined>;
-        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
-        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
         scrollMarginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined>;
         scrollMarginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined>;
         scrollMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
-        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
         scrollMarginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined>;
         scrollMarginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined>;
         scrollMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
-        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
-        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
         scrollPaddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined>;
         scrollPaddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined>;
         scrollPaddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBottom<string | number> | undefined>;
-        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
         scrollPaddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined>;
         scrollPaddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined>;
         scrollPaddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined>;
         scrollPaddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingRight<string | number> | undefined>;
         scrollPaddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingTop<string | number> | undefined>;
         scrollSnapAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapAlign | undefined>;
-        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
         scrollSnapMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
         scrollSnapMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollSnapMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollSnapMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
         scrollSnapStop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapStop | undefined>;
         scrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapType | undefined>;
+        scrollTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineAxis | undefined>;
+        scrollTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineName | undefined>;
         scrollbarColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarColor | undefined>;
         scrollbarGutter?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarGutter | undefined>;
         scrollbarWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarWidth | undefined>;
@@ -2749,12 +2815,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         textTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextTransform | undefined>;
         textUnderlineOffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlineOffset<string | number> | undefined>;
         textUnderlinePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlinePosition | undefined>;
+        textWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextWrap | undefined>;
+        timelineScope?: import("theme-ui").StylePropertyValue<import("csstype").Property.TimelineScope | undefined>;
         top?: import("theme-ui").StylePropertyValue<import("csstype").Property.Top<string | number> | undefined>;
         touchAction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TouchAction | undefined>;
         transform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
         transformBox?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformBox | undefined>;
         transformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
         transformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
+        transitionBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionBehavior | undefined>;
         transitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
         transitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
         transitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
@@ -2763,8 +2832,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         unicodeBidi?: import("theme-ui").StylePropertyValue<import("csstype").Property.UnicodeBidi | undefined>;
         userSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
         verticalAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.VerticalAlign<string | number> | undefined>;
+        viewTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineAxis | undefined>;
+        viewTimelineInset?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineInset<string | number> | undefined>;
+        viewTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineName | undefined>;
+        viewTransitionName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTransitionName | undefined>;
         visibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.Visibility | undefined>;
         whiteSpace?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpace | undefined>;
+        whiteSpaceCollapse?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceCollapse | undefined>;
+        whiteSpaceTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceTrim | undefined>;
         widows?: import("theme-ui").StylePropertyValue<import("csstype").Property.Widows | undefined>;
         width?: import("theme-ui").StylePropertyValue<import("csstype").Property.Width<string | number> | undefined>;
         willChange?: import("theme-ui").StylePropertyValue<import("csstype").Property.WillChange | undefined>;
@@ -2775,6 +2850,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         zoom?: import("theme-ui").StylePropertyValue<import("csstype").Property.Zoom | undefined>;
         all?: import("theme-ui").StylePropertyValue<import("csstype").Globals | undefined>;
         animation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
+        animationRange?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRange<string | number> | undefined>;
         background?: import("theme-ui").StylePropertyValue<import("csstype").Property.Background<string | number> | undefined>;
         backgroundPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPosition<string | number> | undefined>;
         border?: import("theme-ui").StylePropertyValue<import("csstype").Property.Border<string | number> | undefined>;
@@ -2792,8 +2868,11 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStyle | undefined>;
         borderTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTop<string | number> | undefined>;
         borderWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderWidth<string | number> | undefined>;
+        caret?: import("theme-ui").StylePropertyValue<import("csstype").Property.Caret | undefined>;
         columnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         columns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
+        containIntrinsicSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicSize<string | number> | undefined>;
+        container?: import("theme-ui").StylePropertyValue<import("csstype").Property.Container | undefined>;
         flex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
         flexFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexFlow | undefined>;
         font?: import("theme-ui").StylePropertyValue<import("csstype").Property.Font | undefined>;
@@ -2802,9 +2881,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         gridColumn?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumn | undefined>;
         gridRow?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRow | undefined>;
         gridTemplate?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplate | undefined>;
+        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
+        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
+        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         lineClamp?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineClamp | undefined>;
         listStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyle | undefined>;
         margin?: import("theme-ui").StylePropertyValue<import("csstype").Property.Margin<string | number> | undefined>;
+        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
+        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         mask?: import("theme-ui").StylePropertyValue<import("csstype").Property.Mask<string | number> | undefined>;
         maskBorder?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorder | undefined>;
         motion?: import("theme-ui").StylePropertyValue<import("csstype").Property.Offset<string | number> | undefined>;
@@ -2813,11 +2897,23 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overflow | undefined>;
         overscrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehavior | undefined>;
         padding?: import("theme-ui").StylePropertyValue<import("csstype").Property.Padding<string | number> | undefined>;
+        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         placeItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceItems | undefined>;
         placeSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceSelf | undefined>;
+        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
+        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
+        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
+        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
+        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
+        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimeline | undefined>;
         textDecoration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecoration<string | number> | undefined>;
         textEmphasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasis | undefined>;
         transition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        viewTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimeline | undefined>;
         alignmentBaseline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignmentBaseline | undefined>;
         baselineShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.BaselineShift<string | number> | undefined>;
         clip?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clip | undefined>;
@@ -2858,7 +2954,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozAnimationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
         MozAnimationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         MozAppearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozAppearance | undefined>;
-        MozBackfaceVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackfaceVisibility | undefined>;
+        MozBinding?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBinding | undefined>;
         MozBorderBottomColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderBottomColors | undefined>;
         MozBorderEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndColor | undefined>;
         MozBorderEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndStyle | undefined>;
@@ -2884,20 +2980,16 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozMarginStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         MozOrient?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOrient | undefined>;
         MozOsxFontSmoothing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
+        MozOutlineRadiusBottomleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined>;
+        MozOutlineRadiusBottomright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined>;
+        MozOutlineRadiusTopleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined>;
+        MozOutlineRadiusTopright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined>;
         MozPaddingEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         MozPaddingStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
-        MozPerspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
-        MozPerspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
         MozStackSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozStackSizing | undefined>;
         MozTabSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.TabSize<string | number> | undefined>;
         MozTextBlink?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozTextBlink | undefined>;
         MozTextSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
-        MozTransformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
-        MozTransformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
-        MozTransitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
-        MozTransitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
-        MozTransitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
-        MozTransitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
         MozUserFocus?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserFocus | undefined>;
         MozUserModify?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserModify | undefined>;
         MozUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
@@ -3077,7 +3169,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozBorderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
         MozColumnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         MozColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
-        MozTransition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        MozOutlineRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadius<string | number> | undefined>;
         msContentZoomLimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimit | undefined>;
         msContentZoomSnap?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnap | undefined>;
         msFlex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
@@ -3130,61 +3222,61 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderLeftStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
         borderRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRadius<string | number> | undefined>;
         zIndex?: import("theme-ui").StylePropertyValue<string | (string & {}) | (number & {}) | undefined>;
-        sx?: import("theme-ui").ThemeUIStyleObject | undefined;
-        role?: import("react").AriaRole | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
+        sx?: import("theme-ui").ThemeUIStyleObject;
+        role?: import("../..").AriaRole | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -3327,9 +3419,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onPointerCancel?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
@@ -3354,21 +3444,21 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
     wrapperProps: {
         className: string;
         variant: string;
-        id?: string | undefined;
+        id?: string;
         bg?: import("theme-ui").StylePropertyValue<string | undefined>;
-        isRow?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isFocused?: boolean | undefined;
-        tabIndex?: string | number | undefined;
-        isSelected?: boolean | undefined;
-        isUnavailable?: boolean | undefined;
-        hidden?: boolean | undefined;
+        isRow?: boolean;
+        isDisabled?: boolean;
+        isFocused?: boolean;
+        tabIndex?: string | number;
+        isSelected?: boolean;
+        isUnavailable?: boolean;
+        hidden?: boolean;
         title?: string | {
-            id?: string | undefined;
+            id?: string;
             name: string;
-        } | undefined;
-        as?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
-        style?: string | import("react").CSSProperties | undefined;
+        };
+        as?: string | import("react").ReactNode | import("react").ElementType;
+        style?: import("react").CSSProperties | string;
         grid?: import("theme-ui").StylePropertyValue<import("csstype").Property.Grid | undefined>;
         accentColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.AccentColor | undefined>;
         alignContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignContent | undefined>;
@@ -3383,6 +3473,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         animationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
         animationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
         animationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
+        animationRangeEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>;
+        animationRangeStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeStart<string | number> | undefined>;
         animationTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimeline | undefined>;
         animationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         appearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.Appearance | undefined>;
@@ -3450,6 +3542,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         breakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakInside | undefined>;
         captionSide?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaptionSide | undefined>;
         caretColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretColor | undefined>;
+        caretShape?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretShape | undefined>;
         clear?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clear | undefined>;
         clipPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipPath | undefined>;
         color?: import("theme-ui").StylePropertyValue<import("csstype").Property.Color | undefined>;
@@ -3464,6 +3557,12 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         columnSpan?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnSpan | undefined>;
         columnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
         contain?: import("theme-ui").StylePropertyValue<import("csstype").Property.Contain | undefined>;
+        containIntrinsicBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined>;
+        containIntrinsicHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined>;
+        containIntrinsicInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined>;
+        containIntrinsicWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined>;
+        containerName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerName | undefined>;
+        containerType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerType | undefined>;
         content?: import("theme-ui").StylePropertyValue<import("csstype").Property.Content | undefined>;
         contentVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContentVisibility | undefined>;
         counterIncrement?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterIncrement | undefined>;
@@ -3485,16 +3584,22 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         fontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
         fontLanguageOverride?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontLanguageOverride | undefined>;
         fontOpticalSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontOpticalSizing | undefined>;
+        fontPalette?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontPalette | undefined>;
         fontSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSize<string | number> | undefined>;
         fontSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSizeAdjust | undefined>;
         fontSmooth?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
         fontStretch?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStretch | undefined>;
         fontStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStyle | undefined>;
         fontSynthesis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesis | undefined>;
+        fontSynthesisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisPosition | undefined>;
+        fontSynthesisSmallCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisSmallCaps | undefined>;
+        fontSynthesisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisStyle | undefined>;
+        fontSynthesisWeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisWeight | undefined>;
         fontVariant?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariant | undefined>;
         fontVariantAlternates?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantAlternates | undefined>;
         fontVariantCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantCaps | undefined>;
         fontVariantEastAsian?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEastAsian | undefined>;
+        fontVariantEmoji?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEmoji | undefined>;
         fontVariantLigatures?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantLigatures | undefined>;
         fontVariantNumeric?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantNumeric | undefined>;
         fontVariantPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantPosition | undefined>;
@@ -3513,6 +3618,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         hangingPunctuation?: import("theme-ui").StylePropertyValue<import("csstype").Property.HangingPunctuation | undefined>;
         height?: import("theme-ui").StylePropertyValue<import("csstype").Property.Height<string | number> | undefined>;
         hyphenateCharacter?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateCharacter | undefined>;
+        hyphenateLimitChars?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateLimitChars | undefined>;
         hyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
         imageOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageOrientation | undefined>;
         imageRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageRendering | undefined>;
@@ -3520,11 +3626,8 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         initialLetter?: import("theme-ui").StylePropertyValue<import("csstype").Property.InitialLetter | undefined>;
         inlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.InlineSize<string | number> | undefined>;
         inputSecurity?: import("theme-ui").StylePropertyValue<import("csstype").Property.InputSecurity | undefined>;
-        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
-        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
         insetBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockEnd<string | number> | undefined>;
         insetBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockStart<string | number> | undefined>;
-        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         insetInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineEnd<string | number> | undefined>;
         insetInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineStart<string | number> | undefined>;
         isolation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Isolation | undefined>;
@@ -3540,16 +3643,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         listStyleImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleImage | undefined>;
         listStylePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStylePosition | undefined>;
         listStyleType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleType | undefined>;
-        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
         marginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockEnd<string | number> | undefined>;
         marginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockStart<string | number> | undefined>;
         marginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBottom<string | number> | undefined>;
-        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         marginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
         marginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         marginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
         marginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginRight<string | number> | undefined>;
         marginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
+        marginTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTrim | undefined>;
         maskBorderMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderMode | undefined>;
         maskBorderOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderOutset<string | number> | undefined>;
         maskBorderRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderRepeat | undefined>;
@@ -3565,6 +3667,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         maskRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskRepeat | undefined>;
         maskSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskSize<string | number> | undefined>;
         maskType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskType | undefined>;
+        masonryAutoFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MasonryAutoFlow | undefined>;
         mathDepth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathDepth | undefined>;
         mathShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathShift | undefined>;
         mathStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathStyle | undefined>;
@@ -3586,6 +3689,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         offsetAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetAnchor<string | number> | undefined>;
         offsetDistance?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetDistance<string | number> | undefined>;
         offsetPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPath | undefined>;
+        offsetPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPosition<string | number> | undefined>;
         offsetRotate?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         offsetRotation?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         opacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.Opacity | undefined>;
@@ -3603,27 +3707,26 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflowWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowWrap | undefined>;
         overflowX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowX | undefined>;
         overflowY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowY | undefined>;
+        overlay?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overlay | undefined>;
         overscrollBehaviorBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorBlock | undefined>;
         overscrollBehaviorInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorInline | undefined>;
         overscrollBehaviorX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorX | undefined>;
         overscrollBehaviorY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorY | undefined>;
-        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
         paddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>;
         paddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockStart<string | number> | undefined>;
         paddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBottom<string | number> | undefined>;
-        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
         paddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         paddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
         paddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
         paddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingRight<string | number> | undefined>;
         paddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
+        page?: import("theme-ui").StylePropertyValue<import("csstype").Property.Page | undefined>;
         pageBreakAfter?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakAfter | undefined>;
         pageBreakBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakBefore | undefined>;
         pageBreakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakInside | undefined>;
         paintOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaintOrder | undefined>;
         perspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
         perspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
-        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         pointerEvents?: import("theme-ui").StylePropertyValue<import("csstype").Property.PointerEvents | undefined>;
         position?: import("theme-ui").StylePropertyValue<import("csstype").Property.Position | undefined>;
         printColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
@@ -3637,36 +3740,31 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         rubyPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyPosition | undefined>;
         scale?: import("theme-ui").StylePropertyValue<import("csstype").Property.Scale | undefined>;
         scrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollBehavior | undefined>;
-        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
-        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
         scrollMarginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined>;
         scrollMarginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined>;
         scrollMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
-        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
         scrollMarginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined>;
         scrollMarginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined>;
         scrollMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
-        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
-        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
         scrollPaddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined>;
         scrollPaddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined>;
         scrollPaddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBottom<string | number> | undefined>;
-        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
         scrollPaddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined>;
         scrollPaddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined>;
         scrollPaddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined>;
         scrollPaddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingRight<string | number> | undefined>;
         scrollPaddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingTop<string | number> | undefined>;
         scrollSnapAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapAlign | undefined>;
-        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
         scrollSnapMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
         scrollSnapMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollSnapMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollSnapMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
         scrollSnapStop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapStop | undefined>;
         scrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapType | undefined>;
+        scrollTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineAxis | undefined>;
+        scrollTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineName | undefined>;
         scrollbarColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarColor | undefined>;
         scrollbarGutter?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarGutter | undefined>;
         scrollbarWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarWidth | undefined>;
@@ -3697,12 +3795,15 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         textTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextTransform | undefined>;
         textUnderlineOffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlineOffset<string | number> | undefined>;
         textUnderlinePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlinePosition | undefined>;
+        textWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextWrap | undefined>;
+        timelineScope?: import("theme-ui").StylePropertyValue<import("csstype").Property.TimelineScope | undefined>;
         top?: import("theme-ui").StylePropertyValue<import("csstype").Property.Top<string | number> | undefined>;
         touchAction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TouchAction | undefined>;
         transform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
         transformBox?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformBox | undefined>;
         transformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
         transformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
+        transitionBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionBehavior | undefined>;
         transitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
         transitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
         transitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
@@ -3711,8 +3812,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         unicodeBidi?: import("theme-ui").StylePropertyValue<import("csstype").Property.UnicodeBidi | undefined>;
         userSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
         verticalAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.VerticalAlign<string | number> | undefined>;
+        viewTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineAxis | undefined>;
+        viewTimelineInset?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineInset<string | number> | undefined>;
+        viewTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineName | undefined>;
+        viewTransitionName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTransitionName | undefined>;
         visibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.Visibility | undefined>;
         whiteSpace?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpace | undefined>;
+        whiteSpaceCollapse?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceCollapse | undefined>;
+        whiteSpaceTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceTrim | undefined>;
         widows?: import("theme-ui").StylePropertyValue<import("csstype").Property.Widows | undefined>;
         width?: import("theme-ui").StylePropertyValue<import("csstype").Property.Width<string | number> | undefined>;
         willChange?: import("theme-ui").StylePropertyValue<import("csstype").Property.WillChange | undefined>;
@@ -3723,6 +3830,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         zoom?: import("theme-ui").StylePropertyValue<import("csstype").Property.Zoom | undefined>;
         all?: import("theme-ui").StylePropertyValue<import("csstype").Globals | undefined>;
         animation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
+        animationRange?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRange<string | number> | undefined>;
         background?: import("theme-ui").StylePropertyValue<import("csstype").Property.Background<string | number> | undefined>;
         backgroundPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPosition<string | number> | undefined>;
         border?: import("theme-ui").StylePropertyValue<import("csstype").Property.Border<string | number> | undefined>;
@@ -3740,8 +3848,11 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStyle | undefined>;
         borderTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTop<string | number> | undefined>;
         borderWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderWidth<string | number> | undefined>;
+        caret?: import("theme-ui").StylePropertyValue<import("csstype").Property.Caret | undefined>;
         columnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         columns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
+        containIntrinsicSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicSize<string | number> | undefined>;
+        container?: import("theme-ui").StylePropertyValue<import("csstype").Property.Container | undefined>;
         flex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
         flexFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexFlow | undefined>;
         font?: import("theme-ui").StylePropertyValue<import("csstype").Property.Font | undefined>;
@@ -3750,9 +3861,14 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         gridColumn?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumn | undefined>;
         gridRow?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRow | undefined>;
         gridTemplate?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplate | undefined>;
+        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
+        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
+        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         lineClamp?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineClamp | undefined>;
         listStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyle | undefined>;
         margin?: import("theme-ui").StylePropertyValue<import("csstype").Property.Margin<string | number> | undefined>;
+        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
+        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         mask?: import("theme-ui").StylePropertyValue<import("csstype").Property.Mask<string | number> | undefined>;
         maskBorder?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorder | undefined>;
         motion?: import("theme-ui").StylePropertyValue<import("csstype").Property.Offset<string | number> | undefined>;
@@ -3761,11 +3877,23 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         overflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overflow | undefined>;
         overscrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehavior | undefined>;
         padding?: import("theme-ui").StylePropertyValue<import("csstype").Property.Padding<string | number> | undefined>;
+        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         placeItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceItems | undefined>;
         placeSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceSelf | undefined>;
+        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
+        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
+        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
+        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
+        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
+        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimeline | undefined>;
         textDecoration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecoration<string | number> | undefined>;
         textEmphasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasis | undefined>;
         transition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        viewTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimeline | undefined>;
         alignmentBaseline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignmentBaseline | undefined>;
         baselineShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.BaselineShift<string | number> | undefined>;
         clip?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clip | undefined>;
@@ -3806,7 +3934,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozAnimationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
         MozAnimationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         MozAppearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozAppearance | undefined>;
-        MozBackfaceVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackfaceVisibility | undefined>;
+        MozBinding?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBinding | undefined>;
         MozBorderBottomColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderBottomColors | undefined>;
         MozBorderEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndColor | undefined>;
         MozBorderEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndStyle | undefined>;
@@ -3832,20 +3960,16 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozMarginStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         MozOrient?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOrient | undefined>;
         MozOsxFontSmoothing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
+        MozOutlineRadiusBottomleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined>;
+        MozOutlineRadiusBottomright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined>;
+        MozOutlineRadiusTopleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined>;
+        MozOutlineRadiusTopright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined>;
         MozPaddingEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         MozPaddingStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
-        MozPerspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
-        MozPerspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
         MozStackSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozStackSizing | undefined>;
         MozTabSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.TabSize<string | number> | undefined>;
         MozTextBlink?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozTextBlink | undefined>;
         MozTextSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
-        MozTransformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
-        MozTransformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
-        MozTransitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
-        MozTransitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
-        MozTransitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
-        MozTransitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
         MozUserFocus?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserFocus | undefined>;
         MozUserModify?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserModify | undefined>;
         MozUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
@@ -4025,7 +4149,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         MozBorderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
         MozColumnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         MozColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
-        MozTransition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        MozOutlineRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadius<string | number> | undefined>;
         msContentZoomLimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimit | undefined>;
         msContentZoomSnap?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnap | undefined>;
         msFlex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
@@ -4077,62 +4201,62 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         borderLeftStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
         borderRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRadius<string | number> | undefined>;
         zIndex?: import("theme-ui").StylePropertyValue<string | (string & {}) | (number & {}) | undefined>;
-        sx?: import("theme-ui").ThemeUIStyleObject | undefined;
-        role?: import("react").AriaRole | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: import("react").ReactNode;
+        sx?: import("theme-ui").ThemeUIStyleObject;
+        role?: import("../..").AriaRole | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: import("react").ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -4275,9 +4399,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         onPointerCancel?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<import("../..").FocusableElement> | undefined;