@sprawlify/react 0.0.4 → 0.0.5

package/dist/{collapsible-uHsTDy9p.mjs → collapsible-C5ZpjCRe.mjs}

@@ -1,6 +1,7 @@
-import { t as __export } from "./chunk-Be3lCSWa.mjs";
-import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "./factory-BvslhNMh.mjs";
-import { t as createContext$1 } from "./create-context-C0L0yhLQ.mjs";
+import { t as __export } from "./chunk-DJTHdtxa.mjs";
+import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "./factory-DbgGeb_e.mjs";
+import { t as createContext$1 } from "./create-context-DLMHiig4.mjs";
+import { t as createSplitProps } from "./create-split-props-DvwGh64U.mjs";
 import { forwardRef, useId, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import * as collapsible from "@sprawlify/primitives/machines/collapsible";
@@ -41,16 +42,6 @@ const CollapsibleIndicator = forwardRef((props, ref) => {
 });
 CollapsibleIndicator.displayName = "CollapsibleIndicator";
 
-//#endregion
-//#region src/utils/create-split-props.ts
-const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
-	const [target, source] = previousValue;
-	const key = currentValue;
-	if (source[key] !== void 0) target[key] = source[key];
-	delete source[key];
-	return [target, source];
-}, [{}, { ...props }]);
-
 //#endregion
 //#region src/components/collapsible/split-collapsible-props.ts
 const splitCollapsibleProps = (props) => createSplitProps()(props, [
@@ -146,4 +137,4 @@ var collapsible_exports = /* @__PURE__ */ __export({
 });
 
 //#endregion
-export { CollapsibleRoot as a, CollapsibleIndicator as c, useCollapsibleContext as d, CollapsibleRootProvider as i, CollapsibleContext as l, collapsibleAnatomy as n, useCollapsible as o, CollapsibleTrigger as r, createSplitProps as s, collapsible_exports as t, CollapsibleContent as u };
+export { CollapsibleRoot as a, CollapsibleContext as c, CollapsibleRootProvider as i, CollapsibleContent as l, collapsibleAnatomy as n, useCollapsible as o, CollapsibleTrigger as r, CollapsibleIndicator as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/{collapsible-ztcYulwp.cjs → collapsible-D_cXuaRy.cjs}

@@ -1,5 +1,6 @@
 const require_factory = require('./factory-CfqPG186.cjs');
 const require_create_context = require('./create-context-DCEySQ7J.cjs');
+const require_create_split_props = require('./create-split-props-CSaOnJRj.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __sprawlify_primitives_machines_collapsible = require("@sprawlify/primitives/machines/collapsible");
@@ -41,19 +42,9 @@ const CollapsibleIndicator = (0, react.forwardRef)((props, ref) => {
 });
 CollapsibleIndicator.displayName = "CollapsibleIndicator";
 
-//#endregion
-//#region src/utils/create-split-props.ts
-const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
-	const [target, source] = previousValue;
-	const key = currentValue;
-	if (source[key] !== void 0) target[key] = source[key];
-	delete source[key];
-	return [target, source];
-}, [{}, { ...props }]);
-
 //#endregion
 //#region src/components/collapsible/split-collapsible-props.ts
-const splitCollapsibleProps = (props) => createSplitProps()(props, [
+const splitCollapsibleProps = (props) => require_create_split_props.createSplitProps()(props, [
 	"collapsedHeight",
 	"collapsedWidth",
 	"defaultOpen",
@@ -109,7 +100,7 @@ CollapsibleRoot.displayName = "CollapsibleRoot";
 
 //#endregion
 //#region src/components/collapsible/collapsible-root-provider.tsx
-const splitRootProviderProps = createSplitProps();
+const splitRootProviderProps = require_create_split_props.createSplitProps();
 const CollapsibleRootProvider = (0, react.forwardRef)((props, ref) => {
 	const [{ value: collapsible }, localProps] = splitRootProviderProps(props, ["value"]);
 	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(collapsible.getRootProps(), localProps);
@@ -188,12 +179,6 @@ Object.defineProperty(exports, 'collapsible_exports', {
     return collapsible_exports;
   }
 });
-Object.defineProperty(exports, 'createSplitProps', {
-  enumerable: true,
-  get: function () {
-    return createSplitProps;
-  }
-});
 Object.defineProperty(exports, 'useCollapsible', {
   enumerable: true,
   get: function () {

package/dist/components/accordion/index.cjs

@@ -1,6 +1,7 @@
 const require_factory = require('../../factory-CfqPG186.cjs');
 const require_create_context = require('../../create-context-DCEySQ7J.cjs');
-const require_collapsible = require('../../collapsible-ztcYulwp.cjs');
+const require_collapsible = require('../../collapsible-D_cXuaRy.cjs');
+const require_create_split_props = require('../../create-split-props-CSaOnJRj.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __sprawlify_primitives_machines_accordion = require("@sprawlify/primitives/machines/accordion");
@@ -25,7 +26,7 @@ const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = require_cre
 	hookName: "useRenderStrategyContext",
 	providerName: "<RenderStrategyPropsProvider />"
 });
-const splitRenderStrategyProps = (props) => require_collapsible.createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+const splitRenderStrategyProps = (props) => require_create_split_props.createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
 
 //#endregion
 //#region src/components/accordion/use-accordion-item-context.ts
@@ -45,7 +46,7 @@ const [AccordionItemPropsProvider, useAccordionItemPropsContext] = require_creat
 
 //#endregion
 //#region src/components/accordion/accordion-item.tsx
-const splitItemProps = require_collapsible.createSplitProps();
+const splitItemProps = require_create_split_props.createSplitProps();
 const AccordionItem = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
 	const accordion = useAccordionContext();
@@ -71,7 +72,7 @@ AccordionItem.displayName = "AccordionItem";
 
 //#endregion
 //#region src/components/accordion/accordion-item-content.tsx
-const splitVisibilityProps = require_collapsible.createSplitProps();
+const splitVisibilityProps = require_create_split_props.createSplitProps();
 const AccordionItemContent = (0, react.forwardRef)((props, ref) => {
 	const accordion = useAccordionContext();
 	const itemProps = useAccordionItemPropsContext();
@@ -137,7 +138,7 @@ const useAccordion = (props) => {
 
 //#endregion
 //#region src/components/accordion/accordion-root.tsx
-const splitRootProps = require_collapsible.createSplitProps();
+const splitRootProps = require_create_split_props.createSplitProps();
 const AccordionRoot = (0, react.forwardRef)((props, ref) => {
 	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
 	const [useAccordionProps, localProps] = splitRootProps(accordionProps, [
@@ -169,7 +170,7 @@ AccordionRoot.displayName = "AccordionRoot";
 
 //#endregion
 //#region src/components/accordion/accordion-root-provider.tsx
-const splitRootProviderProps = require_collapsible.createSplitProps();
+const splitRootProviderProps = require_create_split_props.createSplitProps();
 const AccordionRootProvider = (0, react.forwardRef)((props, ref) => {
 	const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
 	const [{ value: accordion }, localProps] = splitRootProviderProps(accordionProps, ["value"]);

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

@@ -1,8 +1,8 @@
-import { n as __export, t as RenderStrategyProps } from "../../render-strategy-CErLP5e-.cjs";
-import { c as PropTypes, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-B3Fr36su.cjs";
+import { c as PropTypes, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-D5qarvEF.cjs";
+import { t as RenderStrategyProps } from "../../render-strategy-G1aEn-1X.cjs";
 import * as accordion from "@sprawlify/primitives/machines/accordion";
 import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
-import * as react10 from "react";
+import * as react20 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
@@ -22,12 +22,12 @@ declare const AccordionContext: (props: AccordionContextProps) => ReactNode;
 //#region src/components/accordion/accordion-item.d.ts
 interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
 interface AccordionItemProps extends HTMLProps<"div">, AccordionItemBaseProps {}
-declare const AccordionItem: react10.ForwardRefExoticComponent<AccordionItemProps & react10.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: react20.ForwardRefExoticComponent<AccordionItemProps & react20.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/accordion-item-content.d.ts
 interface AccordionItemContentBaseProps extends PolymorphicProps {}
 interface AccordionItemContentProps extends HTMLProps<"div">, AccordionItemContentBaseProps {}
-declare const AccordionItemContent: react10.ForwardRefExoticComponent<AccordionItemContentProps & react10.RefAttributes<HTMLDivElement>>;
+declare const AccordionItemContent: react20.ForwardRefExoticComponent<AccordionItemContentProps & react20.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/use-accordion-item-context.d.ts
 interface UseAccordionItemContext extends ItemState {}
@@ -41,17 +41,17 @@ declare const AccordionItemContext: (props: AccordionItemContextProps) => ReactN
 //#region src/components/accordion/accordion-item-indicator.d.ts
 interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
 interface AccordionItemIndicatorProps extends HTMLProps<"div">, AccordionItemIndicatorBaseProps {}
-declare const AccordionItemIndicator: react10.ForwardRefExoticComponent<AccordionItemIndicatorProps & react10.RefAttributes<HTMLDivElement>>;
+declare const AccordionItemIndicator: react20.ForwardRefExoticComponent<AccordionItemIndicatorProps & react20.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/accordion-item-trigger.d.ts
 interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
 interface AccordionItemTriggerProps extends HTMLProps<"button">, AccordionItemTriggerBaseProps {}
-declare const AccordionItemTrigger: react10.ForwardRefExoticComponent<AccordionItemTriggerProps & react10.RefAttributes<HTMLButtonElement>>;
+declare const AccordionItemTrigger: react20.ForwardRefExoticComponent<AccordionItemTriggerProps & react20.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/accordion/accordion-root.d.ts
 interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {}
 interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {}
-declare const AccordionRoot: react10.ForwardRefExoticComponent<AccordionRootProps & react10.RefAttributes<HTMLDivElement>>;
+declare const AccordionRoot: react20.ForwardRefExoticComponent<AccordionRootProps & react20.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/accordion-root-provider.d.ts
 interface RootProviderProps {
@@ -59,7 +59,7 @@ interface RootProviderProps {
 }
 interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
 interface AccordionRootProviderProps extends HTMLProps<"div">, AccordionRootProviderBaseProps {}
-declare const AccordionRootProvider: react10.ForwardRefExoticComponent<AccordionRootProviderProps & react10.RefAttributes<HTMLDivElement>>;
+declare const AccordionRootProvider: react20.ForwardRefExoticComponent<AccordionRootProviderProps & react20.RefAttributes<HTMLDivElement>>;
 declare namespace accordion_d_exports {
   export { AccordionContext as Context, AccordionContextProps as ContextProps, FocusChangeDetails, AccordionItem as Item, AccordionItemBaseProps as ItemBaseProps, AccordionItemContent as ItemContent, AccordionItemContentBaseProps as ItemContentBaseProps, AccordionItemContentProps as ItemContentProps, AccordionItemContext as ItemContext, AccordionItemContextProps as ItemContextProps, AccordionItemIndicator as ItemIndicator, AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, AccordionItemIndicatorProps as ItemIndicatorProps, AccordionItemProps as ItemProps, AccordionItemTrigger as ItemTrigger, AccordionItemTriggerBaseProps as ItemTriggerBaseProps, AccordionItemTriggerProps as ItemTriggerProps, AccordionRoot as Root, AccordionRootBaseProps as RootBaseProps, AccordionRootProps as RootProps, AccordionRootProvider as RootProvider, AccordionRootProviderBaseProps as RootProviderBaseProps, AccordionRootProviderProps as RootProviderProps, ValueChangeDetails };
 }

package/dist/components/accordion/index.d.mts

@@ -1,6 +1,6 @@
-import { o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-BV5hc6hz.mjs";
-import { t as RenderStrategyProps } from "../../render-strategy-BfNJW1Xz.mjs";
-import * as react12 from "react";
+import { o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-CNfD9NVO.mjs";
+import { t as RenderStrategyProps } from "../../render-strategy-D37ixdTi.mjs";
+import * as react18 from "react";
 import { ReactNode } from "react";
 import * as accordion from "@sprawlify/primitives/machines/accordion";
 import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
@@ -22,12 +22,12 @@ declare const AccordionContext: (props: AccordionContextProps) => ReactNode;
 //#region src/components/accordion/accordion-item.d.ts
 interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
 interface AccordionItemProps extends HTMLProps<"div">, AccordionItemBaseProps {}
-declare const AccordionItem: react12.ForwardRefExoticComponent<AccordionItemProps & react12.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: react18.ForwardRefExoticComponent<AccordionItemProps & react18.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/accordion-item-content.d.ts
 interface AccordionItemContentBaseProps extends PolymorphicProps {}
 interface AccordionItemContentProps extends HTMLProps<"div">, AccordionItemContentBaseProps {}
-declare const AccordionItemContent: react12.ForwardRefExoticComponent<AccordionItemContentProps & react12.RefAttributes<HTMLDivElement>>;
+declare const AccordionItemContent: react18.ForwardRefExoticComponent<AccordionItemContentProps & react18.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/use-accordion-item-context.d.ts
 interface UseAccordionItemContext extends ItemState {}
@@ -41,17 +41,17 @@ declare const AccordionItemContext: (props: AccordionItemContextProps) => ReactN
 //#region src/components/accordion/accordion-item-indicator.d.ts
 interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
 interface AccordionItemIndicatorProps extends HTMLProps<"div">, AccordionItemIndicatorBaseProps {}
-declare const AccordionItemIndicator: react12.ForwardRefExoticComponent<AccordionItemIndicatorProps & react12.RefAttributes<HTMLDivElement>>;
+declare const AccordionItemIndicator: react18.ForwardRefExoticComponent<AccordionItemIndicatorProps & react18.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/accordion-item-trigger.d.ts
 interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
 interface AccordionItemTriggerProps extends HTMLProps<"button">, AccordionItemTriggerBaseProps {}
-declare const AccordionItemTrigger: react12.ForwardRefExoticComponent<AccordionItemTriggerProps & react12.RefAttributes<HTMLButtonElement>>;
+declare const AccordionItemTrigger: react18.ForwardRefExoticComponent<AccordionItemTriggerProps & react18.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/accordion/accordion-root.d.ts
 interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {}
 interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {}
-declare const AccordionRoot: react12.ForwardRefExoticComponent<AccordionRootProps & react12.RefAttributes<HTMLDivElement>>;
+declare const AccordionRoot: react18.ForwardRefExoticComponent<AccordionRootProps & react18.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/accordion/accordion-root-provider.d.ts
 interface RootProviderProps {
@@ -59,7 +59,7 @@ interface RootProviderProps {
 }
 interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
 interface AccordionRootProviderProps extends HTMLProps<"div">, AccordionRootProviderBaseProps {}
-declare const AccordionRootProvider: react12.ForwardRefExoticComponent<AccordionRootProviderProps & react12.RefAttributes<HTMLDivElement>>;
+declare const AccordionRootProvider: react18.ForwardRefExoticComponent<AccordionRootProviderProps & react18.RefAttributes<HTMLDivElement>>;
 declare namespace accordion_d_exports {
   export { AccordionContext as Context, AccordionContextProps as ContextProps, FocusChangeDetails, AccordionItem as Item, AccordionItemBaseProps as ItemBaseProps, AccordionItemContent as ItemContent, AccordionItemContentBaseProps as ItemContentBaseProps, AccordionItemContentProps as ItemContentProps, AccordionItemContext as ItemContext, AccordionItemContextProps as ItemContextProps, AccordionItemIndicator as ItemIndicator, AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, AccordionItemIndicatorProps as ItemIndicatorProps, AccordionItemProps as ItemProps, AccordionItemTrigger as ItemTrigger, AccordionItemTriggerBaseProps as ItemTriggerBaseProps, AccordionItemTriggerProps as ItemTriggerProps, AccordionRoot as Root, AccordionRootBaseProps as RootBaseProps, AccordionRootProps as RootProps, AccordionRootProvider as RootProvider, AccordionRootProviderBaseProps as RootProviderBaseProps, AccordionRootProviderProps as RootProviderProps, ValueChangeDetails };
 }

package/dist/components/accordion/index.mjs

@@ -1,7 +1,8 @@
-import { t as __export } from "../../chunk-Be3lCSWa.mjs";
-import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-BvslhNMh.mjs";
-import { t as createContext$1 } from "../../create-context-C0L0yhLQ.mjs";
-import { a as CollapsibleRoot, d as useCollapsibleContext, s as createSplitProps, u as CollapsibleContent } from "../../collapsible-uHsTDy9p.mjs";
+import { t as __export } from "../../chunk-DJTHdtxa.mjs";
+import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-DbgGeb_e.mjs";
+import { t as createContext$1 } from "../../create-context-DLMHiig4.mjs";
+import { a as CollapsibleRoot, l as CollapsibleContent, u as useCollapsibleContext } from "../../collapsible-C5ZpjCRe.mjs";
+import { t as createSplitProps } from "../../create-split-props-DvwGh64U.mjs";
 import { forwardRef, useId } from "react";
 import { jsx } from "react/jsx-runtime";
 import * as accordion from "@sprawlify/primitives/machines/accordion";

package/dist/components/angle-slider/index.cjs

@@ -0,0 +1,203 @@
+const require_factory = require('../../factory-CfqPG186.cjs');
+const require_create_context = require('../../create-context-DCEySQ7J.cjs');
+const require_create_split_props = require('../../create-split-props-CSaOnJRj.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_angle_slider = require("@sprawlify/primitives/machines/angle-slider");
+__sprawlify_primitives_machines_angle_slider = require_factory.__toESM(__sprawlify_primitives_machines_angle_slider);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/angle-slider/use-angle-slider-context.ts
+const [AngleSliderProvider, useAngleSliderContext] = require_create_context.createContext({
+	name: "AngleSliderContext",
+	hookName: "useAngleSliderContext",
+	providerName: "<AngleSliderProvider />"
+});
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.tsx
+const AngleSliderContext = (props) => props.children(useAngleSliderContext());
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-control.tsx
+const AngleSliderControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderControl.displayName = "AngleSliderControl";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.tsx
+const AngleSliderHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getHiddenInputProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderHiddenInput.displayName = "AngleSliderHiddenInput";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.tsx
+const AngleSliderLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderLabel.displayName = "AngleSliderLabel";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.tsx
+const splitMarkerProps = require_create_split_props.createSplitProps();
+const AngleSliderMarker = (0, react.forwardRef)((props, ref) => {
+	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getMarkerProps(markerProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderMarker.displayName = "AngleSliderMarker";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.tsx
+const AngleSliderMarkerGroup = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getMarkerGroupProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderMarkerGroup.displayName = "AngleSliderMarkerGroup";
+
+//#endregion
+//#region src/components/angle-slider/use-angle-slider.ts
+const useAngleSlider = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_factory.useEnvironmentContext();
+	const { dir } = require_factory.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_factory.useMachine(__sprawlify_primitives_machines_angle_slider.machine, machineProps);
+	return __sprawlify_primitives_machines_angle_slider.connect(service, require_factory.normalizeProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const AngleSliderRoot = (0, react.forwardRef)((props, ref) => {
+	const [useAngleSliderProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"name",
+		"invalid",
+		"readOnly",
+		"disabled",
+		"onValueChangeEnd",
+		"onValueChange",
+		"defaultValue",
+		"value",
+		"step",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const angleSlider = useAngleSlider(useAngleSliderProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(angleSlider.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AngleSliderProvider, {
+		value: angleSlider,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AngleSliderRoot.displayName = "AngleSliderRoot";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const AngleSliderRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: angleSlider }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(angleSlider.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AngleSliderProvider, {
+		value: angleSlider,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AngleSliderRootProvider.displayName = "AngleSliderRootProvider";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.tsx
+const AngleSliderThumb = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getThumbProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderThumb.displayName = "AngleSliderThumb";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.tsx
+const AngleSliderValueText = (0, react.forwardRef)((props, ref) => {
+	const angleSlider = useAngleSliderContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...props,
+		ref,
+		children: props.children || angleSlider.valueAsDegree
+	});
+});
+AngleSliderValueText.displayName = "AngleSliderValueText";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = /* @__PURE__ */ require_factory.__export({
+	Context: () => AngleSliderContext,
+	Control: () => AngleSliderControl,
+	HiddenInput: () => AngleSliderHiddenInput,
+	Label: () => AngleSliderLabel,
+	Marker: () => AngleSliderMarker,
+	MarkerGroup: () => AngleSliderMarkerGroup,
+	Root: () => AngleSliderRoot,
+	RootProvider: () => AngleSliderRootProvider,
+	Thumb: () => AngleSliderThumb,
+	ValueText: () => AngleSliderValueText
+});
+
+//#endregion
+Object.defineProperty(exports, 'AngleSlider', {
+  enumerable: true,
+  get: function () {
+    return angle_slider_exports;
+  }
+});
+exports.AngleSliderContext = AngleSliderContext;
+exports.AngleSliderControl = AngleSliderControl;
+exports.AngleSliderHiddenInput = AngleSliderHiddenInput;
+exports.AngleSliderLabel = AngleSliderLabel;
+exports.AngleSliderMarker = AngleSliderMarker;
+exports.AngleSliderMarkerGroup = AngleSliderMarkerGroup;
+exports.AngleSliderRoot = AngleSliderRoot;
+exports.AngleSliderRootProvider = AngleSliderRootProvider;
+exports.AngleSliderThumb = AngleSliderThumb;
+exports.AngleSliderValueText = AngleSliderValueText;
+Object.defineProperty(exports, 'angleSliderAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_angle_slider.anatomy;
+  }
+});
+exports.useAngleSlider = useAngleSlider;
+exports.useAngleSliderContext = useAngleSliderContext;

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

@@ -0,0 +1,72 @@
+import { c as PropTypes, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-D5qarvEF.cjs";
+import * as react0 from "react";
+import { ReactNode } from "react";
+import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
+import { MarkerProps, anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
+
+//#region src/components/angle-slider/use-angle-slider.d.ts
+interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAngleSliderReturn extends angleSlider.Api<PropTypes> {}
+declare const useAngleSlider: (props?: UseAngleSliderProps) => UseAngleSliderReturn;
+//#endregion
+//#region src/components/angle-slider/use-angle-slider-context.d.ts
+interface UseAngleSliderContext extends UseAngleSliderReturn {}
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.d.ts
+interface AngleSliderContextProps {
+  children: (context: UseAngleSliderContext) => ReactNode;
+}
+declare const AngleSliderContext: (props: AngleSliderContextProps) => ReactNode;
+//#endregion
+//#region src/components/angle-slider/angle-slider-control.d.ts
+interface AngleSliderControlBaseProps extends PolymorphicProps {}
+interface AngleSliderControlProps extends HTMLProps<"div">, AngleSliderControlBaseProps {}
+declare const AngleSliderControl: react0.ForwardRefExoticComponent<AngleSliderControlProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.d.ts
+interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {}
+interface AngleSliderHiddenInputProps extends HTMLProps<"input">, AngleSliderHiddenInputBaseProps {}
+declare const AngleSliderHiddenInput: react0.ForwardRefExoticComponent<AngleSliderHiddenInputProps & react0.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.d.ts
+interface AngleSliderLabelBaseProps extends PolymorphicProps {}
+interface AngleSliderLabelProps extends HTMLProps<"span">, AngleSliderLabelBaseProps {}
+declare const AngleSliderLabel: react0.ForwardRefExoticComponent<AngleSliderLabelProps & react0.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.d.ts
+interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
+interface AngleSliderMarkerProps extends Assign<HTMLProps<"div">, AngleSliderMarkerBaseProps> {}
+declare const AngleSliderMarker: react0.ForwardRefExoticComponent<AngleSliderMarkerProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.d.ts
+interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {}
+interface AngleSliderMarkerGroupProps extends HTMLProps<"div">, AngleSliderMarkerGroupBaseProps {}
+declare const AngleSliderMarkerGroup: react0.ForwardRefExoticComponent<AngleSliderMarkerGroupProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.d.ts
+interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps {}
+interface AngleSliderRootProps extends Assign<HTMLProps<"div">, AngleSliderRootBaseProps> {}
+declare const AngleSliderRoot: react0.ForwardRefExoticComponent<AngleSliderRootProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAngleSliderReturn;
+}
+interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface AngleSliderRootProviderProps extends HTMLProps<"div">, AngleSliderRootProviderBaseProps {}
+declare const AngleSliderRootProvider: react0.ForwardRefExoticComponent<AngleSliderRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.d.ts
+interface AngleSliderThumbBaseProps extends PolymorphicProps {}
+interface AngleSliderThumbProps extends HTMLProps<"div">, AngleSliderThumbBaseProps {}
+declare const AngleSliderThumb: react0.ForwardRefExoticComponent<AngleSliderThumbProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.d.ts
+interface AngleSliderValueTextBaseProps extends PolymorphicProps {}
+interface AngleSliderValueTextProps extends HTMLProps<"div">, AngleSliderValueTextBaseProps {}
+declare const AngleSliderValueText: react0.ForwardRefExoticComponent<AngleSliderValueTextProps & react0.RefAttributes<HTMLDivElement>>;
+declare namespace angle_slider_d_exports {
+  export { AngleSliderContext as Context, AngleSliderContextProps as ContextProps, AngleSliderControl as Control, AngleSliderControlBaseProps as ControlBaseProps, AngleSliderControlProps as ControlProps, AngleSliderHiddenInput as HiddenInput, AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, AngleSliderHiddenInputProps as HiddenInputProps, AngleSliderLabel as Label, AngleSliderLabelBaseProps as LabelBaseProps, AngleSliderLabelProps as LabelProps, AngleSliderMarker as Marker, AngleSliderMarkerBaseProps as MarkerBaseProps, AngleSliderMarkerGroup as MarkerGroup, AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, AngleSliderMarkerGroupProps as MarkerGroupProps, AngleSliderMarkerProps as MarkerProps, AngleSliderRoot as Root, AngleSliderRootBaseProps as RootBaseProps, AngleSliderRootProps as RootProps, AngleSliderRootProvider as RootProvider, AngleSliderRootProviderBaseProps as RootProviderBaseProps, AngleSliderRootProviderProps as RootProviderProps, AngleSliderThumb as Thumb, AngleSliderThumbBaseProps as ThumbBaseProps, AngleSliderThumbProps as ThumbProps, AngleSliderValueText as ValueText, AngleSliderValueTextBaseProps as ValueTextBaseProps, AngleSliderValueTextProps as ValueTextProps };
+}
+//#endregion
+export { angle_slider_d_exports as AngleSlider, AngleSliderContext, type AngleSliderContextProps, AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, AngleSliderMarker, type AngleSliderMarkerBaseProps, AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, type AngleSliderMarkerProps, AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, type UseAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

package/dist/components/angle-slider/index.d.mts

@@ -0,0 +1,72 @@
+import { o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-CNfD9NVO.mjs";
+import * as react0 from "react";
+import { ReactNode } from "react";
+import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
+import { MarkerProps, anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
+
+//#region src/components/angle-slider/use-angle-slider.d.ts
+interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, "dir" | "getRootNode">, "id"> {}
+interface UseAngleSliderReturn extends angleSlider.Api<PropTypes> {}
+declare const useAngleSlider: (props?: UseAngleSliderProps) => UseAngleSliderReturn;
+//#endregion
+//#region src/components/angle-slider/use-angle-slider-context.d.ts
+interface UseAngleSliderContext extends UseAngleSliderReturn {}
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.d.ts
+interface AngleSliderContextProps {
+  children: (context: UseAngleSliderContext) => ReactNode;
+}
+declare const AngleSliderContext: (props: AngleSliderContextProps) => ReactNode;
+//#endregion
+//#region src/components/angle-slider/angle-slider-control.d.ts
+interface AngleSliderControlBaseProps extends PolymorphicProps {}
+interface AngleSliderControlProps extends HTMLProps<"div">, AngleSliderControlBaseProps {}
+declare const AngleSliderControl: react0.ForwardRefExoticComponent<AngleSliderControlProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.d.ts
+interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {}
+interface AngleSliderHiddenInputProps extends HTMLProps<"input">, AngleSliderHiddenInputBaseProps {}
+declare const AngleSliderHiddenInput: react0.ForwardRefExoticComponent<AngleSliderHiddenInputProps & react0.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.d.ts
+interface AngleSliderLabelBaseProps extends PolymorphicProps {}
+interface AngleSliderLabelProps extends HTMLProps<"span">, AngleSliderLabelBaseProps {}
+declare const AngleSliderLabel: react0.ForwardRefExoticComponent<AngleSliderLabelProps & react0.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.d.ts
+interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
+interface AngleSliderMarkerProps extends Assign<HTMLProps<"div">, AngleSliderMarkerBaseProps> {}
+declare const AngleSliderMarker: react0.ForwardRefExoticComponent<AngleSliderMarkerProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.d.ts
+interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {}
+interface AngleSliderMarkerGroupProps extends HTMLProps<"div">, AngleSliderMarkerGroupBaseProps {}
+declare const AngleSliderMarkerGroup: react0.ForwardRefExoticComponent<AngleSliderMarkerGroupProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.d.ts
+interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps {}
+interface AngleSliderRootProps extends Assign<HTMLProps<"div">, AngleSliderRootBaseProps> {}
+declare const AngleSliderRoot: react0.ForwardRefExoticComponent<AngleSliderRootProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.d.ts
+interface RootProviderProps {
+  value: UseAngleSliderReturn;
+}
+interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface AngleSliderRootProviderProps extends HTMLProps<"div">, AngleSliderRootProviderBaseProps {}
+declare const AngleSliderRootProvider: react0.ForwardRefExoticComponent<AngleSliderRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.d.ts
+interface AngleSliderThumbBaseProps extends PolymorphicProps {}
+interface AngleSliderThumbProps extends HTMLProps<"div">, AngleSliderThumbBaseProps {}
+declare const AngleSliderThumb: react0.ForwardRefExoticComponent<AngleSliderThumbProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.d.ts
+interface AngleSliderValueTextBaseProps extends PolymorphicProps {}
+interface AngleSliderValueTextProps extends HTMLProps<"div">, AngleSliderValueTextBaseProps {}
+declare const AngleSliderValueText: react0.ForwardRefExoticComponent<AngleSliderValueTextProps & react0.RefAttributes<HTMLDivElement>>;
+declare namespace angle_slider_d_exports {
+  export { AngleSliderContext as Context, AngleSliderContextProps as ContextProps, AngleSliderControl as Control, AngleSliderControlBaseProps as ControlBaseProps, AngleSliderControlProps as ControlProps, AngleSliderHiddenInput as HiddenInput, AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, AngleSliderHiddenInputProps as HiddenInputProps, AngleSliderLabel as Label, AngleSliderLabelBaseProps as LabelBaseProps, AngleSliderLabelProps as LabelProps, AngleSliderMarker as Marker, AngleSliderMarkerBaseProps as MarkerBaseProps, AngleSliderMarkerGroup as MarkerGroup, AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, AngleSliderMarkerGroupProps as MarkerGroupProps, AngleSliderMarkerProps as MarkerProps, AngleSliderRoot as Root, AngleSliderRootBaseProps as RootBaseProps, AngleSliderRootProps as RootProps, AngleSliderRootProvider as RootProvider, AngleSliderRootProviderBaseProps as RootProviderBaseProps, AngleSliderRootProviderProps as RootProviderProps, AngleSliderThumb as Thumb, AngleSliderThumbBaseProps as ThumbBaseProps, AngleSliderThumbProps as ThumbProps, AngleSliderValueText as ValueText, AngleSliderValueTextBaseProps as ValueTextBaseProps, AngleSliderValueTextProps as ValueTextProps };
+}
+//#endregion
+export { angle_slider_d_exports as AngleSlider, AngleSliderContext, type AngleSliderContextProps, AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, AngleSliderMarker, type AngleSliderMarkerBaseProps, AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, type AngleSliderMarkerProps, AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, type UseAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

package/dist/components/angle-slider/index.mjs

@@ -0,0 +1,180 @@
+import { t as __export } from "../../chunk-DJTHdtxa.mjs";
+import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-DbgGeb_e.mjs";
+import { t as createContext$1 } from "../../create-context-DLMHiig4.mjs";
+import { t as createSplitProps } from "../../create-split-props-DvwGh64U.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
+import { anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
+
+//#region src/components/angle-slider/use-angle-slider-context.ts
+const [AngleSliderProvider, useAngleSliderContext] = createContext$1({
+	name: "AngleSliderContext",
+	hookName: "useAngleSliderContext",
+	providerName: "<AngleSliderProvider />"
+});
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-context.tsx
+const AngleSliderContext = (props) => props.children(useAngleSliderContext());
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-control.tsx
+const AngleSliderControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderControl.displayName = "AngleSliderControl";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-hidden-input.tsx
+const AngleSliderHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getHiddenInputProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderHiddenInput.displayName = "AngleSliderHiddenInput";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-label.tsx
+const AngleSliderLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderLabel.displayName = "AngleSliderLabel";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker.tsx
+const splitMarkerProps = createSplitProps();
+const AngleSliderMarker = forwardRef((props, ref) => {
+	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
+	const mergedProps = mergeProps(useAngleSliderContext().getMarkerProps(markerProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderMarker.displayName = "AngleSliderMarker";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-marker-group.tsx
+const AngleSliderMarkerGroup = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getMarkerGroupProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderMarkerGroup.displayName = "AngleSliderMarkerGroup";
+
+//#endregion
+//#region src/components/angle-slider/use-angle-slider.ts
+const useAngleSlider = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(angleSlider.machine, machineProps);
+	return angleSlider.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root.tsx
+const splitRootProps = createSplitProps();
+const AngleSliderRoot = forwardRef((props, ref) => {
+	const [useAngleSliderProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"name",
+		"invalid",
+		"readOnly",
+		"disabled",
+		"onValueChangeEnd",
+		"onValueChange",
+		"defaultValue",
+		"value",
+		"step",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const angleSlider$1 = useAngleSlider(useAngleSliderProps);
+	const mergedProps = mergeProps(angleSlider$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(AngleSliderProvider, {
+		value: angleSlider$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AngleSliderRoot.displayName = "AngleSliderRoot";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const AngleSliderRootProvider = forwardRef((props, ref) => {
+	const [{ value: angleSlider$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(angleSlider$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(AngleSliderProvider, {
+		value: angleSlider$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+AngleSliderRootProvider.displayName = "AngleSliderRootProvider";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-thumb.tsx
+const AngleSliderThumb = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useAngleSliderContext().getThumbProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+AngleSliderThumb.displayName = "AngleSliderThumb";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider-value-text.tsx
+const AngleSliderValueText = forwardRef((props, ref) => {
+	const angleSlider$1 = useAngleSliderContext();
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...props,
+		ref,
+		children: props.children || angleSlider$1.valueAsDegree
+	});
+});
+AngleSliderValueText.displayName = "AngleSliderValueText";
+
+//#endregion
+//#region src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = /* @__PURE__ */ __export({
+	Context: () => AngleSliderContext,
+	Control: () => AngleSliderControl,
+	HiddenInput: () => AngleSliderHiddenInput,
+	Label: () => AngleSliderLabel,
+	Marker: () => AngleSliderMarker,
+	MarkerGroup: () => AngleSliderMarkerGroup,
+	Root: () => AngleSliderRoot,
+	RootProvider: () => AngleSliderRootProvider,
+	Thumb: () => AngleSliderThumb,
+	ValueText: () => AngleSliderValueText
+});
+
+//#endregion
+export { angle_slider_exports as AngleSlider, AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };

package/dist/components/collapsible/index.cjs

@@ -1,6 +1,6 @@
 const require_factory = require('../../factory-CfqPG186.cjs');
 require('../../create-context-DCEySQ7J.cjs');
-const require_collapsible = require('../../collapsible-ztcYulwp.cjs');
+const require_collapsible = require('../../collapsible-D_cXuaRy.cjs');
 let __sprawlify_primitives_machines_collapsible = require("@sprawlify/primitives/machines/collapsible");
 
 Object.defineProperty(exports, 'Collapsible', {

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

@@ -1,6 +1,6 @@
-import { n as __export, t as RenderStrategyProps } from "../../render-strategy-CErLP5e-.cjs";
-import { c as PropTypes, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-B3Fr36su.cjs";
-import * as react0 from "react";
+import { c as PropTypes, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-D5qarvEF.cjs";
+import { t as RenderStrategyProps } from "../../render-strategy-G1aEn-1X.cjs";
+import * as react34 from "react";
 import { ReactNode } from "react";
 import * as collapsible from "@sprawlify/primitives/machines/collapsible";
 import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
@@ -8,7 +8,7 @@ import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, a
 //#region src/components/collapsible/collapsible-content.d.ts
 interface CollapsibleContentBaseProps extends PolymorphicProps {}
 interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
-declare const CollapsibleContent: react0.ForwardRefExoticComponent<CollapsibleContentProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleContent: react34.ForwardRefExoticComponent<CollapsibleContentProps & react34.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/use-collapsible.d.ts
 interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
@@ -29,12 +29,12 @@ declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
 //#region src/components/collapsible/collapsible-indicator.d.ts
 interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
 interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
-declare const CollapsibleIndicator: react0.ForwardRefExoticComponent<CollapsibleIndicatorProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleIndicator: react34.ForwardRefExoticComponent<CollapsibleIndicatorProps & react34.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root.d.ts
 interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
 interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
-declare const CollapsibleRoot: react0.ForwardRefExoticComponent<CollapsibleRootProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRoot: react34.ForwardRefExoticComponent<CollapsibleRootProps & react34.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root-provider.d.ts
 interface RootProviderProps {
@@ -42,12 +42,12 @@ interface RootProviderProps {
 }
 interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
-declare const CollapsibleRootProvider: react0.ForwardRefExoticComponent<CollapsibleRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRootProvider: react34.ForwardRefExoticComponent<CollapsibleRootProviderProps & react34.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-trigger.d.ts
 interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
 interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
-declare const CollapsibleTrigger: react0.ForwardRefExoticComponent<CollapsibleTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleTrigger: react34.ForwardRefExoticComponent<CollapsibleTriggerProps & react34.RefAttributes<HTMLButtonElement>>;
 declare namespace collapsible_d_exports {
   export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
 }

package/dist/components/collapsible/index.d.mts

@@ -1,6 +1,6 @@
-import { r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-BV5hc6hz.mjs";
-import { t as RenderStrategyProps } from "../../render-strategy-BfNJW1Xz.mjs";
-import * as react3 from "react";
+import { r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-CNfD9NVO.mjs";
+import { t as RenderStrategyProps } from "../../render-strategy-D37ixdTi.mjs";
+import * as react32 from "react";
 import { ReactNode } from "react";
 import * as collapsible from "@sprawlify/primitives/machines/collapsible";
 import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
@@ -8,7 +8,7 @@ import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, a
 //#region src/components/collapsible/collapsible-content.d.ts
 interface CollapsibleContentBaseProps extends PolymorphicProps {}
 interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
-declare const CollapsibleContent: react3.ForwardRefExoticComponent<CollapsibleContentProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleContent: react32.ForwardRefExoticComponent<CollapsibleContentProps & react32.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/use-collapsible.d.ts
 interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
@@ -29,12 +29,12 @@ declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
 //#region src/components/collapsible/collapsible-indicator.d.ts
 interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
 interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
-declare const CollapsibleIndicator: react3.ForwardRefExoticComponent<CollapsibleIndicatorProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleIndicator: react32.ForwardRefExoticComponent<CollapsibleIndicatorProps & react32.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root.d.ts
 interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
 interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
-declare const CollapsibleRoot: react3.ForwardRefExoticComponent<CollapsibleRootProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRoot: react32.ForwardRefExoticComponent<CollapsibleRootProps & react32.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-root-provider.d.ts
 interface RootProviderProps {
@@ -42,12 +42,12 @@ interface RootProviderProps {
 }
 interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
-declare const CollapsibleRootProvider: react3.ForwardRefExoticComponent<CollapsibleRootProviderProps & react3.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleRootProvider: react32.ForwardRefExoticComponent<CollapsibleRootProviderProps & react32.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/collapsible/collapsible-trigger.d.ts
 interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
 interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
-declare const CollapsibleTrigger: react3.ForwardRefExoticComponent<CollapsibleTriggerProps & react3.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleTrigger: react32.ForwardRefExoticComponent<CollapsibleTriggerProps & react32.RefAttributes<HTMLButtonElement>>;
 declare namespace collapsible_d_exports {
   export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
 }

package/dist/components/collapsible/index.mjs

@@ -1,5 +1,5 @@
-import "../../factory-BvslhNMh.mjs";
-import "../../create-context-C0L0yhLQ.mjs";
-import { a as CollapsibleRoot, c as CollapsibleIndicator, d as useCollapsibleContext, i as CollapsibleRootProvider, l as CollapsibleContext, n as collapsibleAnatomy, o as useCollapsible, r as CollapsibleTrigger, t as collapsible_exports, u as CollapsibleContent } from "../../collapsible-uHsTDy9p.mjs";
+import "../../factory-DbgGeb_e.mjs";
+import "../../create-context-DLMHiig4.mjs";
+import { a as CollapsibleRoot, c as CollapsibleContext, i as CollapsibleRootProvider, l as CollapsibleContent, n as collapsibleAnatomy, o as useCollapsible, r as CollapsibleTrigger, s as CollapsibleIndicator, t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-C5ZpjCRe.mjs";
 
 export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/create-split-props-CSaOnJRj.cjs

@@ -0,0 +1,17 @@
+
+//#region src/utils/create-split-props.ts
+const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
+	const [target, source] = previousValue;
+	const key = currentValue;
+	if (source[key] !== void 0) target[key] = source[key];
+	delete source[key];
+	return [target, source];
+}, [{}, { ...props }]);
+
+//#endregion
+Object.defineProperty(exports, 'createSplitProps', {
+  enumerable: true,
+  get: function () {
+    return createSplitProps;
+  }
+});

package/dist/create-split-props-DvwGh64U.mjs

@@ -0,0 +1,11 @@
+//#region src/utils/create-split-props.ts
+const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
+	const [target, source] = previousValue;
+	const key = currentValue;
+	if (source[key] !== void 0) target[key] = source[key];
+	delete source[key];
+	return [target, source];
+}, [{}, { ...props }]);
+
+//#endregion
+export { createSplitProps as t };

package/dist/{factory-BvslhNMh.mjs → factory-DbgGeb_e.mjs}

@@ -1,4 +1,4 @@
-import { t as createContext$1 } from "./create-context-C0L0yhLQ.mjs";
+import { t as createContext$1 } from "./create-context-DLMHiig4.mjs";
 import { INIT_STATE, MachineStatus, createScope, mergeProps, mergeProps as mergeProps$1 } from "@sprawlify/primitives/core";
 import { compact, ensure, identity, isFunction, isString, toArray, warn } from "@sprawlify/primitives/utils";
 import * as React$1 from "react";

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { a as sprawlify, c as PropTypes, i as jsxFactory, l as normalizeProps, n as HTMLSprawlifyProps, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "./factory-B3Fr36su.cjs";
-import { n as createContext } from "./index-Bk-VrHD9.cjs";
+import { a as sprawlify, c as PropTypes, i as jsxFactory, l as normalizeProps, n as HTMLSprawlifyProps, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "./factory-D5qarvEF.cjs";
+import { n as createContext } from "./index-wpUGMM30.cjs";
 import { JSX, PropsWithChildren, ReactNode, RefObject } from "react";
 import { Machine, MachineSchema, Service } from "@sprawlify/primitives/core";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { a as sprawlify, c as Portal, d as normalizeProps, f as useMachine, i as jsxFactory, l as PortalProps, n as HTMLSprawlifyProps, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "./factory-BV5hc6hz.mjs";
-import { n as createContext } from "./index-lntzaDM3.mjs";
+import { a as sprawlify, c as Portal, d as normalizeProps, f as useMachine, i as jsxFactory, l as PortalProps, n as HTMLSprawlifyProps, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "./factory-CNfD9NVO.mjs";
+import { n as createContext } from "./index--Dciu8yd.mjs";
 import { PropsWithChildren, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FilterOptions, FilterReturn, Locale } from "@sprawlify/primitives/i18n-utils";

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { a as LocaleProvider, c as useEnvironmentContext, d as normalizeProps, f as useMachine, i as useCollator, l as mergeProps, n as sprawlify, o as useLocaleContext, r as useFilter, s as EnvironmentProvider, t as jsxFactory, u as Portal } from "./factory-BvslhNMh.mjs";
-import { t as createContext } from "./create-context-C0L0yhLQ.mjs";
-import "./utils-Q0vUJnHt.mjs";
+import { a as LocaleProvider, c as useEnvironmentContext, d as normalizeProps, f as useMachine, i as useCollator, l as mergeProps, n as sprawlify, o as useLocaleContext, r as useFilter, s as EnvironmentProvider, t as jsxFactory, u as Portal } from "./factory-DbgGeb_e.mjs";
+import { t as createContext } from "./create-context-DLMHiig4.mjs";
+import "./utils-BQjTDAMH.mjs";
 
 export { EnvironmentProvider, LocaleProvider, Portal, createContext, jsxFactory, normalizeProps, sprawlify, useCollator, useEnvironmentContext, useFilter, useLocaleContext, useMachine };

package/dist/{render-strategy-CErLP5e-.d.cts → render-strategy-G1aEn-1X.d.cts}

@@ -1,8 +1,7 @@
-//#endregion
 //#region src/utils/render-strategy.d.ts
 interface RenderStrategyProps {
   lazyMount?: boolean | undefined;
   unmountOnExit?: boolean | undefined;
 }
 //#endregion
-export { __export as n, RenderStrategyProps as t };
+export { RenderStrategyProps as t };

package/dist/utils/index.d.cts

@@ -1,2 +1,2 @@
-import { n as createContext, t as mergeProps } from "../index-Bk-VrHD9.cjs";
+import { n as createContext, t as mergeProps } from "../index-wpUGMM30.cjs";
 export { createContext, mergeProps };

package/dist/utils/index.d.mts

@@ -1,2 +1,2 @@
-import { n as createContext, t as mergeProps } from "../index-lntzaDM3.mjs";
+import { n as createContext, t as mergeProps } from "../index--Dciu8yd.mjs";
 export { createContext, mergeProps };

package/dist/utils/index.mjs

@@ -1,4 +1,4 @@
-import { t as createContext } from "../create-context-C0L0yhLQ.mjs";
-import { t as mergeProps } from "../utils-Q0vUJnHt.mjs";
+import { t as createContext } from "../create-context-DLMHiig4.mjs";
+import { t as mergeProps } from "../utils-BQjTDAMH.mjs";
 
 export { createContext, mergeProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprawlify/react",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "description": "React wrapper for primitives.",
   "author": "sprawlify <npm@sprawlify.com>",
@@ -28,6 +28,16 @@
         "default": "./dist/components/accordion/index.cjs"
       }
     },
+    "./angle-slider": {
+      "import": {
+        "types": "./dist/components/angle-slider/index.d.mts",
+        "default": "./dist/components/angle-slider/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/angle-slider/index.d.cts",
+        "default": "./dist/components/angle-slider/index.cjs"
+      }
+    },
     "./collapsible": {
       "import": {
         "types": "./dist/components/collapsible/index.d.mts",
@@ -46,7 +56,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sprawlify/primitives": "0.0.4"
+    "@sprawlify/primitives": "0.0.5"
   },
   "peerDependencies": {
     "react": ">=19.0.0",