@sprawlify/react 0.0.10 → 0.0.12

package/dist/components/signature-pad/index.d.mts

@@ -0,0 +1,70 @@
+import { r as PropTypes } from "../../index-vVsZQ4T1.mjs";
+import { r as Optional, t as Assign } from "../../types-DRV9A4aT.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-FP_lLEyP.mjs";
+import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-B0NXQjlM.mjs";
+import * as react156 from "react";
+import { ReactNode } from "react";
+import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";
+import { DrawDetails, DrawDetails as SignaturePadDrawDetails, DrawEndDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions, DrawingOptions as SignaturePadDrawingOptions, HiddenInputProps } from "@sprawlify/primitives/machines/signature-pad";
+
+//#region src/components/signature-pad/signature-pad-clear-trigger.d.ts
+interface SignaturePadClearTriggerBaseProps extends PolymorphicProps {}
+interface SignaturePadClearTriggerProps extends HTMLProps<"button">, SignaturePadClearTriggerBaseProps {}
+declare const SignaturePadClearTrigger: react156.ForwardRefExoticComponent<SignaturePadClearTriggerProps & react156.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/signature-pad/use-signature-pad.d.ts
+interface UseSignaturePadProps extends Optional<Omit<signaturePad.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSignaturePadReturn extends signaturePad.Api<PropTypes> {}
+declare const useSignaturePad: (props?: UseSignaturePadProps) => UseSignaturePadReturn;
+//#endregion
+//#region src/components/signature-pad/use-signature-pad-context.d.ts
+interface UseSignaturePadContext extends UseSignaturePadReturn {}
+//#endregion
+//#region src/components/signature-pad/signature-pad-context.d.ts
+interface SignaturePadContextProps {
+  children: (context: UseSignaturePadContext) => ReactNode;
+}
+declare const SignaturePadContext: (props: SignaturePadContextProps) => ReactNode;
+//#endregion
+//#region src/components/signature-pad/signature-pad-control.d.ts
+interface SignaturePadControlBaseProps extends PolymorphicProps {}
+interface SignaturePadControlProps extends HTMLProps<"div">, SignaturePadControlBaseProps {}
+declare const SignaturePadControl: react156.ForwardRefExoticComponent<SignaturePadControlProps & react156.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/signature-pad/signature-pad-guide.d.ts
+interface SignaturePadGuideBaseProps extends PolymorphicProps {}
+interface SignaturePadGuideProps extends HTMLProps<"div">, SignaturePadGuideBaseProps {}
+declare const SignaturePadGuide: react156.ForwardRefExoticComponent<SignaturePadGuideProps & react156.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/signature-pad/signature-pad-hidden-input.d.ts
+interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps {}
+interface SignaturePadHiddenInputProps extends Assign<HTMLProps<"input">, SignaturePadHiddenInputBaseProps> {}
+declare const SignaturePadHiddenInput: react156.ForwardRefExoticComponent<SignaturePadHiddenInputProps & react156.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/signature-pad/signature-pad-label.d.ts
+interface SignaturePadLabelBaseProps extends PolymorphicProps {}
+interface SignaturePadLabelProps extends HTMLProps<"label">, SignaturePadLabelBaseProps {}
+declare const SignaturePadLabel: react156.ForwardRefExoticComponent<SignaturePadLabelProps & react156.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/signature-pad/signature-pad-root.d.ts
+interface SignaturePadRootBaseProps extends UseSignaturePadProps, PolymorphicProps {}
+interface SignaturePadRootProps extends HTMLProps<"div">, SignaturePadRootBaseProps {}
+declare const SignaturePadRoot: react156.ForwardRefExoticComponent<SignaturePadRootProps & react156.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/signature-pad/signature-pad-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSignaturePadReturn;
+}
+interface SignaturePadRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SignaturePadRootProviderProps extends HTMLProps<"div">, SignaturePadRootProviderBaseProps {}
+declare const SignaturePadRootProvider: react156.ForwardRefExoticComponent<SignaturePadRootProviderProps & react156.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/signature-pad/signature-pad-segment.d.ts
+interface SignaturePadSegmentBaseProps extends PolymorphicProps {}
+interface SignaturePadSegmentProps extends HTMLProps<"svg">, SignaturePadSegmentBaseProps {}
+declare const SignaturePadSegment: react156.ForwardRefExoticComponent<SignaturePadSegmentProps & react156.RefAttributes<SVGSVGElement>>;
+declare namespace signature_pad_d_exports {
+  export { SignaturePadClearTrigger as ClearTrigger, SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, SignaturePadClearTriggerProps as ClearTriggerProps, SignaturePadContext as Context, SignaturePadContextProps as ContextProps, SignaturePadControl as Control, SignaturePadControlBaseProps as ControlBaseProps, SignaturePadControlProps as ControlProps, DrawDetails, DrawEndDetails, DrawingOptions, SignaturePadGuide as Guide, SignaturePadGuideBaseProps as GuideBaseProps, SignaturePadGuideProps as GuideProps, SignaturePadHiddenInput as HiddenInput, SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, SignaturePadHiddenInputProps as HiddenInputProps, SignaturePadLabel as Label, SignaturePadLabelBaseProps as LabelBaseProps, SignaturePadLabelProps as LabelProps, SignaturePadRoot as Root, SignaturePadRootBaseProps as RootBaseProps, SignaturePadRootProps as RootProps, SignaturePadRootProvider as RootProvider, SignaturePadRootProviderBaseProps as RootProviderBaseProps, SignaturePadRootProviderProps as RootProviderProps, SignaturePadSegment as Segment, SignaturePadSegmentBaseProps as SegmentBaseProps, SignaturePadSegmentProps as SegmentProps };
+}
+//#endregion
+export { signature_pad_d_exports as SignaturePad, SignaturePadClearTrigger, type SignaturePadClearTriggerBaseProps, type SignaturePadClearTriggerProps, SignaturePadContext, type SignaturePadContextProps, SignaturePadControl, type SignaturePadControlBaseProps, type SignaturePadControlProps, type SignaturePadDrawDetails, type SignaturePadDrawEndDetails, type SignaturePadDrawingOptions, SignaturePadGuide, type SignaturePadGuideBaseProps, type SignaturePadGuideProps, SignaturePadHiddenInput, type SignaturePadHiddenInputBaseProps, type SignaturePadHiddenInputProps, SignaturePadLabel, type SignaturePadLabelBaseProps, type SignaturePadLabelProps, SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps, SignaturePadRootProvider, type SignaturePadRootProviderBaseProps, type SignaturePadRootProviderProps, SignaturePadSegment, type SignaturePadSegmentBaseProps, type SignaturePadSegmentProps, type UseSignaturePadContext, type UseSignaturePadProps, type UseSignaturePadReturn, signaturePadAnatomy, useSignaturePad, useSignaturePadContext };

package/dist/components/signature-pad/index.mjs

@@ -0,0 +1,191 @@
+import { t as __export } from "../../chunk-C59VKDyD.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-D5Nn8Do7.mjs";
+import { t as createContext$1 } from "../../create-context-C9f3ZSYn.mjs";
+import { n as useEnvironmentContext } from "../../environment-SaOmH4By.mjs";
+import { i as useLocaleContext } from "../../locale-Bsrr4Z-J.mjs";
+import "../../providers-Dhji4k4B.mjs";
+import { n as sprawlify } from "../../factory-C3MVpSt5.mjs";
+import "../../field-anatomy-LiwjUzYX.mjs";
+import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-D-rUbP-D.mjs";
+import { t as createSplitProps } from "../../create-split-props-ButBrlN-.mjs";
+import "../../use-fieldset-context-DMlYDhkR.mjs";
+import "../../use-safe-layout-effect-c21-N1lb.mjs";
+import { p as useFieldContext } from "../../field-ERrPWOxL.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";
+
+//#region src/components/signature-pad/use-signature-pad-context.ts
+const [SignaturePadProvider, useSignaturePadContext] = createContext$1({
+	name: "SignaturePadContext",
+	hookName: "useSignaturePadContext",
+	providerName: "<SignaturePadProvider />"
+});
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-clear-trigger.tsx
+const SignaturePadClearTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSignaturePadContext().getClearTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+SignaturePadClearTrigger.displayName = "SignaturePadClearTrigger";
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-context.tsx
+const SignaturePadContext = (props) => props.children(useSignaturePadContext());
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-control.tsx
+const SignaturePadControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSignaturePadContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SignaturePadControl.displayName = "SignaturePadControl";
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-guide.tsx
+const SignaturePadGuide = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSignaturePadContext().getGuideProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SignaturePadGuide.displayName = "SignaturePadGuide";
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-hidden-input.tsx
+const splitHiddenInputProps = createSplitProps();
+const SignaturePadHiddenInput = forwardRef((props, ref) => {
+	const [hiddenInputProps, localProps] = splitHiddenInputProps(props, ["value"]);
+	const mergedProps = mergeProps(useSignaturePadContext().getHiddenInputProps(hiddenInputProps), localProps);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+SignaturePadHiddenInput.displayName = "SignaturePadHiddenInput";
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-label.tsx
+const SignaturePadLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSignaturePadContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+SignaturePadLabel.displayName = "SignaturePadLabel";
+
+//#endregion
+//#region src/components/signature-pad/use-signature-pad.ts
+const useSignaturePad = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(signaturePad.machine, machineProps);
+	return signaturePad.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-root.tsx
+const splitRootProps = createSplitProps();
+const SignaturePadRoot = forwardRef((props, ref) => {
+	const [useSignaturePadProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"defaultPaths",
+		"drawing",
+		"disabled",
+		"readOnly",
+		"name",
+		"onDraw",
+		"onDrawEnd",
+		"paths",
+		"readOnly",
+		"required",
+		"translations"
+	]);
+	const signaturePad$1 = useSignaturePad(useSignaturePadProps);
+	const mergedProps = mergeProps(signaturePad$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SignaturePadProvider, {
+		value: signaturePad$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SignaturePadRoot.displayName = "SignaturePadRoot";
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const SignaturePadRootProvider = forwardRef((props, ref) => {
+	const [{ value: signaturePad$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(signaturePad$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SignaturePadProvider, {
+		value: signaturePad$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SignaturePadRootProvider.displayName = "SignaturePadRootProvider";
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-segment.tsx
+const SignaturePadSegment = forwardRef((props, ref) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps(signaturePad$1.getSegmentProps(), props);
+	return /* @__PURE__ */ jsxs(sprawlify.svg, {
+		...mergedProps,
+		ref,
+		children: [
+			/* @__PURE__ */ jsx("title", { children: "Signature" }),
+			signaturePad$1.paths.map((path, i) => /* @__PURE__ */ jsx("path", { ...signaturePad$1.getSegmentPathProps({ path }) }, i)),
+			signaturePad$1.currentPath && /* @__PURE__ */ jsx("path", { ...signaturePad$1.getSegmentPathProps({ path: signaturePad$1.currentPath }) })
+		]
+	});
+});
+SignaturePadSegment.displayName = "SignaturePadSegment";
+
+//#endregion
+//#region src/components/signature-pad/signature-pad.ts
+var signature_pad_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => SignaturePadClearTrigger,
+	Context: () => SignaturePadContext,
+	Control: () => SignaturePadControl,
+	Guide: () => SignaturePadGuide,
+	HiddenInput: () => SignaturePadHiddenInput,
+	Label: () => SignaturePadLabel,
+	Root: () => SignaturePadRoot,
+	RootProvider: () => SignaturePadRootProvider,
+	Segment: () => SignaturePadSegment
+});
+
+//#endregion
+export { signature_pad_exports as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, signaturePadAnatomy, useSignaturePad, useSignaturePadContext };

package/dist/components/slider/index.cjs

@@ -0,0 +1,279 @@
+const require_chunk = require('../../chunk-Dsw3YZHa.cjs');
+const require_core = require('../../core-oy7TWDvO.cjs');
+const require_create_context = require('../../create-context-RCOpQR_m.cjs');
+const require_environment = require('../../environment-CxN6E_IC.cjs');
+const require_locale = require('../../locale-D3raWtvM.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-DY9J9D6d.cjs');
+require('../../slider-anatomy-ib0bbh6R.cjs');
+const require_create_split_props = require('../../create-split-props-3uzAEUIm.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_slider = require("@sprawlify/primitives/machines/slider");
+__sprawlify_primitives_machines_slider = require_chunk.__toESM(__sprawlify_primitives_machines_slider);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/slider/use-slider-context.ts
+const [SliderProvider, useSliderContext] = require_create_context.createContext({
+	name: "SliderContext",
+	hookName: "useSliderContext",
+	providerName: "<SliderProvider />"
+});
+
+//#endregion
+//#region src/components/slider/slider-context.tsx
+const SliderContext = (props) => props.children(useSliderContext());
+
+//#endregion
+//#region src/components/slider/slider-control.tsx
+const SliderControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSliderContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderControl.displayName = "SliderControl";
+
+//#endregion
+//#region src/components/slider/use-slider-thumb-props-context.ts
+const [SliderThumbPropsProvider, useSliderThumbPropsContext] = require_create_context.createContext({
+	name: "SliderThumbPropsContext",
+	hookName: "useSliderThumbPropsContext",
+	providerName: "<SliderThumbPropsProvider />"
+});
+
+//#endregion
+//#region src/components/slider/slider-dragging-indicator.tsx
+const SliderDraggingIndicator = (0, react.forwardRef)((props, ref) => {
+	const slider = useSliderContext();
+	const { index } = useSliderThumbPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(slider.getDraggingIndicatorProps({ index }), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: props.children || slider.getThumbValue(index)
+	});
+});
+SliderDraggingIndicator.displayName = "SliderDraggingIndicator";
+
+//#endregion
+//#region src/components/slider/slider-hidden-input.tsx
+const SliderHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const slider = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(slider.getHiddenInputProps(thumbProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+SliderHiddenInput.displayName = "SliderHiddenInput";
+
+//#endregion
+//#region src/components/slider/slider-label.tsx
+const SliderLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSliderContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+SliderLabel.displayName = "SliderLabel";
+
+//#endregion
+//#region src/components/slider/slider-marker.tsx
+const splitMarkerProps = require_create_split_props.createSplitProps();
+const SliderMarker = (0, react.forwardRef)((props, ref) => {
+	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSliderContext().getMarkerProps(markerProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SliderMarker.displayName = "SliderMarker";
+
+//#endregion
+//#region src/components/slider/slider-marker-group.tsx
+const SliderMarkerGroup = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSliderContext().getMarkerGroupProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderMarkerGroup.displayName = "SliderMarkerGroup";
+
+//#endregion
+//#region src/components/slider/slider-range.tsx
+const SliderRange = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSliderContext().getRangeProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderRange.displayName = "SliderRange";
+
+//#endregion
+//#region src/components/slider/use-slider.ts
+const useSlider = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_slider.machine, machineProps);
+	return __sprawlify_primitives_machines_slider.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/slider/slider-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const SliderRoot = (0, react.forwardRef)((props, ref) => {
+	const [useSliderProps, localProps] = splitRootProps(props, [
+		"aria-label",
+		"aria-labelledby",
+		"defaultValue",
+		"disabled",
+		"form",
+		"getAriaValueText",
+		"id",
+		"ids",
+		"invalid",
+		"max",
+		"min",
+		"minStepsBetweenThumbs",
+		"name",
+		"onFocusChange",
+		"onValueChange",
+		"onValueChangeEnd",
+		"orientation",
+		"origin",
+		"readOnly",
+		"step",
+		"thumbAlignment",
+		"thumbAlignment",
+		"thumbSize",
+		"value"
+	]);
+	const slider = useSlider(useSliderProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(slider.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderProvider, {
+		value: slider,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderRoot.displayName = "SliderRoot";
+
+//#endregion
+//#region src/components/slider/slider-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const SliderRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: slider }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(slider.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderProvider, {
+		value: slider,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderRootProvider.displayName = "SliderRootProvider";
+
+//#endregion
+//#region src/components/slider/slider-thumb.tsx
+const splitThumbProps = require_create_split_props.createSplitProps();
+const SliderThumb = (0, react.forwardRef)((props, ref) => {
+	const [thumbProps, localProps] = splitThumbProps(props, ["index", "name"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSliderContext().getThumbProps(thumbProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderThumbPropsProvider, {
+		value: thumbProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderThumb.displayName = "SliderThumb";
+
+//#endregion
+//#region src/components/slider/slider-track.tsx
+const SliderTrack = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSliderContext().getTrackProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderTrack.displayName = "SliderTrack";
+
+//#endregion
+//#region src/components/slider/slider-value-text.tsx
+const SliderValueText = (0, react.forwardRef)((props, ref) => {
+	const { children, ...rest } = props;
+	const slider = useSliderContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(slider.getValueTextProps(), rest);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: children || slider.value.join(", ")
+	});
+});
+SliderValueText.displayName = "SliderValueText";
+
+//#endregion
+//#region src/components/slider/slider.ts
+var slider_exports = /* @__PURE__ */ require_chunk.__export({
+	Context: () => SliderContext,
+	Control: () => SliderControl,
+	DraggingIndicator: () => SliderDraggingIndicator,
+	HiddenInput: () => SliderHiddenInput,
+	Label: () => SliderLabel,
+	Marker: () => SliderMarker,
+	MarkerGroup: () => SliderMarkerGroup,
+	Range: () => SliderRange,
+	Root: () => SliderRoot,
+	RootProvider: () => SliderRootProvider,
+	Thumb: () => SliderThumb,
+	Track: () => SliderTrack,
+	ValueText: () => SliderValueText
+});
+
+//#endregion
+Object.defineProperty(exports, 'Slider', {
+  enumerable: true,
+  get: function () {
+    return slider_exports;
+  }
+});
+exports.SliderContext = SliderContext;
+exports.SliderControl = SliderControl;
+exports.SliderDraggingIndicator = SliderDraggingIndicator;
+exports.SliderHiddenInput = SliderHiddenInput;
+exports.SliderLabel = SliderLabel;
+exports.SliderMarker = SliderMarker;
+exports.SliderMarkerGroup = SliderMarkerGroup;
+exports.SliderRange = SliderRange;
+exports.SliderRoot = SliderRoot;
+exports.SliderRootProvider = SliderRootProvider;
+exports.SliderThumb = SliderThumb;
+exports.SliderTrack = SliderTrack;
+exports.SliderValueText = SliderValueText;
+Object.defineProperty(exports, 'sliderAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_slider.anatomy;
+  }
+});
+exports.useSlider = useSlider;
+exports.useSliderContext = useSliderContext;

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

@@ -0,0 +1,90 @@
+import { t as PropTypes } from "../../normalize-props-BeSH6oua.cjs";
+import { r as Optional, t as Assign } from "../../types-CCi_nex5.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BqX8l4xK.cjs";
+import { t as sliderAnatomy } from "../../slider-anatomy-DeuOu_yr.cjs";
+import * as react722 from "react";
+import { ReactNode } from "react";
+import * as slider from "@sprawlify/primitives/machines/slider";
+import { FocusChangeDetails, FocusChangeDetails as SliderFocusChangeDetails, MarkerProps, ThumbProps, ValueChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from "@sprawlify/primitives/machines/slider";
+
+//#region src/components/slider/use-slider.d.ts
+interface UseSliderProps extends Optional<Omit<slider.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSliderReturn extends slider.Api<PropTypes> {}
+declare const useSlider: (props?: UseSliderProps) => UseSliderReturn;
+//#endregion
+//#region src/components/slider/use-slider-context.d.ts
+interface UseSliderContext extends UseSliderReturn {}
+//#endregion
+//#region src/components/slider/slider-context.d.ts
+interface SliderContextProps {
+  children: (context: UseSliderContext) => ReactNode;
+}
+declare const SliderContext: (props: SliderContextProps) => ReactNode;
+//#endregion
+//#region src/components/slider/slider-control.d.ts
+interface SliderControlBaseProps extends PolymorphicProps {}
+interface SliderControlProps extends HTMLProps<"div">, SliderControlBaseProps {}
+declare const SliderControl: react722.ForwardRefExoticComponent<SliderControlProps & react722.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/slider-dragging-indicator.d.ts
+interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {}
+interface SliderDraggingIndicatorProps extends HTMLProps<"span">, SliderDraggingIndicatorBaseProps {}
+declare const SliderDraggingIndicator: react722.ForwardRefExoticComponent<SliderDraggingIndicatorProps & react722.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/slider/slider-hidden-input.d.ts
+interface SliderHiddenInputBaseProps extends PolymorphicProps {}
+interface SliderHiddenInputProps extends HTMLProps<"input">, SliderHiddenInputBaseProps {}
+declare const SliderHiddenInput: react722.ForwardRefExoticComponent<SliderHiddenInputProps & react722.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/slider/slider-label.d.ts
+interface SliderLabelBaseProps extends PolymorphicProps {}
+interface SliderLabelProps extends HTMLProps<"label">, SliderLabelBaseProps {}
+declare const SliderLabel: react722.ForwardRefExoticComponent<SliderLabelProps & react722.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/slider/slider-marker.d.ts
+interface SliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
+interface SliderMarkerProps extends HTMLProps<"span">, SliderMarkerBaseProps {}
+declare const SliderMarker: react722.ForwardRefExoticComponent<SliderMarkerProps & react722.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/slider/slider-marker-group.d.ts
+interface SliderMarkerGroupBaseProps extends PolymorphicProps {}
+interface SliderMarkerGroupProps extends HTMLProps<"div">, SliderMarkerGroupBaseProps {}
+declare const SliderMarkerGroup: react722.ForwardRefExoticComponent<SliderMarkerGroupProps & react722.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/slider-range.d.ts
+interface SliderRangeBaseProps extends PolymorphicProps {}
+interface SliderRangeProps extends HTMLProps<"div">, SliderRangeBaseProps {}
+declare const SliderRange: react722.ForwardRefExoticComponent<SliderRangeProps & react722.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/slider-root.d.ts
+interface SliderRootBaseProps extends UseSliderProps, PolymorphicProps {}
+interface SliderRootProps extends Assign<HTMLProps<"div">, SliderRootBaseProps> {}
+declare const SliderRoot: react722.ForwardRefExoticComponent<SliderRootProps & react722.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/slider-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSliderReturn;
+}
+interface SliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SliderRootProviderProps extends HTMLProps<"div">, SliderRootProviderBaseProps {}
+declare const SliderRootProvider: react722.ForwardRefExoticComponent<SliderRootProviderProps & react722.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/slider-thumb.d.ts
+interface SliderThumbBaseProps extends ThumbProps, PolymorphicProps {}
+interface SliderThumbProps extends HTMLProps<"div">, SliderThumbBaseProps {}
+declare const SliderThumb: react722.ForwardRefExoticComponent<SliderThumbProps & react722.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/slider-track.d.ts
+interface SliderTrackBaseProps extends PolymorphicProps {}
+interface SliderTrackProps extends HTMLProps<"div">, SliderTrackBaseProps {}
+declare const SliderTrack: react722.ForwardRefExoticComponent<SliderTrackProps & react722.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/slider-value-text.d.ts
+interface SliderValueTextBaseProps extends PolymorphicProps {}
+interface SliderValueTextProps extends HTMLProps<"span">, SliderValueTextBaseProps {}
+declare const SliderValueText: react722.ForwardRefExoticComponent<SliderValueTextProps & react722.RefAttributes<HTMLDivElement>>;
+declare namespace slider_d_exports {
+  export { SliderContext as Context, SliderContextProps as ContextProps, SliderControl as Control, SliderControlBaseProps as ControlBaseProps, SliderControlProps as ControlProps, SliderDraggingIndicator as DraggingIndicator, SliderDraggingIndicatorBaseProps as DraggingIndicatorBaseProps, SliderDraggingIndicatorProps as DraggingIndicatorProps, FocusChangeDetails, SliderHiddenInput as HiddenInput, SliderHiddenInputBaseProps as HiddenInputBaseProps, SliderHiddenInputProps as HiddenInputProps, SliderLabel as Label, SliderLabelBaseProps as LabelBaseProps, SliderLabelProps as LabelProps, SliderMarker as Marker, SliderMarkerBaseProps as MarkerBaseProps, SliderMarkerGroup as MarkerGroup, SliderMarkerGroupBaseProps as MarkerGroupBaseProps, SliderMarkerGroupProps as MarkerGroupProps, SliderMarkerProps as MarkerProps, SliderRange as Range, SliderRangeBaseProps as RangeBaseProps, SliderRangeProps as RangeProps, SliderRoot as Root, SliderRootBaseProps as RootBaseProps, SliderRootProps as RootProps, SliderRootProvider as RootProvider, SliderRootProviderBaseProps as RootProviderBaseProps, SliderRootProviderProps as RootProviderProps, SliderThumb as Thumb, SliderThumbBaseProps as ThumbBaseProps, SliderThumbProps as ThumbProps, SliderTrack as Track, SliderTrackBaseProps as TrackBaseProps, SliderTrackProps as TrackProps, ValueChangeDetails, SliderValueText as ValueText, SliderValueTextBaseProps as ValueTextBaseProps, SliderValueTextProps as ValueTextProps };
+}
+//#endregion
+export { slider_d_exports as Slider, SliderContext, type SliderContextProps, SliderControl, type SliderControlBaseProps, type SliderControlProps, SliderDraggingIndicator, type SliderDraggingIndicatorBaseProps, type SliderDraggingIndicatorProps, type SliderFocusChangeDetails, SliderHiddenInput, type SliderHiddenInputBaseProps, type SliderHiddenInputProps, SliderLabel, type SliderLabelBaseProps, type SliderLabelProps, SliderMarker, type SliderMarkerBaseProps, SliderMarkerGroup, type SliderMarkerGroupBaseProps, type SliderMarkerGroupProps, type SliderMarkerProps, SliderRange, type SliderRangeBaseProps, type SliderRangeProps, SliderRoot, type SliderRootBaseProps, type SliderRootProps, SliderRootProvider, type SliderRootProviderBaseProps, type SliderRootProviderProps, SliderThumb, type SliderThumbBaseProps, type SliderThumbProps, SliderTrack, type SliderTrackBaseProps, type SliderTrackProps, type SliderValueChangeDetails, SliderValueText, type SliderValueTextBaseProps, type SliderValueTextProps, type UseSliderContext, type UseSliderProps, type UseSliderReturn, sliderAnatomy, useSlider, useSliderContext };