@sprawlify/solid 0.0.19 → 0.0.21

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

@@ -0,0 +1,156 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-BgpRwoCt.jsx";
+import { t as runIfFn } from "../../run-if-fn-D55yVu32.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DsPqz7EL.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { t as createSplitProps } from "../../create-split-props-8J9EAVSk.jsx";
+import "../../compose-refs-11PIsxEa.jsx";
+import "../../fieldset-CnzvSH3P.jsx";
+import { m as useFieldContext } from "../../field-NgZys4GU.jsx";
+import { For, Show, createMemo, createUniqueId } from "solid-js";
+import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";
+import { anatomy as signaturePadAnatomy } from "@sprawlify/primitives/machines/signature-pad";
+
+//#region src/components/signature-pad/use-signature-pad-context.ts
+const [SignaturePadProvider, useSignaturePadContext] = createContext$1({
+	hookName: "useSignaturePadContext",
+	providerName: "<SignaturePadProvider />"
+});
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-clear-trigger.tsx
+const SignaturePadClearTrigger = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad$1().getClearTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#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 = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad$1().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-guide.tsx
+const SignaturePadGuide = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad$1().getGuideProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-hidden-input.tsx
+const SignaturePadHiddenInput = (props) => {
+	const [hiddenInputProps, localProps] = createSplitProps()(props, ["value"]);
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad$1().getHiddenInputProps(hiddenInputProps), localProps);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-label.tsx
+const SignaturePadLabel = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad$1().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/signature-pad/use-signature-pad.ts
+const useSignaturePad = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(signaturePad.machine, machineProps);
+	return createMemo(() => signaturePad.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-root.tsx
+const SignaturePadRoot = (props) => {
+	const [useSignaturePadProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"defaultPaths",
+		"drawing",
+		"disabled",
+		"readOnly",
+		"name",
+		"onDraw",
+		"onDrawEnd",
+		"paths",
+		"readOnly",
+		"required",
+		"translations"
+	]);
+	const signaturePad$1 = useSignaturePad(useSignaturePadProps);
+	const mergedProps = mergeProps$1(() => signaturePad$1().getRootProps(), localProps);
+	return <SignaturePadProvider value={signaturePad$1}>
+      <sprawlify.div {...mergedProps} />
+    </SignaturePadProvider>;
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-root-provider.tsx
+const SignaturePadRootProvider = (props) => {
+	const [{ value: signaturePad$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => signaturePad$1().getRootProps(), localProps);
+	return <SignaturePadProvider value={signaturePad$1}>
+      <sprawlify.div {...mergedProps} />
+    </SignaturePadProvider>;
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-segment.tsx
+const SignaturePadSegment = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad$1().getSegmentProps(), props);
+	return <sprawlify.svg {...mergedProps}>
+      <title>Signature</title>
+      <For each={signaturePad$1().paths}>{(path) => <path {...signaturePad$1().getSegmentPathProps({ path })} />}</For>
+      <Show when={signaturePad$1().currentPath}>
+        {}
+        <path {...signaturePad$1().getSegmentPathProps({ path: signaturePad$1().currentPath })} />
+      </Show>
+    </sprawlify.svg>;
+};
+
+//#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.d.ts

@@ -0,0 +1,90 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as sliderAnatomy } from "../../slider-anatomy-BhIPuHNN.js";
+import * as solid_js89 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+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 Accessor<slider.Api<PropTypes>> {}
+declare const useSlider: (props?: MaybeAccessor<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) => JSX.Element;
+}
+declare const SliderContext: (props: SliderContextProps) => JSX.Element;
+//#endregion
+//#region src/components/slider/slider-control.d.ts
+interface SliderControlBaseProps extends PolymorphicProps<'div'> {}
+interface SliderControlProps extends HTMLProps<'div'>, SliderControlBaseProps {}
+declare const SliderControl: (props: SliderControlProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-dragging-indicator.d.ts
+interface SliderDraggingIndicatorBaseProps extends PolymorphicProps<'span'> {}
+interface SliderDraggingIndicatorProps extends HTMLProps<'span'>, SliderDraggingIndicatorBaseProps {}
+declare const SliderDraggingIndicator: (props: SliderDraggingIndicatorProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-hidden-input.d.ts
+interface SliderHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface SliderHiddenInputProps extends HTMLProps<'input'>, SliderHiddenInputBaseProps {}
+declare const SliderHiddenInput: (props: SliderHiddenInputProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-label.d.ts
+interface SliderLabelBaseProps extends PolymorphicProps<'label'> {}
+interface SliderLabelProps extends HTMLProps<'label'>, SliderLabelBaseProps {}
+declare const SliderLabel: (props: SliderLabelProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-marker.d.ts
+interface SliderMarkerBaseProps extends MarkerProps, PolymorphicProps<'span'> {}
+interface SliderMarkerProps extends HTMLProps<'span'>, SliderMarkerBaseProps {}
+declare const SliderMarker: (props: SliderMarkerProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-marker-group.d.ts
+interface SliderMarkerGroupBaseProps extends PolymorphicProps<'div'> {}
+interface SliderMarkerGroupProps extends HTMLProps<'div'>, SliderMarkerGroupBaseProps {}
+declare const SliderMarkerGroup: (props: SliderMarkerGroupProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-range.d.ts
+interface SliderRangeBaseProps extends PolymorphicProps<'div'> {}
+interface SliderRangeProps extends HTMLProps<'div'>, SliderRangeBaseProps {}
+declare const SliderRange: (props: SliderRangeProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-root.d.ts
+interface SliderRootBaseProps extends UseSliderProps, PolymorphicProps<'div'> {}
+interface SliderRootProps extends Assign<HTMLProps<'div'>, SliderRootBaseProps> {}
+declare const SliderRoot: (props: SliderRootProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSliderReturn;
+}
+interface SliderRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface SliderRootProviderProps extends HTMLProps<'div'>, RootProviderProps, SliderRootProviderBaseProps {}
+declare const SliderRootProvider: (props: SliderRootProviderProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-thumb.d.ts
+interface SliderThumbBaseProps extends ThumbProps, PolymorphicProps<'div'> {}
+interface SliderThumbProps extends HTMLProps<'div'>, SliderThumbBaseProps {}
+declare const SliderThumb: (props: SliderThumbProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-track.d.ts
+interface SliderTrackBaseProps extends PolymorphicProps<'div'> {}
+interface SliderTrackProps extends HTMLProps<'div'>, SliderTrackBaseProps {}
+declare const SliderTrack: (props: SliderTrackProps) => solid_js89.JSX.Element;
+//#endregion
+//#region src/components/slider/slider-value-text.d.ts
+interface SliderValueTextBaseProps extends PolymorphicProps<'span'> {}
+interface SliderValueTextProps extends HTMLProps<'span'>, SliderValueTextBaseProps {}
+declare const SliderValueText: (props: SliderValueTextProps) => solid_js89.JSX.Element;
+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 };

package/dist/components/slider/index.js

@@ -0,0 +1,210 @@
+import { t as __export } from "../../chunk-DGaS4lLa.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-DlJdnFMg.js";
+import { t as runIfFn } from "../../run-if-fn-COsqwaBZ.js";
+import { t as createContext$1 } from "../../create-context-BqG72mig.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-PrTpHfBr.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import { t as sliderAnatomy } from "../../slider-anatomy-KVOUw4Rb.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as slider from "@sprawlify/primitives/machines/slider";
+
+//#region src/components/slider/use-slider-context.ts
+const [SliderProvider, useSliderContext] = createContext$1({
+	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 = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/slider/use-slider-thumb-props-context.ts
+const [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext$1({
+	hookName: "useSliderThumbPropsContext",
+	providerName: "<SliderThumbPropsProvider />"
+});
+
+//#endregion
+//#region src/components/slider/slider-dragging-indicator.tsx
+const SliderDraggingIndicator = (props) => {
+	const slider$1 = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = mergeProps$2(() => slider$1().getDraggingIndicatorProps(thumbProps), props);
+	return createComponent(sprawlify.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || slider$1().getThumbValue(thumbProps.index);
+	} }));
+};
+
+//#endregion
+//#region src/components/slider/slider-hidden-input.tsx
+const SliderHiddenInput = (props) => {
+	const slider$1 = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = mergeProps$2(slider$1().getHiddenInputProps(thumbProps), props);
+	return createComponent(sprawlify.input, mergedProps);
+};
+
+//#endregion
+//#region src/components/slider/slider-label.tsx
+const SliderLabel = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/slider/slider-marker.tsx
+const SliderMarker = (props) => {
+	const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getMarkerProps(markerProps), localProps);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/slider/slider-marker-group.tsx
+const SliderMarkerGroup = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getMarkerGroupProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/slider/slider-range.tsx
+const SliderRange = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getRangeProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/slider/use-slider.ts
+const useSlider = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(slider.machine, machineProps);
+	return createMemo(() => slider.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/slider/slider-root.tsx
+const SliderRoot = (props) => {
+	const [useSliderProps, localProps] = createSplitProps()(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 api = useSlider(useSliderProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(SliderProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/slider/slider-root-provider.tsx
+const SliderRootProvider = (props) => {
+	const [{ value: slider$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => slider$1().getRootProps(), localProps);
+	return createComponent(SliderProvider, {
+		value: slider$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/slider/slider-thumb.tsx
+const SliderThumb = (props) => {
+	const [thumbProps, localProps] = createSplitProps()(props, ["index", "name"]);
+	const slider$1 = useSliderContext();
+	const mergedProps = mergeProps$2(() => slider$1().getThumbProps(thumbProps), localProps);
+	return createComponent(SliderThumbPropsProvider, {
+		value: thumbProps,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/slider/slider-track.tsx
+const SliderTrack = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getTrackProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/slider/slider-value-text.tsx
+const SliderValueText = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getValueTextProps(), props);
+	return createComponent(sprawlify.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().value.join(",");
+	} }));
+};
+
+//#endregion
+//#region src/components/slider/slider.ts
+var slider_exports = /* @__PURE__ */ __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
+export { slider_exports as Slider, SliderContext, SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, sliderAnatomy, useSlider, useSliderContext };

package/dist/components/slider/index.jsx

@@ -0,0 +1,196 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-BgpRwoCt.jsx";
+import { t as runIfFn } from "../../run-if-fn-D55yVu32.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DsPqz7EL.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { t as createSplitProps } from "../../create-split-props-8J9EAVSk.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as slider from "@sprawlify/primitives/machines/slider";
+import { anatomy as sliderAnatomy } from "@sprawlify/primitives/machines/slider";
+
+//#region src/components/slider/use-slider-context.ts
+const [SliderProvider, useSliderContext] = createContext$1({
+	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 = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/slider/use-slider-thumb-props-context.ts
+const [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext$1({
+	hookName: "useSliderThumbPropsContext",
+	providerName: "<SliderThumbPropsProvider />"
+});
+
+//#endregion
+//#region src/components/slider/slider-dragging-indicator.tsx
+const SliderDraggingIndicator = (props) => {
+	const slider$1 = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = mergeProps$1(() => slider$1().getDraggingIndicatorProps(thumbProps), props);
+	return <sprawlify.span {...mergedProps}>{props.children || slider$1().getThumbValue(thumbProps.index)}</sprawlify.span>;
+};
+
+//#endregion
+//#region src/components/slider/slider-hidden-input.tsx
+const SliderHiddenInput = (props) => {
+	const slider$1 = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = mergeProps$1(slider$1().getHiddenInputProps(thumbProps), props);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/slider/slider-label.tsx
+const SliderLabel = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/slider/slider-marker.tsx
+const SliderMarker = (props) => {
+	const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useSliderContext();
+	const mergedProps = mergeProps$1(() => api().getMarkerProps(markerProps), localProps);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/slider/slider-marker-group.tsx
+const SliderMarkerGroup = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$1(() => api().getMarkerGroupProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/slider/slider-range.tsx
+const SliderRange = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$1(() => api().getRangeProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/slider/use-slider.ts
+const useSlider = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(slider.machine, machineProps);
+	return createMemo(() => slider.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/slider/slider-root.tsx
+const SliderRoot = (props) => {
+	const [useSliderProps, localProps] = createSplitProps()(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 api = useSlider(useSliderProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <SliderProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </SliderProvider>;
+};
+
+//#endregion
+//#region src/components/slider/slider-root-provider.tsx
+const SliderRootProvider = (props) => {
+	const [{ value: slider$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => slider$1().getRootProps(), localProps);
+	return <SliderProvider value={slider$1}>
+      <sprawlify.div {...mergedProps} />
+    </SliderProvider>;
+};
+
+//#endregion
+//#region src/components/slider/slider-thumb.tsx
+const SliderThumb = (props) => {
+	const [thumbProps, localProps] = createSplitProps()(props, ["index", "name"]);
+	const slider$1 = useSliderContext();
+	const mergedProps = mergeProps$1(() => slider$1().getThumbProps(thumbProps), localProps);
+	return <SliderThumbPropsProvider value={thumbProps}>
+      <sprawlify.div {...mergedProps} />
+    </SliderThumbPropsProvider>;
+};
+
+//#endregion
+//#region src/components/slider/slider-track.tsx
+const SliderTrack = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$1(() => api().getTrackProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/slider/slider-value-text.tsx
+const SliderValueText = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
+	return <sprawlify.span {...mergedProps}>{props.children || api().value.join(",")}</sprawlify.span>;
+};
+
+//#endregion
+//#region src/components/slider/slider.ts
+var slider_exports = /* @__PURE__ */ __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
+export { slider_exports as Slider, SliderContext, SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, sliderAnatomy, useSlider, useSliderContext };