sheer-ui 0.4.2 → 0.5.0

package/dist/components/slider/slider.svelte.d.ts

@@ -0,0 +1,1370 @@
+import { type Box, type ReadableBox, DOMContext, type ReadableBoxedValues, type WritableBoxedValues } from '../../internal/tools/index.js';
+import type { BitsKeyboardEvent, OnChangeFn, RefAttachment, WithRefOpts } from '../../internal/types.js';
+import type { Direction, Orientation, SliderThumbPositioning } from '../../internal/index.js';
+import type { SliderLabelPosition, ThumbItem, TickItem } from './types.js';
+declare const sliderAttrs: import("../../internal/attrs.js").CreateBitsAttrsReturn<readonly ["root", "thumb", "range", "tick", "tick-label", "thumb-label"]>;
+export declare const getSliderRoot: () => SliderRoot, setSliderRoot: (context: SliderRoot) => SliderRoot;
+interface SliderBaseRootStateOpts extends WithRefOpts, ReadableBoxedValues<{
+    disabled: boolean;
+    orientation: Orientation;
+    min: number;
+    max: number;
+    step: number | number[];
+    dir: Direction;
+    autoSort: boolean;
+    thumbPositioning: SliderThumbPositioning;
+    trackPadding?: number;
+}> {
+}
+declare abstract class SliderBaseRootState {
+    #private;
+    readonly opts: SliderBaseRootStateOpts;
+    readonly attachment: RefAttachment;
+    isActive: boolean;
+    readonly direction: 'rl' | 'lr' | 'tb' | 'bt';
+    readonly normalizedSteps: number[];
+    domContext: DOMContext;
+    abstract handlePointerDown: (e: PointerEvent) => void;
+    abstract handlePointerUp: () => void;
+    abstract handlePointerMove: (e: PointerEvent) => void;
+    abstract readonly thumbsPropsArr: readonly {
+        'data-value': number | undefined;
+    }[];
+    abstract readonly ticksPropsArr: readonly {
+        'data-value': number;
+    }[];
+    abstract readonly thumbItemsArr: ThumbItem[];
+    readonly thumbsRenderArr: number[];
+    readonly ticksRenderArr: number[];
+    readonly tickItemsArr: TickItem[];
+    readonly snippetProps: {
+        readonly ticks: number[];
+        readonly thumbs: number[];
+        readonly tickItems: TickItem[];
+        readonly thumbItems: ThumbItem[];
+    };
+    constructor(opts: SliderBaseRootStateOpts);
+    isThumbActive(_index: number): boolean;
+    getAllThumbs: () => HTMLElement[];
+    getThumbScale: () => [number, number];
+    getPositionFromValue: (thumbValue: number) => number;
+    readonly props: {
+        readonly id: string;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-disabled': "" | undefined;
+        readonly style: {
+            readonly touchAction: "pan-y" | "pan-x" | undefined;
+        };
+    };
+}
+interface SliderSingleRootStateOpts extends SliderBaseRootStateOpts, ReadableBoxedValues<{
+    onValueCommit: OnChangeFn<number>;
+}>, WritableBoxedValues<{
+    value: number;
+}> {
+}
+declare class SliderSingleRootState extends SliderBaseRootState {
+    readonly opts: SliderSingleRootStateOpts;
+    isMulti: false;
+    constructor(opts: SliderSingleRootStateOpts);
+    isTickValueSelected: (tickValue: number) => boolean;
+    applyPosition({ clientXY, start, end }: {
+        clientXY: number;
+        start: number;
+        end: number;
+    }): void;
+    updateValue: (newValue: number) => void;
+    handlePointerMove: (e: PointerEvent) => void;
+    handlePointerDown: (e: PointerEvent) => void;
+    handlePointerUp: () => void;
+    readonly thumbsPropsArr: {
+        readonly [sliderAttrs.thumb]: "";
+        readonly role: "slider";
+        readonly 'aria-valuemin': number;
+        readonly 'aria-valuemax': number;
+        readonly 'aria-valuenow': number;
+        readonly 'aria-disabled': "true" | "false";
+        readonly 'aria-orientation': Orientation;
+        readonly 'data-value': number;
+        readonly 'data-orientation': Orientation;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    }[];
+    readonly ticksPropsArr: {
+        readonly [sliderAttrs.tick]: "";
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-bounded': "" | undefined;
+        readonly 'data-value': number;
+        readonly 'data-selected': "" | undefined;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    }[];
+    readonly thumbItemsArr: {
+        value: number;
+        index: number;
+    }[];
+}
+interface SliderMultiRootStateOpts extends SliderBaseRootStateOpts, ReadableBoxedValues<{
+    onValueCommit: OnChangeFn<number[]>;
+}>, WritableBoxedValues<{
+    value: number[];
+}> {
+}
+declare class SliderMultiRootState extends SliderBaseRootState {
+    #private;
+    readonly opts: SliderMultiRootStateOpts;
+    isMulti: true;
+    activeThumb: {
+        node: HTMLElement;
+        idx: number;
+    } | null;
+    currentThumbIdx: number;
+    constructor(opts: SliderMultiRootStateOpts);
+    isTickValueSelected: (tickValue: number) => boolean;
+    isThumbActive(index: number): boolean;
+    applyPosition({ clientXY, activeThumbIdx, start, end }: {
+        clientXY: number;
+        activeThumbIdx: number;
+        start: number;
+        end: number;
+    }): void;
+    handlePointerMove: (e: PointerEvent) => void;
+    handlePointerDown: (e: PointerEvent) => void;
+    handlePointerUp: () => void;
+    getAllThumbs: () => HTMLElement[];
+    updateValue: (thumbValue: number, idx: number) => void;
+    readonly thumbsPropsArr: {
+        readonly [sliderAttrs.thumb]: "";
+        readonly role: "slider";
+        readonly 'aria-valuemin': number;
+        readonly 'aria-valuemax': number;
+        readonly 'aria-valuenow': number | undefined;
+        readonly 'aria-disabled': "true" | "false";
+        readonly 'aria-orientation': Orientation;
+        readonly 'data-value': number | undefined;
+        readonly 'data-orientation': Orientation;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    }[];
+    readonly ticksPropsArr: {
+        readonly [sliderAttrs.tick]: "";
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-bounded': "" | undefined;
+        readonly 'data-value': number;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    }[];
+    readonly thumbItemsArr: {
+        value: number;
+        index: number;
+    }[];
+}
+type SliderRoot = SliderSingleRootState | SliderMultiRootState;
+interface SliderRootStateOpts extends Omit<SliderBaseRootStateOpts, 'type'> {
+    type: 'single' | 'multiple';
+    value: Box<number> | Box<number[]>;
+    onValueCommit: ReadableBox<OnChangeFn<number>> | ReadableBox<OnChangeFn<number[]>>;
+}
+export declare class SliderRootState {
+    static create(opts: SliderRootStateOpts): SliderRoot;
+}
+interface SliderRangeStateOpts extends WithRefOpts {
+}
+export declare class SliderRangeState {
+    static create(opts: SliderRangeStateOpts): SliderRangeState;
+    readonly opts: SliderRangeStateOpts;
+    readonly root: SliderRoot;
+    readonly attachment: RefAttachment;
+    constructor(opts: SliderRangeStateOpts, root: SliderRoot);
+    readonly rangeStyles: {
+        filter?: string | number | undefined;
+        fill?: string | number | undefined;
+        gap?: string | number | undefined;
+        translate?: string | number | undefined;
+        color?: string | number | undefined;
+        grid?: string | number | undefined;
+        accentColor?: string | number | undefined;
+        alignContent?: string | number | undefined;
+        alignItems?: string | number | undefined;
+        alignSelf?: string | number | undefined;
+        alignmentBaseline?: string | number | undefined;
+        all?: string | number | undefined;
+        anchorName?: string | number | undefined;
+        anchorScope?: string | number | undefined;
+        animation?: string | number | undefined;
+        animationComposition?: string | number | undefined;
+        animationDelay?: string | number | undefined;
+        animationDirection?: string | number | undefined;
+        animationDuration?: string | number | undefined;
+        animationFillMode?: string | number | undefined;
+        animationIterationCount?: string | number | undefined;
+        animationName?: string | number | undefined;
+        animationPlayState?: string | number | undefined;
+        animationRange?: string | number | undefined;
+        animationRangeEnd?: string | number | undefined;
+        animationRangeStart?: string | number | undefined;
+        animationTimeline?: string | number | undefined;
+        animationTimingFunction?: string | number | undefined;
+        appearance?: string | number | undefined;
+        aspectRatio?: string | number | undefined;
+        backdropFilter?: string | number | undefined;
+        backfaceVisibility?: string | number | undefined;
+        background?: string | number | undefined;
+        backgroundAttachment?: string | number | undefined;
+        backgroundBlendMode?: string | number | undefined;
+        backgroundClip?: string | number | undefined;
+        backgroundColor?: string | number | undefined;
+        backgroundImage?: string | number | undefined;
+        backgroundOrigin?: string | number | undefined;
+        backgroundPosition?: string | number | undefined;
+        backgroundPositionX?: string | number | undefined;
+        backgroundPositionY?: string | number | undefined;
+        backgroundRepeat?: string | number | undefined;
+        backgroundSize?: string | number | undefined;
+        baselineShift?: string | number | undefined;
+        baselineSource?: string | number | undefined;
+        blockSize?: string | number | undefined;
+        border?: string | number | undefined;
+        borderBlock?: string | number | undefined;
+        borderBlockColor?: string | number | undefined;
+        borderBlockEnd?: string | number | undefined;
+        borderBlockEndColor?: string | number | undefined;
+        borderBlockEndStyle?: string | number | undefined;
+        borderBlockEndWidth?: string | number | undefined;
+        borderBlockStart?: string | number | undefined;
+        borderBlockStartColor?: string | number | undefined;
+        borderBlockStartStyle?: string | number | undefined;
+        borderBlockStartWidth?: string | number | undefined;
+        borderBlockStyle?: string | number | undefined;
+        borderBlockWidth?: string | number | undefined;
+        borderBottom?: string | number | undefined;
+        borderBottomColor?: string | number | undefined;
+        borderBottomLeftRadius?: string | number | undefined;
+        borderBottomRightRadius?: string | number | undefined;
+        borderBottomStyle?: string | number | undefined;
+        borderBottomWidth?: string | number | undefined;
+        borderCollapse?: string | number | undefined;
+        borderColor?: string | number | undefined;
+        borderEndEndRadius?: string | number | undefined;
+        borderEndStartRadius?: string | number | undefined;
+        borderImage?: string | number | undefined;
+        borderImageOutset?: string | number | undefined;
+        borderImageRepeat?: string | number | undefined;
+        borderImageSlice?: string | number | undefined;
+        borderImageSource?: string | number | undefined;
+        borderImageWidth?: string | number | undefined;
+        borderInline?: string | number | undefined;
+        borderInlineColor?: string | number | undefined;
+        borderInlineEnd?: string | number | undefined;
+        borderInlineEndColor?: string | number | undefined;
+        borderInlineEndStyle?: string | number | undefined;
+        borderInlineEndWidth?: string | number | undefined;
+        borderInlineStart?: string | number | undefined;
+        borderInlineStartColor?: string | number | undefined;
+        borderInlineStartStyle?: string | number | undefined;
+        borderInlineStartWidth?: string | number | undefined;
+        borderInlineStyle?: string | number | undefined;
+        borderInlineWidth?: string | number | undefined;
+        borderLeft?: string | number | undefined;
+        borderLeftColor?: string | number | undefined;
+        borderLeftStyle?: string | number | undefined;
+        borderLeftWidth?: string | number | undefined;
+        borderRadius?: string | number | undefined;
+        borderRight?: string | number | undefined;
+        borderRightColor?: string | number | undefined;
+        borderRightStyle?: string | number | undefined;
+        borderRightWidth?: string | number | undefined;
+        borderSpacing?: string | number | undefined;
+        borderStartEndRadius?: string | number | undefined;
+        borderStartStartRadius?: string | number | undefined;
+        borderStyle?: string | number | undefined;
+        borderTop?: string | number | undefined;
+        borderTopColor?: string | number | undefined;
+        borderTopLeftRadius?: string | number | undefined;
+        borderTopRightRadius?: string | number | undefined;
+        borderTopStyle?: string | number | undefined;
+        borderTopWidth?: string | number | undefined;
+        borderWidth?: string | number | undefined;
+        bottom?: string | number | undefined;
+        boxDecorationBreak?: string | number | undefined;
+        boxShadow?: string | number | undefined;
+        boxSizing?: string | number | undefined;
+        breakAfter?: string | number | undefined;
+        breakBefore?: string | number | undefined;
+        breakInside?: string | number | undefined;
+        captionSide?: string | number | undefined;
+        caretColor?: string | number | undefined;
+        clear?: string | number | undefined;
+        clip?: string | number | undefined;
+        clipPath?: string | number | undefined;
+        clipRule?: string | number | undefined;
+        colorInterpolation?: string | number | undefined;
+        colorInterpolationFilters?: string | number | undefined;
+        colorScheme?: string | number | undefined;
+        columnCount?: string | number | undefined;
+        columnFill?: string | number | undefined;
+        columnGap?: string | number | undefined;
+        columnRule?: string | number | undefined;
+        columnRuleColor?: string | number | undefined;
+        columnRuleStyle?: string | number | undefined;
+        columnRuleWidth?: string | number | undefined;
+        columnSpan?: string | number | undefined;
+        columnWidth?: string | number | undefined;
+        columns?: string | number | undefined;
+        contain?: string | number | undefined;
+        containIntrinsicBlockSize?: string | number | undefined;
+        containIntrinsicHeight?: string | number | undefined;
+        containIntrinsicInlineSize?: string | number | undefined;
+        containIntrinsicSize?: string | number | undefined;
+        containIntrinsicWidth?: string | number | undefined;
+        container?: string | number | undefined;
+        containerName?: string | number | undefined;
+        containerType?: string | number | undefined;
+        content?: string | number | undefined;
+        contentVisibility?: string | number | undefined;
+        counterIncrement?: string | number | undefined;
+        counterReset?: string | number | undefined;
+        counterSet?: string | number | undefined;
+        cssFloat?: string | number | undefined;
+        cursor?: string | number | undefined;
+        cx?: string | number | undefined;
+        cy?: string | number | undefined;
+        d?: string | number | undefined;
+        direction?: string | number | undefined;
+        display?: string | number | undefined;
+        dominantBaseline?: string | number | undefined;
+        dynamicRangeLimit?: string | number | undefined;
+        emptyCells?: string | number | undefined;
+        fieldSizing?: string | number | undefined;
+        fillOpacity?: string | number | undefined;
+        fillRule?: string | number | undefined;
+        flex?: string | number | undefined;
+        flexBasis?: string | number | undefined;
+        flexDirection?: string | number | undefined;
+        flexFlow?: string | number | undefined;
+        flexGrow?: string | number | undefined;
+        flexShrink?: string | number | undefined;
+        flexWrap?: string | number | undefined;
+        float?: string | number | undefined;
+        floodColor?: string | number | undefined;
+        floodOpacity?: string | number | undefined;
+        font?: string | number | undefined;
+        fontFamily?: string | number | undefined;
+        fontFeatureSettings?: string | number | undefined;
+        fontKerning?: string | number | undefined;
+        fontLanguageOverride?: string | number | undefined;
+        fontOpticalSizing?: string | number | undefined;
+        fontPalette?: string | number | undefined;
+        fontSize?: string | number | undefined;
+        fontSizeAdjust?: string | number | undefined;
+        fontStretch?: string | number | undefined;
+        fontStyle?: string | number | undefined;
+        fontSynthesis?: string | number | undefined;
+        fontSynthesisSmallCaps?: string | number | undefined;
+        fontSynthesisStyle?: string | number | undefined;
+        fontSynthesisWeight?: string | number | undefined;
+        fontVariant?: string | number | undefined;
+        fontVariantAlternates?: string | number | undefined;
+        fontVariantCaps?: string | number | undefined;
+        fontVariantEastAsian?: string | number | undefined;
+        fontVariantEmoji?: string | number | undefined;
+        fontVariantLigatures?: string | number | undefined;
+        fontVariantNumeric?: string | number | undefined;
+        fontVariantPosition?: string | number | undefined;
+        fontVariationSettings?: string | number | undefined;
+        fontWeight?: string | number | undefined;
+        forcedColorAdjust?: string | number | undefined;
+        gridArea?: string | number | undefined;
+        gridAutoColumns?: string | number | undefined;
+        gridAutoFlow?: string | number | undefined;
+        gridAutoRows?: string | number | undefined;
+        gridColumn?: string | number | undefined;
+        gridColumnEnd?: string | number | undefined;
+        gridColumnGap?: string | number | undefined;
+        gridColumnStart?: string | number | undefined;
+        gridGap?: string | number | undefined;
+        gridRow?: string | number | undefined;
+        gridRowEnd?: string | number | undefined;
+        gridRowGap?: string | number | undefined;
+        gridRowStart?: string | number | undefined;
+        gridTemplate?: string | number | undefined;
+        gridTemplateAreas?: string | number | undefined;
+        gridTemplateColumns?: string | number | undefined;
+        gridTemplateRows?: string | number | undefined;
+        height?: string | number | undefined;
+        hyphenateCharacter?: string | number | undefined;
+        hyphenateLimitChars?: string | number | undefined;
+        hyphens?: string | number | undefined;
+        imageOrientation?: string | number | undefined;
+        imageRendering?: string | number | undefined;
+        inlineSize?: string | number | undefined;
+        inset?: string | number | undefined;
+        insetBlock?: string | number | undefined;
+        insetBlockEnd?: string | number | undefined;
+        insetBlockStart?: string | number | undefined;
+        insetInline?: string | number | undefined;
+        insetInlineEnd?: string | number | undefined;
+        insetInlineStart?: string | number | undefined;
+        isolation?: string | number | undefined;
+        justifyContent?: string | number | undefined;
+        justifyItems?: string | number | undefined;
+        justifySelf?: string | number | undefined;
+        left?: string | number | undefined;
+        letterSpacing?: string | number | undefined;
+        lightingColor?: string | number | undefined;
+        lineBreak?: string | number | undefined;
+        lineHeight?: string | number | undefined;
+        listStyle?: string | number | undefined;
+        listStyleImage?: string | number | undefined;
+        listStylePosition?: string | number | undefined;
+        listStyleType?: string | number | undefined;
+        margin?: string | number | undefined;
+        marginBlock?: string | number | undefined;
+        marginBlockEnd?: string | number | undefined;
+        marginBlockStart?: string | number | undefined;
+        marginBottom?: string | number | undefined;
+        marginInline?: string | number | undefined;
+        marginInlineEnd?: string | number | undefined;
+        marginInlineStart?: string | number | undefined;
+        marginLeft?: string | number | undefined;
+        marginRight?: string | number | undefined;
+        marginTop?: string | number | undefined;
+        marker?: string | number | undefined;
+        markerEnd?: string | number | undefined;
+        markerMid?: string | number | undefined;
+        markerStart?: string | number | undefined;
+        mask?: string | number | undefined;
+        maskClip?: string | number | undefined;
+        maskComposite?: string | number | undefined;
+        maskImage?: string | number | undefined;
+        maskMode?: string | number | undefined;
+        maskOrigin?: string | number | undefined;
+        maskPosition?: string | number | undefined;
+        maskRepeat?: string | number | undefined;
+        maskSize?: string | number | undefined;
+        maskType?: string | number | undefined;
+        mathDepth?: string | number | undefined;
+        mathShift?: string | number | undefined;
+        mathStyle?: string | number | undefined;
+        maxBlockSize?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxInlineSize?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minBlockSize?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minInlineSize?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        mixBlendMode?: string | number | undefined;
+        objectFit?: string | number | undefined;
+        objectPosition?: string | number | undefined;
+        offset?: string | number | undefined;
+        offsetAnchor?: string | number | undefined;
+        offsetDistance?: string | number | undefined;
+        offsetPath?: string | number | undefined;
+        offsetPosition?: string | number | undefined;
+        offsetRotate?: string | number | undefined;
+        opacity?: string | number | undefined;
+        order?: string | number | undefined;
+        orphans?: string | number | undefined;
+        outline?: string | number | undefined;
+        outlineColor?: string | number | undefined;
+        outlineOffset?: string | number | undefined;
+        outlineStyle?: string | number | undefined;
+        outlineWidth?: string | number | undefined;
+        overflow?: string | number | undefined;
+        overflowAnchor?: string | number | undefined;
+        overflowBlock?: string | number | undefined;
+        overflowClipMargin?: string | number | undefined;
+        overflowInline?: string | number | undefined;
+        overflowWrap?: string | number | undefined;
+        overflowX?: string | number | undefined;
+        overflowY?: string | number | undefined;
+        overscrollBehavior?: string | number | undefined;
+        overscrollBehaviorBlock?: string | number | undefined;
+        overscrollBehaviorInline?: string | number | undefined;
+        overscrollBehaviorX?: string | number | undefined;
+        overscrollBehaviorY?: string | number | undefined;
+        padding?: string | number | undefined;
+        paddingBlock?: string | number | undefined;
+        paddingBlockEnd?: string | number | undefined;
+        paddingBlockStart?: string | number | undefined;
+        paddingBottom?: string | number | undefined;
+        paddingInline?: string | number | undefined;
+        paddingInlineEnd?: string | number | undefined;
+        paddingInlineStart?: string | number | undefined;
+        paddingLeft?: string | number | undefined;
+        paddingRight?: string | number | undefined;
+        paddingTop?: string | number | undefined;
+        page?: string | number | undefined;
+        pageBreakAfter?: string | number | undefined;
+        pageBreakBefore?: string | number | undefined;
+        pageBreakInside?: string | number | undefined;
+        paintOrder?: string | number | undefined;
+        perspective?: string | number | undefined;
+        perspectiveOrigin?: string | number | undefined;
+        placeContent?: string | number | undefined;
+        placeItems?: string | number | undefined;
+        placeSelf?: string | number | undefined;
+        pointerEvents?: string | number | undefined;
+        position: string | number;
+        positionAnchor?: string | number | undefined;
+        positionArea?: string | number | undefined;
+        positionTry?: string | number | undefined;
+        positionTryFallbacks?: string | number | undefined;
+        positionTryOrder?: string | number | undefined;
+        positionVisibility?: string | number | undefined;
+        printColorAdjust?: string | number | undefined;
+        quotes?: string | number | undefined;
+        r?: string | number | undefined;
+        resize?: string | number | undefined;
+        right?: string | number | undefined;
+        rotate?: string | number | undefined;
+        rowGap?: string | number | undefined;
+        rubyAlign?: string | number | undefined;
+        rubyPosition?: string | number | undefined;
+        rx?: string | number | undefined;
+        ry?: string | number | undefined;
+        scale?: string | number | undefined;
+        scrollBehavior?: string | number | undefined;
+        scrollMargin?: string | number | undefined;
+        scrollMarginBlock?: string | number | undefined;
+        scrollMarginBlockEnd?: string | number | undefined;
+        scrollMarginBlockStart?: string | number | undefined;
+        scrollMarginBottom?: string | number | undefined;
+        scrollMarginInline?: string | number | undefined;
+        scrollMarginInlineEnd?: string | number | undefined;
+        scrollMarginInlineStart?: string | number | undefined;
+        scrollMarginLeft?: string | number | undefined;
+        scrollMarginRight?: string | number | undefined;
+        scrollMarginTop?: string | number | undefined;
+        scrollPadding?: string | number | undefined;
+        scrollPaddingBlock?: string | number | undefined;
+        scrollPaddingBlockEnd?: string | number | undefined;
+        scrollPaddingBlockStart?: string | number | undefined;
+        scrollPaddingBottom?: string | number | undefined;
+        scrollPaddingInline?: string | number | undefined;
+        scrollPaddingInlineEnd?: string | number | undefined;
+        scrollPaddingInlineStart?: string | number | undefined;
+        scrollPaddingLeft?: string | number | undefined;
+        scrollPaddingRight?: string | number | undefined;
+        scrollPaddingTop?: string | number | undefined;
+        scrollSnapAlign?: string | number | undefined;
+        scrollSnapStop?: string | number | undefined;
+        scrollSnapType?: string | number | undefined;
+        scrollTimeline?: string | number | undefined;
+        scrollTimelineAxis?: string | number | undefined;
+        scrollTimelineName?: string | number | undefined;
+        scrollbarColor?: string | number | undefined;
+        scrollbarGutter?: string | number | undefined;
+        scrollbarWidth?: string | number | undefined;
+        shapeImageThreshold?: string | number | undefined;
+        shapeMargin?: string | number | undefined;
+        shapeOutside?: string | number | undefined;
+        shapeRendering?: string | number | undefined;
+        stopColor?: string | number | undefined;
+        stopOpacity?: string | number | undefined;
+        stroke?: string | number | undefined;
+        strokeDasharray?: string | number | undefined;
+        strokeDashoffset?: string | number | undefined;
+        strokeLinecap?: string | number | undefined;
+        strokeLinejoin?: string | number | undefined;
+        strokeMiterlimit?: string | number | undefined;
+        strokeOpacity?: string | number | undefined;
+        strokeWidth?: string | number | undefined;
+        tabSize?: string | number | undefined;
+        tableLayout?: string | number | undefined;
+        textAlign?: string | number | undefined;
+        textAlignLast?: string | number | undefined;
+        textAnchor?: string | number | undefined;
+        textAutospace?: string | number | undefined;
+        textBox?: string | number | undefined;
+        textBoxEdge?: string | number | undefined;
+        textBoxTrim?: string | number | undefined;
+        textCombineUpright?: string | number | undefined;
+        textDecoration?: string | number | undefined;
+        textDecorationColor?: string | number | undefined;
+        textDecorationLine?: string | number | undefined;
+        textDecorationSkipInk?: string | number | undefined;
+        textDecorationStyle?: string | number | undefined;
+        textDecorationThickness?: string | number | undefined;
+        textEmphasis?: string | number | undefined;
+        textEmphasisColor?: string | number | undefined;
+        textEmphasisPosition?: string | number | undefined;
+        textEmphasisStyle?: string | number | undefined;
+        textIndent?: string | number | undefined;
+        textJustify?: string | number | undefined;
+        textOrientation?: string | number | undefined;
+        textOverflow?: string | number | undefined;
+        textRendering?: string | number | undefined;
+        textShadow?: string | number | undefined;
+        textTransform?: string | number | undefined;
+        textUnderlineOffset?: string | number | undefined;
+        textUnderlinePosition?: string | number | undefined;
+        textWrap?: string | number | undefined;
+        textWrapMode?: string | number | undefined;
+        textWrapStyle?: string | number | undefined;
+        timelineScope?: string | number | undefined;
+        top?: string | number | undefined;
+        touchAction?: string | number | undefined;
+        transform?: string | number | undefined;
+        transformBox?: string | number | undefined;
+        transformOrigin?: string | number | undefined;
+        transformStyle?: string | number | undefined;
+        transition?: string | number | undefined;
+        transitionBehavior?: string | number | undefined;
+        transitionDelay?: string | number | undefined;
+        transitionDuration?: string | number | undefined;
+        transitionProperty?: string | number | undefined;
+        transitionTimingFunction?: string | number | undefined;
+        unicodeBidi?: string | number | undefined;
+        userSelect?: string | number | undefined;
+        vectorEffect?: string | number | undefined;
+        verticalAlign?: string | number | undefined;
+        viewTimeline?: string | number | undefined;
+        viewTimelineAxis?: string | number | undefined;
+        viewTimelineInset?: string | number | undefined;
+        viewTimelineName?: string | number | undefined;
+        viewTransitionClass?: string | number | undefined;
+        viewTransitionName?: string | number | undefined;
+        visibility?: string | number | undefined;
+        webkitAlignContent?: string | number | undefined;
+        webkitAlignItems?: string | number | undefined;
+        webkitAlignSelf?: string | number | undefined;
+        webkitAnimation?: string | number | undefined;
+        webkitAnimationDelay?: string | number | undefined;
+        webkitAnimationDirection?: string | number | undefined;
+        webkitAnimationDuration?: string | number | undefined;
+        webkitAnimationFillMode?: string | number | undefined;
+        webkitAnimationIterationCount?: string | number | undefined;
+        webkitAnimationName?: string | number | undefined;
+        webkitAnimationPlayState?: string | number | undefined;
+        webkitAnimationTimingFunction?: string | number | undefined;
+        webkitAppearance?: string | number | undefined;
+        webkitBackfaceVisibility?: string | number | undefined;
+        webkitBackgroundClip?: string | number | undefined;
+        webkitBackgroundOrigin?: string | number | undefined;
+        webkitBackgroundSize?: string | number | undefined;
+        webkitBorderBottomLeftRadius?: string | number | undefined;
+        webkitBorderBottomRightRadius?: string | number | undefined;
+        webkitBorderRadius?: string | number | undefined;
+        webkitBorderTopLeftRadius?: string | number | undefined;
+        webkitBorderTopRightRadius?: string | number | undefined;
+        webkitBoxAlign?: string | number | undefined;
+        webkitBoxFlex?: string | number | undefined;
+        webkitBoxOrdinalGroup?: string | number | undefined;
+        webkitBoxOrient?: string | number | undefined;
+        webkitBoxPack?: string | number | undefined;
+        webkitBoxShadow?: string | number | undefined;
+        webkitBoxSizing?: string | number | undefined;
+        webkitFilter?: string | number | undefined;
+        webkitFlex?: string | number | undefined;
+        webkitFlexBasis?: string | number | undefined;
+        webkitFlexDirection?: string | number | undefined;
+        webkitFlexFlow?: string | number | undefined;
+        webkitFlexGrow?: string | number | undefined;
+        webkitFlexShrink?: string | number | undefined;
+        webkitFlexWrap?: string | number | undefined;
+        webkitJustifyContent?: string | number | undefined;
+        webkitLineClamp?: string | number | undefined;
+        webkitMask?: string | number | undefined;
+        webkitMaskBoxImage?: string | number | undefined;
+        webkitMaskBoxImageOutset?: string | number | undefined;
+        webkitMaskBoxImageRepeat?: string | number | undefined;
+        webkitMaskBoxImageSlice?: string | number | undefined;
+        webkitMaskBoxImageSource?: string | number | undefined;
+        webkitMaskBoxImageWidth?: string | number | undefined;
+        webkitMaskClip?: string | number | undefined;
+        webkitMaskComposite?: string | number | undefined;
+        webkitMaskImage?: string | number | undefined;
+        webkitMaskOrigin?: string | number | undefined;
+        webkitMaskPosition?: string | number | undefined;
+        webkitMaskRepeat?: string | number | undefined;
+        webkitMaskSize?: string | number | undefined;
+        webkitOrder?: string | number | undefined;
+        webkitPerspective?: string | number | undefined;
+        webkitPerspectiveOrigin?: string | number | undefined;
+        webkitTextFillColor?: string | number | undefined;
+        webkitTextSizeAdjust?: string | number | undefined;
+        webkitTextStroke?: string | number | undefined;
+        webkitTextStrokeColor?: string | number | undefined;
+        webkitTextStrokeWidth?: string | number | undefined;
+        webkitTransform?: string | number | undefined;
+        webkitTransformOrigin?: string | number | undefined;
+        webkitTransformStyle?: string | number | undefined;
+        webkitTransition?: string | number | undefined;
+        webkitTransitionDelay?: string | number | undefined;
+        webkitTransitionDuration?: string | number | undefined;
+        webkitTransitionProperty?: string | number | undefined;
+        webkitTransitionTimingFunction?: string | number | undefined;
+        webkitUserSelect?: string | number | undefined;
+        whiteSpace?: string | number | undefined;
+        whiteSpaceCollapse?: string | number | undefined;
+        widows?: string | number | undefined;
+        width?: string | number | undefined;
+        willChange?: string | number | undefined;
+        wordBreak?: string | number | undefined;
+        wordSpacing?: string | number | undefined;
+        wordWrap?: string | number | undefined;
+        writingMode?: string | number | undefined;
+        x?: string | number | undefined;
+        y?: string | number | undefined;
+        zIndex?: string | number | undefined;
+        zoom?: string | number | undefined;
+        cssText?: string | number | undefined;
+    };
+    readonly props: {
+        readonly id: string;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-disabled': "" | undefined;
+        readonly style: {
+            filter?: string | number | undefined;
+            fill?: string | number | undefined;
+            gap?: string | number | undefined;
+            translate?: string | number | undefined;
+            color?: string | number | undefined;
+            grid?: string | number | undefined;
+            accentColor?: string | number | undefined;
+            alignContent?: string | number | undefined;
+            alignItems?: string | number | undefined;
+            alignSelf?: string | number | undefined;
+            alignmentBaseline?: string | number | undefined;
+            all?: string | number | undefined;
+            anchorName?: string | number | undefined;
+            anchorScope?: string | number | undefined;
+            animation?: string | number | undefined;
+            animationComposition?: string | number | undefined;
+            animationDelay?: string | number | undefined;
+            animationDirection?: string | number | undefined;
+            animationDuration?: string | number | undefined;
+            animationFillMode?: string | number | undefined;
+            animationIterationCount?: string | number | undefined;
+            animationName?: string | number | undefined;
+            animationPlayState?: string | number | undefined;
+            animationRange?: string | number | undefined;
+            animationRangeEnd?: string | number | undefined;
+            animationRangeStart?: string | number | undefined;
+            animationTimeline?: string | number | undefined;
+            animationTimingFunction?: string | number | undefined;
+            appearance?: string | number | undefined;
+            aspectRatio?: string | number | undefined;
+            backdropFilter?: string | number | undefined;
+            backfaceVisibility?: string | number | undefined;
+            background?: string | number | undefined;
+            backgroundAttachment?: string | number | undefined;
+            backgroundBlendMode?: string | number | undefined;
+            backgroundClip?: string | number | undefined;
+            backgroundColor?: string | number | undefined;
+            backgroundImage?: string | number | undefined;
+            backgroundOrigin?: string | number | undefined;
+            backgroundPosition?: string | number | undefined;
+            backgroundPositionX?: string | number | undefined;
+            backgroundPositionY?: string | number | undefined;
+            backgroundRepeat?: string | number | undefined;
+            backgroundSize?: string | number | undefined;
+            baselineShift?: string | number | undefined;
+            baselineSource?: string | number | undefined;
+            blockSize?: string | number | undefined;
+            border?: string | number | undefined;
+            borderBlock?: string | number | undefined;
+            borderBlockColor?: string | number | undefined;
+            borderBlockEnd?: string | number | undefined;
+            borderBlockEndColor?: string | number | undefined;
+            borderBlockEndStyle?: string | number | undefined;
+            borderBlockEndWidth?: string | number | undefined;
+            borderBlockStart?: string | number | undefined;
+            borderBlockStartColor?: string | number | undefined;
+            borderBlockStartStyle?: string | number | undefined;
+            borderBlockStartWidth?: string | number | undefined;
+            borderBlockStyle?: string | number | undefined;
+            borderBlockWidth?: string | number | undefined;
+            borderBottom?: string | number | undefined;
+            borderBottomColor?: string | number | undefined;
+            borderBottomLeftRadius?: string | number | undefined;
+            borderBottomRightRadius?: string | number | undefined;
+            borderBottomStyle?: string | number | undefined;
+            borderBottomWidth?: string | number | undefined;
+            borderCollapse?: string | number | undefined;
+            borderColor?: string | number | undefined;
+            borderEndEndRadius?: string | number | undefined;
+            borderEndStartRadius?: string | number | undefined;
+            borderImage?: string | number | undefined;
+            borderImageOutset?: string | number | undefined;
+            borderImageRepeat?: string | number | undefined;
+            borderImageSlice?: string | number | undefined;
+            borderImageSource?: string | number | undefined;
+            borderImageWidth?: string | number | undefined;
+            borderInline?: string | number | undefined;
+            borderInlineColor?: string | number | undefined;
+            borderInlineEnd?: string | number | undefined;
+            borderInlineEndColor?: string | number | undefined;
+            borderInlineEndStyle?: string | number | undefined;
+            borderInlineEndWidth?: string | number | undefined;
+            borderInlineStart?: string | number | undefined;
+            borderInlineStartColor?: string | number | undefined;
+            borderInlineStartStyle?: string | number | undefined;
+            borderInlineStartWidth?: string | number | undefined;
+            borderInlineStyle?: string | number | undefined;
+            borderInlineWidth?: string | number | undefined;
+            borderLeft?: string | number | undefined;
+            borderLeftColor?: string | number | undefined;
+            borderLeftStyle?: string | number | undefined;
+            borderLeftWidth?: string | number | undefined;
+            borderRadius?: string | number | undefined;
+            borderRight?: string | number | undefined;
+            borderRightColor?: string | number | undefined;
+            borderRightStyle?: string | number | undefined;
+            borderRightWidth?: string | number | undefined;
+            borderSpacing?: string | number | undefined;
+            borderStartEndRadius?: string | number | undefined;
+            borderStartStartRadius?: string | number | undefined;
+            borderStyle?: string | number | undefined;
+            borderTop?: string | number | undefined;
+            borderTopColor?: string | number | undefined;
+            borderTopLeftRadius?: string | number | undefined;
+            borderTopRightRadius?: string | number | undefined;
+            borderTopStyle?: string | number | undefined;
+            borderTopWidth?: string | number | undefined;
+            borderWidth?: string | number | undefined;
+            bottom?: string | number | undefined;
+            boxDecorationBreak?: string | number | undefined;
+            boxShadow?: string | number | undefined;
+            boxSizing?: string | number | undefined;
+            breakAfter?: string | number | undefined;
+            breakBefore?: string | number | undefined;
+            breakInside?: string | number | undefined;
+            captionSide?: string | number | undefined;
+            caretColor?: string | number | undefined;
+            clear?: string | number | undefined;
+            clip?: string | number | undefined;
+            clipPath?: string | number | undefined;
+            clipRule?: string | number | undefined;
+            colorInterpolation?: string | number | undefined;
+            colorInterpolationFilters?: string | number | undefined;
+            colorScheme?: string | number | undefined;
+            columnCount?: string | number | undefined;
+            columnFill?: string | number | undefined;
+            columnGap?: string | number | undefined;
+            columnRule?: string | number | undefined;
+            columnRuleColor?: string | number | undefined;
+            columnRuleStyle?: string | number | undefined;
+            columnRuleWidth?: string | number | undefined;
+            columnSpan?: string | number | undefined;
+            columnWidth?: string | number | undefined;
+            columns?: string | number | undefined;
+            contain?: string | number | undefined;
+            containIntrinsicBlockSize?: string | number | undefined;
+            containIntrinsicHeight?: string | number | undefined;
+            containIntrinsicInlineSize?: string | number | undefined;
+            containIntrinsicSize?: string | number | undefined;
+            containIntrinsicWidth?: string | number | undefined;
+            container?: string | number | undefined;
+            containerName?: string | number | undefined;
+            containerType?: string | number | undefined;
+            content?: string | number | undefined;
+            contentVisibility?: string | number | undefined;
+            counterIncrement?: string | number | undefined;
+            counterReset?: string | number | undefined;
+            counterSet?: string | number | undefined;
+            cssFloat?: string | number | undefined;
+            cursor?: string | number | undefined;
+            cx?: string | number | undefined;
+            cy?: string | number | undefined;
+            d?: string | number | undefined;
+            direction?: string | number | undefined;
+            display?: string | number | undefined;
+            dominantBaseline?: string | number | undefined;
+            dynamicRangeLimit?: string | number | undefined;
+            emptyCells?: string | number | undefined;
+            fieldSizing?: string | number | undefined;
+            fillOpacity?: string | number | undefined;
+            fillRule?: string | number | undefined;
+            flex?: string | number | undefined;
+            flexBasis?: string | number | undefined;
+            flexDirection?: string | number | undefined;
+            flexFlow?: string | number | undefined;
+            flexGrow?: string | number | undefined;
+            flexShrink?: string | number | undefined;
+            flexWrap?: string | number | undefined;
+            float?: string | number | undefined;
+            floodColor?: string | number | undefined;
+            floodOpacity?: string | number | undefined;
+            font?: string | number | undefined;
+            fontFamily?: string | number | undefined;
+            fontFeatureSettings?: string | number | undefined;
+            fontKerning?: string | number | undefined;
+            fontLanguageOverride?: string | number | undefined;
+            fontOpticalSizing?: string | number | undefined;
+            fontPalette?: string | number | undefined;
+            fontSize?: string | number | undefined;
+            fontSizeAdjust?: string | number | undefined;
+            fontStretch?: string | number | undefined;
+            fontStyle?: string | number | undefined;
+            fontSynthesis?: string | number | undefined;
+            fontSynthesisSmallCaps?: string | number | undefined;
+            fontSynthesisStyle?: string | number | undefined;
+            fontSynthesisWeight?: string | number | undefined;
+            fontVariant?: string | number | undefined;
+            fontVariantAlternates?: string | number | undefined;
+            fontVariantCaps?: string | number | undefined;
+            fontVariantEastAsian?: string | number | undefined;
+            fontVariantEmoji?: string | number | undefined;
+            fontVariantLigatures?: string | number | undefined;
+            fontVariantNumeric?: string | number | undefined;
+            fontVariantPosition?: string | number | undefined;
+            fontVariationSettings?: string | number | undefined;
+            fontWeight?: string | number | undefined;
+            forcedColorAdjust?: string | number | undefined;
+            gridArea?: string | number | undefined;
+            gridAutoColumns?: string | number | undefined;
+            gridAutoFlow?: string | number | undefined;
+            gridAutoRows?: string | number | undefined;
+            gridColumn?: string | number | undefined;
+            gridColumnEnd?: string | number | undefined;
+            gridColumnGap?: string | number | undefined;
+            gridColumnStart?: string | number | undefined;
+            gridGap?: string | number | undefined;
+            gridRow?: string | number | undefined;
+            gridRowEnd?: string | number | undefined;
+            gridRowGap?: string | number | undefined;
+            gridRowStart?: string | number | undefined;
+            gridTemplate?: string | number | undefined;
+            gridTemplateAreas?: string | number | undefined;
+            gridTemplateColumns?: string | number | undefined;
+            gridTemplateRows?: string | number | undefined;
+            height?: string | number | undefined;
+            hyphenateCharacter?: string | number | undefined;
+            hyphenateLimitChars?: string | number | undefined;
+            hyphens?: string | number | undefined;
+            imageOrientation?: string | number | undefined;
+            imageRendering?: string | number | undefined;
+            inlineSize?: string | number | undefined;
+            inset?: string | number | undefined;
+            insetBlock?: string | number | undefined;
+            insetBlockEnd?: string | number | undefined;
+            insetBlockStart?: string | number | undefined;
+            insetInline?: string | number | undefined;
+            insetInlineEnd?: string | number | undefined;
+            insetInlineStart?: string | number | undefined;
+            isolation?: string | number | undefined;
+            justifyContent?: string | number | undefined;
+            justifyItems?: string | number | undefined;
+            justifySelf?: string | number | undefined;
+            left?: string | number | undefined;
+            letterSpacing?: string | number | undefined;
+            lightingColor?: string | number | undefined;
+            lineBreak?: string | number | undefined;
+            lineHeight?: string | number | undefined;
+            listStyle?: string | number | undefined;
+            listStyleImage?: string | number | undefined;
+            listStylePosition?: string | number | undefined;
+            listStyleType?: string | number | undefined;
+            margin?: string | number | undefined;
+            marginBlock?: string | number | undefined;
+            marginBlockEnd?: string | number | undefined;
+            marginBlockStart?: string | number | undefined;
+            marginBottom?: string | number | undefined;
+            marginInline?: string | number | undefined;
+            marginInlineEnd?: string | number | undefined;
+            marginInlineStart?: string | number | undefined;
+            marginLeft?: string | number | undefined;
+            marginRight?: string | number | undefined;
+            marginTop?: string | number | undefined;
+            marker?: string | number | undefined;
+            markerEnd?: string | number | undefined;
+            markerMid?: string | number | undefined;
+            markerStart?: string | number | undefined;
+            mask?: string | number | undefined;
+            maskClip?: string | number | undefined;
+            maskComposite?: string | number | undefined;
+            maskImage?: string | number | undefined;
+            maskMode?: string | number | undefined;
+            maskOrigin?: string | number | undefined;
+            maskPosition?: string | number | undefined;
+            maskRepeat?: string | number | undefined;
+            maskSize?: string | number | undefined;
+            maskType?: string | number | undefined;
+            mathDepth?: string | number | undefined;
+            mathShift?: string | number | undefined;
+            mathStyle?: string | number | undefined;
+            maxBlockSize?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxInlineSize?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minBlockSize?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minInlineSize?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            mixBlendMode?: string | number | undefined;
+            objectFit?: string | number | undefined;
+            objectPosition?: string | number | undefined;
+            offset?: string | number | undefined;
+            offsetAnchor?: string | number | undefined;
+            offsetDistance?: string | number | undefined;
+            offsetPath?: string | number | undefined;
+            offsetPosition?: string | number | undefined;
+            offsetRotate?: string | number | undefined;
+            opacity?: string | number | undefined;
+            order?: string | number | undefined;
+            orphans?: string | number | undefined;
+            outline?: string | number | undefined;
+            outlineColor?: string | number | undefined;
+            outlineOffset?: string | number | undefined;
+            outlineStyle?: string | number | undefined;
+            outlineWidth?: string | number | undefined;
+            overflow?: string | number | undefined;
+            overflowAnchor?: string | number | undefined;
+            overflowBlock?: string | number | undefined;
+            overflowClipMargin?: string | number | undefined;
+            overflowInline?: string | number | undefined;
+            overflowWrap?: string | number | undefined;
+            overflowX?: string | number | undefined;
+            overflowY?: string | number | undefined;
+            overscrollBehavior?: string | number | undefined;
+            overscrollBehaviorBlock?: string | number | undefined;
+            overscrollBehaviorInline?: string | number | undefined;
+            overscrollBehaviorX?: string | number | undefined;
+            overscrollBehaviorY?: string | number | undefined;
+            padding?: string | number | undefined;
+            paddingBlock?: string | number | undefined;
+            paddingBlockEnd?: string | number | undefined;
+            paddingBlockStart?: string | number | undefined;
+            paddingBottom?: string | number | undefined;
+            paddingInline?: string | number | undefined;
+            paddingInlineEnd?: string | number | undefined;
+            paddingInlineStart?: string | number | undefined;
+            paddingLeft?: string | number | undefined;
+            paddingRight?: string | number | undefined;
+            paddingTop?: string | number | undefined;
+            page?: string | number | undefined;
+            pageBreakAfter?: string | number | undefined;
+            pageBreakBefore?: string | number | undefined;
+            pageBreakInside?: string | number | undefined;
+            paintOrder?: string | number | undefined;
+            perspective?: string | number | undefined;
+            perspectiveOrigin?: string | number | undefined;
+            placeContent?: string | number | undefined;
+            placeItems?: string | number | undefined;
+            placeSelf?: string | number | undefined;
+            pointerEvents?: string | number | undefined;
+            position: string | number;
+            positionAnchor?: string | number | undefined;
+            positionArea?: string | number | undefined;
+            positionTry?: string | number | undefined;
+            positionTryFallbacks?: string | number | undefined;
+            positionTryOrder?: string | number | undefined;
+            positionVisibility?: string | number | undefined;
+            printColorAdjust?: string | number | undefined;
+            quotes?: string | number | undefined;
+            r?: string | number | undefined;
+            resize?: string | number | undefined;
+            right?: string | number | undefined;
+            rotate?: string | number | undefined;
+            rowGap?: string | number | undefined;
+            rubyAlign?: string | number | undefined;
+            rubyPosition?: string | number | undefined;
+            rx?: string | number | undefined;
+            ry?: string | number | undefined;
+            scale?: string | number | undefined;
+            scrollBehavior?: string | number | undefined;
+            scrollMargin?: string | number | undefined;
+            scrollMarginBlock?: string | number | undefined;
+            scrollMarginBlockEnd?: string | number | undefined;
+            scrollMarginBlockStart?: string | number | undefined;
+            scrollMarginBottom?: string | number | undefined;
+            scrollMarginInline?: string | number | undefined;
+            scrollMarginInlineEnd?: string | number | undefined;
+            scrollMarginInlineStart?: string | number | undefined;
+            scrollMarginLeft?: string | number | undefined;
+            scrollMarginRight?: string | number | undefined;
+            scrollMarginTop?: string | number | undefined;
+            scrollPadding?: string | number | undefined;
+            scrollPaddingBlock?: string | number | undefined;
+            scrollPaddingBlockEnd?: string | number | undefined;
+            scrollPaddingBlockStart?: string | number | undefined;
+            scrollPaddingBottom?: string | number | undefined;
+            scrollPaddingInline?: string | number | undefined;
+            scrollPaddingInlineEnd?: string | number | undefined;
+            scrollPaddingInlineStart?: string | number | undefined;
+            scrollPaddingLeft?: string | number | undefined;
+            scrollPaddingRight?: string | number | undefined;
+            scrollPaddingTop?: string | number | undefined;
+            scrollSnapAlign?: string | number | undefined;
+            scrollSnapStop?: string | number | undefined;
+            scrollSnapType?: string | number | undefined;
+            scrollTimeline?: string | number | undefined;
+            scrollTimelineAxis?: string | number | undefined;
+            scrollTimelineName?: string | number | undefined;
+            scrollbarColor?: string | number | undefined;
+            scrollbarGutter?: string | number | undefined;
+            scrollbarWidth?: string | number | undefined;
+            shapeImageThreshold?: string | number | undefined;
+            shapeMargin?: string | number | undefined;
+            shapeOutside?: string | number | undefined;
+            shapeRendering?: string | number | undefined;
+            stopColor?: string | number | undefined;
+            stopOpacity?: string | number | undefined;
+            stroke?: string | number | undefined;
+            strokeDasharray?: string | number | undefined;
+            strokeDashoffset?: string | number | undefined;
+            strokeLinecap?: string | number | undefined;
+            strokeLinejoin?: string | number | undefined;
+            strokeMiterlimit?: string | number | undefined;
+            strokeOpacity?: string | number | undefined;
+            strokeWidth?: string | number | undefined;
+            tabSize?: string | number | undefined;
+            tableLayout?: string | number | undefined;
+            textAlign?: string | number | undefined;
+            textAlignLast?: string | number | undefined;
+            textAnchor?: string | number | undefined;
+            textAutospace?: string | number | undefined;
+            textBox?: string | number | undefined;
+            textBoxEdge?: string | number | undefined;
+            textBoxTrim?: string | number | undefined;
+            textCombineUpright?: string | number | undefined;
+            textDecoration?: string | number | undefined;
+            textDecorationColor?: string | number | undefined;
+            textDecorationLine?: string | number | undefined;
+            textDecorationSkipInk?: string | number | undefined;
+            textDecorationStyle?: string | number | undefined;
+            textDecorationThickness?: string | number | undefined;
+            textEmphasis?: string | number | undefined;
+            textEmphasisColor?: string | number | undefined;
+            textEmphasisPosition?: string | number | undefined;
+            textEmphasisStyle?: string | number | undefined;
+            textIndent?: string | number | undefined;
+            textJustify?: string | number | undefined;
+            textOrientation?: string | number | undefined;
+            textOverflow?: string | number | undefined;
+            textRendering?: string | number | undefined;
+            textShadow?: string | number | undefined;
+            textTransform?: string | number | undefined;
+            textUnderlineOffset?: string | number | undefined;
+            textUnderlinePosition?: string | number | undefined;
+            textWrap?: string | number | undefined;
+            textWrapMode?: string | number | undefined;
+            textWrapStyle?: string | number | undefined;
+            timelineScope?: string | number | undefined;
+            top?: string | number | undefined;
+            touchAction?: string | number | undefined;
+            transform?: string | number | undefined;
+            transformBox?: string | number | undefined;
+            transformOrigin?: string | number | undefined;
+            transformStyle?: string | number | undefined;
+            transition?: string | number | undefined;
+            transitionBehavior?: string | number | undefined;
+            transitionDelay?: string | number | undefined;
+            transitionDuration?: string | number | undefined;
+            transitionProperty?: string | number | undefined;
+            transitionTimingFunction?: string | number | undefined;
+            unicodeBidi?: string | number | undefined;
+            userSelect?: string | number | undefined;
+            vectorEffect?: string | number | undefined;
+            verticalAlign?: string | number | undefined;
+            viewTimeline?: string | number | undefined;
+            viewTimelineAxis?: string | number | undefined;
+            viewTimelineInset?: string | number | undefined;
+            viewTimelineName?: string | number | undefined;
+            viewTransitionClass?: string | number | undefined;
+            viewTransitionName?: string | number | undefined;
+            visibility?: string | number | undefined;
+            webkitAlignContent?: string | number | undefined;
+            webkitAlignItems?: string | number | undefined;
+            webkitAlignSelf?: string | number | undefined;
+            webkitAnimation?: string | number | undefined;
+            webkitAnimationDelay?: string | number | undefined;
+            webkitAnimationDirection?: string | number | undefined;
+            webkitAnimationDuration?: string | number | undefined;
+            webkitAnimationFillMode?: string | number | undefined;
+            webkitAnimationIterationCount?: string | number | undefined;
+            webkitAnimationName?: string | number | undefined;
+            webkitAnimationPlayState?: string | number | undefined;
+            webkitAnimationTimingFunction?: string | number | undefined;
+            webkitAppearance?: string | number | undefined;
+            webkitBackfaceVisibility?: string | number | undefined;
+            webkitBackgroundClip?: string | number | undefined;
+            webkitBackgroundOrigin?: string | number | undefined;
+            webkitBackgroundSize?: string | number | undefined;
+            webkitBorderBottomLeftRadius?: string | number | undefined;
+            webkitBorderBottomRightRadius?: string | number | undefined;
+            webkitBorderRadius?: string | number | undefined;
+            webkitBorderTopLeftRadius?: string | number | undefined;
+            webkitBorderTopRightRadius?: string | number | undefined;
+            webkitBoxAlign?: string | number | undefined;
+            webkitBoxFlex?: string | number | undefined;
+            webkitBoxOrdinalGroup?: string | number | undefined;
+            webkitBoxOrient?: string | number | undefined;
+            webkitBoxPack?: string | number | undefined;
+            webkitBoxShadow?: string | number | undefined;
+            webkitBoxSizing?: string | number | undefined;
+            webkitFilter?: string | number | undefined;
+            webkitFlex?: string | number | undefined;
+            webkitFlexBasis?: string | number | undefined;
+            webkitFlexDirection?: string | number | undefined;
+            webkitFlexFlow?: string | number | undefined;
+            webkitFlexGrow?: string | number | undefined;
+            webkitFlexShrink?: string | number | undefined;
+            webkitFlexWrap?: string | number | undefined;
+            webkitJustifyContent?: string | number | undefined;
+            webkitLineClamp?: string | number | undefined;
+            webkitMask?: string | number | undefined;
+            webkitMaskBoxImage?: string | number | undefined;
+            webkitMaskBoxImageOutset?: string | number | undefined;
+            webkitMaskBoxImageRepeat?: string | number | undefined;
+            webkitMaskBoxImageSlice?: string | number | undefined;
+            webkitMaskBoxImageSource?: string | number | undefined;
+            webkitMaskBoxImageWidth?: string | number | undefined;
+            webkitMaskClip?: string | number | undefined;
+            webkitMaskComposite?: string | number | undefined;
+            webkitMaskImage?: string | number | undefined;
+            webkitMaskOrigin?: string | number | undefined;
+            webkitMaskPosition?: string | number | undefined;
+            webkitMaskRepeat?: string | number | undefined;
+            webkitMaskSize?: string | number | undefined;
+            webkitOrder?: string | number | undefined;
+            webkitPerspective?: string | number | undefined;
+            webkitPerspectiveOrigin?: string | number | undefined;
+            webkitTextFillColor?: string | number | undefined;
+            webkitTextSizeAdjust?: string | number | undefined;
+            webkitTextStroke?: string | number | undefined;
+            webkitTextStrokeColor?: string | number | undefined;
+            webkitTextStrokeWidth?: string | number | undefined;
+            webkitTransform?: string | number | undefined;
+            webkitTransformOrigin?: string | number | undefined;
+            webkitTransformStyle?: string | number | undefined;
+            webkitTransition?: string | number | undefined;
+            webkitTransitionDelay?: string | number | undefined;
+            webkitTransitionDuration?: string | number | undefined;
+            webkitTransitionProperty?: string | number | undefined;
+            webkitTransitionTimingFunction?: string | number | undefined;
+            webkitUserSelect?: string | number | undefined;
+            whiteSpace?: string | number | undefined;
+            whiteSpaceCollapse?: string | number | undefined;
+            widows?: string | number | undefined;
+            width?: string | number | undefined;
+            willChange?: string | number | undefined;
+            wordBreak?: string | number | undefined;
+            wordSpacing?: string | number | undefined;
+            wordWrap?: string | number | undefined;
+            writingMode?: string | number | undefined;
+            x?: string | number | undefined;
+            y?: string | number | undefined;
+            zIndex?: string | number | undefined;
+            zoom?: string | number | undefined;
+            cssText?: string | number | undefined;
+        };
+    };
+}
+interface SliderThumbStateOpts extends WithRefOpts, ReadableBoxedValues<{
+    index: number;
+    disabled: boolean;
+}> {
+}
+export declare class SliderThumbState {
+    #private;
+    static create(opts: SliderThumbStateOpts): SliderThumbState;
+    readonly opts: SliderThumbStateOpts;
+    readonly root: SliderRoot;
+    readonly attachment: RefAttachment;
+    constructor(opts: SliderThumbStateOpts, root: SliderRoot);
+    onkeydown(e: BitsKeyboardEvent): void;
+    readonly props: {
+        readonly id: string;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly 'data-active': "" | undefined;
+        readonly 'data-disabled': "" | undefined;
+        readonly tabindex: 0 | -1;
+        readonly role: "slider";
+        readonly 'aria-valuemin': number;
+        readonly 'aria-valuemax': number;
+        readonly 'aria-valuenow': number;
+        readonly 'aria-disabled': "true" | "false";
+        readonly 'aria-orientation': Orientation;
+        readonly 'data-value': number;
+        readonly 'data-orientation': Orientation;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    } | {
+        readonly id: string;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly 'data-active': "" | undefined;
+        readonly 'data-disabled': "" | undefined;
+        readonly tabindex: 0 | -1;
+        readonly role: "slider";
+        readonly 'aria-valuemin': number;
+        readonly 'aria-valuemax': number;
+        readonly 'aria-valuenow': number | undefined;
+        readonly 'aria-disabled': "true" | "false";
+        readonly 'aria-orientation': Orientation;
+        readonly 'data-value': number | undefined;
+        readonly 'data-orientation': Orientation;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    };
+}
+interface SliderTickStateOpts extends WithRefOpts, ReadableBoxedValues<{
+    index: number;
+}> {
+}
+export declare class SliderTickState {
+    static create(opts: SliderTickStateOpts): SliderTickState;
+    readonly opts: SliderTickStateOpts;
+    readonly root: SliderRoot;
+    readonly attachment: RefAttachment;
+    constructor(opts: SliderTickStateOpts, root: SliderRoot);
+    readonly props: {
+        readonly id: string;
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-bounded': "" | undefined;
+        readonly 'data-value': number;
+        readonly 'data-selected': "" | undefined;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    } | {
+        readonly id: string;
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-bounded': "" | undefined;
+        readonly 'data-value': number;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    };
+}
+interface SliderTickLabelStateOpts extends WithRefOpts, ReadableBoxedValues<{
+    index: number;
+    position?: SliderLabelPosition;
+}> {
+}
+export declare class SliderTickLabelState {
+    static create(opts: SliderTickLabelStateOpts): SliderTickLabelState;
+    readonly opts: SliderTickLabelStateOpts;
+    readonly root: SliderRoot;
+    readonly attachment: RefAttachment;
+    constructor(opts: SliderTickLabelStateOpts, root: SliderRoot);
+    readonly props: {
+        readonly id: string;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-bounded': "" | undefined;
+        readonly 'data-value': number;
+        readonly 'data-selected': "" | undefined;
+        readonly 'data-position': SliderLabelPosition;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    };
+}
+interface SliderThumbLabelStateOpts extends WithRefOpts, ReadableBoxedValues<{
+    index: number;
+    position?: SliderLabelPosition;
+}> {
+}
+export declare class SliderThumbLabelState {
+    static create(opts: SliderThumbLabelStateOpts): SliderThumbLabelState;
+    readonly opts: SliderThumbLabelStateOpts;
+    readonly root: SliderRoot;
+    readonly attachment: RefAttachment;
+    constructor(opts: SliderThumbLabelStateOpts, root: SliderRoot);
+    readonly props: {
+        readonly id: string;
+        readonly 'data-orientation': Orientation;
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-value': number;
+        readonly 'data-active': "" | undefined;
+        readonly 'data-position': SliderLabelPosition;
+        readonly style: import("../../internal/index.js").StyleProperties;
+    };
+}
+export {};