@limonify/zest-ui 0.1.0

package/lib/slider/root/SliderRoot.js

@@ -0,0 +1,195 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderRoot = SliderRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useControlled_1 = require("../../hooks/useControlled");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const clamp_1 = require("../../utils/clamp");
+const SliderRootContext_1 = require("./SliderRootContext");
+/**
+ * Groups all parts of the slider.
+ * Renders a `<View>`.
+ *
+ * Drop the web-only props: `name`/`form` (React Native has no form submission),
+ * `largeStep` (a PageUp/PageDown affordance), and `thumbAlignment` (CSS).
+ */
+function SliderRoot(componentProps) {
+    const { className, defaultValue, disabled = false, format, locale, max = 100, min = 0, minStepsBetweenValues = 0, onValueChange, onValueCommitted, orientation = 'horizontal', render, step = 1, style, value, ref, ...elementProps } = componentProps;
+    // A range slider is just a slider whose value is an array; remember which
+    // shape the consumer used so callbacks hand back the same one.
+    const isRange = Array.isArray(value !== null && value !== void 0 ? value : defaultValue);
+    const controlledValues = React.useMemo(() => (value === undefined ? undefined : toArray(value)), [value]);
+    const defaultValues = React.useMemo(() => (value !== undefined ? undefined : toArray(defaultValue !== null && defaultValue !== void 0 ? defaultValue : min)), [value, defaultValue, min]);
+    const [values, setValuesState] = (0, useControlled_1.useControlled)({
+        controlled: controlledValues,
+        default: defaultValues,
+        name: 'Slider',
+        state: 'value',
+    });
+    const [dragging, setDragging] = React.useState(false);
+    const [controlSize, setControlSize] = React.useState(undefined);
+    const [labelId, setLabelId] = React.useState(undefined);
+    // A drag emits several changes in one synchronous batch — its final move and
+    // its finalize land before React re-renders — so the value logic cannot read
+    // `values` from render or it would work against the previous batch's state.
+    // The effect has no dependency array on purpose: it must also resync when a
+    // controlled consumer ignores a change, which re-renders nothing.
+    const valuesRef = React.useRef(values);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        valuesRef.current = values;
+    });
+    const roundToStep = (0, useStableCallback_1.useStableCallback)((raw) => {
+        const stepped = Math.round((raw - min) / step) * step + min;
+        // Steps like 0.1 accumulate float error; round to the step's precision.
+        const decimals = countDecimals(step);
+        const rounded = Number(stepped.toFixed(decimals));
+        return (0, clamp_1.clamp)(rounded, min, max);
+    });
+    const getValueFromPosition = (0, useStableCallback_1.useStableCallback)((position) => {
+        // Nothing can be derived from a position until the control has reported its
+        // size; callers must bail rather than fall back to a value, or a touch
+        // landing before the first layout would snap the slider to `min`.
+        if (!controlSize) {
+            return undefined;
+        }
+        const ratio = (0, clamp_1.clamp)(position / controlSize, 0, 1);
+        // A vertical slider grows upwards, so its position axis is inverted.
+        const percent = orientation === 'vertical' ? 1 - ratio : ratio;
+        return roundToStep(min + percent * (max - min));
+    });
+    const getClosestThumbIndex = (0, useStableCallback_1.useStableCallback)((target) => {
+        let closest = 0;
+        let smallestDistance = Number.POSITIVE_INFINITY;
+        valuesRef.current.forEach((thumbValue, index) => {
+            const distance = Math.abs(thumbValue - target);
+            if (distance < smallestDistance) {
+                smallestDistance = distance;
+                closest = index;
+            }
+        });
+        return closest;
+    });
+    const emit = (0, useStableCallback_1.useStableCallback)((nextValues, eventDetails) => {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(fromArray(nextValues, isRange), eventDetails);
+        if (eventDetails.isCanceled) {
+            return;
+        }
+        valuesRef.current = nextValues;
+        setValuesState(nextValues);
+    });
+    const setThumbValue = (0, useStableCallback_1.useStableCallback)((index, nextValue, eventDetails) => {
+        if (disabled) {
+            return;
+        }
+        const current = valuesRef.current;
+        // Thumbs may not cross, and `minStepsBetweenValues` keeps a gap between them.
+        const gap = minStepsBetweenValues * step;
+        const lowerBound = index > 0 ? current[index - 1] + gap : min;
+        const upperBound = index < current.length - 1 ? current[index + 1] - gap : max;
+        const clamped = (0, clamp_1.clamp)(nextValue, lowerBound, upperBound);
+        if (clamped === current[index]) {
+            return;
+        }
+        const nextValues = current.slice();
+        nextValues[index] = clamped;
+        emit(nextValues, eventDetails);
+    });
+    const commitValue = (0, useStableCallback_1.useStableCallback)((eventDetails) => {
+        onValueCommitted === null || onValueCommitted === void 0 ? void 0 : onValueCommitted(fromArray(valuesRef.current, isRange), eventDetails);
+    });
+    const state = React.useMemo(() => ({ disabled, dragging, max, min, orientation, values }), [disabled, dragging, max, min, orientation, values]);
+    const contextValue = React.useMemo(() => ({
+        commitValue,
+        controlSize,
+        disabled,
+        dragging,
+        format,
+        getClosestThumbIndex,
+        getValueFromPosition,
+        labelId,
+        locale,
+        max,
+        min,
+        orientation,
+        setControlSize,
+        setDragging,
+        setLabelId,
+        setThumbValue,
+        state,
+        step,
+        values,
+    }), [
+        commitValue,
+        controlSize,
+        disabled,
+        dragging,
+        format,
+        getClosestThumbIndex,
+        getValueFromPosition,
+        labelId,
+        locale,
+        max,
+        min,
+        orientation,
+        setThumbValue,
+        state,
+        step,
+        values,
+    ]);
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [{ 'aria-orientation': orientation }, elementProps],
+    });
+    return (0, jsx_runtime_1.jsx)(SliderRootContext_1.SliderRootContext.Provider, { value: contextValue, children: element });
+}
+function toArray(value) {
+    return Array.isArray(value) ? value : [value];
+}
+function fromArray(values, isRange) {
+    return isRange ? values : values[0];
+}
+function countDecimals(value) {
+    const text = String(value);
+    const separator = text.indexOf('.');
+    return separator === -1 ? 0 : text.length - separator - 1;
+}
+//# sourceMappingURL=SliderRoot.js.map

package/lib/slider/root/SliderRoot.js.map

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

package/lib/slider/root/SliderRootContext.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import type { Orientation } from '../../types';
+import type { SliderRoot, SliderRootState } from './SliderRoot';
+export interface SliderRootContext {
+    values: readonly number[];
+    min: number;
+    max: number;
+    step: number;
+    disabled: boolean;
+    orientation: Orientation;
+    dragging: boolean;
+    state: SliderRootState;
+    format: Intl.NumberFormatOptions | undefined;
+    locale: Intl.LocalesArgument | undefined;
+    /**
+     * The measured size of the control along its main axis, which is what turns a
+     * touch position into a value.
+     */
+    controlSize: number | undefined;
+    setControlSize: (size: number) => void;
+    setDragging: (dragging: boolean) => void;
+    /**
+     * The id of the `Slider.Label`, associated with every thumb. `undefined` when
+     * there is no label.
+     */
+    labelId: string | undefined;
+    setLabelId: (id: string | undefined) => void;
+    /**
+     * Commits a value for one thumb, clamped to the range and to its neighbours.
+     */
+    setThumbValue: (index: number, value: number, eventDetails: SliderRoot.ChangeEventDetails) => void;
+    /**
+     * Converts a position along the control into a value, or `undefined` while the
+     * control has not been measured yet.
+     */
+    getValueFromPosition: (position: number) => number | undefined;
+    /**
+     * The index of the thumb closest to a value, used to pick which thumb a drag
+     * should move.
+     */
+    getClosestThumbIndex: (value: number) => number;
+    commitValue: (eventDetails: SliderRoot.ChangeEventDetails) => void;
+}
+export declare const SliderRootContext: React.Context<SliderRootContext | undefined>;
+export declare function useSliderRootContext(): SliderRootContext;
+//# sourceMappingURL=SliderRootContext.d.ts.map

package/lib/slider/root/SliderRootContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRootContext.d.ts","sourceRoot":"","sources":["../../../src/slider/root/SliderRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;IAC7C,MAAM,EAAE,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;IACzC;;;OAGG;IACH,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,aAAa,EAAE,CACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,UAAU,CAAC,kBAAkB,KACxC,IAAI,CAAC;IACV;;;OAGG;IACH,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC/D;;;OAGG;IACH,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,WAAW,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,iBAAiB,8CAAgE,CAAC;AAE/F,wBAAgB,oBAAoB,sBASnC"}

package/lib/slider/root/SliderRootContext.js

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderRootContext = void 0;
+exports.useSliderRootContext = useSliderRootContext;
+const React = __importStar(require("react"));
+exports.SliderRootContext = React.createContext(undefined);
+function useSliderRootContext() {
+    const context = React.useContext(exports.SliderRootContext);
+    if (context === undefined) {
+        throw new Error('Zest: SliderRootContext is missing. Slider parts must be placed within <Slider.Root>.');
+    }
+    return context;
+}
+//# sourceMappingURL=SliderRootContext.js.map

package/lib/slider/root/SliderRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRootContext.js","sourceRoot":"","sources":["../../../src/slider/root/SliderRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDb,oDASC;AA5DD,6CAA+B;AAiDlB,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAgC,SAAS,CAAC,CAAC;AAE/F,SAAgB,oBAAoB;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAiB,CAAC,CAAC;IACpD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/slider/thumb/SliderThumb.d.ts

@@ -0,0 +1,34 @@
+import { View } from 'react-native';
+import type { SliderRootState } from '../root/SliderRoot';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * The draggable handle.
+ * Renders a `<View>` positioned along the track.
+ *
+ * The drag itself is owned by `Slider.Control`, which is what gets measured — a
+ * thumb never needs its own gesture. `accessibilityRole="adjustable"` is what
+ * lets assistive technology change the value.
+ */
+export declare function SliderThumb(componentProps: SliderThumb.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface SliderThumbState extends SliderRootState {
+    /**
+     * This thumb's index, which matters for range sliders.
+     */
+    index: number;
+    /**
+     * This thumb's value.
+     */
+    value: number;
+}
+export interface SliderThumbProps extends ZestUIComponentProps<typeof View, SliderThumbState> {
+    /**
+     * Which value this thumb controls. Range sliders give each thumb its own index.
+     * @default 0
+     */
+    index?: number | undefined;
+}
+export declare namespace SliderThumb {
+    type State = SliderThumbState;
+    type Props = SliderThumbProps;
+}
+//# sourceMappingURL=SliderThumb.d.ts.map

package/lib/slider/thumb/SliderThumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.d.ts","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,8FAoC5D;AAcD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;IAC3F;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}

package/lib/slider/thumb/SliderThumb.js

@@ -0,0 +1,54 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderThumb = SliderThumb;
+const react_native_1 = require("react-native");
+const SliderRootContext_1 = require("../root/SliderRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const formatNumber_1 = require("../../utils/formatNumber");
+/**
+ * The draggable handle.
+ * Renders a `<View>` positioned along the track.
+ *
+ * The drag itself is owned by `Slider.Control`, which is what gets measured — a
+ * thumb never needs its own gesture. `accessibilityRole="adjustable"` is what
+ * lets assistive technology change the value.
+ */
+function SliderThumb(componentProps) {
+    var _a;
+    const { render, className, style, index = 0, ref, ...elementProps } = componentProps;
+    const { disabled, format, labelId, locale, max, min, orientation, state, values } = (0, SliderRootContext_1.useSliderRootContext)();
+    const value = (_a = values[index]) !== null && _a !== void 0 ? _a : min;
+    const percent = max === min ? 0 : ((value - min) / (max - min)) * 100;
+    const positionStyle = orientation === 'vertical'
+        ? { position: 'absolute', bottom: `${percent}%` }
+        : { position: 'absolute', left: `${percent}%` };
+    const thumbState = { ...state, index, value };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state: thumbState,
+        ref,
+        props: [
+            {
+                style: positionStyle,
+                accessibilityRole: 'adjustable',
+                accessibilityLabelledBy: labelId,
+                accessibilityState: { disabled: disabled || undefined },
+                accessibilityValue: {
+                    min,
+                    max,
+                    now: value,
+                    text: formatValue(value, format, locale),
+                },
+                'aria-orientation': orientation,
+            },
+            elementProps,
+        ],
+    });
+}
+function formatValue(value, format, locale) {
+    if (!format) {
+        return undefined;
+    }
+    return (0, formatNumber_1.formatNumber)(value, locale, format);
+}
+//# sourceMappingURL=SliderThumb.js.map

package/lib/slider/thumb/SliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.js","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,kCAoCC;AAnDD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,2DAAwD;AAIxD;;;;;;;GAOG;AACH,SAAgB,WAAW,CAAC,cAAiC;;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAErF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAC/E,IAAA,wCAAoB,GAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,mCAAI,GAAG,CAAC;IACnC,MAAM,OAAO,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,MAAM,aAAa,GACjB,WAAW,KAAK,UAAU;QACxB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,MAAM,EAAE,GAAG,OAAO,GAAY,EAAE;QACnE,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,GAAY,EAAE,CAAC;IAEtE,MAAM,UAAU,GAAqB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;IAEhE,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK,EAAE,UAAU;QACjB,GAAG;QACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,aAAa;gBACpB,iBAAiB,EAAE,YAAqB;gBACxC,uBAAuB,EAAE,OAAO;gBAChC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACvD,kBAAkB,EAAE;oBAClB,GAAG;oBACH,GAAG;oBACH,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;iBACzC;gBACD,kBAAkB,EAAE,WAAW;aAChC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAClB,KAAa,EACb,MAA4C,EAC5C,MAAwC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,IAAA,2BAAY,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC"}

package/lib/slider/track/SliderTrack.d.ts

@@ -0,0 +1,17 @@
+import { View } from 'react-native';
+import type { SliderRootState } from '../root/SliderRoot';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * The visual rail the thumb travels along.
+ * Renders a `<View>`.
+ */
+export declare function SliderTrack(componentProps: SliderTrack.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface SliderTrackState extends SliderRootState {
+}
+export interface SliderTrackProps extends ZestUIComponentProps<typeof View, SliderTrackState> {
+}
+export declare namespace SliderTrack {
+    type State = SliderTrackState;
+    type Props = SliderTrackProps;
+}
+//# sourceMappingURL=SliderTrack.d.ts.map

package/lib/slider/track/SliderTrack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.d.ts","sourceRoot":"","sources":["../../../src/slider/track/SliderTrack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,8FAU5D;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;CAAG;AAE5D,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;CAAG;AAEhG,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}

package/lib/slider/track/SliderTrack.js

@@ -0,0 +1,21 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderTrack = SliderTrack;
+const react_native_1 = require("react-native");
+const SliderRootContext_1 = require("../root/SliderRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+/**
+ * The visual rail the thumb travels along.
+ * Renders a `<View>`.
+ */
+function SliderTrack(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const { state } = (0, SliderRootContext_1.useSliderRootContext)();
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: elementProps,
+    });
+}
+//# sourceMappingURL=SliderTrack.js.map

package/lib/slider/track/SliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.js","sourceRoot":"","sources":["../../../src/slider/track/SliderTrack.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,kCAUC;AApBD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AAIrE;;;GAGG;AACH,SAAgB,WAAW,CAAC,cAAiC;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAEzC,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,YAAY;KACpB,CAAC,CAAC;AACL,CAAC"}

package/lib/slider/value/SliderValue.d.ts

@@ -0,0 +1,18 @@
+import { Text } from 'react-native';
+import type { SliderRootState } from '../root/SliderRoot';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * The formatted value of the slider.
+ * Renders a `<Text>`.
+ */
+export declare function SliderValue(componentProps: SliderValue.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface SliderValueState extends SliderRootState {
+}
+export interface SliderValueProps extends Omit<ZestUIComponentProps<typeof Text, SliderValueState>, 'children'> {
+    children?: React.ReactNode | ((formattedValues: string[], values: readonly number[]) => React.ReactNode);
+}
+export declare namespace SliderValue {
+    type State = SliderValueState;
+    type Props = SliderValueProps;
+}
+//# sourceMappingURL=SliderValue.d.ts.map

package/lib/slider/value/SliderValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderValue.d.ts","sourceRoot":"","sources":["../../../src/slider/value/SliderValue.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,8FAe5D;AAcD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;CAAG;AAE5D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC7E,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACjF;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}

package/lib/slider/value/SliderValue.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderValue = SliderValue;
+const react_native_1 = require("react-native");
+const SliderRootContext_1 = require("../root/SliderRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const formatNumber_1 = require("../../utils/formatNumber");
+/**
+ * The formatted value of the slider.
+ * Renders a `<Text>`.
+ */
+function SliderValue(componentProps) {
+    const { render, className, style, children, ref, ...elementProps } = componentProps;
+    const { format, locale, state, values } = (0, SliderRootContext_1.useSliderRootContext)();
+    const formatted = values.map((value) => formatValue(value, format, locale));
+    const resolvedChildren = typeof children === 'function' ? children(formatted, values) : (children !== null && children !== void 0 ? children : formatted.join(' – '));
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
+        state,
+        ref,
+        props: [elementProps, { children: resolvedChildren }],
+    });
+}
+function formatValue(value, format, locale) {
+    if (!format) {
+        return String(value);
+    }
+    return (0, formatNumber_1.formatNumber)(value, locale, format);
+}
+//# sourceMappingURL=SliderValue.js.map

package/lib/slider/value/SliderValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderValue.js","sourceRoot":"","sources":["../../../src/slider/value/SliderValue.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,kCAeC;AA1BD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,2DAAwD;AAIxD;;;GAGG;AACH,SAAgB,WAAW,CAAC,cAAiC;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEpF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAEjE,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5E,MAAM,gBAAgB,GACpB,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAErG,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;KACtD,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAClB,KAAa,EACb,MAA4C,EAC5C,MAAwC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,IAAA,2BAAY,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC"}

package/lib/store/ReactStore.d.ts

@@ -0,0 +1,96 @@
+import { Store } from './Store';
+/**
+ * A Store that supports controlled state keys, non-reactive values and provides utility methods for React.
+ */
+export declare class ReactStore<State extends object, Context = Record<string, never>, Selectors extends Record<string, SelectorFunction<State>> = Record<string, never>> extends Store<State> {
+    /**
+     * Creates a new ReactStore instance.
+     *
+     * @param state Initial state of the store.
+     * @param context Non-reactive context values.
+     * @param selectors Optional selectors for use with `useState`.
+     */
+    constructor(state: State, context?: Context, selectors?: Selectors);
+    /**
+     * Non-reactive values such as refs, callbacks, etc.
+     */
+    readonly context: Context;
+    private selectors;
+    /**
+     * Synchronizes a single external value into the store.
+     *
+     * Note that the while the value in `state` is updated immediately, the value returned
+     * by `useState` is updated before the next render (similarly to React's `useState`).
+     */
+    useSyncedValue<Key extends keyof State, Value extends State[Key]>(key: keyof State, value: Value): void;
+    /**
+     * Synchronizes a single external value into the store and
+     * cleans it up (sets to `undefined`) on unmount.
+     *
+     * Note that the while the value in `state` is updated immediately, the value returned
+     * by `useState` is updated before the next render (similarly to React's `useState`).
+     */
+    useSyncedValueWithCleanup<Key extends KeysAllowingUndefined<State>>(key: Key, value: State[Key]): void;
+    /**
+     * Synchronizes multiple external values into the store.
+     *
+     * Note that the while the values in `state` are updated immediately, the values returned
+     * by `useState` are updated before the next render (similarly to React's `useState`).
+     */
+    useSyncedValues(statePart: Partial<State>): void;
+    /**
+     * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`
+     * is non-undefined, the store's state at `key` is updated to match `controlled`.
+     */
+    useControlledProp<Key extends keyof State, Value extends State[Key]>(key: keyof State, controlled: Value | undefined): void;
+    /** Gets the current value from the store using a selector with the provided key.
+     *
+     * @param key Key of the selector to use.
+     */
+    select<Key extends keyof Selectors>(key: Key, ...args: SelectorArgs<Selectors[Key]>): ReturnType<Selectors[Key]>;
+    /**
+     * Returns a value from the store's state using a selector function.
+     * Used to subscribe to specific parts of the state.
+     * This methods causes a rerender whenever the selected state changes.
+     *
+     * @param key Key of the selector to use.
+     */
+    useState<Key extends keyof Selectors>(key: Key, ...args: SelectorArgs<Selectors[Key]>): ReturnType<Selectors[Key]>;
+    /**
+     * Wraps a function with `useStableCallback` to ensure it has a stable reference
+     * and assigns it to the context.
+     *
+     * @param key Key of the event callback. Must be a function in the context.
+     * @param fn Function to assign.
+     */
+    useContextCallback<Key extends ContextFunctionKeys<Context>>(key: Key, fn: ContextFunction<Context, Key> | undefined): void;
+    /**
+     * Returns a stable setter function for a specific key in the store's state.
+     * It's commonly used to pass as a ref callback to React elements.
+     *
+     * @param key Key of the state to set.
+     */
+    useStateSetter<const Key extends keyof State, Value extends State[Key]>(key: keyof State): (v: Value) => void;
+    /**
+     * Observes changes derived from the store's selectors and calls the listener when the selected value changes.
+     *
+     * @param key Key of the selector to observe.
+     * @param listener Listener function called when the selector result changes.
+     */
+    observe<Key extends keyof Selectors>(selector: Key, listener: (newValue: ReturnType<Selectors[Key]>, oldValue: ReturnType<Selectors[Key]>, store: this) => void): () => void;
+    observe<Selector extends ObserveSelector<State>>(selector: Selector, listener: (newValue: ReturnType<Selector>, oldValue: ReturnType<Selector>, store: this) => void): () => void;
+}
+type MaybeCallable = (...args: any[]) => any;
+type ContextFunctionKeys<Context> = {
+    [Key in keyof Context]-?: Extract<Context[Key], MaybeCallable> extends never ? never : Key;
+}[keyof Context];
+type ContextFunction<Context, Key extends keyof Context> = Extract<Context[Key], MaybeCallable>;
+type KeysAllowingUndefined<State> = {
+    [Key in keyof State]-?: undefined extends State[Key] ? Key : never;
+}[keyof State];
+type ObserveSelector<State> = (state: State) => any;
+type SelectorFunction<State> = (state: State, ...args: any[]) => any;
+type Tail<T extends readonly any[]> = T extends readonly [any, ...infer Rest] ? Rest : [];
+type SelectorArgs<Selector> = Selector extends (...params: infer Params) => any ? Tail<Params> : never;
+export {};
+//# sourceMappingURL=ReactStore.d.ts.map

package/lib/store/ReactStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactStore.d.ts","sourceRoot":"","sources":["../../src/store/ReactStore.ts"],"names":[],"mappings":"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"}