@ark-ui/react 0.15.0 → 1.0.0-beta.1

package/range-slider/index.cjs

@@ -1,43 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rangeSlider$1 = require('./range-slider.cjs');
-const rangeSliderContext = require('./range-slider-context.cjs');
-const rangeSliderControl = require('./range-slider-control.cjs');
-const rangeSliderLabel = require('./range-slider-label.cjs');
-const rangeSliderMarker = require('./range-slider-marker.cjs');
-const rangeSliderMarkerGroup = require('./range-slider-marker-group.cjs');
-const rangeSliderOutput = require('./range-slider-output.cjs');
-const rangeSliderRange = require('./range-slider-range.cjs');
-const rangeSliderThumb = require('./range-slider-thumb.cjs');
-const rangeSliderTrack = require('./range-slider-track.cjs');
-const rangeSlider = require('@zag-js/range-slider');
-
-const RangeSlider = Object.assign(rangeSlider$1.RangeSlider, {
-  Root: rangeSlider$1.RangeSlider,
-  Control: rangeSliderControl.RangeSliderControl,
-  Label: rangeSliderLabel.RangeSliderLabel,
-  Marker: rangeSliderMarker.RangeSliderMarker,
-  MarkerGroup: rangeSliderMarkerGroup.RangeSliderMarkerGroup,
-  Output: rangeSliderOutput.RangeSliderOutput,
-  Range: rangeSliderRange.RangeSliderRange,
-  Thumb: rangeSliderThumb.RangeSliderThumb,
-  Track: rangeSliderTrack.RangeSliderTrack
-});
-
-exports.useRangeSliderContext = rangeSliderContext.useRangeSliderContext;
-exports.RangeSliderControl = rangeSliderControl.RangeSliderControl;
-exports.RangeSliderLabel = rangeSliderLabel.RangeSliderLabel;
-exports.RangeSliderMarker = rangeSliderMarker.RangeSliderMarker;
-exports.RangeSliderMarkerGroup = rangeSliderMarkerGroup.RangeSliderMarkerGroup;
-exports.RangeSliderOutput = rangeSliderOutput.RangeSliderOutput;
-exports.RangeSliderRange = rangeSliderRange.RangeSliderRange;
-exports.RangeSliderThumb = rangeSliderThumb.RangeSliderThumb;
-exports.RangeSliderTrack = rangeSliderTrack.RangeSliderTrack;
-Object.defineProperty(exports, 'rangeSliderAnatomy', {
-  enumerable: true,
-  get: () => rangeSlider.anatomy
-});
-exports.RangeSlider = RangeSlider;

package/range-slider/index.d.ts

@@ -1,48 +0,0 @@
-import { UseRangeSliderProps, UseRangeSliderReturn } from './use-range-slider';
-import { HTMLArkProps } from '..';
-import { ForwardRefExoticComponent, ReactNode, RefAttributes, DetailedHTMLProps, HTMLAttributes, LabelHTMLAttributes } from 'react';
-/// <reference types="react" />
-import { type RangeSliderProps } from './range-slider';
-import { useRangeSliderContext, type RangeSliderContext } from './range-slider-context';
-import { RangeSliderControl, type RangeSliderControlProps } from './range-slider-control';
-import { RangeSliderLabel, type RangeSliderLabelProps } from './range-slider-label';
-import { RangeSliderMarker, type RangeSliderMarkerProps } from './range-slider-marker';
-import { RangeSliderMarkerGroup, type RangeSliderMarkerGroupProps } from './range-slider-marker-group';
-import { RangeSliderOutput, type RangeSliderOutputProps } from './range-slider-output';
-import { RangeSliderRange, type RangeSliderRangeProps } from './range-slider-range';
-import { RangeSliderThumb, type RangeSliderThumbProps } from './range-slider-thumb';
-import { RangeSliderTrack, type RangeSliderTrackProps } from './range-slider-track';
-import { rangeSliderAnatomy } from './range-slider.anatomy';
-declare const RangeSlider: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "children" | keyof UseRangeSliderProps> & UseRangeSliderProps & {
-    children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
-} & RefAttributes<HTMLDivElement>> & {
-    Root: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "children" | keyof UseRangeSliderProps> & UseRangeSliderProps & {
-        children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
-    } & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLLabelElement>>;
-    Marker: ForwardRefExoticComponent<Omit<HTMLArkProps<"span">, "value"> & {
-        value: number;
-    } & RefAttributes<HTMLSpanElement>>;
-    MarkerGroup: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    Output: ForwardRefExoticComponent<Omit<HTMLArkProps<"output">, "children"> & {
-        children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
-    } & RefAttributes<HTMLOutputElement>>;
-    Range: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    Thumb: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "index"> & {
-        index: number;
-    } & RefAttributes<HTMLDivElement>>;
-    Track: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-};
-export { RangeSlider, RangeSliderControl, RangeSliderLabel, RangeSliderMarker, RangeSliderMarkerGroup, RangeSliderOutput, RangeSliderRange, RangeSliderThumb, RangeSliderTrack, rangeSliderAnatomy, useRangeSliderContext, };
-export type { RangeSliderContext, RangeSliderControlProps, RangeSliderLabelProps, RangeSliderMarkerGroupProps, RangeSliderMarkerProps, RangeSliderOutputProps, RangeSliderProps, RangeSliderRangeProps, RangeSliderThumbProps, RangeSliderTrackProps, };

package/range-slider/index.mjs

@@ -1,26 +0,0 @@
-'use client';
-import { RangeSlider as RangeSlider$1 } from './range-slider.mjs';
-export { useRangeSliderContext } from './range-slider-context.mjs';
-import { RangeSliderControl } from './range-slider-control.mjs';
-import { RangeSliderLabel } from './range-slider-label.mjs';
-import { RangeSliderMarker } from './range-slider-marker.mjs';
-import { RangeSliderMarkerGroup } from './range-slider-marker-group.mjs';
-import { RangeSliderOutput } from './range-slider-output.mjs';
-import { RangeSliderRange } from './range-slider-range.mjs';
-import { RangeSliderThumb } from './range-slider-thumb.mjs';
-import { RangeSliderTrack } from './range-slider-track.mjs';
-export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
-
-const RangeSlider = Object.assign(RangeSlider$1, {
-  Root: RangeSlider$1,
-  Control: RangeSliderControl,
-  Label: RangeSliderLabel,
-  Marker: RangeSliderMarker,
-  MarkerGroup: RangeSliderMarkerGroup,
-  Output: RangeSliderOutput,
-  Range: RangeSliderRange,
-  Thumb: RangeSliderThumb,
-  Track: RangeSliderTrack
-});
-
-export { RangeSlider, RangeSliderControl, RangeSliderLabel, RangeSliderMarker, RangeSliderMarkerGroup, RangeSliderOutput, RangeSliderRange, RangeSliderThumb, RangeSliderTrack };

package/range-slider/range-slider-context.cjs

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../create-context.cjs');
-
-const [RangeSliderProvider, useRangeSliderContext] = createContext.createContext({
-  name: "RangeSliderContext",
-  hookName: "useRangeSliderContext",
-  providerName: "<RangeSliderProvider />"
-});
-
-exports.RangeSliderProvider = RangeSliderProvider;
-exports.useRangeSliderContext = useRangeSliderContext;

package/range-slider/range-slider-context.d.ts

@@ -1,5 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import { type UseRangeSliderReturn } from './use-range-slider';
-export type RangeSliderContext = UseRangeSliderReturn;
-export declare const RangeSliderProvider: Provider<UseRangeSliderReturn>, useRangeSliderContext: () => UseRangeSliderReturn;

package/range-slider/range-slider-context.mjs

@@ -1,10 +0,0 @@
-'use client';
-import { createContext } from '../create-context.mjs';
-
-const [RangeSliderProvider, useRangeSliderContext] = createContext({
-  name: "RangeSliderContext",
-  hookName: "useRangeSliderContext",
-  providerName: "<RangeSliderProvider />"
-});
-
-export { RangeSliderProvider, useRangeSliderContext };

package/range-slider/range-slider-control.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type RangeSliderControlProps = HTMLArkProps<'div'>;
-export declare const RangeSliderControl: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/range-slider/range-slider-control.mjs

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderControl = forwardRef(
-  (props, ref) => {
-    const { controlProps } = useRangeSliderContext();
-    const mergedProps = mergeProps(controlProps, props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
-RangeSliderControl.displayName = "RangeSliderControl";
-
-export { RangeSliderControl };

package/range-slider/range-slider-label.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type RangeSliderLabelProps = HTMLArkProps<'label'>;
-export declare const RangeSliderLabel: ForwardRefExoticComponent<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLLabelElement>>;

package/range-slider/range-slider-label.mjs

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderLabel = forwardRef(
-  (props, ref) => {
-    const { labelProps } = useRangeSliderContext();
-    const mergedProps = mergeProps(labelProps, props);
-    return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
-  }
-);
-RangeSliderLabel.displayName = "RangeSliderLabel";
-
-export { RangeSliderLabel };

package/range-slider/range-slider-marker-group.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type RangeSliderMarkerGroupProps = HTMLArkProps<'div'>;
-export declare const RangeSliderMarkerGroup: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/range-slider/range-slider-marker-group.mjs

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderMarkerGroup = forwardRef(
-  (props, ref) => {
-    const { markerGroupProps } = useRangeSliderContext();
-    const mergedProps = mergeProps(markerGroupProps, props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
-RangeSliderMarkerGroup.displayName = "RangeSliderMarkerGroup";
-
-export { RangeSliderMarkerGroup };

package/range-slider/range-slider-marker.cjs

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const rangeSliderContext = require('./range-slider-context.cjs');
-
-const RangeSliderMarker = react.forwardRef(
-  (props, ref) => {
-    const { value, ...spanProps } = props;
-    const { getMarkerProps } = rangeSliderContext.useRangeSliderContext();
-    const mergedProps = react$1.mergeProps(getMarkerProps({ value }), spanProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
-  }
-);
-RangeSliderMarker.displayName = "RangeSliderMarker";
-
-exports.RangeSliderMarker = RangeSliderMarker;

package/range-slider/range-slider-marker.d.ts

@@ -1,10 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-export type RangeSliderMarkerProps = Assign<HTMLArkProps<'span'>, {
-    value: number;
-}>;
-export declare const RangeSliderMarker: ForwardRefExoticComponent<Omit<HTMLArkProps<"span">, "value"> & {
-    value: number;
-} & RefAttributes<HTMLSpanElement>>;

package/range-slider/range-slider-marker.mjs

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderMarker = forwardRef(
-  (props, ref) => {
-    const { value, ...spanProps } = props;
-    const { getMarkerProps } = useRangeSliderContext();
-    const mergedProps = mergeProps(getMarkerProps({ value }), spanProps);
-    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
-  }
-);
-RangeSliderMarker.displayName = "RangeSliderMarker";
-
-export { RangeSliderMarker };

package/range-slider/range-slider-output.cjs

@@ -1,24 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const rangeSliderContext = require('./range-slider-context.cjs');
-
-const RangeSliderOutput = react.forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const rangeSlider = rangeSliderContext.useRangeSliderContext();
-    const mergedProps = react$1.mergeProps(rangeSlider.outputProps, rest);
-    const view = runIfFn.runIfFn(children, rangeSlider);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.output, { ...mergedProps, ref, children: view });
-  }
-);
-RangeSliderOutput.displayName = "RangeSliderOutput";
-
-exports.RangeSliderOutput = RangeSliderOutput;

package/range-slider/range-slider-output.d.ts

@@ -1,10 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-import { type UseRangeSliderReturn } from './use-range-slider';
-export type RangeSliderOutputProps = Assign<HTMLArkProps<'output'>, {
-    children?: ((api: UseRangeSliderReturn) => ReactNode) | ReactNode;
-}>;
-export declare const RangeSliderOutput: ForwardRefExoticComponent<Omit<HTMLArkProps<"output">, "children"> & {
-    children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
-} & RefAttributes<HTMLOutputElement>>;

package/range-slider/range-slider-output.mjs

@@ -1,20 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderOutput = forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const rangeSlider = useRangeSliderContext();
-    const mergedProps = mergeProps(rangeSlider.outputProps, rest);
-    const view = runIfFn(children, rangeSlider);
-    return /* @__PURE__ */ jsx(ark.output, { ...mergedProps, ref, children: view });
-  }
-);
-RangeSliderOutput.displayName = "RangeSliderOutput";
-
-export { RangeSliderOutput };

package/range-slider/range-slider-range.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type RangeSliderRangeProps = HTMLArkProps<'div'>;
-export declare const RangeSliderRange: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/range-slider/range-slider-range.mjs

@@ -1,15 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderRange = forwardRef((props, ref) => {
-  const { rangeProps } = useRangeSliderContext();
-  const mergedProps = mergeProps(rangeProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-RangeSliderRange.displayName = "RangeSliderRange";
-
-export { RangeSliderRange };

package/range-slider/range-slider-thumb.cjs

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const rangeSliderContext = require('./range-slider-context.cjs');
-
-const RangeSliderThumb = react.forwardRef((props, ref) => {
-  const { index, ...localProps } = props;
-  const api = rangeSliderContext.useRangeSliderContext();
-  const mergedProps = react$1.mergeProps(api.getThumbProps(index), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }),
-    /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getHiddenInputProps(index) })
-  ] });
-});
-RangeSliderThumb.displayName = "RangeSliderThumb";
-
-exports.RangeSliderThumb = RangeSliderThumb;

package/range-slider/range-slider-thumb.d.ts

@@ -1,10 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-export type RangeSliderThumbProps = Assign<HTMLArkProps<'div'>, {
-    index: number;
-}>;
-export declare const RangeSliderThumb: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "index"> & {
-    index: number;
-} & RefAttributes<HTMLDivElement>>;

package/range-slider/range-slider-thumb.mjs

@@ -1,19 +0,0 @@
-'use client';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderThumb = forwardRef((props, ref) => {
-  const { index, ...localProps } = props;
-  const api = useRangeSliderContext();
-  const mergedProps = mergeProps(api.getThumbProps(index), localProps);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }),
-    /* @__PURE__ */ jsx("input", { ...api.getHiddenInputProps(index) })
-  ] });
-});
-RangeSliderThumb.displayName = "RangeSliderThumb";
-
-export { RangeSliderThumb };

package/range-slider/range-slider-track.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type RangeSliderTrackProps = HTMLArkProps<'div'>;
-export declare const RangeSliderTrack: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/range-slider/range-slider-track.mjs

@@ -1,15 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderTrack = forwardRef((props, ref) => {
-  const { trackProps } = useRangeSliderContext();
-  const mergedProps = mergeProps(trackProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-RangeSliderTrack.displayName = "RangeSliderTrack";
-
-export { RangeSliderTrack };

package/range-slider/range-slider.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';

package/range-slider/range-slider.cjs

@@ -1,54 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const rangeSliderContext = require('./range-slider-context.cjs');
-const useRangeSlider = require('./use-range-slider.cjs');
-
-const RangeSlider = react.forwardRef((props, ref) => {
-  const [useRangeSliderProps, { children, ...divProps }] = createSplitProps.createSplitProps()(
-    props,
-    [
-      "aria-label",
-      "aria-labelledby",
-      "defaultValue",
-      "dir",
-      "disabled",
-      "form",
-      "getAriaValueText",
-      "getRootNode",
-      "id",
-      "ids",
-      "invalid",
-      "max",
-      "min",
-      "minStepsBetweenThumbs",
-      "name",
-      "onChange",
-      "onChangeEnd",
-      "onChangeStart",
-      "onFocusChange",
-      "orientation",
-      "readOnly",
-      "step",
-      "thumbAlignment",
-      "thumbAlignment",
-      "thumbSize",
-      "value"
-    ]
-  );
-  const slider = useRangeSlider.useRangeSlider(useRangeSliderProps);
-  const mergedProps = react$1.mergeProps(slider.rootProps, divProps);
-  const view = runIfFn.runIfFn(children, slider);
-  return /* @__PURE__ */ jsxRuntime.jsx(rangeSliderContext.RangeSliderProvider, { value: slider, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
-});
-RangeSlider.displayName = "RangeSlider";
-
-exports.RangeSlider = RangeSlider;

package/range-slider/range-slider.d.ts

@@ -1,10 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-import { type UseRangeSliderProps, type UseRangeSliderReturn } from './use-range-slider';
-export type RangeSliderProps = Assign<HTMLArkProps<'div'>, UseRangeSliderProps & {
-    children?: ((api: UseRangeSliderReturn) => ReactNode) | ReactNode;
-}>;
-export declare const RangeSlider: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "children" | keyof UseRangeSliderProps> & UseRangeSliderProps & {
-    children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
-} & RefAttributes<HTMLDivElement>>;

package/range-slider/range-slider.mjs

@@ -1,50 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { RangeSliderProvider } from './range-slider-context.mjs';
-import { useRangeSlider } from './use-range-slider.mjs';
-
-const RangeSlider = forwardRef((props, ref) => {
-  const [useRangeSliderProps, { children, ...divProps }] = createSplitProps()(
-    props,
-    [
-      "aria-label",
-      "aria-labelledby",
-      "defaultValue",
-      "dir",
-      "disabled",
-      "form",
-      "getAriaValueText",
-      "getRootNode",
-      "id",
-      "ids",
-      "invalid",
-      "max",
-      "min",
-      "minStepsBetweenThumbs",
-      "name",
-      "onChange",
-      "onChangeEnd",
-      "onChangeStart",
-      "onFocusChange",
-      "orientation",
-      "readOnly",
-      "step",
-      "thumbAlignment",
-      "thumbAlignment",
-      "thumbSize",
-      "value"
-    ]
-  );
-  const slider = useRangeSlider(useRangeSliderProps);
-  const mergedProps = mergeProps(slider.rootProps, divProps);
-  const view = runIfFn(children, slider);
-  return /* @__PURE__ */ jsx(RangeSliderProvider, { value: slider, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
-});
-RangeSlider.displayName = "RangeSlider";
-
-export { RangeSlider };

package/range-slider/range-slider.stories.d.ts

@@ -1,8 +0,0 @@
-import { JSX } from 'react/jsx-runtime';
-import type { Meta } from '@storybook/react';
-import { RangeSlider } from './';
-type RangeSliderType = typeof RangeSlider;
-declare const meta: Meta<RangeSliderType>;
-export default meta;
-export declare const Basic: () => JSX.Element;
-export declare const WithDefaultValue: () => JSX.Element;

package/range-slider/use-range-slider.cjs

@@ -1,51 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rangeSlider = require('@zag-js/range-slider');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-require('../environment/index.cjs');
-const useEvent = require('../use-event.cjs');
-const environmentContext = require('../environment/environment-context.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const rangeSlider__namespace = /*#__PURE__*/_interopNamespaceDefault(rangeSlider);
-
-const useRangeSlider = (props) => {
-  const getRootNode = environmentContext.useEnvironmentContext();
-  const initialContext = {
-    id: react.useId(),
-    getRootNode,
-    ...props,
-    value: props.defaultValue
-  };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onChange: useEvent.useEvent(props.onChange, { sync: true })
-  };
-  const [state, send] = react$1.useMachine(rangeSlider__namespace.machine(initialContext), {
-    context
-  });
-  return rangeSlider__namespace.connect(state, send, react$1.normalizeProps);
-};
-
-exports.useRangeSlider = useRangeSlider;