@gluestack-ui/core 3.0.0-alpha.0

package/lib/esm/slider/aria/useSliderThumb.web.js

@@ -0,0 +1,134 @@
+import { clamp, focusWithoutScrolling, mergeProps, useGlobalListeners, } from '@react-aria/utils';
+import { getSliderThumbId, sliderIds } from './utils';
+import { useCallback, useEffect, useRef, } from 'react';
+import { useFocusable } from '@react-aria/focus';
+import { useLabel } from '@react-aria/label';
+import { useMove } from './useMove';
+import { isRTL } from '@gluestack-ui-nightly/utils/aria';
+export function useSliderThumb(opts, state, isReversed) {
+    var _a;
+    let { index, isRequired, isDisabled, validationState, trackLayout, inputRef, } = opts;
+    let isVertical = opts.orientation === 'vertical';
+    let direction = isRTL() ? 'rtl' : undefined;
+    let { addGlobalListener, removeGlobalListener } = useGlobalListeners();
+    let labelId = sliderIds.get(state);
+    const { labelProps, fieldProps } = useLabel(Object.assign(Object.assign({}, opts), { 'id': getSliderThumbId(state, index), 'aria-labelledby': `${labelId} ${(_a = opts['aria-labelledby']) !== null && _a !== void 0 ? _a : ''}`.trim() }));
+    const value = state.values[index];
+    const focusInput = useCallback(() => {
+        if (inputRef.current) {
+            focusWithoutScrolling(inputRef.current);
+        }
+    }, [inputRef]);
+    const isFocused = state.focusedThumb === index;
+    useEffect(() => {
+        if (isFocused) {
+            focusInput();
+        }
+    }, [isFocused, focusInput]);
+    const stateRef = useRef(null);
+    stateRef.current = state;
+    let reverseX = isReversed || direction === 'rtl';
+    let currentPosition = useRef(null);
+    let { moveProps } = useMove({
+        onMoveStart() {
+            currentPosition.current = null;
+            state.setThumbDragging(index, true);
+        },
+        onMove({ deltaX, deltaY, pointerType }) {
+            let size = isVertical ? trackLayout.height : trackLayout.width;
+            if (currentPosition.current == null) {
+                currentPosition.current =
+                    stateRef.current.getThumbPercent(index) * size;
+            }
+            if (pointerType === 'keyboard') {
+                let delta = ((reverseX ? -deltaX : deltaX) + (reverseX ? deltaY : -deltaY)) *
+                    stateRef.current.step;
+                currentPosition.current += delta * size;
+                stateRef.current.setThumbValue(index, stateRef.current.getThumbValue(index) + delta);
+            }
+            else {
+                let delta = isVertical ? deltaY : deltaX;
+                if (reverseX) {
+                    if (!isVertical) {
+                        delta = -delta;
+                    }
+                }
+                else {
+                    if (isVertical) {
+                        delta = -delta;
+                    }
+                }
+                currentPosition.current += delta;
+                stateRef.current.setThumbPercent(index, clamp(currentPosition.current / size, 0, 1));
+            }
+        },
+        onMoveEnd() {
+            state.setThumbDragging(index, false);
+        },
+    });
+    state.setThumbEditable(index, !isDisabled);
+    const { focusableProps } = useFocusable(mergeProps(opts, {
+        onFocus: () => state.setFocusedThumb(index),
+        onBlur: () => state.setFocusedThumb(undefined),
+    }), inputRef);
+    let currentPointer = useRef(undefined);
+    let onDown = (id) => {
+        focusInput();
+        currentPointer.current = id;
+        state.setThumbDragging(index, true);
+        addGlobalListener(window, 'mouseup', onUp, false);
+        addGlobalListener(window, 'touchend', onUp, false);
+        addGlobalListener(window, 'pointerup', onUp, false);
+    };
+    let onUp = (e) => {
+        var _a, _b;
+        let id = (_a = e.pointerId) !== null && _a !== void 0 ? _a : (_b = e.changedTouches) === null || _b === void 0 ? void 0 : _b[0].identifier;
+        if (id === currentPointer.current) {
+            focusInput();
+            state.setThumbDragging(index, false);
+            removeGlobalListener(window, 'mouseup', onUp, false);
+            removeGlobalListener(window, 'touchend', onUp, false);
+            removeGlobalListener(window, 'pointerup', onUp, false);
+        }
+    };
+    return {
+        inputProps: mergeProps(focusableProps, fieldProps, {
+            'type': 'range',
+            'tabIndex': !isDisabled ? 0 : undefined,
+            'min': state.getThumbMinValue(index),
+            'max': state.getThumbMaxValue(index),
+            'step': state.step,
+            'value': value,
+            'disabled': isDisabled,
+            'aria-orientation': opts.orientation,
+            'aria-valuetext': state.getThumbValueLabel(index),
+            'aria-required': isRequired || undefined,
+            'aria-invalid': validationState === 'invalid' || undefined,
+            'aria-errormessage': opts['aria-errormessage'],
+            'onChange': (e) => {
+                state.setThumbValue(index, parseFloat(e.target.value));
+            },
+        }),
+        thumbProps: !isDisabled
+            ? mergeProps(moveProps, {
+                onMouseDown: (e) => {
+                    if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
+                        return;
+                    }
+                    onDown();
+                },
+                onPointerDown: (e) => {
+                    if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
+                        return;
+                    }
+                    onDown(e.pointerId);
+                },
+                onTouchStart: (e) => {
+                    onDown(e.changedTouches[0].identifier);
+                },
+            })
+            : {},
+        labelProps,
+    };
+}
+//# sourceMappingURL=useSliderThumb.web.js.map

package/lib/esm/slider/aria/useSliderThumb.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderThumb.web.js","sourceRoot":"","sources":["../../../../src/slider/aria/useSliderThumb.web.ts"],"names":[],"mappings":"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"}

package/lib/esm/slider/aria/utils.d.ts

@@ -0,0 +1,4 @@
+import { SliderState } from '@react-stately/slider';
+export declare const sliderIds: WeakMap<SliderState, string>;
+export declare function getSliderThumbId(state: SliderState, index: number): string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/esm/slider/aria/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/slider/aria/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAO,MAAM,SAAS,8BAAqC,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,UAOjE"}

package/lib/esm/slider/aria/utils.js

@@ -0,0 +1,9 @@
+export const sliderIds = new WeakMap();
+export function getSliderThumbId(state, index) {
+    let id = sliderIds.get(state);
+    if (!id) {
+        throw new Error('Unknown slider state');
+    }
+    return `${id}-${index}`;
+}
+//# sourceMappingURL=utils.js.map

package/lib/esm/slider/aria/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/slider/aria/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,OAAO,EAAuB,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAAC,KAAkB,EAAE,KAAa;IAChE,IAAI,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,EAAE,CAAC;QACR,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO,GAAG,EAAE,IAAI,KAAK,EAAE,CAAC;AAC1B,CAAC"}

package/lib/esm/slider/creator/Context.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SliderContext: React.Context<any>;
+//# sourceMappingURL=Context.d.ts.map

package/lib/esm/slider/creator/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/slider/creator/Context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,aAAa,oBAA+B,CAAC"}

package/lib/esm/slider/creator/Context.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const SliderContext = React.createContext({});
+//# sourceMappingURL=Context.js.map

package/lib/esm/slider/creator/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/slider/creator/Context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAM,EAAE,CAAC,CAAC"}

package/lib/esm/slider/creator/Slider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function Slider<StyledSliderProps>(StyledSlider: React.ComponentType<StyledSliderProps>): React.ForwardRefExoticComponent<import("./types").InterfaceSliderProps & React.RefAttributes<unknown>>;
+export default Slider;
+//# sourceMappingURL=Slider.d.ts.map

package/lib/esm/slider/creator/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/slider/creator/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,iBAAS,MAAM,CAAC,iBAAiB,EAC/B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,0GA+IrD;AACD,eAAe,MAAM,CAAC"}

package/lib/esm/slider/creator/Slider.jsx

@@ -0,0 +1,106 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { useSliderState } from '@react-stately/slider';
+import { useLayout } from '@gluestack-ui-nightly/utils/hooks';
+import { SliderContext } from './Context';
+import { useSlider } from '../aria';
+import { useFormControlContext } from '../../form-control/creator';
+function Slider(StyledSlider) {
+    return forwardRef((_a, ref) => {
+        var { orientation = 'horizontal', isReversed = false, 'isHovered': isHoveredProp, 'isDisabled': isDisabledProp, 'isFocused': isFocusedProp, 'isFocusVisible': isFocusVisibleProp, 'isPressed': isPressedProp, 'aria-label': ariaLabel = 'Slider', sliderTrackHeight, step, children } = _a, props = __rest(_a, ["orientation", "isReversed", 'isHovered', 'isDisabled', 'isFocused', 'isFocusVisible', 'isPressed', 'aria-label', "sliderTrackHeight", "step", "children"]);
+        const formControlContext = useFormControlContext();
+        const [isFocused, setIsFocused] = React.useState(false);
+        const [isFocusVisible, setIsFocusVisible] = React.useState(false);
+        const [isHovered, setIsHovered] = React.useState(false);
+        const [isPressed, setIsPressed] = React.useState(false);
+        const _b = Object.assign(Object.assign(Object.assign({}, formControlContext), props), { 'aria-label': ariaLabel }), { isDisabled, isReadOnly } = _b, newProps = __rest(_b, ["isDisabled", "isReadOnly"]);
+        if (typeof props.value === 'number') {
+            newProps.value = [props.value];
+        }
+        if (typeof props.defaultValue === 'number') {
+            newProps.defaultValue = [props.defaultValue];
+        }
+        props = newProps;
+        const { onLayout, layout: trackLayout } = useLayout();
+        const updatedProps = Object.assign({}, props);
+        if (isReadOnly || isDisabled) {
+            updatedProps.isDisabled = true;
+        }
+        const state = useSliderState(Object.assign(Object.assign({}, updatedProps), { numberFormatter: { format: (e) => e }, minValue: props.minValue, maxValue: props.maxValue, step, onChange: (val) => {
+                props.onChange && props.onChange(val[0]);
+            }, onChangeEnd: (val) => {
+                props.onChangeEnd && props.onChangeEnd(val[0]);
+            } }));
+        const { trackProps } = useSlider(props, state, trackLayout, isReversed);
+        const contextValue = React.useMemo(() => {
+            return {
+                isDisabled: isDisabled || isDisabledProp,
+                isFocused: isFocused || isFocusedProp,
+                isFocusVisible: isFocusVisible || isFocusVisibleProp,
+                isPressed: isPressed || isPressedProp,
+                isHovered: isHovered || isHoveredProp,
+                isReadOnly,
+                isReversed,
+                trackLayout,
+                state,
+                orientation,
+                setIsFocused,
+                setIsFocusVisible,
+                setIsPressed,
+                setIsHovered,
+                trackProps,
+                onTrackLayout: onLayout,
+                sliderTrackHeight,
+            };
+        }, [
+            trackLayout,
+            state,
+            orientation,
+            isDisabled,
+            isReversed,
+            isReadOnly,
+            onLayout,
+            isFocused,
+            setIsFocused,
+            isFocusVisible,
+            setIsFocusVisible,
+            isPressed,
+            setIsPressed,
+            isHoveredProp,
+            isDisabledProp,
+            isFocusedProp,
+            isFocusVisibleProp,
+            isPressedProp,
+            sliderTrackHeight,
+        ]);
+        return (<SliderContext.Provider value={contextValue}>
+          <StyledSlider {...props} ref={ref} states={{
+                hover: isHovered || isHoveredProp,
+                disabled: isDisabled || isDisabledProp,
+                focus: isFocused || isFocusedProp,
+                focusVisible: isFocusVisible || isFocusVisibleProp,
+                active: isPressed || isPressedProp,
+            }} dataSet={{
+                hover: isHovered || isHoveredProp ? 'true' : 'false',
+                disabled: isDisabled || isDisabledProp ? 'true' : 'false',
+                focus: isFocused || isFocusedProp ? 'true' : 'false',
+                focusVisible: isFocusVisible || isFocusVisibleProp ? 'true' : 'false',
+                active: isPressed || isPressedProp ? 'true' : 'false',
+            }} orientation={orientation !== null && orientation !== void 0 ? orientation : 'horizontal'} isReversed={isReversed !== null && isReversed !== void 0 ? isReversed : false}>
+            {children}
+          </StyledSlider>
+        </SliderContext.Provider>);
+    });
+}
+export default Slider;
+//# sourceMappingURL=Slider.jsx.map

package/lib/esm/slider/creator/Slider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.jsx","sourceRoot":"","sources":["../../../../src/slider/creator/Slider.tsx"],"names":[],"mappings":"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"}

package/lib/esm/slider/creator/SliderFilledTrack.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function SliderFilledTrack<StyledSliderFilledTrack>(StyledSliderFilledTrack: React.ComponentType<StyledSliderFilledTrack>): React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default SliderFilledTrack;
+//# sourceMappingURL=SliderFilledTrack.d.ts.map

package/lib/esm/slider/creator/SliderFilledTrack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderFilledTrack.d.ts","sourceRoot":"","sources":["../../../../src/slider/creator/SliderFilledTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,iBAAS,iBAAiB,CAAC,uBAAuB,EAChD,uBAAuB,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,oFAwEtE;AACD,eAAe,iBAAiB,CAAC"}

package/lib/esm/slider/creator/SliderFilledTrack.jsx

@@ -0,0 +1,55 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { SliderContext } from './Context';
+import { Platform } from 'react-native';
+import { mergeRefs } from '@gluestack-ui-nightly/utils/common';
+function SliderFilledTrack(StyledSliderFilledTrack) {
+    return forwardRef((_a, ref) => {
+        var { _experimentalSliderFilledTrack = false, _experimentalSliderFilledTrackValue = 0, style } = _a, props = __rest(_a, ["_experimentalSliderFilledTrack", "_experimentalSliderFilledTrackValue", "style"]);
+        const _ref = React.useRef(null);
+        const { state, trackLayout, orientation, isDisabled, isFocused, isHovered, isPressed, isFocusVisible, } = React.useContext(SliderContext);
+        const getSliderTrackPosition = () => {
+            if (orientation === 'vertical') {
+                return trackLayout.height * state.getThumbPercent(0);
+            }
+            else {
+                return trackLayout.width * state.getThumbPercent(0);
+            }
+        };
+        const sliderTrackPosition = getSliderTrackPosition();
+        let positionProps = orientation === 'vertical'
+            ? { height: sliderTrackPosition }
+            : { width: sliderTrackPosition };
+        if (_experimentalSliderFilledTrack) {
+            positionProps =
+                orientation === 'vertical'
+                    ? { height: _experimentalSliderFilledTrackValue }
+                    : { width: _experimentalSliderFilledTrackValue };
+        }
+        return (<StyledSliderFilledTrack {...props} ref={mergeRefs([_ref, ref])} style={[style, positionProps]} states={{
+                hover: isHovered,
+                disabled: isDisabled,
+                focus: isFocused,
+                focusVisible: isFocusVisible,
+                active: isPressed,
+            }} dataSet={{
+                hover: isHovered ? 'true' : 'false',
+                disabled: isDisabled ? 'true' : 'false',
+                focus: isFocused ? 'true' : 'false',
+                focusVisible: isFocusVisible ? 'true' : 'false',
+                active: isPressed ? 'true' : 'false',
+            }} disabled={isDisabled} tabIndex={Platform.OS === 'web' ? -1 : undefined}/>);
+    });
+}
+export default SliderFilledTrack;
+//# sourceMappingURL=SliderFilledTrack.jsx.map

package/lib/esm/slider/creator/SliderFilledTrack.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderFilledTrack.jsx","sourceRoot":"","sources":["../../../../src/slider/creator/SliderFilledTrack.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,SAAS,iBAAiB,CACxB,uBAAqE;IAErE,OAAO,UAAU,CACf,CACE,EAKM,EACN,GAAS,EACT,EAAE;YAPF,EACE,8BAA8B,GAAG,KAAK,EACtC,mCAAmC,GAAG,CAAC,EACvC,KAAK,OAED,EADD,KAAK,cAJV,kFAKC,CADS;QAIV,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,GACf,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAEpC,MAAM,sBAAsB,GAAG,GAAG,EAAE;YAClC,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;gBAC/B,OAAO,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YACvD,CAAC;iBAAM,CAAC;gBACN,OAAO,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;QAErD,IAAI,aAAa,GACf,WAAW,KAAK,UAAU;YACxB,CAAC,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE;YACjC,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;QAErC,IAAI,8BAA8B,EAAE,CAAC;YACnC,aAAa;gBACX,WAAW,KAAK,UAAU;oBACxB,CAAC,CAAC,EAAE,MAAM,EAAE,mCAAmC,EAAE;oBACjD,CAAC,CAAC,EAAE,KAAK,EAAE,mCAAmC,EAAE,CAAC;QACvD,CAAC;QAED,OAAO,CACL,CAAC,uBAAuB,CACtB,IAAI,KAAK,CAAC,CACV,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAC5B,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAC9B,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,cAAc;gBAC5B,MAAM,EAAE,SAAS;aAClB,CAAC,CACF,OAAO,CAAC,CAAC;gBACP,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACvC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAC/C,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aACrC,CAAC,CACF,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACjD,CACH,CAAC;IACJ,CAAC,CACF,CAAC;AACJ,CAAC;AACD,eAAe,iBAAiB,CAAC"}

package/lib/esm/slider/creator/SliderThumb.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ISliderThumbProps } from './types';
+declare function SliderThumb<StyledSliderThumb, StyledSliderThumbInteraction>(StyledSliderThumb: React.ComponentType<StyledSliderThumb>, StyledSliderThumbInteraction: React.ComponentType<StyledSliderThumbInteraction>): React.ForwardRefExoticComponent<ISliderThumbProps & {
+    children?: any;
+    style?: any;
+} & React.RefAttributes<unknown>>;
+export default SliderThumb;
+//# sourceMappingURL=SliderThumb.d.ts.map

package/lib/esm/slider/creator/SliderThumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.d.ts","sourceRoot":"","sources":["../../../../src/slider/creator/SliderThumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAWjD,iBAAS,WAAW,CAAC,iBAAiB,EAAE,4BAA4B,EAClE,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACzD,4BAA4B,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAAC;eASvC,GAAG;YAAU,GAAG;kCAoJzD;AACD,eAAe,WAAW,CAAC"}

package/lib/esm/slider/creator/SliderThumb.jsx

@@ -0,0 +1,123 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useEffect } from 'react';
+import { Platform } from 'react-native';
+import { useSliderThumb } from '../aria';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { SliderContext } from './Context';
+import { useHover } from '@gluestack-ui-nightly/utils/aria';
+import { mergeRefs } from '@gluestack-ui-nightly/utils/common';
+import { useFocusRing, useFocus } from '@gluestack-ui-nightly/utils/aria';
+import { composeEventHandlers } from '@gluestack-ui-nightly/utils/common';
+const positionMap = new Map([
+    ['horizontal true', 'right'],
+    ['horizontal false', 'left'],
+    ['vertical true', 'top'],
+    ['vertical false', 'bottom'],
+]);
+function SliderThumb(StyledSliderThumb, StyledSliderThumbInteraction) {
+    return forwardRef((_a, ref) => {
+        var _b;
+        var { children, scaleOnPressed = 1, style } = _a, props = __rest(_a, ["children", "scaleOnPressed", "style"]);
+        const [thumbSize, setThumbSize] = React.useState({
+            height: 0,
+            width: 0,
+        });
+        const _ref = React.useRef(null);
+        const { isHovered } = useHover({}, _ref);
+        const { state, trackLayout, orientation, isDisabled, isReversed, isPressed, setIsHovered, setIsPressed, setIsFocused, setIsFocusVisible, } = React.useContext(SliderContext);
+        const inputRef = React.useRef(null);
+        const { thumbProps, inputProps } = useSliderThumb({
+            index: 0,
+            trackLayout,
+            inputRef,
+            isDisabled,
+            orientation: orientation,
+        }, state, isReversed);
+        const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();
+        const { isFocused, focusProps } = useFocus();
+        const thumbStyles = {
+            transform: orientation === 'vertical'
+                ? [
+                    {
+                        translateY: isReversed
+                            ? -(thumbSize === null || thumbSize === void 0 ? void 0 : thumbSize.height) / 2
+                            : (thumbSize === null || thumbSize === void 0 ? void 0 : thumbSize.height) / 2,
+                    },
+                ]
+                : [
+                    {
+                        translateX: isReversed
+                            ? (thumbSize === null || thumbSize === void 0 ? void 0 : thumbSize.height) / 2
+                            : -(thumbSize === null || thumbSize === void 0 ? void 0 : thumbSize.height) / 2,
+                    },
+                ],
+        };
+        thumbStyles[`${positionMap.get(`${orientation} ${isReversed}`)}`] = `${state.getThumbPercent(0) * 100}%`;
+        (_b = thumbStyles === null || thumbStyles === void 0 ? void 0 : thumbStyles.transform) === null || _b === void 0 ? void 0 : _b.push({
+            scale: state.isThumbDragging(0) ? scaleOnPressed : 1,
+        });
+        useEffect(() => {
+            setIsPressed(state.isThumbDragging(0));
+        }, [state, setIsPressed, isPressed]);
+        useEffect(() => {
+            setIsFocused(isFocused);
+        }, [isFocused, setIsFocused]);
+        useEffect(() => {
+            setIsFocusVisible(isFocusVisible);
+        }, [isFocusVisible, setIsFocusVisible]);
+        useEffect(() => {
+            setIsHovered(isHovered);
+        }, [isHovered, setIsHovered]);
+        return (<StyledSliderThumb onLayout={(layout) => {
+                var _a, _b, _c, _d;
+                setThumbSize({
+                    height: (_b = (_a = layout === null || layout === void 0 ? void 0 : layout.nativeEvent) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.height,
+                    width: (_d = (_c = layout === null || layout === void 0 ? void 0 : layout.nativeEvent) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.width,
+                });
+            }} states={{
+                hover: isHovered,
+                disabled: isDisabled,
+                focus: isFocused,
+                focusVisible: isFocusVisible,
+                active: isPressed,
+            }} dataSet={{
+                hover: isHovered ? 'true' : 'false',
+                disabled: isDisabled ? 'true' : 'false',
+                focus: isFocused ? 'true' : 'false',
+                focusVisible: isFocusVisible ? 'true' : 'false',
+                active: isPressed ? 'true' : 'false',
+            }} disabled={isDisabled} {...thumbProps} style={[style, thumbStyles]} onFocus={composeEventHandlers(composeEventHandlers(props === null || props === void 0 ? void 0 : props.onFocus, focusProps.onFocus), focusRingProps.onFocus)} onBlur={composeEventHandlers(composeEventHandlers(props === null || props === void 0 ? void 0 : props.onBlur, focusProps.onBlur), focusRingProps.onBlur)} ref={mergeRefs([_ref, ref])} {...props}>
+          
+          <StyledSliderThumbInteraction states={{
+                hover: isHovered,
+                focus: isFocused,
+                focusVisible: isFocusVisible,
+                disabled: isDisabled,
+                active: isPressed,
+            }} dataSet={{
+                hover: isHovered ? 'true' : 'false',
+                focus: isFocused ? 'true' : 'false',
+                focusVisible: isFocusVisible ? 'true' : 'false',
+                disabled: isDisabled ? 'true' : 'false',
+                active: isPressed ? 'true' : 'false',
+            }}>
+            {children}
+            {Platform.OS === 'web' && (<VisuallyHidden>
+                <input ref={inputRef} {...inputProps}/>
+              </VisuallyHidden>)}
+          </StyledSliderThumbInteraction>
+        </StyledSliderThumb>);
+    });
+}
+export default SliderThumb;
+//# sourceMappingURL=SliderThumb.jsx.map

package/lib/esm/slider/creator/SliderThumb.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.jsx","sourceRoot":"","sources":["../../../../src/slider/creator/SliderThumb.tsx"],"names":[],"mappings":"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"}

package/lib/esm/slider/creator/SliderTrack.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function SliderTrack<StyledSliderTrackProps>(StyledSliderTrack: React.ComponentType<StyledSliderTrackProps>): React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default SliderTrack;
+//# sourceMappingURL=SliderTrack.d.ts.map

package/lib/esm/slider/creator/SliderTrack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.d.ts","sourceRoot":"","sources":["../../../../src/slider/creator/SliderTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,iBAAS,WAAW,CAAC,sBAAsB,EACzC,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,oFA4C/D;AACD,eAAe,WAAW,CAAC"}

package/lib/esm/slider/creator/SliderTrack.jsx

@@ -0,0 +1,40 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { SliderContext } from './Context';
+import { mergeRefs } from '@gluestack-ui-nightly/utils/common';
+import { useHover } from '@gluestack-ui-nightly/utils/aria';
+function SliderTrack(StyledSliderTrack) {
+    return forwardRef((_a, ref) => {
+        var { children, style } = _a, props = __rest(_a, ["children", "style"]);
+        const _ref = React.useRef(null);
+        const { isHovered } = useHover({}, _ref);
+        const { trackProps, onTrackLayout, isFocused, isFocusVisible, isDisabled, isPressed, sliderTrackHeight, } = React.useContext(SliderContext);
+        return (<StyledSliderTrack onLayout={onTrackLayout} ref={mergeRefs([_ref, ref])} {...trackProps} style={[{ height: sliderTrackHeight }, style]} {...props} isDisabled={isDisabled} tabIndex={-1} states={{
+                hover: isHovered,
+                disabled: isDisabled,
+                focus: isFocused,
+                focusVisible: isFocusVisible,
+                active: isPressed,
+            }} dataSet={{
+                hover: isHovered ? 'true' : 'false',
+                disabled: isDisabled ? 'true' : 'false',
+                focus: isFocused ? 'true' : 'false',
+                focusVisible: isFocusVisible ? 'true' : 'false',
+                active: isPressed ? 'true' : 'false',
+            }} disabled={isDisabled}>
+        {children}
+      </StyledSliderTrack>);
+    });
+}
+export default SliderTrack;
+//# sourceMappingURL=SliderTrack.jsx.map

package/lib/esm/slider/creator/SliderTrack.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.jsx","sourceRoot":"","sources":["../../../../src/slider/creator/SliderTrack.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,SAAS,WAAW,CAClB,iBAA8D;IAE9D,OAAO,UAAU,CAAC,CAAC,EAAkC,EAAE,GAAS,EAAE,EAAE;YAAjD,EAAE,QAAQ,EAAE,KAAK,OAAiB,EAAZ,KAAK,cAA3B,qBAA6B,CAAF;QAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACzC,MAAM,EACJ,UAAU,EACV,aAAa,EACb,SAAS,EACT,cAAc,EACd,UAAU,EACV,SAAS,EACT,iBAAiB,GAClB,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAEpC,OAAO,CACL,CAAC,iBAAiB,CAChB,QAAQ,CAAC,CAAC,aAAa,CAAC,CACxB,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAC5B,IAAI,UAAU,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,CAAC,CAC9C,IAAI,KAAK,CAAC,CACV,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CACb,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,cAAc;gBAC5B,MAAM,EAAE,SAAS;aAClB,CAAC,CACF,OAAO,CAAC,CAAC;gBACP,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACvC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAC/C,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aACrC,CAAC,CACF,QAAQ,CAAC,CAAC,UAAU,CAAC,CAErB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,iBAAiB,CAAC,CACrB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AACD,eAAe,WAAW,CAAC"}

package/lib/esm/slider/creator/index.d.ts

@@ -0,0 +1,11 @@
+import type { ISliderComponentType } from './types';
+export { SliderContext } from './Context';
+export type { ISliderProps } from './types';
+export declare function createSlider<SliderProps, SliderThumbInteractionProps, SliderThumbProps, SliderTrackProps, SliderFilledTrackProps>({ Root, ThumbInteraction, Thumb, Track, FilledTrack, }: {
+    Root: React.ComponentType<SliderProps>;
+    Thumb: React.ComponentType<SliderThumbProps>;
+    ThumbInteraction: React.ComponentType<SliderThumbInteractionProps>;
+    Track: React.ComponentType<SliderTrackProps>;
+    FilledTrack: React.ComponentType<SliderFilledTrackProps>;
+}): ISliderComponentType<SliderProps, SliderThumbProps, SliderTrackProps, SliderFilledTrackProps>;
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/slider/creator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/slider/creator/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAC1B,WAAW,EACX,2BAA2B,EAC3B,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,EACA,IAAI,EACJ,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IACnE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7C,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAC1D,GAWkB,oBAAoB,CACnC,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,CACvB,CACF"}

package/lib/esm/slider/creator/index.jsx

@@ -0,0 +1,17 @@
+import SliderMain from './Slider';
+import SliderThumb from './SliderThumb';
+import SliderTrack from './SliderTrack';
+import SliderFilledTrack from './SliderFilledTrack';
+export { SliderContext } from './Context';
+export function createSlider({ Root, ThumbInteraction, Thumb, Track, FilledTrack, }) {
+    const Slider = SliderMain(Root);
+    Slider.Thumb = SliderThumb(Thumb, ThumbInteraction);
+    Slider.Track = SliderTrack(Track);
+    Slider.FilledTrack = SliderFilledTrack(FilledTrack);
+    Slider.displayName = 'Slider';
+    Slider.Thumb.displayName = 'Slider.Thumb';
+    Slider.Track.displayName = 'Slider.Track';
+    Slider.FilledTrack.displayName = 'Slider.FilledTrack';
+    return Slider;
+}
+//# sourceMappingURL=index.jsx.map