@wirekyt/solid 0.0.1 → 0.0.2

package/dist/signature-pad.d.ts

@@ -0,0 +1,67 @@
+import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+import * as signaturePad from "@wirekyt/dom/machines/signature-pad";
+import { DrawDetails, DrawDetails as SignaturePadDrawDetails, DrawEndDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions, DrawingOptions as SignaturePadDrawingOptions, HiddenInputProps, anatomy as signaturePadAnatomy } from "@wirekyt/dom/machines/signature-pad";
+//#region src/components/signature-pad/clear-trigger.d.ts
+interface SignaturePadClearTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface SignaturePadClearTriggerProps extends HTMLProps<"button">, SignaturePadClearTriggerBaseProps {}
+declare const SignaturePadClearTrigger: (props: SignaturePadClearTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/signature-pad/use.d.ts
+interface UseSignaturePadProps extends Optional<Omit<signaturePad.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSignaturePadReturn extends Accessor<signaturePad.Api<PropTypes>> {}
+declare const useSignaturePad: (props?: MaybeAccessor<UseSignaturePadProps>) => UseSignaturePadReturn;
+//#endregion
+//#region src/components/signature-pad/use-context.d.ts
+interface UseSignaturePadContext extends UseSignaturePadReturn {}
+declare const SignaturePadProvider: import("solid-js").ContextProviderComponent<UseSignaturePadContext>, useSignaturePadContext: () => UseSignaturePadContext;
+//#endregion
+//#region src/components/signature-pad/context.d.ts
+interface SignaturePadContextProps {
+  children: (context: UseSignaturePadContext) => JSX.Element;
+}
+declare const SignaturePadContext: (props: SignaturePadContextProps) => JSX.Element;
+//#endregion
+//#region src/components/signature-pad/control.d.ts
+interface SignaturePadControlBaseProps extends PolymorphicProps<"div"> {}
+interface SignaturePadControlProps extends HTMLProps<"div">, SignaturePadControlBaseProps {}
+declare const SignaturePadControl: (props: SignaturePadControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/signature-pad/guide.d.ts
+interface SignaturePadGuideBaseProps extends PolymorphicProps<"div"> {}
+interface SignaturePadGuideProps extends HTMLProps<"div">, SignaturePadGuideBaseProps {}
+declare const SignaturePadGuide: (props: SignaturePadGuideProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/signature-pad/hidden-input.d.ts
+interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps<"input"> {}
+interface SignaturePadHiddenInputProps extends Assign<HTMLProps<"input">, SignaturePadHiddenInputBaseProps> {}
+declare const SignaturePadHiddenInput: (props: SignaturePadHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/signature-pad/label.d.ts
+interface SignaturePadLabelBaseProps extends PolymorphicProps<"label"> {}
+interface SignaturePadLabelProps extends HTMLProps<"label">, SignaturePadLabelBaseProps {}
+declare const SignaturePadLabel: (props: SignaturePadLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/signature-pad/root.d.ts
+interface SignaturePadRootBaseProps extends UseSignaturePadProps, PolymorphicProps<"div"> {}
+interface SignaturePadRootProps extends HTMLProps<"div">, SignaturePadRootBaseProps {}
+declare const SignaturePadRoot: (props: SignaturePadRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/signature-pad/root-provider.d.ts
+interface RootProviderProps {
+  value: UseSignaturePadReturn;
+}
+interface SignaturePadRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface SignaturePadRootProviderProps extends HTMLProps<"div">, RootProviderProps, SignaturePadRootProviderBaseProps {}
+declare const SignaturePadRootProvider: (props: SignaturePadRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/signature-pad/segment.d.ts
+interface SignaturePadSegmentBaseProps extends PolymorphicProps<"svg"> {}
+interface SignaturePadSegmentProps extends HTMLProps<"svg">, SignaturePadSegmentBaseProps {}
+declare const SignaturePadSegment: (props: SignaturePadSegmentProps) => import("solid-js").JSX.Element;
+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/signature-pad.js

@@ -0,0 +1,159 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { h as useFieldContext } from "./field-CQr_Dibp.js";
+import { For, Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as signaturePad from "@wirekyt/dom/machines/signature-pad";
+import { anatomy as signaturePadAnatomy } from "@wirekyt/dom/machines/signature-pad";
+//#region src/components/signature-pad/use-context.ts
+const [SignaturePadProvider, useSignaturePadContext] = createContext$1({
+	hookName: "useSignaturePadContext",
+	providerName: "<SignaturePadProvider />"
+});
+//#endregion
+//#region src/components/signature-pad/clear-trigger.tsx
+const SignaturePadClearTrigger = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad().getClearTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/signature-pad/context.tsx
+const SignaturePadContext = (props) => props.children(useSignaturePadContext());
+//#endregion
+//#region src/components/signature-pad/control.tsx
+const SignaturePadControl = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/signature-pad/guide.tsx
+const SignaturePadGuide = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad().getGuideProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/signature-pad/hidden-input.tsx
+const SignaturePadHiddenInput = (props) => {
+	const [hiddenInputProps, localProps] = createSplitProps()(props, ["value"]);
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad().getHiddenInputProps(hiddenInputProps), localProps);
+	const field = useFieldContext();
+	return createComponent(wire.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+//#endregion
+//#region src/components/signature-pad/label.tsx
+const SignaturePadLabel = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad().getLabelProps(), props);
+	return createComponent(wire.label, mergedProps);
+};
+//#endregion
+//#region src/components/signature-pad/use.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/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 = useSignaturePad(useSignaturePadProps);
+	const mergedProps = mergeProps$2(() => signaturePad().getRootProps(), localProps);
+	return createComponent(SignaturePadProvider, {
+		value: signaturePad,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/signature-pad/root-provider.tsx
+const SignaturePadRootProvider = (props) => {
+	const [{ value: signaturePad }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => signaturePad().getRootProps(), localProps);
+	return createComponent(SignaturePadProvider, {
+		value: signaturePad,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/signature-pad/segment.tsx
+const SignaturePadSegment = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad().getSegmentProps(), props);
+	return createComponent(wire.svg, mergeProps$1(mergedProps, { get children() {
+		return [
+			createComponent(wire.title, { children: "Signature" }),
+			createComponent(For, {
+				get each() {
+					return signaturePad().paths;
+				},
+				children: (path) => createComponent(wire.path, mergeProps$1(() => signaturePad().getSegmentPathProps({ path })))
+			}),
+			createComponent(Show, {
+				get when() {
+					return signaturePad().currentPath;
+				},
+				get children() {
+					return createComponent(wire.path, mergeProps$1(() => signaturePad().getSegmentPathProps({ path: signaturePad().currentPath })));
+				}
+			})
+		];
+	} }));
+};
+//#endregion
+//#region src/components/signature-pad/signature-pad.ts
+var signature_pad_exports = /* @__PURE__ */ __exportAll({
+	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/signature-pad.jsx

@@ -0,0 +1,141 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { h as useFieldContext } from "./field-R5jVNdtK.jsx";
+import { For, Show, createMemo, createUniqueId } from "solid-js";
+import * as signaturePad from "@wirekyt/dom/machines/signature-pad";
+import { anatomy as signaturePadAnatomy } from "@wirekyt/dom/machines/signature-pad";
+//#region src/components/signature-pad/use-context.ts
+const [SignaturePadProvider, useSignaturePadContext] = createContext$1({
+	hookName: "useSignaturePadContext",
+	providerName: "<SignaturePadProvider />"
+});
+//#endregion
+//#region src/components/signature-pad/clear-trigger.tsx
+const SignaturePadClearTrigger = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad().getClearTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/signature-pad/context.tsx
+const SignaturePadContext = (props) => props.children(useSignaturePadContext());
+//#endregion
+//#region src/components/signature-pad/control.tsx
+const SignaturePadControl = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad().getControlProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/signature-pad/guide.tsx
+const SignaturePadGuide = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad().getGuideProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/signature-pad/hidden-input.tsx
+const SignaturePadHiddenInput = (props) => {
+	const [hiddenInputProps, localProps] = createSplitProps()(props, ["value"]);
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad().getHiddenInputProps(hiddenInputProps), localProps);
+	const field = useFieldContext();
+	return <wire.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+//#endregion
+//#region src/components/signature-pad/label.tsx
+const SignaturePadLabel = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad().getLabelProps(), props);
+	return <wire.label {...mergedProps} />;
+};
+//#endregion
+//#region src/components/signature-pad/use.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/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 = useSignaturePad(useSignaturePadProps);
+	const mergedProps = mergeProps$1(() => signaturePad().getRootProps(), localProps);
+	return <SignaturePadProvider value={signaturePad}>
+      <wire.div {...mergedProps} />
+    </SignaturePadProvider>;
+};
+//#endregion
+//#region src/components/signature-pad/root-provider.tsx
+const SignaturePadRootProvider = (props) => {
+	const [{ value: signaturePad }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => signaturePad().getRootProps(), localProps);
+	return <SignaturePadProvider value={signaturePad}>
+      <wire.div {...mergedProps} />
+    </SignaturePadProvider>;
+};
+//#endregion
+//#region src/components/signature-pad/segment.tsx
+const SignaturePadSegment = (props) => {
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps$1(() => signaturePad().getSegmentProps(), props);
+	return <wire.svg {...mergedProps}>
+      <wire.title>Signature</wire.title>
+      <For each={signaturePad().paths}>
+        {(path) => <wire.path {...signaturePad().getSegmentPathProps({ path })} />}
+      </For>
+      <Show when={signaturePad().currentPath}>
+        {}
+        <wire.path {...signaturePad().getSegmentPathProps({ path: signaturePad().currentPath })} />
+      </Show>
+    </wire.svg>;
+};
+//#endregion
+//#region src/components/signature-pad/signature-pad.ts
+var signature_pad_exports = /* @__PURE__ */ __exportAll({
+	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/slider.d.ts

@@ -0,0 +1,87 @@
+import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+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-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-context.d.ts
+interface UseSliderContext extends UseSliderReturn {}
+declare const SliderProvider: import("solid-js").ContextProviderComponent<UseSliderContext>, useSliderContext: () => UseSliderContext;
+//#endregion
+//#region src/components/slider/context.d.ts
+interface SliderContextProps {
+  children: (context: UseSliderContext) => JSX.Element;
+}
+declare const SliderContext: (props: SliderContextProps) => JSX.Element;
+//#endregion
+//#region src/components/slider/control.d.ts
+interface SliderControlBaseProps extends PolymorphicProps<"div"> {}
+interface SliderControlProps extends HTMLProps<"div">, SliderControlBaseProps {}
+declare const SliderControl: (props: SliderControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/dragging-indicator.d.ts
+interface SliderDraggingIndicatorBaseProps extends PolymorphicProps<"span"> {}
+interface SliderDraggingIndicatorProps extends HTMLProps<"span">, SliderDraggingIndicatorBaseProps {}
+declare const SliderDraggingIndicator: (props: SliderDraggingIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/hidden-input.d.ts
+interface SliderHiddenInputBaseProps extends PolymorphicProps<"input"> {}
+interface SliderHiddenInputProps extends HTMLProps<"input">, SliderHiddenInputBaseProps {}
+declare const SliderHiddenInput: (props: SliderHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/label.d.ts
+interface SliderLabelBaseProps extends PolymorphicProps<"label"> {}
+interface SliderLabelProps extends HTMLProps<"label">, SliderLabelBaseProps {}
+declare const SliderLabel: (props: SliderLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/marker.d.ts
+interface SliderMarkerBaseProps extends MarkerProps, PolymorphicProps<"span"> {}
+interface SliderMarkerProps extends HTMLProps<"span">, SliderMarkerBaseProps {}
+declare const SliderMarker: (props: SliderMarkerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/marker-group.d.ts
+interface SliderMarkerGroupBaseProps extends PolymorphicProps<"div"> {}
+interface SliderMarkerGroupProps extends HTMLProps<"div">, SliderMarkerGroupBaseProps {}
+declare const SliderMarkerGroup: (props: SliderMarkerGroupProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/range.d.ts
+interface SliderRangeBaseProps extends PolymorphicProps<"div"> {}
+interface SliderRangeProps extends HTMLProps<"div">, SliderRangeBaseProps {}
+declare const SliderRange: (props: SliderRangeProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/root.d.ts
+interface SliderRootBaseProps extends UseSliderProps, PolymorphicProps<"div"> {}
+interface SliderRootProps extends Assign<HTMLProps<"div">, SliderRootBaseProps> {}
+declare const SliderRoot: (props: SliderRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/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) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/thumb.d.ts
+interface SliderThumbBaseProps extends ThumbProps, PolymorphicProps<"div"> {}
+interface SliderThumbProps extends HTMLProps<"div">, SliderThumbBaseProps {}
+declare const SliderThumb: (props: SliderThumbProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/track.d.ts
+interface SliderTrackBaseProps extends PolymorphicProps<"div"> {}
+interface SliderTrackProps extends HTMLProps<"div">, SliderTrackBaseProps {}
+declare const SliderTrack: (props: SliderTrackProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/slider/value-text.d.ts
+interface SliderValueTextBaseProps extends PolymorphicProps<"span"> {}
+interface SliderValueTextProps extends HTMLProps<"span">, SliderValueTextBaseProps {}
+declare const SliderValueText: (props: SliderValueTextProps) => import("solid-js").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/slider.js

@@ -0,0 +1,191 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+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({
+	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 = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/slider/use-thumb-props-context.ts
+const [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext$1({
+	hookName: "useSliderThumbPropsContext",
+	providerName: "<SliderThumbPropsProvider />"
+});
+//#endregion
+//#region src/components/slider/dragging-indicator.tsx
+const SliderDraggingIndicator = (props) => {
+	const slider = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = mergeProps$2(() => slider().getDraggingIndicatorProps(thumbProps), props);
+	return createComponent(wire.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || slider().getThumbValue(thumbProps.index);
+	} }));
+};
+//#endregion
+//#region src/components/slider/hidden-input.tsx
+const SliderHiddenInput = (props) => {
+	const slider = useSliderContext();
+	const thumbProps = useSliderThumbPropsContext();
+	const mergedProps = mergeProps$2(slider().getHiddenInputProps(thumbProps), props);
+	return createComponent(wire.input, mergedProps);
+};
+//#endregion
+//#region src/components/slider/label.tsx
+const SliderLabel = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(wire.label, mergedProps);
+};
+//#endregion
+//#region src/components/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(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/slider/marker-group.tsx
+const SliderMarkerGroup = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getMarkerGroupProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/slider/range.tsx
+const SliderRange = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getRangeProps(), props);
+	return createComponent(wire.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/root.tsx
+const SliderRoot = (props) => {
+	const [useSliderProps, localProps] = createSplitProps()(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 api = useSlider(useSliderProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(SliderProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/slider/root-provider.tsx
+const SliderRootProvider = (props) => {
+	const [{ value: slider }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => slider().getRootProps(), localProps);
+	return createComponent(SliderProvider, {
+		value: slider,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/slider/thumb.tsx
+const SliderThumb = (props) => {
+	const [thumbProps, localProps] = createSplitProps()(props, ["index", "name"]);
+	const slider = useSliderContext();
+	const mergedProps = mergeProps$2(() => slider().getThumbProps(thumbProps), localProps);
+	return createComponent(SliderThumbPropsProvider, {
+		value: thumbProps,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/slider/track.tsx
+const SliderTrack = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getTrackProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/slider/value-text.tsx
+const SliderValueText = (props) => {
+	const api = useSliderContext();
+	const mergedProps = mergeProps$2(() => api().getValueTextProps(), props);
+	return createComponent(wire.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().value.join(",");
+	} }));
+};
+//#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 };