@sprawlify/react 0.0.74 → 0.0.76

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

@@ -1,11 +1,11 @@
-import { r as PropTypes } from "../../index-CpyFpCKZ.mjs";
-import { r as Optional, t as Assign } from "../../types-DBJaHk-X.mjs";
-import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BIg2TdAk.mjs";
-import "../../render-strategy-CqOdtkQI.mjs";
-import { t as selectAnatomy } from "../../select-anatomy-B2OXeIZp.mjs";
-import { c as UsePresenceProps } from "../../index-Djyill2P.mjs";
-import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-Drqgf8cV.mjs";
-import * as react665 from "react";
+import { r as PropTypes } from "../../index-Dgc_m5qB.mjs";
+import { r as Optional, t as Assign } from "../../types-hHujdpJn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DR2FE_jn.mjs";
+import "../../render-strategy-Cwdbw-0H.mjs";
+import { t as selectAnatomy } from "../../select-anatomy-5q-rpfb_.mjs";
+import { c as UsePresenceProps } from "../../index-CISBuBuT.mjs";
+import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-xlYq1_YJ.mjs";
+import * as react510 from "react";
 import { JSX, ReactNode } from "react";
 import * as select from "@sprawlify/primitives/machines/select";
 import { FocusOutsideEvent, FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as SelectInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from "@sprawlify/primitives/machines/select";
@@ -13,12 +13,12 @@ import { FocusOutsideEvent, FocusOutsideEvent as SelectFocusOutsideEvent, Highli
 //#region src/components/select/select-clear-trigger.d.ts
 interface SelectClearTriggerBaseProps extends PolymorphicProps {}
 interface SelectClearTriggerProps extends HTMLProps<"button">, SelectClearTriggerBaseProps {}
-declare const SelectClearTrigger: react665.ForwardRefExoticComponent<SelectClearTriggerProps & react665.RefAttributes<HTMLButtonElement>>;
+declare const SelectClearTrigger: react510.ForwardRefExoticComponent<SelectClearTriggerProps & react510.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/select/select-content.d.ts
 interface SelectContentBaseProps extends PolymorphicProps {}
 interface SelectContentProps extends HTMLProps<"div">, SelectContentBaseProps {}
-declare const SelectContent: react665.ForwardRefExoticComponent<SelectContentProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: react510.ForwardRefExoticComponent<SelectContentProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/use-select.d.ts
 interface UseSelectProps<T extends CollectionItem> extends Optional<Omit<select.Props<T>, "dir" | "getRootNode" | "collection">, "id"> {
@@ -39,22 +39,22 @@ declare const SelectContext: <T extends CollectionItem>(props: SelectContextProp
 //#region src/components/select/select-control.d.ts
 interface SelectControlBaseProps extends PolymorphicProps {}
 interface SelectControlProps extends HTMLProps<"div">, SelectControlBaseProps {}
-declare const SelectControl: react665.ForwardRefExoticComponent<SelectControlProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectControl: react510.ForwardRefExoticComponent<SelectControlProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-hidden-select.d.ts
 interface SelectHiddenSelectBaseProps extends PolymorphicProps {}
 interface SelectHiddenSelectProps extends HTMLProps<"select">, SelectHiddenSelectBaseProps {}
-declare const SelectHiddenSelect: react665.ForwardRefExoticComponent<SelectHiddenSelectProps & react665.RefAttributes<HTMLSelectElement>>;
+declare const SelectHiddenSelect: react510.ForwardRefExoticComponent<SelectHiddenSelectProps & react510.RefAttributes<HTMLSelectElement>>;
 //#endregion
 //#region src/components/select/select-indicator.d.ts
 interface SelectIndicatorBaseProps extends PolymorphicProps {}
 interface SelectIndicatorProps extends HTMLProps<"div">, SelectIndicatorBaseProps {}
-declare const SelectIndicator: react665.ForwardRefExoticComponent<SelectIndicatorProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectIndicator: react510.ForwardRefExoticComponent<SelectIndicatorProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-item.d.ts
 interface SelectItemBaseProps extends ItemProps, PolymorphicProps {}
 interface SelectItemProps extends HTMLProps<"div">, SelectItemBaseProps {}
-declare const SelectItem: react665.ForwardRefExoticComponent<SelectItemProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: react510.ForwardRefExoticComponent<SelectItemProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/use-select-item-context.d.ts
 interface UseSelectItemContext extends ItemState {}
@@ -68,37 +68,37 @@ declare const SelectItemContext: (props: SelectItemContextProps) => ReactNode;
 //#region src/components/select/select-item-group.d.ts
 interface SelectItemGroupBaseProps extends PolymorphicProps {}
 interface SelectItemGroupProps extends HTMLProps<"div">, SelectItemGroupBaseProps {}
-declare const SelectItemGroup: react665.ForwardRefExoticComponent<SelectItemGroupProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectItemGroup: react510.ForwardRefExoticComponent<SelectItemGroupProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-item-group-label.d.ts
 interface SelectItemGroupLabelBaseProps extends PolymorphicProps {}
 interface SelectItemGroupLabelProps extends HTMLProps<"div">, SelectItemGroupLabelBaseProps {}
-declare const SelectItemGroupLabel: react665.ForwardRefExoticComponent<SelectItemGroupLabelProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectItemGroupLabel: react510.ForwardRefExoticComponent<SelectItemGroupLabelProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-item-indicator.d.ts
 interface SelectItemIndicatorBaseProps extends PolymorphicProps {}
 interface SelectItemIndicatorProps extends HTMLProps<"div">, SelectItemIndicatorBaseProps {}
-declare const SelectItemIndicator: react665.ForwardRefExoticComponent<SelectItemIndicatorProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectItemIndicator: react510.ForwardRefExoticComponent<SelectItemIndicatorProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-item-text.d.ts
 interface SelectItemTextBaseProps extends PolymorphicProps {}
 interface SelectItemTextProps extends HTMLProps<"span">, SelectItemTextBaseProps {}
-declare const SelectItemText: react665.ForwardRefExoticComponent<SelectItemTextProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectItemText: react510.ForwardRefExoticComponent<SelectItemTextProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-label.d.ts
 interface SelectLabelBaseProps extends PolymorphicProps {}
 interface SelectLabelProps extends HTMLProps<"label">, SelectLabelBaseProps {}
-declare const SelectLabel: react665.ForwardRefExoticComponent<SelectLabelProps & react665.RefAttributes<HTMLLabelElement>>;
+declare const SelectLabel: react510.ForwardRefExoticComponent<SelectLabelProps & react510.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/components/select/select-list.d.ts
 interface SelectListBaseProps extends PolymorphicProps {}
 interface SelectListProps extends HTMLProps<"div">, SelectListBaseProps {}
-declare const SelectList: react665.ForwardRefExoticComponent<SelectListProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectList: react510.ForwardRefExoticComponent<SelectListProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-positioner.d.ts
 interface SelectPositionerBaseProps extends PolymorphicProps {}
 interface SelectPositionerProps extends HTMLProps<"div">, SelectPositionerBaseProps {}
-declare const SelectPositioner: react665.ForwardRefExoticComponent<SelectPositionerProps & react665.RefAttributes<HTMLDivElement>>;
+declare const SelectPositioner: react510.ForwardRefExoticComponent<SelectPositionerProps & react510.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/select/select-root.d.ts
 interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps, PolymorphicProps {}
@@ -119,14 +119,14 @@ declare const SelectRootProvider: SelectRootProviderComponent;
 //#region src/components/select/select-trigger.d.ts
 interface SelectTriggerBaseProps extends PolymorphicProps {}
 interface SelectTriggerProps extends HTMLProps<"button">, SelectTriggerBaseProps {}
-declare const SelectTrigger: react665.ForwardRefExoticComponent<SelectTriggerProps & react665.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: react510.ForwardRefExoticComponent<SelectTriggerProps & react510.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/select/select-value-text.d.ts
 interface SelectValueTextBaseProps extends PolymorphicProps {
   placeholder?: string | undefined;
 }
 interface SelectValueTextProps extends HTMLProps<"span">, SelectValueTextBaseProps {}
-declare const SelectValueText: react665.ForwardRefExoticComponent<SelectValueTextProps & react665.RefAttributes<HTMLSpanElement>>;
+declare const SelectValueText: react510.ForwardRefExoticComponent<SelectValueTextProps & react510.RefAttributes<HTMLSpanElement>>;
 declare namespace select_d_exports {
   export { SelectClearTrigger as ClearTrigger, SelectClearTriggerBaseProps as ClearTriggerBaseProps, SelectClearTriggerProps as ClearTriggerProps, CollectionItem, SelectContent as Content, SelectContentBaseProps as ContentBaseProps, SelectContentProps as ContentProps, SelectContext as Context, SelectContextProps as ContextProps, SelectControl as Control, SelectControlBaseProps as ControlBaseProps, SelectControlProps as ControlProps, FocusOutsideEvent, SelectHiddenSelect as HiddenSelect, SelectHiddenSelectBaseProps as HiddenSelectBaseProps, SelectHiddenSelectProps as HiddenSelectProps, HighlightChangeDetails, SelectIndicator as Indicator, SelectIndicatorBaseProps as IndicatorBaseProps, SelectIndicatorProps as IndicatorProps, InteractOutsideEvent, SelectItem as Item, SelectItemBaseProps as ItemBaseProps, SelectItemContext as ItemContext, SelectItemContextProps as ItemContextProps, SelectItemGroup as ItemGroup, SelectItemGroupBaseProps as ItemGroupBaseProps, SelectItemGroupLabel as ItemGroupLabel, SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, SelectItemGroupLabelProps as ItemGroupLabelProps, SelectItemGroupProps as ItemGroupProps, SelectItemIndicator as ItemIndicator, SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, SelectItemIndicatorProps as ItemIndicatorProps, SelectItemProps as ItemProps, SelectItemText as ItemText, SelectItemTextBaseProps as ItemTextBaseProps, SelectItemTextProps as ItemTextProps, SelectLabel as Label, SelectLabelBaseProps as LabelBaseProps, SelectLabelProps as LabelProps, SelectList as List, SelectListBaseProps as ListBaseProps, ListCollection, SelectListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, SelectPositioner as Positioner, SelectPositionerBaseProps as PositionerBaseProps, SelectPositionerProps as PositionerProps, SelectRoot as Root, SelectRootBaseProps as RootBaseProps, SelectRootComponent as RootComponent, SelectRootComponentProps as RootComponentProps, SelectRootProps as RootProps, SelectRootProvider as RootProvider, SelectRootProviderBaseProps as RootProviderBaseProps, SelectRootProviderComponent as RootProviderComponent, SelectRootProviderProps as RootProviderProps, SelectTrigger as Trigger, SelectTriggerBaseProps as TriggerBaseProps, SelectTriggerProps as TriggerProps, ValueChangeDetails, SelectValueText as ValueText, SelectValueTextBaseProps as ValueTextBaseProps, SelectValueTextProps as ValueTextProps };
 }

package/dist/components/select/index.mjs

@@ -6,15 +6,15 @@ import { i as useLocaleContext } from "../../locale-De5Z27ES.mjs";
 import "../../providers-U5faJq0V.mjs";
 import { t as composeRefs } from "../../compose-refs-JvsPOcHE.mjs";
 import { n as sprawlify } from "../../factory-D0O3O5Jq.mjs";
-import "../../field-anatomy-CEUB_Ta7.mjs";
-import { t as selectAnatomy } from "../../select-anatomy-BbMFhSP3.mjs";
-import { t as createSplitProps } from "../../create-split-props-DpKNxS20.mjs";
-import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-C1QIh9uT.mjs";
-import "../../use-event-7ZZq28xz.mjs";
-import "../../use-fieldset-context-Cxi_PWG7.mjs";
-import "../../use-safe-layout-effect-DnuZcT6c.mjs";
-import { p as useFieldContext } from "../../field-NWpDd4KU.mjs";
-import { n as useListCollection, o as createListCollection } from "../../collection-l6A555kf.mjs";
+import "../../field-anatomy-fmYSoBV1.mjs";
+import { t as selectAnatomy } from "../../select-anatomy-DaHBMzAM.mjs";
+import { t as createSplitProps } from "../../create-split-props-C2GZQbAx.mjs";
+import "../../use-event-C-5dkAaT.mjs";
+import "../../use-fieldset-context--lfCawDE.mjs";
+import "../../use-safe-layout-effect-C0OJdIOF.mjs";
+import { p as useFieldContext } from "../../field-DLtNaqLV.mjs";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-CjPr_jqR.mjs";
+import { n as useListCollection, o as createListCollection } from "../../collection-ButUNxq9.mjs";
 import { forwardRef, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as select from "@sprawlify/primitives/machines/select";

package/dist/components/separator/index.cjs

@@ -0,0 +1,106 @@
+const require_chunk = require('../../chunk-CvCQGRaV.cjs');
+const require_core = require('../../core-DewT0RE5.cjs');
+const require_create_context = require('../../create-context-DVn3n7gf.cjs');
+const require_environment = require('../../environment-Bg7owXYh.cjs');
+const require_locale = require('../../locale-C3PqkI4d.cjs');
+require('../../providers-ur-JDrsf.cjs');
+const require_factory = require('../../factory-Cz8-l4y-.cjs');
+require('../../separator-anatomy-D8hC-XY9.cjs');
+const require_create_split_props = require('../../create-split-props-3uzAEUIm.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _sprawlify_primitives_machines_separator = require("@sprawlify/primitives/machines/separator");
+_sprawlify_primitives_machines_separator = require_chunk.__toESM(_sprawlify_primitives_machines_separator);
+let _sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/separator/use-separator-context.tsx
+const [SeparatorProvider, useSeparatorContext] = require_create_context.createContext({
+	name: "SeparatorContext",
+	hookName: "useSeparatorContext",
+	providerName: "<SeparatorProvider />"
+});
+
+//#endregion
+//#region src/components/separator/separator-context.tsx
+const SeparatorContext = (props) => props.children(useSeparatorContext());
+
+//#endregion
+//#region src/components/separator/use-separator.tsx
+const useSeparator = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_sprawlify_primitives_machines_separator.machine, context);
+	return _sprawlify_primitives_machines_separator.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/separator/separator-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const SeparatorRoot = (0, react.forwardRef)((props, ref) => {
+	const [useSeparatorProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"decorative",
+		"orientation"
+	]);
+	const separator = useSeparator(useSeparatorProps);
+	const mergedProps = (0, _sprawlify_primitives_core.mergeProps)(separator.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeparatorProvider, {
+		value: separator,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.hr, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SeparatorRoot.displayName = "SeparatorRoot";
+
+//#endregion
+//#region src/components/separator/separator-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const SeparatorRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: separator }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _sprawlify_primitives_core.mergeProps)(separator.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeparatorProvider, {
+		value: separator,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SeparatorRootProvider.displayName = "SeparatorRootProvider";
+
+//#endregion
+//#region src/components/separator/separator.ts
+var separator_exports = /* @__PURE__ */ require_chunk.__exportAll({
+	Context: () => SeparatorContext,
+	Root: () => SeparatorRoot,
+	RootProvider: () => SeparatorRootProvider
+});
+
+//#endregion
+Object.defineProperty(exports, 'Separator', {
+  enumerable: true,
+  get: function () {
+    return separator_exports;
+  }
+});
+exports.SeparatorContext = SeparatorContext;
+exports.SeparatorRoot = SeparatorRoot;
+exports.SeparatorRootProvider = SeparatorRootProvider;
+Object.defineProperty(exports, 'separatorAnatomy', {
+  enumerable: true,
+  get: function () {
+    return _sprawlify_primitives_machines_separator.anatomy;
+  }
+});
+exports.useSeparator = useSeparator;
+exports.useSeparatorContext = useSeparatorContext;

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

@@ -0,0 +1,39 @@
+import { t as PropTypes } from "../../normalize-props-CI_xNrEa.cjs";
+import { r as Optional } from "../../types-DhoBSqCC.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-CwKrB2Br.cjs";
+import { t as separatorAnatomy } from "../../separator-anatomy-Dl85sF2D.cjs";
+import * as react294 from "react";
+import { ReactNode } from "react";
+import * as separator from "@sprawlify/primitives/machines/separator";
+
+//#region src/components/separator/use-separator.d.ts
+interface UseSeparatorProps extends Optional<Omit<separator.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSeparatorReturn extends separator.Api<PropTypes> {}
+declare const useSeparator: (props?: UseSeparatorProps) => UseSeparatorReturn;
+//#endregion
+//#region src/components/separator/use-separator-context.d.ts
+interface UseSeparatorContext extends UseSeparatorReturn {}
+//#endregion
+//#region src/components/separator/separator-context.d.ts
+interface SeparatorContextProps {
+  children: (context: UseSeparatorContext) => ReactNode;
+}
+declare const SeparatorContext: (props: SeparatorContextProps) => ReactNode;
+//#endregion
+//#region src/components/separator/separator-root.d.ts
+interface SeparatorRootBaseProps extends UseSeparatorProps, PolymorphicProps {}
+interface SeparatorRootProps extends HTMLProps<"hr">, SeparatorRootBaseProps {}
+declare const SeparatorRoot: react294.ForwardRefExoticComponent<SeparatorRootProps & react294.RefAttributes<HTMLHRElement>>;
+//#endregion
+//#region src/components/separator/separator-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSeparatorReturn;
+}
+interface SeparatorRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SeparatorRootProviderProps extends HTMLProps<"div">, SeparatorRootProviderBaseProps {}
+declare const SeparatorRootProvider: react294.ForwardRefExoticComponent<SeparatorRootProviderProps & react294.RefAttributes<HTMLDivElement>>;
+declare namespace separator_d_exports {
+  export { SeparatorContext as Context, SeparatorContextProps as ContextProps, SeparatorRoot as Root, SeparatorRootBaseProps as RootBaseProps, SeparatorRootProps as RootProps, SeparatorRootProvider as RootProvider, SeparatorRootProviderBaseProps as RootProviderBaseProps, SeparatorRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { separator_d_exports as Separator, SeparatorContext, type SeparatorContextProps, SeparatorRoot, type SeparatorRootBaseProps, type SeparatorRootProps, SeparatorRootProvider, type SeparatorRootProviderBaseProps, type SeparatorRootProviderProps, type UseSeparatorContext, type UseSeparatorProps, type UseSeparatorReturn, separatorAnatomy, useSeparator, useSeparatorContext };

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

@@ -0,0 +1,39 @@
+import { r as PropTypes } from "../../index-Dgc_m5qB.mjs";
+import { r as Optional } from "../../types-hHujdpJn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DR2FE_jn.mjs";
+import { t as separatorAnatomy } from "../../separator-anatomy-Mv4ae_-d.mjs";
+import * as react202 from "react";
+import { ReactNode } from "react";
+import * as separator from "@sprawlify/primitives/machines/separator";
+
+//#region src/components/separator/use-separator.d.ts
+interface UseSeparatorProps extends Optional<Omit<separator.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSeparatorReturn extends separator.Api<PropTypes> {}
+declare const useSeparator: (props?: UseSeparatorProps) => UseSeparatorReturn;
+//#endregion
+//#region src/components/separator/use-separator-context.d.ts
+interface UseSeparatorContext extends UseSeparatorReturn {}
+//#endregion
+//#region src/components/separator/separator-context.d.ts
+interface SeparatorContextProps {
+  children: (context: UseSeparatorContext) => ReactNode;
+}
+declare const SeparatorContext: (props: SeparatorContextProps) => ReactNode;
+//#endregion
+//#region src/components/separator/separator-root.d.ts
+interface SeparatorRootBaseProps extends UseSeparatorProps, PolymorphicProps {}
+interface SeparatorRootProps extends HTMLProps<"hr">, SeparatorRootBaseProps {}
+declare const SeparatorRoot: react202.ForwardRefExoticComponent<SeparatorRootProps & react202.RefAttributes<HTMLHRElement>>;
+//#endregion
+//#region src/components/separator/separator-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSeparatorReturn;
+}
+interface SeparatorRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SeparatorRootProviderProps extends HTMLProps<"div">, SeparatorRootProviderBaseProps {}
+declare const SeparatorRootProvider: react202.ForwardRefExoticComponent<SeparatorRootProviderProps & react202.RefAttributes<HTMLDivElement>>;
+declare namespace separator_d_exports {
+  export { SeparatorContext as Context, SeparatorContextProps as ContextProps, SeparatorRoot as Root, SeparatorRootBaseProps as RootBaseProps, SeparatorRootProps as RootProps, SeparatorRootProvider as RootProvider, SeparatorRootProviderBaseProps as RootProviderBaseProps, SeparatorRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { separator_d_exports as Separator, SeparatorContext, type SeparatorContextProps, SeparatorRoot, type SeparatorRootBaseProps, type SeparatorRootProps, SeparatorRootProvider, type SeparatorRootProviderBaseProps, type SeparatorRootProviderProps, type UseSeparatorContext, type UseSeparatorProps, type UseSeparatorReturn, separatorAnatomy, useSeparator, useSeparatorContext };

package/dist/components/separator/index.mjs

@@ -0,0 +1,88 @@
+import { t as __exportAll } from "../../chunk-DWkwRR9H.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-BxCFHKQ_.mjs";
+import { t as createContext$1 } from "../../create-context-DuRB02yv.mjs";
+import { n as useEnvironmentContext } from "../../environment-9mOM5FKS.mjs";
+import { i as useLocaleContext } from "../../locale-De5Z27ES.mjs";
+import "../../providers-U5faJq0V.mjs";
+import { n as sprawlify } from "../../factory-D0O3O5Jq.mjs";
+import { t as separatorAnatomy } from "../../separator-anatomy-3uPKgLcn.mjs";
+import { t as createSplitProps } from "../../create-split-props-C2GZQbAx.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as separator from "@sprawlify/primitives/machines/separator";
+
+//#region src/components/separator/use-separator-context.tsx
+const [SeparatorProvider, useSeparatorContext] = createContext$1({
+	name: "SeparatorContext",
+	hookName: "useSeparatorContext",
+	providerName: "<SeparatorProvider />"
+});
+
+//#endregion
+//#region src/components/separator/separator-context.tsx
+const SeparatorContext = (props) => props.children(useSeparatorContext());
+
+//#endregion
+//#region src/components/separator/use-separator.tsx
+const useSeparator = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(separator.machine, context);
+	return separator.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/separator/separator-root.tsx
+const splitRootProps = createSplitProps();
+const SeparatorRoot = forwardRef((props, ref) => {
+	const [useSeparatorProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"decorative",
+		"orientation"
+	]);
+	const separator = useSeparator(useSeparatorProps);
+	const mergedProps = mergeProps(separator.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SeparatorProvider, {
+		value: separator,
+		children: /* @__PURE__ */ jsx(sprawlify.hr, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SeparatorRoot.displayName = "SeparatorRoot";
+
+//#endregion
+//#region src/components/separator/separator-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const SeparatorRootProvider = forwardRef((props, ref) => {
+	const [{ value: separator }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(separator.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SeparatorProvider, {
+		value: separator,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SeparatorRootProvider.displayName = "SeparatorRootProvider";
+
+//#endregion
+//#region src/components/separator/separator.ts
+var separator_exports = /* @__PURE__ */ __exportAll({
+	Context: () => SeparatorContext,
+	Root: () => SeparatorRoot,
+	RootProvider: () => SeparatorRootProvider
+});
+
+//#endregion
+export { separator_exports as Separator, SeparatorContext, SeparatorRoot, SeparatorRootProvider, separatorAnatomy, useSeparator, useSeparatorContext };

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

@@ -5,12 +5,12 @@ const require_environment = require('../../environment-Bg7owXYh.cjs');
 const require_locale = require('../../locale-C3PqkI4d.cjs');
 require('../../providers-ur-JDrsf.cjs');
 const require_factory = require('../../factory-Cz8-l4y-.cjs');
-require('../../field-anatomy-gybp6xfg.cjs');
-require('../../signature-pad-anatomy-BKHbCKp9.cjs');
-const require_create_split_props = require('../../create-split-props-bwK7dcXd.cjs');
-require('../../use-fieldset-context-oQSvOXUG.cjs');
-require('../../use-safe-layout-effect-oMEu0eHs.cjs');
-const require_field = require('../../field-DqC9lvSq.cjs');
+require('../../field-anatomy-BhFRANYh.cjs');
+require('../../signature-pad-anatomy-CaF1S-59.cjs');
+const require_create_split_props = require('../../create-split-props-3uzAEUIm.cjs');
+require('../../use-fieldset-context-wVosgVyb.cjs');
+require('../../use-safe-layout-effect-CXFdB5AA.cjs');
+const require_field = require('../../field-DTvnd1aN.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _sprawlify_primitives_machines_signature_pad = require("@sprawlify/primitives/machines/signature-pad");

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

@@ -1,8 +1,8 @@
 import { t as PropTypes } from "../../normalize-props-CI_xNrEa.cjs";
 import { r as Optional, t as Assign } from "../../types-DhoBSqCC.cjs";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-CwKrB2Br.cjs";
-import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-Tx9hhqnC.cjs";
-import * as react773 from "react";
+import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-DUvTO1Jz.cjs";
+import * as react297 from "react";
 import { ReactNode } from "react";
 import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";
 import { DrawDetails, DrawDetails as SignaturePadDrawDetails, DrawEndDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions, DrawingOptions as SignaturePadDrawingOptions, HiddenInputProps } from "@sprawlify/primitives/machines/signature-pad";
@@ -10,7 +10,7 @@ import { DrawDetails, DrawDetails as SignaturePadDrawDetails, DrawEndDetails, Dr
 //#region src/components/signature-pad/signature-pad-clear-trigger.d.ts
 interface SignaturePadClearTriggerBaseProps extends PolymorphicProps {}
 interface SignaturePadClearTriggerProps extends HTMLProps<"button">, SignaturePadClearTriggerBaseProps {}
-declare const SignaturePadClearTrigger: react773.ForwardRefExoticComponent<SignaturePadClearTriggerProps & react773.RefAttributes<HTMLButtonElement>>;
+declare const SignaturePadClearTrigger: react297.ForwardRefExoticComponent<SignaturePadClearTriggerProps & react297.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/signature-pad/use-signature-pad.d.ts
 interface UseSignaturePadProps extends Optional<Omit<signaturePad.Props, "dir" | "getRootNode">, "id"> {}
@@ -29,27 +29,27 @@ declare const SignaturePadContext: (props: SignaturePadContextProps) => ReactNod
 //#region src/components/signature-pad/signature-pad-control.d.ts
 interface SignaturePadControlBaseProps extends PolymorphicProps {}
 interface SignaturePadControlProps extends HTMLProps<"div">, SignaturePadControlBaseProps {}
-declare const SignaturePadControl: react773.ForwardRefExoticComponent<SignaturePadControlProps & react773.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadControl: react297.ForwardRefExoticComponent<SignaturePadControlProps & react297.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-guide.d.ts
 interface SignaturePadGuideBaseProps extends PolymorphicProps {}
 interface SignaturePadGuideProps extends HTMLProps<"div">, SignaturePadGuideBaseProps {}
-declare const SignaturePadGuide: react773.ForwardRefExoticComponent<SignaturePadGuideProps & react773.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadGuide: react297.ForwardRefExoticComponent<SignaturePadGuideProps & react297.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-hidden-input.d.ts
 interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps {}
 interface SignaturePadHiddenInputProps extends Assign<HTMLProps<"input">, SignaturePadHiddenInputBaseProps> {}
-declare const SignaturePadHiddenInput: react773.ForwardRefExoticComponent<SignaturePadHiddenInputProps & react773.RefAttributes<HTMLInputElement>>;
+declare const SignaturePadHiddenInput: react297.ForwardRefExoticComponent<SignaturePadHiddenInputProps & react297.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-label.d.ts
 interface SignaturePadLabelBaseProps extends PolymorphicProps {}
 interface SignaturePadLabelProps extends HTMLProps<"label">, SignaturePadLabelBaseProps {}
-declare const SignaturePadLabel: react773.ForwardRefExoticComponent<SignaturePadLabelProps & react773.RefAttributes<HTMLLabelElement>>;
+declare const SignaturePadLabel: react297.ForwardRefExoticComponent<SignaturePadLabelProps & react297.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-root.d.ts
 interface SignaturePadRootBaseProps extends UseSignaturePadProps, PolymorphicProps {}
 interface SignaturePadRootProps extends HTMLProps<"div">, SignaturePadRootBaseProps {}
-declare const SignaturePadRoot: react773.ForwardRefExoticComponent<SignaturePadRootProps & react773.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadRoot: react297.ForwardRefExoticComponent<SignaturePadRootProps & react297.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-root-provider.d.ts
 interface RootProviderProps {
@@ -57,12 +57,12 @@ interface RootProviderProps {
 }
 interface SignaturePadRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface SignaturePadRootProviderProps extends HTMLProps<"div">, SignaturePadRootProviderBaseProps {}
-declare const SignaturePadRootProvider: react773.ForwardRefExoticComponent<SignaturePadRootProviderProps & react773.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadRootProvider: react297.ForwardRefExoticComponent<SignaturePadRootProviderProps & react297.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-segment.d.ts
 interface SignaturePadSegmentBaseProps extends PolymorphicProps {}
 interface SignaturePadSegmentProps extends HTMLProps<"svg">, SignaturePadSegmentBaseProps {}
-declare const SignaturePadSegment: react773.ForwardRefExoticComponent<SignaturePadSegmentProps & react773.RefAttributes<SVGSVGElement>>;
+declare const SignaturePadSegment: react297.ForwardRefExoticComponent<SignaturePadSegmentProps & react297.RefAttributes<SVGSVGElement>>;
 declare namespace signature_pad_d_exports {
   export { SignaturePadClearTrigger as ClearTrigger, SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, SignaturePadClearTriggerProps as ClearTriggerProps, SignaturePadContext as Context, SignaturePadContextProps as ContextProps, SignaturePadControl as Control, SignaturePadControlBaseProps as ControlBaseProps, SignaturePadControlProps as ControlProps, DrawDetails, DrawEndDetails, DrawingOptions, SignaturePadGuide as Guide, SignaturePadGuideBaseProps as GuideBaseProps, SignaturePadGuideProps as GuideProps, SignaturePadHiddenInput as HiddenInput, SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, SignaturePadHiddenInputProps as HiddenInputProps, SignaturePadLabel as Label, SignaturePadLabelBaseProps as LabelBaseProps, SignaturePadLabelProps as LabelProps, SignaturePadRoot as Root, SignaturePadRootBaseProps as RootBaseProps, SignaturePadRootProps as RootProps, SignaturePadRootProvider as RootProvider, SignaturePadRootProviderBaseProps as RootProviderBaseProps, SignaturePadRootProviderProps as RootProviderProps, SignaturePadSegment as Segment, SignaturePadSegmentBaseProps as SegmentBaseProps, SignaturePadSegmentProps as SegmentProps };
 }

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

@@ -1,8 +1,8 @@
-import { r as PropTypes } from "../../index-CpyFpCKZ.mjs";
-import { r as Optional, t as Assign } from "../../types-DBJaHk-X.mjs";
-import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BIg2TdAk.mjs";
-import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-CMfnFuQS.mjs";
-import * as react632 from "react";
+import { r as PropTypes } from "../../index-Dgc_m5qB.mjs";
+import { r as Optional, t as Assign } from "../../types-hHujdpJn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DR2FE_jn.mjs";
+import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-z3G0GcPu.mjs";
+import * as react681 from "react";
 import { ReactNode } from "react";
 import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";
 import { DrawDetails, DrawDetails as SignaturePadDrawDetails, DrawEndDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions, DrawingOptions as SignaturePadDrawingOptions, HiddenInputProps } from "@sprawlify/primitives/machines/signature-pad";
@@ -10,7 +10,7 @@ import { DrawDetails, DrawDetails as SignaturePadDrawDetails, DrawEndDetails, Dr
 //#region src/components/signature-pad/signature-pad-clear-trigger.d.ts
 interface SignaturePadClearTriggerBaseProps extends PolymorphicProps {}
 interface SignaturePadClearTriggerProps extends HTMLProps<"button">, SignaturePadClearTriggerBaseProps {}
-declare const SignaturePadClearTrigger: react632.ForwardRefExoticComponent<SignaturePadClearTriggerProps & react632.RefAttributes<HTMLButtonElement>>;
+declare const SignaturePadClearTrigger: react681.ForwardRefExoticComponent<SignaturePadClearTriggerProps & react681.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/signature-pad/use-signature-pad.d.ts
 interface UseSignaturePadProps extends Optional<Omit<signaturePad.Props, "dir" | "getRootNode">, "id"> {}
@@ -29,27 +29,27 @@ declare const SignaturePadContext: (props: SignaturePadContextProps) => ReactNod
 //#region src/components/signature-pad/signature-pad-control.d.ts
 interface SignaturePadControlBaseProps extends PolymorphicProps {}
 interface SignaturePadControlProps extends HTMLProps<"div">, SignaturePadControlBaseProps {}
-declare const SignaturePadControl: react632.ForwardRefExoticComponent<SignaturePadControlProps & react632.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadControl: react681.ForwardRefExoticComponent<SignaturePadControlProps & react681.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-guide.d.ts
 interface SignaturePadGuideBaseProps extends PolymorphicProps {}
 interface SignaturePadGuideProps extends HTMLProps<"div">, SignaturePadGuideBaseProps {}
-declare const SignaturePadGuide: react632.ForwardRefExoticComponent<SignaturePadGuideProps & react632.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadGuide: react681.ForwardRefExoticComponent<SignaturePadGuideProps & react681.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-hidden-input.d.ts
 interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps {}
 interface SignaturePadHiddenInputProps extends Assign<HTMLProps<"input">, SignaturePadHiddenInputBaseProps> {}
-declare const SignaturePadHiddenInput: react632.ForwardRefExoticComponent<SignaturePadHiddenInputProps & react632.RefAttributes<HTMLInputElement>>;
+declare const SignaturePadHiddenInput: react681.ForwardRefExoticComponent<SignaturePadHiddenInputProps & react681.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-label.d.ts
 interface SignaturePadLabelBaseProps extends PolymorphicProps {}
 interface SignaturePadLabelProps extends HTMLProps<"label">, SignaturePadLabelBaseProps {}
-declare const SignaturePadLabel: react632.ForwardRefExoticComponent<SignaturePadLabelProps & react632.RefAttributes<HTMLLabelElement>>;
+declare const SignaturePadLabel: react681.ForwardRefExoticComponent<SignaturePadLabelProps & react681.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-root.d.ts
 interface SignaturePadRootBaseProps extends UseSignaturePadProps, PolymorphicProps {}
 interface SignaturePadRootProps extends HTMLProps<"div">, SignaturePadRootBaseProps {}
-declare const SignaturePadRoot: react632.ForwardRefExoticComponent<SignaturePadRootProps & react632.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadRoot: react681.ForwardRefExoticComponent<SignaturePadRootProps & react681.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-root-provider.d.ts
 interface RootProviderProps {
@@ -57,12 +57,12 @@ interface RootProviderProps {
 }
 interface SignaturePadRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface SignaturePadRootProviderProps extends HTMLProps<"div">, SignaturePadRootProviderBaseProps {}
-declare const SignaturePadRootProvider: react632.ForwardRefExoticComponent<SignaturePadRootProviderProps & react632.RefAttributes<HTMLDivElement>>;
+declare const SignaturePadRootProvider: react681.ForwardRefExoticComponent<SignaturePadRootProviderProps & react681.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/signature-pad/signature-pad-segment.d.ts
 interface SignaturePadSegmentBaseProps extends PolymorphicProps {}
 interface SignaturePadSegmentProps extends HTMLProps<"svg">, SignaturePadSegmentBaseProps {}
-declare const SignaturePadSegment: react632.ForwardRefExoticComponent<SignaturePadSegmentProps & react632.RefAttributes<SVGSVGElement>>;
+declare const SignaturePadSegment: react681.ForwardRefExoticComponent<SignaturePadSegmentProps & react681.RefAttributes<SVGSVGElement>>;
 declare namespace signature_pad_d_exports {
   export { SignaturePadClearTrigger as ClearTrigger, SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, SignaturePadClearTriggerProps as ClearTriggerProps, SignaturePadContext as Context, SignaturePadContextProps as ContextProps, SignaturePadControl as Control, SignaturePadControlBaseProps as ControlBaseProps, SignaturePadControlProps as ControlProps, DrawDetails, DrawEndDetails, DrawingOptions, SignaturePadGuide as Guide, SignaturePadGuideBaseProps as GuideBaseProps, SignaturePadGuideProps as GuideProps, SignaturePadHiddenInput as HiddenInput, SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, SignaturePadHiddenInputProps as HiddenInputProps, SignaturePadLabel as Label, SignaturePadLabelBaseProps as LabelBaseProps, SignaturePadLabelProps as LabelProps, SignaturePadRoot as Root, SignaturePadRootBaseProps as RootBaseProps, SignaturePadRootProps as RootProps, SignaturePadRootProvider as RootProvider, SignaturePadRootProviderBaseProps as RootProviderBaseProps, SignaturePadRootProviderProps as RootProviderProps, SignaturePadSegment as Segment, SignaturePadSegmentBaseProps as SegmentBaseProps, SignaturePadSegmentProps as SegmentProps };
 }

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

@@ -5,12 +5,12 @@ import { n as useEnvironmentContext } from "../../environment-9mOM5FKS.mjs";
 import { i as useLocaleContext } from "../../locale-De5Z27ES.mjs";
 import "../../providers-U5faJq0V.mjs";
 import { n as sprawlify } from "../../factory-D0O3O5Jq.mjs";
-import "../../field-anatomy-CEUB_Ta7.mjs";
-import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-R5Ukq905.mjs";
-import { t as createSplitProps } from "../../create-split-props-DpKNxS20.mjs";
-import "../../use-fieldset-context-Cxi_PWG7.mjs";
-import "../../use-safe-layout-effect-DnuZcT6c.mjs";
-import { p as useFieldContext } from "../../field-NWpDd4KU.mjs";
+import "../../field-anatomy-fmYSoBV1.mjs";
+import { t as signaturePadAnatomy } from "../../signature-pad-anatomy-CFx-TxjK.mjs";
+import { t as createSplitProps } from "../../create-split-props-C2GZQbAx.mjs";
+import "../../use-fieldset-context--lfCawDE.mjs";
+import "../../use-safe-layout-effect-C0OJdIOF.mjs";
+import { p as useFieldContext } from "../../field-DLtNaqLV.mjs";
 import { forwardRef, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";