@ark-ui/react 3.2.1 → 3.4.0-0

package/dist/components/signature-pad/signature-pad-segment.cjs

@@ -0,0 +1,25 @@
+'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 useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadSegment = react.forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext.useSignaturePadContext();
+    const mergedProps = react$1.mergeProps(signaturePad.getSegmentProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.svg, { ...mergedProps, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Signature" }),
+      signaturePad.paths.map((path, i) => /* @__PURE__ */ jsxRuntime.jsx("path", { ...signaturePad.getSegmentPathProps({ path }) }, i)),
+      signaturePad.currentPath && /* @__PURE__ */ jsxRuntime.jsx("path", { ...signaturePad.getSegmentPathProps({ path: signaturePad.currentPath }) })
+    ] });
+  }
+);
+SignaturePadSegment.displayName = "SignaturePadSegment";
+
+exports.SignaturePadSegment = SignaturePadSegment;

package/dist/components/signature-pad/signature-pad-segment.d.cts

@@ -0,0 +1,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type SignaturePadSegmentBaseProps = {};
+export interface SignaturePadSegmentProps extends HTMLArkProps<'svg'>, SignaturePadSegmentBaseProps {
+}
+export declare const SignaturePadSegment: ForwardRefExoticComponent<SignaturePadSegmentProps & RefAttributes<SVGSVGElement>>;

package/dist/components/signature-pad/signature-pad-segment.d.ts

@@ -0,0 +1,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type SignaturePadSegmentBaseProps = {};
+export interface SignaturePadSegmentProps extends HTMLArkProps<'svg'>, SignaturePadSegmentBaseProps {
+}
+export declare const SignaturePadSegment: ForwardRefExoticComponent<SignaturePadSegmentProps & RefAttributes<SVGSVGElement>>;

package/dist/components/signature-pad/signature-pad-segment.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadSegment = forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getSegmentProps(), props);
+    return /* @__PURE__ */ jsxs(ark.svg, { ...mergedProps, ref, children: [
+      /* @__PURE__ */ jsx("title", { children: "Signature" }),
+      signaturePad.paths.map((path, i) => /* @__PURE__ */ jsx("path", { ...signaturePad.getSegmentPathProps({ path }) }, i)),
+      signaturePad.currentPath && /* @__PURE__ */ jsx("path", { ...signaturePad.getSegmentPathProps({ path: signaturePad.currentPath }) })
+    ] });
+  }
+);
+SignaturePadSegment.displayName = "SignaturePadSegment";
+
+export { SignaturePadSegment };

package/dist/components/signature-pad/signature-pad.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const signaturePadClearTrigger = require('./signature-pad-clear-trigger.cjs');
+const signaturePadContext = require('./signature-pad-context.cjs');
+const signaturePadControl = require('./signature-pad-control.cjs');
+const signaturePadGuide = require('./signature-pad-guide.cjs');
+const signaturePadLabel = require('./signature-pad-label.cjs');
+const signaturePadRoot = require('./signature-pad-root.cjs');
+const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
+const signaturePadSegment = require('./signature-pad-segment.cjs');
+
+
+
+exports.ClearTrigger = signaturePadClearTrigger.SignaturePadClearTrigger;
+exports.Context = signaturePadContext.SignaturePadContext;
+exports.Control = signaturePadControl.SignaturePadControl;
+exports.Guide = signaturePadGuide.SignaturePadGuide;
+exports.Label = signaturePadLabel.SignaturePadLabel;
+exports.Root = signaturePadRoot.SignaturePadRoot;
+exports.RootProvider = signaturePadRootProvider.SignaturePadRootProvider;
+exports.Segment = signaturePadSegment.SignaturePadSegment;

package/dist/components/signature-pad/signature-pad.d.cts

@@ -0,0 +1,9 @@
+export type { DrawDetails, DrawEndDetails, DrawingOptions } from '@zag-js/signature-pad';
+export { SignaturePadClearTrigger as ClearTrigger, type SignaturePadClearTriggerProps as ClearTriggerProps, type SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, } from './signature-pad-clear-trigger';
+export { SignaturePadContext as Context, type SignaturePadContextProps as ContextProps, } from './signature-pad-context';
+export { SignaturePadControl as Control, type SignaturePadControlProps as ControlProps, type SignaturePadControlBaseProps as ControlBaseProps, } from './signature-pad-control';
+export { SignaturePadGuide as Guide, type SignaturePadGuideProps as GuideProps, type SignaturePadGuideBaseProps as GuideBaseProps, } from './signature-pad-guide';
+export { SignaturePadLabel as Label, type SignaturePadLabelProps as LabelProps, type SignaturePadLabelBaseProps as LabelBaseProps, } from './signature-pad-label';
+export { SignaturePadRoot as Root, type SignaturePadRootProps as RootProps, type SignaturePadRootBaseProps as RootBaseProps, } from './signature-pad-root';
+export { SignaturePadRootProvider as RootProvider, type SignaturePadRootProviderProps as RootProviderProps, type SignaturePadRootProviderBaseProps as RootProviderBaseProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment as Segment, type SignaturePadSegmentProps as SegmentProps, type SignaturePadSegmentBaseProps as SegmentBaseProps, } from './signature-pad-segment';

package/dist/components/signature-pad/signature-pad.d.ts

@@ -0,0 +1,9 @@
+export type { DrawDetails, DrawEndDetails, DrawingOptions } from '@zag-js/signature-pad';
+export { SignaturePadClearTrigger as ClearTrigger, type SignaturePadClearTriggerProps as ClearTriggerProps, type SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, } from './signature-pad-clear-trigger';
+export { SignaturePadContext as Context, type SignaturePadContextProps as ContextProps, } from './signature-pad-context';
+export { SignaturePadControl as Control, type SignaturePadControlProps as ControlProps, type SignaturePadControlBaseProps as ControlBaseProps, } from './signature-pad-control';
+export { SignaturePadGuide as Guide, type SignaturePadGuideProps as GuideProps, type SignaturePadGuideBaseProps as GuideBaseProps, } from './signature-pad-guide';
+export { SignaturePadLabel as Label, type SignaturePadLabelProps as LabelProps, type SignaturePadLabelBaseProps as LabelBaseProps, } from './signature-pad-label';
+export { SignaturePadRoot as Root, type SignaturePadRootProps as RootProps, type SignaturePadRootBaseProps as RootBaseProps, } from './signature-pad-root';
+export { SignaturePadRootProvider as RootProvider, type SignaturePadRootProviderProps as RootProviderProps, type SignaturePadRootProviderBaseProps as RootProviderBaseProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment as Segment, type SignaturePadSegmentProps as SegmentProps, type SignaturePadSegmentBaseProps as SegmentBaseProps, } from './signature-pad-segment';

package/dist/components/signature-pad/signature-pad.js

@@ -0,0 +1,8 @@
+export { SignaturePadClearTrigger as ClearTrigger } from './signature-pad-clear-trigger.js';
+export { SignaturePadContext as Context } from './signature-pad-context.js';
+export { SignaturePadControl as Control } from './signature-pad-control.js';
+export { SignaturePadGuide as Guide } from './signature-pad-guide.js';
+export { SignaturePadLabel as Label } from './signature-pad-label.js';
+export { SignaturePadRoot as Root } from './signature-pad-root.js';
+export { SignaturePadRootProvider as RootProvider } from './signature-pad-root-provider.js';
+export { SignaturePadSegment as Segment } from './signature-pad-segment.js';

package/dist/components/signature-pad/use-signature-pad-context.cjs

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

package/dist/components/signature-pad/use-signature-pad-context.d.cts

@@ -0,0 +1,6 @@
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { Provider } from 'react';
+
+export interface UseSignaturePadContext extends UseSignaturePadReturn {
+}
+export declare const SignaturePadProvider: Provider<UseSignaturePadContext>, useSignaturePadContext: () => UseSignaturePadContext;

package/dist/components/signature-pad/use-signature-pad-context.d.ts

@@ -0,0 +1,6 @@
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { Provider } from 'react';
+
+export interface UseSignaturePadContext extends UseSignaturePadReturn {
+}
+export declare const SignaturePadProvider: Provider<UseSignaturePadContext>, useSignaturePadContext: () => UseSignaturePadContext;

package/dist/components/signature-pad/use-signature-pad-context.js

@@ -0,0 +1,12 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [SignaturePadProvider, useSignaturePadContext] = createContext(
+  {
+    name: "SignaturePadContext",
+    hookName: "useSignaturePadContext",
+    providerName: "<SignaturePadProvider />"
+  }
+);
+
+export { SignaturePadProvider, useSignaturePadContext };

package/dist/components/signature-pad/use-signature-pad.cjs

@@ -0,0 +1,51 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const signaturePad = require('@zag-js/signature-pad');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const useEvent = require('../../utils/use-event.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 signaturePad__namespace = /*#__PURE__*/_interopNamespaceDefault(signaturePad);
+
+const useSignaturePad = (props) => {
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const initialContext = {
+    id: react.useId(),
+    dir,
+    getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    drawing: props.drawing,
+    onDraw: useEvent.useEvent(props.onDraw),
+    onDrawEnd: useEvent.useEvent(props.onDrawEnd)
+  };
+  const [state, send] = react$1.useMachine(signaturePad__namespace.machine(initialContext), { context });
+  return signaturePad__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useSignaturePad = useSignaturePad;

package/dist/components/signature-pad/use-signature-pad.d.cts

@@ -0,0 +1,9 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+
+import * as signaturePad from '@zag-js/signature-pad';
+export interface UseSignaturePadProps extends Optional<Omit<signaturePad.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseSignaturePadReturn extends signaturePad.Api<PropTypes> {
+}
+export declare const useSignaturePad: (props: UseSignaturePadProps) => UseSignaturePadReturn;

package/dist/components/signature-pad/use-signature-pad.d.ts

@@ -0,0 +1,9 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+
+import * as signaturePad from '@zag-js/signature-pad';
+export interface UseSignaturePadProps extends Optional<Omit<signaturePad.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseSignaturePadReturn extends signaturePad.Api<PropTypes> {
+}
+export declare const useSignaturePad: (props: UseSignaturePadProps) => UseSignaturePadReturn;

package/dist/components/signature-pad/use-signature-pad.js

@@ -0,0 +1,28 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as signaturePad from '@zag-js/signature-pad';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useEvent } from '../../utils/use-event.js';
+
+const useSignaturePad = (props) => {
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const initialContext = {
+    id: useId(),
+    dir,
+    getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    drawing: props.drawing,
+    onDraw: useEvent(props.onDraw),
+    onDrawEnd: useEvent(props.onDrawEnd)
+  };
+  const [state, send] = useMachine(signaturePad.machine(initialContext), { context });
+  return signaturePad.connect(state, send, normalizeProps);
+};
+
+export { useSignaturePad };

package/dist/components/slider/index.d.cts

@@ -1,16 +1,16 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
-export { SliderContext, type SliderContextProps } from './slider-context';
-export { SliderControl, type SliderControlProps } from './slider-control';
-export { SliderHiddenInput, type SliderHiddenInputProps } from './slider-hidden-input';
-export { SliderLabel, type SliderLabelProps } from './slider-label';
-export { SliderMarker, type SliderMarkerProps } from './slider-marker';
-export { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
-export { SliderRange, type SliderRangeProps } from './slider-range';
-export { SliderRoot, type SliderRootProps } from './slider-root';
-export { SliderRootProvider, type SliderRootProviderProps } from './slider-root-provider';
-export { SliderThumb, type SliderThumbProps } from './slider-thumb';
-export { SliderTrack, type SliderTrackProps } from './slider-track';
-export { SliderValueText, type SliderValueTextProps } from './slider-value-text';
+export { SliderContext, type SliderContextProps, } from './slider-context';
+export { SliderControl, type SliderControlProps, type SliderControlBaseProps, } from './slider-control';
+export { SliderHiddenInput, type SliderHiddenInputProps, type SliderHiddenInputBaseProps, } from './slider-hidden-input';
+export { SliderLabel, type SliderLabelProps, type SliderLabelBaseProps, } from './slider-label';
+export { SliderMarker, type SliderMarkerProps, type SliderMarkerBaseProps, } from './slider-marker';
+export { SliderMarkerGroup, type SliderMarkerGroupProps, type SliderMarkerGroupBaseProps, } from './slider-marker-group';
+export { SliderRange, type SliderRangeProps, type SliderRangeBaseProps, } from './slider-range';
+export { SliderRoot, type SliderRootProps, type SliderRootBaseProps, } from './slider-root';
+export { SliderRootProvider, type SliderRootProviderProps, type SliderRootProviderBaseProps, } from './slider-root-provider';
+export { SliderThumb, type SliderThumbProps, type SliderThumbBaseProps, } from './slider-thumb';
+export { SliderTrack, type SliderTrackProps, type SliderTrackBaseProps, } from './slider-track';
+export { SliderValueText, type SliderValueTextProps, type SliderValueTextBaseProps, } from './slider-value-text';
 export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
 export * as Slider from './slider';

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

@@ -1,16 +1,16 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
-export { SliderContext, type SliderContextProps } from './slider-context';
-export { SliderControl, type SliderControlProps } from './slider-control';
-export { SliderHiddenInput, type SliderHiddenInputProps } from './slider-hidden-input';
-export { SliderLabel, type SliderLabelProps } from './slider-label';
-export { SliderMarker, type SliderMarkerProps } from './slider-marker';
-export { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
-export { SliderRange, type SliderRangeProps } from './slider-range';
-export { SliderRoot, type SliderRootProps } from './slider-root';
-export { SliderRootProvider, type SliderRootProviderProps } from './slider-root-provider';
-export { SliderThumb, type SliderThumbProps } from './slider-thumb';
-export { SliderTrack, type SliderTrackProps } from './slider-track';
-export { SliderValueText, type SliderValueTextProps } from './slider-value-text';
+export { SliderContext, type SliderContextProps, } from './slider-context';
+export { SliderControl, type SliderControlProps, type SliderControlBaseProps, } from './slider-control';
+export { SliderHiddenInput, type SliderHiddenInputProps, type SliderHiddenInputBaseProps, } from './slider-hidden-input';
+export { SliderLabel, type SliderLabelProps, type SliderLabelBaseProps, } from './slider-label';
+export { SliderMarker, type SliderMarkerProps, type SliderMarkerBaseProps, } from './slider-marker';
+export { SliderMarkerGroup, type SliderMarkerGroupProps, type SliderMarkerGroupBaseProps, } from './slider-marker-group';
+export { SliderRange, type SliderRangeProps, type SliderRangeBaseProps, } from './slider-range';
+export { SliderRoot, type SliderRootProps, type SliderRootBaseProps, } from './slider-root';
+export { SliderRootProvider, type SliderRootProviderProps, type SliderRootProviderBaseProps, } from './slider-root-provider';
+export { SliderThumb, type SliderThumbProps, type SliderThumbBaseProps, } from './slider-thumb';
+export { SliderTrack, type SliderTrackProps, type SliderTrackBaseProps, } from './slider-track';
+export { SliderValueText, type SliderValueTextProps, type SliderValueTextBaseProps, } from './slider-value-text';
 export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
 export * as Slider from './slider';

package/dist/components/slider/slider-control.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderControlProps extends HTMLArkProps<'div'> {
+export type SliderControlBaseProps = {};
+export interface SliderControlProps extends HTMLArkProps<'div'>, SliderControlBaseProps {
 }
 export declare const SliderControl: ForwardRefExoticComponent<SliderControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-control.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderControlProps extends HTMLArkProps<'div'> {
+export type SliderControlBaseProps = {};
+export interface SliderControlProps extends HTMLArkProps<'div'>, SliderControlBaseProps {
 }
 export declare const SliderControl: ForwardRefExoticComponent<SliderControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-hidden-input.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderHiddenInputProps extends HTMLArkProps<'input'> {
+export type SliderHiddenInputBaseProps = {};
+export interface SliderHiddenInputProps extends HTMLArkProps<'input'>, SliderHiddenInputBaseProps {
 }
 export declare const SliderHiddenInput: ForwardRefExoticComponent<SliderHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/slider/slider-hidden-input.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderHiddenInputProps extends HTMLArkProps<'input'> {
+export type SliderHiddenInputBaseProps = {};
+export interface SliderHiddenInputProps extends HTMLArkProps<'input'>, SliderHiddenInputBaseProps {
 }
 export declare const SliderHiddenInput: ForwardRefExoticComponent<SliderHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/slider/slider-label.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderLabelProps extends HTMLArkProps<'label'> {
+export type SliderLabelBaseProps = {};
+export interface SliderLabelProps extends HTMLArkProps<'label'>, SliderLabelBaseProps {
 }
 export declare const SliderLabel: ForwardRefExoticComponent<SliderLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/slider/slider-label.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderLabelProps extends HTMLArkProps<'label'> {
+export type SliderLabelBaseProps = {};
+export interface SliderLabelProps extends HTMLArkProps<'label'>, SliderLabelBaseProps {
 }
 export declare const SliderLabel: ForwardRefExoticComponent<SliderLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/slider/slider-marker-group.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderMarkerGroupProps extends HTMLArkProps<'div'> {
+export type SliderMarkerGroupBaseProps = {};
+export interface SliderMarkerGroupProps extends HTMLArkProps<'div'>, SliderMarkerGroupBaseProps {
 }
 export declare const SliderMarkerGroup: ForwardRefExoticComponent<SliderMarkerGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-marker-group.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderMarkerGroupProps extends HTMLArkProps<'div'> {
+export type SliderMarkerGroupBaseProps = {};
+export interface SliderMarkerGroupProps extends HTMLArkProps<'div'>, SliderMarkerGroupBaseProps {
 }
 export declare const SliderMarkerGroup: ForwardRefExoticComponent<SliderMarkerGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-marker.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderMarkerProps extends Assign<HTMLArkProps<'span'>, MarkerProps> {
+export interface SliderMarkerBaseProps extends MarkerProps {
+}
+export interface SliderMarkerProps extends Assign<HTMLArkProps<'span'>, SliderMarkerBaseProps> {
 }
 export declare const SliderMarker: ForwardRefExoticComponent<SliderMarkerProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/slider/slider-marker.d.ts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderMarkerProps extends Assign<HTMLArkProps<'span'>, MarkerProps> {
+export interface SliderMarkerBaseProps extends MarkerProps {
+}
+export interface SliderMarkerProps extends Assign<HTMLArkProps<'span'>, SliderMarkerBaseProps> {
 }
 export declare const SliderMarker: ForwardRefExoticComponent<SliderMarkerProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/slider/slider-range.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderRangeProps extends HTMLArkProps<'div'> {
+export type SliderRangeBaseProps = {};
+export interface SliderRangeProps extends HTMLArkProps<'div'>, SliderRangeBaseProps {
 }
 export declare const SliderRange: ForwardRefExoticComponent<SliderRangeProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderRangeProps extends HTMLArkProps<'div'> {
+export type SliderRangeBaseProps = {};
+export interface SliderRangeProps extends HTMLArkProps<'div'>, SliderRangeBaseProps {
 }
 export declare const SliderRange: ForwardRefExoticComponent<SliderRangeProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-root-provider.d.cts

@@ -5,7 +5,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSliderReturn;
 }
-export interface SliderRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface SliderRootProviderBaseProps extends RootProviderProps {
+}
+export interface SliderRootProviderProps extends HTMLArkProps<'div'>, SliderRootProviderBaseProps {
 }
 export declare const SliderRootProvider: ForwardRefExoticComponent<SliderRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/slider/slider-root-provider.d.ts

@@ -5,7 +5,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSliderReturn;
 }
-export interface SliderRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface SliderRootProviderBaseProps extends RootProviderProps {
+}
+export interface SliderRootProviderProps extends HTMLArkProps<'div'>, SliderRootProviderBaseProps {
 }
 export declare const SliderRootProvider: ForwardRefExoticComponent<SliderRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/slider/slider-root.d.cts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSliderProps } from './use-slider';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderRootProps extends Assign<HTMLArkProps<'div'>, UseSliderProps> {
+export interface SliderRootBaseProps extends UseSliderProps {
+}
+export interface SliderRootProps extends Assign<HTMLArkProps<'div'>, SliderRootBaseProps> {
 }
 export declare const SliderRoot: ForwardRefExoticComponent<SliderRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-root.d.ts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSliderProps } from './use-slider';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderRootProps extends Assign<HTMLArkProps<'div'>, UseSliderProps> {
+export interface SliderRootBaseProps extends UseSliderProps {
+}
+export interface SliderRootProps extends Assign<HTMLArkProps<'div'>, SliderRootBaseProps> {
 }
 export declare const SliderRoot: ForwardRefExoticComponent<SliderRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-thumb.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderThumbProps extends Assign<HTMLArkProps<'div'>, ThumbProps> {
+export interface SliderThumbBaseProps extends ThumbProps {
+}
+export interface SliderThumbProps extends Assign<HTMLArkProps<'div'>, SliderThumbBaseProps> {
 }
 export declare const SliderThumb: ForwardRefExoticComponent<SliderThumbProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-thumb.d.ts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderThumbProps extends Assign<HTMLArkProps<'div'>, ThumbProps> {
+export interface SliderThumbBaseProps extends ThumbProps {
+}
+export interface SliderThumbProps extends Assign<HTMLArkProps<'div'>, SliderThumbBaseProps> {
 }
 export declare const SliderThumb: ForwardRefExoticComponent<SliderThumbProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-track.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderTrackProps extends HTMLArkProps<'div'> {
+export type SliderTrackBaseProps = {};
+export interface SliderTrackProps extends HTMLArkProps<'div'>, SliderTrackBaseProps {
 }
 export declare const SliderTrack: ForwardRefExoticComponent<SliderTrackProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-track.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderTrackProps extends HTMLArkProps<'div'> {
+export type SliderTrackBaseProps = {};
+export interface SliderTrackProps extends HTMLArkProps<'div'>, SliderTrackBaseProps {
 }
 export declare const SliderTrack: ForwardRefExoticComponent<SliderTrackProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-value-text.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderValueTextProps extends HTMLArkProps<'span'> {
+export type SliderValueTextBaseProps = {};
+export interface SliderValueTextProps extends HTMLArkProps<'span'>, SliderValueTextBaseProps {
 }
 export declare const SliderValueText: ForwardRefExoticComponent<SliderValueTextProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider-value-text.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SliderValueTextProps extends HTMLArkProps<'span'> {
+export type SliderValueTextBaseProps = {};
+export interface SliderValueTextProps extends HTMLArkProps<'span'>, SliderValueTextBaseProps {
 }
 export declare const SliderValueText: ForwardRefExoticComponent<SliderValueTextProps & RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider.d.cts

@@ -1,13 +1,13 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/slider';
 export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context';
-export { SliderControl as Control, type SliderControlProps as ControlProps } from './slider-control';
-export { SliderLabel as Label, type SliderLabelProps as LabelProps } from './slider-label';
-export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps } from './slider-marker';
-export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
-export { SliderRange as Range, type SliderRangeProps as RangeProps } from './slider-range';
-export { SliderRoot as Root, type SliderRootProps as RootProps } from './slider-root';
-export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
-export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps } from './slider-thumb';
-export { SliderTrack as Track, type SliderTrackProps as TrackProps } from './slider-track';
-export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';
-export { SliderValueText as ValueText, type SliderValueTextProps as ValueTextProps, } from './slider-value-text';
+export { SliderControl as Control, type SliderControlProps as ControlProps, type SliderControlBaseProps as ControlBaseProps, } from './slider-control';
+export { SliderLabel as Label, type SliderLabelProps as LabelProps, type SliderLabelBaseProps as LabelBaseProps, } from './slider-label';
+export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps, type SliderMarkerBaseProps as MarkerBaseProps, } from './slider-marker';
+export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, } from './slider-marker-group';
+export { SliderRange as Range, type SliderRangeProps as RangeProps, type SliderRangeBaseProps as RangeBaseProps, } from './slider-range';
+export { SliderRoot as Root, type SliderRootProps as RootProps, type SliderRootBaseProps as RootBaseProps, } from './slider-root';
+export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, type SliderRootProviderBaseProps as RootProviderBaseProps, } from './slider-root-provider';
+export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps, type SliderThumbBaseProps as ThumbBaseProps, } from './slider-thumb';
+export { SliderTrack as Track, type SliderTrackProps as TrackProps, type SliderTrackBaseProps as TrackBaseProps, } from './slider-track';
+export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, type SliderHiddenInputBaseProps as HiddenInputBaseProps, } from './slider-hidden-input';
+export { SliderValueText as ValueText, type SliderValueTextProps as ValueTextProps, type SliderValueTextBaseProps as ValueTextBaseProps, } from './slider-value-text';