@wirekyt/react 0.0.1 → 0.0.3

package/dist/slider.cjs

@@ -0,0 +1,260 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_slider = require("@wirekyt/dom/machines/slider");
+_wirekyt_dom_machines_slider = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_slider, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/slider/use-context.ts
+const [SliderProvider, useSliderContext] = require_utils.createContext({
+	name: "SliderContext",
+	hookName: "useSliderContext",
+	providerName: "<SliderProvider />"
+});
+//#endregion
+//#region src/components/slider/context.tsx
+const SliderContext = (props) => props.children(useSliderContext());
+//#endregion
+//#region src/components/slider/control.tsx
+const SliderControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSliderContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderControl.displayName = "SliderControl";
+//#endregion
+//#region src/components/slider/use-thumb-props-context.ts
+const [SliderThumbPropsProvider, useSliderThumbPropsContext] = require_utils.createContext({
+	name: "SliderThumbPropsContext",
+	hookName: "useSliderThumbPropsContext",
+	providerName: "<SliderThumbPropsProvider />"
+});
+//#endregion
+//#region src/components/slider/dragging-indicator.tsx
+const SliderDraggingIndicator = (0, react.forwardRef)((props, ref) => {
+	const slider = useSliderContext();
+	const { index } = useSliderThumbPropsContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(slider.getDraggingIndicatorProps({ index }), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref,
+		children: props.children || slider.getThumbValue(index)
+	});
+});
+SliderDraggingIndicator.displayName = "SliderDraggingIndicator";
+//#endregion
+//#region src/components/slider/hidden-input.tsx
+const SliderHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const slider = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(slider.getHiddenInputProps(thumbProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+SliderHiddenInput.displayName = "SliderHiddenInput";
+//#endregion
+//#region src/components/slider/label.tsx
+const SliderLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSliderContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+SliderLabel.displayName = "SliderLabel";
+//#endregion
+//#region src/components/slider/marker.tsx
+const splitMarkerProps = require_utils.createSplitProps();
+const SliderMarker = (0, react.forwardRef)((props, ref) => {
+	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSliderContext().getMarkerProps(markerProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+SliderMarker.displayName = "SliderMarker";
+//#endregion
+//#region src/components/slider/marker-group.tsx
+const SliderMarkerGroup = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSliderContext().getMarkerGroupProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderMarkerGroup.displayName = "SliderMarkerGroup";
+//#endregion
+//#region src/components/slider/range.tsx
+const SliderRange = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSliderContext().getRangeProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderRange.displayName = "SliderRange";
+//#endregion
+//#region src/components/slider/use.ts
+const useSlider = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_slider.machine, machineProps);
+	return _wirekyt_dom_machines_slider.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/slider/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const SliderRoot = (0, react.forwardRef)((props, ref) => {
+	const [useSliderProps, localProps] = splitRootProps(props, [
+		"aria-label",
+		"aria-labelledby",
+		"defaultValue",
+		"disabled",
+		"form",
+		"getAriaValueText",
+		"id",
+		"ids",
+		"invalid",
+		"largeStep",
+		"max",
+		"min",
+		"minStepsBetweenThumbs",
+		"name",
+		"onFocusChange",
+		"onValueChange",
+		"onValueChangeEnd",
+		"orientation",
+		"origin",
+		"readOnly",
+		"step",
+		"thumbAlignment",
+		"thumbCollisionBehavior",
+		"thumbSize",
+		"value"
+	]);
+	const slider = useSlider(useSliderProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(slider.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderProvider, {
+		value: slider,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderRoot.displayName = "SliderRoot";
+//#endregion
+//#region src/components/slider/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const SliderRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: slider }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(slider.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderProvider, {
+		value: slider,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderRootProvider.displayName = "SliderRootProvider";
+//#endregion
+//#region src/components/slider/thumb.tsx
+const splitThumbProps = require_utils.createSplitProps();
+const SliderThumb = (0, react.forwardRef)((props, ref) => {
+	const [thumbProps, localProps] = splitThumbProps(props, ["index", "name"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSliderContext().getThumbProps(thumbProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderThumbPropsProvider, {
+		value: thumbProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderThumb.displayName = "SliderThumb";
+//#endregion
+//#region src/components/slider/track.tsx
+const SliderTrack = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useSliderContext().getTrackProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderTrack.displayName = "SliderTrack";
+//#endregion
+//#region src/components/slider/value-text.tsx
+const SliderValueText = (0, react.forwardRef)((props, ref) => {
+	const { children, ...rest } = props;
+	const slider = useSliderContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(slider.getValueTextProps(), rest);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref,
+		children: children || slider.value.join(", ")
+	});
+});
+SliderValueText.displayName = "SliderValueText";
+//#endregion
+//#region src/components/slider/slider.ts
+var slider_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	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 _wirekyt_dom_machines_slider.anatomy;
+	}
+});
+exports.useSlider = useSlider;
+exports.useSliderContext = useSliderContext;

package/dist/slider.d.cts

@@ -0,0 +1,88 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import * as slider from "@wirekyt/dom/machines/slider";
+import { FocusChangeDetails, FocusChangeDetails as SliderFocusChangeDetails, MarkerProps, ThumbProps, ValueChangeDetails, ValueChangeDetails as SliderValueChangeDetails, anatomy as sliderAnatomy } from "@wirekyt/dom/machines/slider";
+//#region src/components/slider/use.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-context.d.ts
+interface UseSliderContext extends UseSliderReturn {}
+declare const SliderProvider: import("react").Provider<UseSliderContext>, useSliderContext: () => UseSliderContext;
+//#endregion
+//#region src/components/slider/context.d.ts
+interface SliderContextProps {
+  children: (context: UseSliderContext) => ReactNode;
+}
+declare const SliderContext: (props: SliderContextProps) => ReactNode;
+//#endregion
+//#region src/components/slider/control.d.ts
+interface SliderControlBaseProps extends PolymorphicProps {}
+interface SliderControlProps extends HTMLProps<"div">, SliderControlBaseProps {}
+declare const SliderControl: import("react").ForwardRefExoticComponent<SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/dragging-indicator.d.ts
+interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {}
+interface SliderDraggingIndicatorProps extends HTMLProps<"span">, SliderDraggingIndicatorBaseProps {}
+declare const SliderDraggingIndicator: import("react").ForwardRefExoticComponent<SliderDraggingIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/slider/hidden-input.d.ts
+interface SliderHiddenInputBaseProps extends PolymorphicProps {}
+interface SliderHiddenInputProps extends HTMLProps<"input">, SliderHiddenInputBaseProps {}
+declare const SliderHiddenInput: import("react").ForwardRefExoticComponent<SliderHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/slider/label.d.ts
+interface SliderLabelBaseProps extends PolymorphicProps {}
+interface SliderLabelProps extends HTMLProps<"label">, SliderLabelBaseProps {}
+declare const SliderLabel: import("react").ForwardRefExoticComponent<SliderLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/slider/marker.d.ts
+interface SliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
+interface SliderMarkerProps extends HTMLProps<"span">, SliderMarkerBaseProps {}
+declare const SliderMarker: import("react").ForwardRefExoticComponent<SliderMarkerProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/slider/marker-group.d.ts
+interface SliderMarkerGroupBaseProps extends PolymorphicProps {}
+interface SliderMarkerGroupProps extends HTMLProps<"div">, SliderMarkerGroupBaseProps {}
+declare const SliderMarkerGroup: import("react").ForwardRefExoticComponent<SliderMarkerGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/range.d.ts
+interface SliderRangeBaseProps extends PolymorphicProps {}
+interface SliderRangeProps extends HTMLProps<"div">, SliderRangeBaseProps {}
+declare const SliderRange: import("react").ForwardRefExoticComponent<SliderRangeProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/root.d.ts
+interface SliderRootBaseProps extends UseSliderProps, PolymorphicProps {}
+interface SliderRootProps extends Assign<HTMLProps<"div">, SliderRootBaseProps> {}
+declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/root-provider.d.ts
+interface RootProviderProps {
+  value: UseSliderReturn;
+}
+interface SliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SliderRootProviderProps extends HTMLProps<"div">, SliderRootProviderBaseProps {}
+declare const SliderRootProvider: import("react").ForwardRefExoticComponent<SliderRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/thumb.d.ts
+interface SliderThumbBaseProps extends ThumbProps, PolymorphicProps {}
+interface SliderThumbProps extends HTMLProps<"div">, SliderThumbBaseProps {}
+declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/track.d.ts
+interface SliderTrackBaseProps extends PolymorphicProps {}
+interface SliderTrackProps extends HTMLProps<"div">, SliderTrackBaseProps {}
+declare const SliderTrack: import("react").ForwardRefExoticComponent<SliderTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/value-text.d.ts
+interface SliderValueTextBaseProps extends PolymorphicProps {}
+interface SliderValueTextProps extends HTMLProps<"span">, SliderValueTextBaseProps {}
+declare const SliderValueText: import("react").ForwardRefExoticComponent<SliderValueTextProps & import("react").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 };

package/dist/slider.d.ts

@@ -0,0 +1,88 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import * as slider from "@wirekyt/dom/machines/slider";
+import { FocusChangeDetails, FocusChangeDetails as SliderFocusChangeDetails, MarkerProps, ThumbProps, ValueChangeDetails, ValueChangeDetails as SliderValueChangeDetails, anatomy as sliderAnatomy } from "@wirekyt/dom/machines/slider";
+//#region src/components/slider/use.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-context.d.ts
+interface UseSliderContext extends UseSliderReturn {}
+declare const SliderProvider: import("react").Provider<UseSliderContext>, useSliderContext: () => UseSliderContext;
+//#endregion
+//#region src/components/slider/context.d.ts
+interface SliderContextProps {
+  children: (context: UseSliderContext) => ReactNode;
+}
+declare const SliderContext: (props: SliderContextProps) => ReactNode;
+//#endregion
+//#region src/components/slider/control.d.ts
+interface SliderControlBaseProps extends PolymorphicProps {}
+interface SliderControlProps extends HTMLProps<"div">, SliderControlBaseProps {}
+declare const SliderControl: import("react").ForwardRefExoticComponent<SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/dragging-indicator.d.ts
+interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {}
+interface SliderDraggingIndicatorProps extends HTMLProps<"span">, SliderDraggingIndicatorBaseProps {}
+declare const SliderDraggingIndicator: import("react").ForwardRefExoticComponent<SliderDraggingIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/slider/hidden-input.d.ts
+interface SliderHiddenInputBaseProps extends PolymorphicProps {}
+interface SliderHiddenInputProps extends HTMLProps<"input">, SliderHiddenInputBaseProps {}
+declare const SliderHiddenInput: import("react").ForwardRefExoticComponent<SliderHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/slider/label.d.ts
+interface SliderLabelBaseProps extends PolymorphicProps {}
+interface SliderLabelProps extends HTMLProps<"label">, SliderLabelBaseProps {}
+declare const SliderLabel: import("react").ForwardRefExoticComponent<SliderLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/slider/marker.d.ts
+interface SliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
+interface SliderMarkerProps extends HTMLProps<"span">, SliderMarkerBaseProps {}
+declare const SliderMarker: import("react").ForwardRefExoticComponent<SliderMarkerProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/slider/marker-group.d.ts
+interface SliderMarkerGroupBaseProps extends PolymorphicProps {}
+interface SliderMarkerGroupProps extends HTMLProps<"div">, SliderMarkerGroupBaseProps {}
+declare const SliderMarkerGroup: import("react").ForwardRefExoticComponent<SliderMarkerGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/range.d.ts
+interface SliderRangeBaseProps extends PolymorphicProps {}
+interface SliderRangeProps extends HTMLProps<"div">, SliderRangeBaseProps {}
+declare const SliderRange: import("react").ForwardRefExoticComponent<SliderRangeProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/root.d.ts
+interface SliderRootBaseProps extends UseSliderProps, PolymorphicProps {}
+interface SliderRootProps extends Assign<HTMLProps<"div">, SliderRootBaseProps> {}
+declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/root-provider.d.ts
+interface RootProviderProps {
+  value: UseSliderReturn;
+}
+interface SliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SliderRootProviderProps extends HTMLProps<"div">, SliderRootProviderBaseProps {}
+declare const SliderRootProvider: import("react").ForwardRefExoticComponent<SliderRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/thumb.d.ts
+interface SliderThumbBaseProps extends ThumbProps, PolymorphicProps {}
+interface SliderThumbProps extends HTMLProps<"div">, SliderThumbBaseProps {}
+declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/track.d.ts
+interface SliderTrackBaseProps extends PolymorphicProps {}
+interface SliderTrackProps extends HTMLProps<"div">, SliderTrackBaseProps {}
+declare const SliderTrack: import("react").ForwardRefExoticComponent<SliderTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/slider/value-text.d.ts
+interface SliderValueTextBaseProps extends PolymorphicProps {}
+interface SliderValueTextProps extends HTMLProps<"span">, SliderValueTextBaseProps {}
+declare const SliderValueText: import("react").ForwardRefExoticComponent<SliderValueTextProps & import("react").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 };

package/dist/slider.js

@@ -0,0 +1,232 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as slider from "@wirekyt/dom/machines/slider";
+import { anatomy as sliderAnatomy } from "@wirekyt/dom/machines/slider";
+//#region src/components/slider/use-context.ts
+const [SliderProvider, useSliderContext] = createContext$1({
+	name: "SliderContext",
+	hookName: "useSliderContext",
+	providerName: "<SliderProvider />"
+});
+//#endregion
+//#region src/components/slider/context.tsx
+const SliderContext = (props) => props.children(useSliderContext());
+//#endregion
+//#region src/components/slider/control.tsx
+const SliderControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSliderContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderControl.displayName = "SliderControl";
+//#endregion
+//#region src/components/slider/use-thumb-props-context.ts
+const [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext$1({
+	name: "SliderThumbPropsContext",
+	hookName: "useSliderThumbPropsContext",
+	providerName: "<SliderThumbPropsProvider />"
+});
+//#endregion
+//#region src/components/slider/dragging-indicator.tsx
+const SliderDraggingIndicator = forwardRef((props, ref) => {
+	const slider = useSliderContext();
+	const { index } = useSliderThumbPropsContext();
+	const mergedProps = mergeProps(slider.getDraggingIndicatorProps({ index }), props);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref,
+		children: props.children || slider.getThumbValue(index)
+	});
+});
+SliderDraggingIndicator.displayName = "SliderDraggingIndicator";
+//#endregion
+//#region src/components/slider/hidden-input.tsx
+const SliderHiddenInput = forwardRef((props, ref) => {
+	const slider = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = mergeProps(slider.getHiddenInputProps(thumbProps), props);
+	return /* @__PURE__ */ jsx(wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+SliderHiddenInput.displayName = "SliderHiddenInput";
+//#endregion
+//#region src/components/slider/label.tsx
+const SliderLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSliderContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+SliderLabel.displayName = "SliderLabel";
+//#endregion
+//#region src/components/slider/marker.tsx
+const splitMarkerProps = createSplitProps();
+const SliderMarker = forwardRef((props, ref) => {
+	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
+	const mergedProps = mergeProps(useSliderContext().getMarkerProps(markerProps), localProps);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+SliderMarker.displayName = "SliderMarker";
+//#endregion
+//#region src/components/slider/marker-group.tsx
+const SliderMarkerGroup = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSliderContext().getMarkerGroupProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderMarkerGroup.displayName = "SliderMarkerGroup";
+//#endregion
+//#region src/components/slider/range.tsx
+const SliderRange = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSliderContext().getRangeProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderRange.displayName = "SliderRange";
+//#endregion
+//#region src/components/slider/use.ts
+const useSlider = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(slider.machine, machineProps);
+	return slider.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/slider/root.tsx
+const splitRootProps = createSplitProps();
+const SliderRoot = forwardRef((props, ref) => {
+	const [useSliderProps, localProps] = splitRootProps(props, [
+		"aria-label",
+		"aria-labelledby",
+		"defaultValue",
+		"disabled",
+		"form",
+		"getAriaValueText",
+		"id",
+		"ids",
+		"invalid",
+		"largeStep",
+		"max",
+		"min",
+		"minStepsBetweenThumbs",
+		"name",
+		"onFocusChange",
+		"onValueChange",
+		"onValueChangeEnd",
+		"orientation",
+		"origin",
+		"readOnly",
+		"step",
+		"thumbAlignment",
+		"thumbCollisionBehavior",
+		"thumbSize",
+		"value"
+	]);
+	const slider = useSlider(useSliderProps);
+	const mergedProps = mergeProps(slider.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SliderProvider, {
+		value: slider,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderRoot.displayName = "SliderRoot";
+//#endregion
+//#region src/components/slider/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const SliderRootProvider = forwardRef((props, ref) => {
+	const [{ value: slider }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(slider.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SliderProvider, {
+		value: slider,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderRootProvider.displayName = "SliderRootProvider";
+//#endregion
+//#region src/components/slider/thumb.tsx
+const splitThumbProps = createSplitProps();
+const SliderThumb = forwardRef((props, ref) => {
+	const [thumbProps, localProps] = splitThumbProps(props, ["index", "name"]);
+	const mergedProps = mergeProps(useSliderContext().getThumbProps(thumbProps), localProps);
+	return /* @__PURE__ */ jsx(SliderThumbPropsProvider, {
+		value: thumbProps,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SliderThumb.displayName = "SliderThumb";
+//#endregion
+//#region src/components/slider/track.tsx
+const SliderTrack = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSliderContext().getTrackProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+SliderTrack.displayName = "SliderTrack";
+//#endregion
+//#region src/components/slider/value-text.tsx
+const SliderValueText = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const slider = useSliderContext();
+	const mergedProps = mergeProps(slider.getValueTextProps(), rest);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref,
+		children: children || slider.value.join(", ")
+	});
+});
+SliderValueText.displayName = "SliderValueText";
+//#endregion
+//#region src/components/slider/slider.ts
+var slider_exports = /* @__PURE__ */ __exportAll({
+	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 };