@sprawlify/react 0.0.10 → 0.0.11

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

@@ -0,0 +1,104 @@
+import { r as PropTypes } from "../../index-BVPDbcQQ.mjs";
+import { r as Optional } from "../../types-C61WyxPn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Fen9bAK7.mjs";
+import * as react732 from "react";
+import { ReactNode } from "react";
+import * as steps from "@sprawlify/primitives/machines/steps";
+import { ItemProps, ItemState, StepChangeDetails, StepChangeDetails as ChangeDetails, anatomy as stepsAnatomy } from "@sprawlify/primitives/machines/steps";
+
+//#region src/components/steps/steps-completed-content.d.ts
+interface StepsCompletedContentBaseProps extends PolymorphicProps {}
+interface StepsCompletedContentProps extends HTMLProps<"div">, StepsCompletedContentBaseProps {}
+declare const StepsCompletedContent: react732.ForwardRefExoticComponent<StepsCompletedContentProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-content.d.ts
+interface StepsContentBaseProps extends PolymorphicProps, ItemProps {}
+interface StepsContentProps extends HTMLProps<"div">, StepsContentBaseProps {}
+declare const StepsContent: react732.ForwardRefExoticComponent<StepsContentProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/use-steps.d.ts
+interface UseStepsProps extends Optional<Omit<steps.Props, "dir" | "getRootNode">, "id"> {}
+interface UseStepsReturn extends steps.Api<PropTypes> {}
+declare function useSteps(props?: UseStepsProps): UseStepsReturn;
+//#endregion
+//#region src/components/steps/use-steps-context.d.ts
+interface UseStepsContext extends UseStepsReturn {}
+//#endregion
+//#region src/components/steps/steps-context.d.ts
+interface StepsContextProps {
+  children: (context: UseStepsContext) => ReactNode;
+}
+declare const StepsContext: {
+  (props: StepsContextProps): ReactNode;
+  displayName: string;
+};
+//#endregion
+//#region src/components/steps/steps-indicator.d.ts
+interface StepsIndicatorBaseProps extends PolymorphicProps {}
+interface StepsIndicatorProps extends HTMLProps<"div">, StepsIndicatorBaseProps {}
+declare const StepsIndicator: react732.ForwardRefExoticComponent<StepsIndicatorProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-item.d.ts
+interface StepsItemBaseProps extends ItemProps, PolymorphicProps {}
+interface StepsItemProps extends HTMLProps<"div">, StepsItemBaseProps {}
+declare const StepsItem: react732.ForwardRefExoticComponent<StepsItemProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/use-steps-item-context.d.ts
+interface UseStepsItemContext extends ItemState {}
+//#endregion
+//#region src/components/steps/steps-item-context.d.ts
+interface StepsItemContextProps {
+  children: (context: UseStepsItemContext) => ReactNode;
+}
+declare const StepsItemContext: {
+  (props: StepsItemContextProps): ReactNode;
+  displayName: string;
+};
+//#endregion
+//#region src/components/steps/steps-list.d.ts
+interface StepsListBaseProps extends PolymorphicProps {}
+interface StepsListProps extends HTMLProps<"div">, StepsListBaseProps {}
+declare const StepsList: react732.ForwardRefExoticComponent<StepsListProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-next-trigger.d.ts
+interface StepsNextTriggerBaseProps extends PolymorphicProps {}
+interface StepsNextTriggerProps extends HTMLProps<"button">, StepsNextTriggerBaseProps {}
+declare const StepsNextTrigger: react732.ForwardRefExoticComponent<StepsNextTriggerProps & react732.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/steps/steps-prev-trigger.d.ts
+interface StepsPrevTriggerBaseProps extends PolymorphicProps {}
+interface StepsPrevTriggerProps extends HTMLProps<"button">, StepsPrevTriggerBaseProps {}
+declare const StepsPrevTrigger: react732.ForwardRefExoticComponent<StepsPrevTriggerProps & react732.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/steps/steps-progress.d.ts
+interface StepsProgressBaseProps extends PolymorphicProps {}
+interface StepsProgressProps extends HTMLProps<"div">, StepsProgressBaseProps {}
+declare const StepsProgress: react732.ForwardRefExoticComponent<StepsProgressProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-root.d.ts
+interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps {}
+interface StepsRootProps extends HTMLProps<"div">, StepsRootBaseProps {}
+declare const StepsRoot: react732.ForwardRefExoticComponent<StepsRootProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-root-provider.d.ts
+interface RootProviderProps {
+  value: UseStepsReturn;
+}
+interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface StepsRootProviderProps extends HTMLProps<"div">, StepsRootProviderBaseProps {}
+declare const StepsRootProvider: react732.ForwardRefExoticComponent<StepsRootProviderProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-separator.d.ts
+interface StepsSeparatorBaseProps extends PolymorphicProps {}
+interface StepsSeparatorProps extends HTMLProps<"div">, StepsSeparatorBaseProps {}
+declare const StepsSeparator: react732.ForwardRefExoticComponent<StepsSeparatorProps & react732.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/steps/steps-trigger.d.ts
+interface StepsTriggerBaseProps extends PolymorphicProps {}
+interface StepsTriggerProps extends HTMLProps<"button">, StepsTriggerBaseProps {}
+declare const StepsTrigger: react732.ForwardRefExoticComponent<StepsTriggerProps & react732.RefAttributes<HTMLButtonElement>>;
+declare namespace steps_d_exports {
+  export { ChangeDetails, StepsCompletedContent as CompletedContent, StepsCompletedContentBaseProps as CompletedContentBaseProps, StepsCompletedContentProps as CompletedContentProps, StepsContent as Content, StepsContentBaseProps as ContentBaseProps, StepsContentProps as ContentProps, StepsContext as Context, StepsContextProps as ContextProps, StepsIndicator as Indicator, StepsIndicatorBaseProps as IndicatorBaseProps, StepsIndicatorProps as IndicatorProps, StepsItem as Item, StepsItemBaseProps as ItemBaseProps, StepsItemContext as ItemContext, StepsItemContextProps as ItemContextProps, StepsItemProps as ItemProps, StepsList as List, StepsListBaseProps as ListBaseProps, StepsListProps as ListProps, StepsNextTrigger as NextTrigger, StepsNextTriggerBaseProps as NextTriggerBaseProps, StepsNextTriggerProps as NextTriggerProps, StepsPrevTrigger as PrevTrigger, StepsPrevTriggerBaseProps as PrevTriggerBaseProps, StepsPrevTriggerProps as PrevTriggerProps, StepsProgress as Progress, StepsProgressBaseProps as ProgressBaseProps, StepsProgressProps as ProgressProps, StepsRoot as Root, StepsRootBaseProps as RootBaseProps, StepsRootProps as RootProps, StepsRootProvider as RootProvider, StepsRootProviderBaseProps as RootProviderBaseProps, StepsRootProviderProps as RootProviderProps, StepsSeparator as Separator, StepsSeparatorBaseProps as SeparatorBaseProps, StepsSeparatorProps as SeparatorProps, StepsTrigger as Trigger, StepsTriggerBaseProps as TriggerBaseProps, StepsTriggerProps as TriggerProps };
+}
+//#endregion
+export { type StepChangeDetails, steps_d_exports as Steps, StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, StepsContent, type StepsContentBaseProps, type StepsContentProps, StepsContext, type StepsContextProps, StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, StepsItem, type StepsItemBaseProps, StepsItemContext, type StepsItemContextProps, type StepsItemProps, StepsList, type StepsListBaseProps, type StepsListProps, StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, StepsRoot, type StepsRootBaseProps, type StepsRootProps, StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps, type UseStepsContext, type UseStepsItemContext, type UseStepsProps, type UseStepsReturn, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };

package/dist/components/steps/index.mjs

@@ -0,0 +1,260 @@
+import { t as __export } from "../../chunk-Bw6_Qrqn.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-CAwCcfBy.mjs";
+import { t as createContext$1 } from "../../create-context-B-_JrOL2.mjs";
+import { n as useEnvironmentContext } from "../../environment-tlwGXNO0.mjs";
+import { i as useLocaleContext } from "../../locale-BmYiujeK.mjs";
+import "../../providers-DPvEY1gv.mjs";
+import { n as sprawlify } from "../../factory-cfMsSoBo.mjs";
+import { t as createSplitProps } from "../../create-split-props-BjYU0VXX.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as steps from "@sprawlify/primitives/machines/steps";
+import { anatomy as stepsAnatomy } from "@sprawlify/primitives/machines/steps";
+
+//#region src/components/steps/use-steps-context.ts
+const [StepsProvider, useStepsContext] = createContext$1({
+	name: "StepsContext",
+	hookName: "useStepsContext",
+	providerName: "<StepsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-completed-content.tsx
+const StepsCompletedContent = forwardRef((props, ref) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps(steps$1.getContentProps({ index: steps$1.count }), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsCompletedContent.displayName = "StepsCompletedContent";
+
+//#endregion
+//#region src/components/steps/steps-content.tsx
+const splitContentProps = createSplitProps();
+const StepsContent = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitContentProps(props, ["index"]);
+	const mergedProps = mergeProps(useStepsContext().getContentProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsContent.displayName = "StepsContent";
+
+//#endregion
+//#region src/components/steps/steps-context.tsx
+const StepsContext = (props) => {
+	const context = useStepsContext();
+	return props.children(context);
+};
+StepsContext.displayName = "StepsContext";
+
+//#endregion
+//#region src/components/steps/use-steps-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext$1({
+	name: "StepsItemPropsContext",
+	hookName: "useStepsItemPropsContext",
+	providerName: "<StepsItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-indicator.tsx
+const StepsIndicator = forwardRef((props, ref) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps(steps$1.getIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsIndicator.displayName = "StepsIndicator";
+
+//#endregion
+//#region src/components/steps/use-steps-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = createContext$1({
+	name: "StepsItemContext",
+	hookName: "useStepsItemContext",
+	providerName: "<StepsItem />"
+});
+
+//#endregion
+//#region src/components/steps/steps-item.tsx
+const splitItemProps = createSplitProps();
+const StepsItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["index"]);
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps(steps$1.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(StepsItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(StepsItemProvider, {
+			value: steps$1.getItemState(itemProps),
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+StepsItem.displayName = "StepsItem";
+
+//#endregion
+//#region src/components/steps/steps-item-context.tsx
+const StepsItemContext = (props) => {
+	return props.children(useStepsItemContext());
+};
+StepsItemContext.displayName = "StepsItemContext";
+
+//#endregion
+//#region src/components/steps/steps-list.tsx
+const StepsList = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getListProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsList.displayName = "StepsList";
+
+//#endregion
+//#region src/components/steps/steps-next-trigger.tsx
+const StepsNextTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getNextTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsNextTrigger.displayName = "StepsNextTrigger";
+
+//#endregion
+//#region src/components/steps/steps-prev-trigger.tsx
+const StepsPrevTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getPrevTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsPrevTrigger.displayName = "StepsPrevTrigger";
+
+//#endregion
+//#region src/components/steps/steps-progress.tsx
+const StepsProgress = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getProgressProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsProgress.displayName = "StepsProgress";
+
+//#endregion
+//#region src/components/steps/use-steps.ts
+function useSteps(props) {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(steps.machine, machineProps);
+	return steps.connect(service, normalizeProps);
+}
+
+//#endregion
+//#region src/components/steps/steps-root.tsx
+const splitRootProps = createSplitProps();
+const StepsRoot = forwardRef((props, ref) => {
+	const [useStepsProps, localProps] = splitRootProps(props, [
+		"defaultStep",
+		"id",
+		"ids",
+		"count",
+		"linear",
+		"onStepChange",
+		"onStepComplete",
+		"orientation",
+		"step"
+	]);
+	const steps$1 = useSteps(useStepsProps);
+	const mergedProps = mergeProps(steps$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(StepsProvider, {
+		value: steps$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+StepsRoot.displayName = "StepsRoot";
+
+//#endregion
+//#region src/components/steps/steps-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const StepsRootProvider = forwardRef((props, ref) => {
+	const [{ value: steps$1 }, rootProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(steps$1.getRootProps(), rootProps);
+	return /* @__PURE__ */ jsx(StepsProvider, {
+		value: steps$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref,
+			children: props.children
+		})
+	});
+});
+StepsRootProvider.displayName = "StepsRootProvider";
+
+//#endregion
+//#region src/components/steps/steps-separator.tsx
+const StepsSeparator = forwardRef((props, ref) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps(steps$1.getSeparatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsSeparator.displayName = "StepsSeparator";
+
+//#endregion
+//#region src/components/steps/steps-trigger.tsx
+const StepsTrigger = forwardRef((props, ref) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps(steps$1.getTriggerProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsTrigger.displayName = "StepsTrigger";
+
+//#endregion
+//#region src/components/steps/steps.ts
+var steps_exports = /* @__PURE__ */ __export({
+	CompletedContent: () => StepsCompletedContent,
+	Content: () => StepsContent,
+	Context: () => StepsContext,
+	Indicator: () => StepsIndicator,
+	Item: () => StepsItem,
+	ItemContext: () => StepsItemContext,
+	List: () => StepsList,
+	NextTrigger: () => StepsNextTrigger,
+	PrevTrigger: () => StepsPrevTrigger,
+	Progress: () => StepsProgress,
+	Root: () => StepsRoot,
+	RootProvider: () => StepsRootProvider,
+	Separator: () => StepsSeparator,
+	Trigger: () => StepsTrigger
+});
+
+//#endregion
+export { steps_exports as Steps, StepsCompletedContent, StepsContent, StepsContext, StepsIndicator, StepsItem, StepsItemContext, StepsList, StepsNextTrigger, StepsPrevTrigger, StepsProgress, StepsRoot, StepsRootProvider, StepsSeparator, StepsTrigger, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };

package/dist/components/switch/index.cjs

@@ -0,0 +1,180 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+require('../../use-fieldset-context-CCQLmNLL.cjs');
+require('../../use-safe-layout-effect-C2GgvNT3.cjs');
+const require_field = require('../../field-C-57Gj2E.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_switch = require("@sprawlify/primitives/machines/switch");
+__sprawlify_primitives_machines_switch = require_chunk.__toESM(__sprawlify_primitives_machines_switch);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/switch/use-switch-context.ts
+const [SwitchProvider, useSwitchContext] = require_create_context.createContext({
+	name: "SwitchContext",
+	hookName: "useSwitchContext",
+	providerName: "<SwitchProvider />"
+});
+
+//#endregion
+//#region src/components/switch/switch-context.tsx
+const SwitchContext = (props) => props.children(useSwitchContext());
+
+//#endregion
+//#region src/components/switch/switch-control.tsx
+const SwitchControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSwitchContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SwitchControl.displayName = "SwitchControl";
+
+//#endregion
+//#region src/components/switch/switch-hidden-input.tsx
+const SwitchHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSwitchContext().getHiddenInputProps(), props);
+	const field = require_field.useFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+SwitchHiddenInput.displayName = "SwitchHiddenInput";
+
+//#endregion
+//#region src/components/switch/switch-label.tsx
+const SwitchLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSwitchContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SwitchLabel.displayName = "SwitchLabel";
+
+//#endregion
+//#region src/components/switch/use-switch.ts
+const useSwitch = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const field = require_field.useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		invalid: field?.invalid,
+		required: field?.required,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_switch.machine, machineProps);
+	return __sprawlify_primitives_machines_switch.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/switch/switch-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const SwitchRoot = (0, react.forwardRef)((props, ref) => {
+	const [useSwitchProps, localProps] = splitRootProps(props, [
+		"checked",
+		"defaultChecked",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"label",
+		"name",
+		"onCheckedChange",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const switchContext = useSwitch(useSwitchProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(switchContext.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchProvider, {
+		value: switchContext,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SwitchRoot.displayName = "SwitchRoot";
+
+//#endregion
+//#region src/components/switch/switch-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const SwitchRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: api }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(api.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchProvider, {
+		value: api,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SwitchRootProvider.displayName = "SwitchRootProvider";
+
+//#endregion
+//#region src/components/switch/switch-thumb.tsx
+const SwitchThumb = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSwitchContext().getThumbProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SwitchThumb.displayName = "SwitchThumb";
+
+//#endregion
+//#region src/components/switch/switch.ts
+var switch_exports = /* @__PURE__ */ require_chunk.__export({
+	Context: () => SwitchContext,
+	Control: () => SwitchControl,
+	HiddenInput: () => SwitchHiddenInput,
+	Label: () => SwitchLabel,
+	Root: () => SwitchRoot,
+	RootProvider: () => SwitchRootProvider,
+	Thumb: () => SwitchThumb
+});
+
+//#endregion
+Object.defineProperty(exports, 'Switch', {
+  enumerable: true,
+  get: function () {
+    return switch_exports;
+  }
+});
+exports.SwitchContext = SwitchContext;
+exports.SwitchControl = SwitchControl;
+exports.SwitchHiddenInput = SwitchHiddenInput;
+exports.SwitchLabel = SwitchLabel;
+exports.SwitchRoot = SwitchRoot;
+exports.SwitchRootProvider = SwitchRootProvider;
+exports.SwitchThumb = SwitchThumb;
+Object.defineProperty(exports, 'switchAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_switch.anatomy;
+  }
+});
+exports.useSwitch = useSwitch;
+exports.useSwitchContext = useSwitchContext;

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

@@ -0,0 +1,59 @@
+import { t as PropTypes } from "../../normalize-props-Ddn7AQaE.cjs";
+import { r as Optional } from "../../types-0lfB8uM7.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-dXEes8-E.cjs";
+import * as react129 from "react";
+import { ReactNode } from "react";
+import * as zagSwitch from "@sprawlify/primitives/machines/switch";
+import { CheckedChangeDetails, CheckedChangeDetails as SwitchCheckedChangeDetails, anatomy as switchAnatomy } from "@sprawlify/primitives/machines/switch";
+
+//#region src/components/switch/use-switch.d.ts
+interface UseSwitchProps extends Optional<Omit<zagSwitch.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSwitchReturn extends zagSwitch.Api<PropTypes> {}
+declare const useSwitch: (props?: UseSwitchProps) => UseSwitchReturn;
+//#endregion
+//#region src/components/switch/use-switch-context.d.ts
+interface UseSwitchContext extends UseSwitchReturn {}
+//#endregion
+//#region src/components/switch/switch-context.d.ts
+interface SwitchContextProps {
+  children: (context: UseSwitchContext) => ReactNode;
+}
+declare const SwitchContext: (props: SwitchContextProps) => ReactNode;
+//#endregion
+//#region src/components/switch/switch-control.d.ts
+interface SwitchControlBaseProps extends PolymorphicProps {}
+interface SwitchControlProps extends HTMLProps<"span">, SwitchControlBaseProps {}
+declare const SwitchControl: react129.ForwardRefExoticComponent<SwitchControlProps & react129.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/switch/switch-hidden-input.d.ts
+interface SwitchHiddenInputBaseProps extends PolymorphicProps {}
+interface SwitchHiddenInputProps extends HTMLProps<"input">, SwitchHiddenInputBaseProps {}
+declare const SwitchHiddenInput: react129.ForwardRefExoticComponent<SwitchHiddenInputProps & react129.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/switch/switch-label.d.ts
+interface SwitchLabelBaseProps extends PolymorphicProps {}
+interface SwitchLabelProps extends HTMLProps<"span">, SwitchLabelBaseProps {}
+declare const SwitchLabel: react129.ForwardRefExoticComponent<SwitchLabelProps & react129.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/switch/switch-root.d.ts
+interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps {}
+interface SwitchRootProps extends HTMLProps<"label">, SwitchRootBaseProps {}
+declare const SwitchRoot: react129.ForwardRefExoticComponent<SwitchRootProps & react129.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/switch/switch-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSwitchReturn;
+}
+interface SwitchRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SwitchRootProviderProps extends HTMLProps<"label">, SwitchRootProviderBaseProps {}
+declare const SwitchRootProvider: react129.ForwardRefExoticComponent<SwitchRootProviderProps & react129.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/switch/switch-thumb.d.ts
+interface SwitchThumbBaseProps extends PolymorphicProps {}
+interface SwitchThumbProps extends HTMLProps<"span">, SwitchThumbBaseProps {}
+declare const SwitchThumb: react129.ForwardRefExoticComponent<SwitchThumbProps & react129.RefAttributes<HTMLSpanElement>>;
+declare namespace switch_d_exports {
+  export { CheckedChangeDetails, SwitchContext as Context, SwitchContextProps as ContextProps, SwitchControl as Control, SwitchControlBaseProps as ControlBaseProps, SwitchControlProps as ControlProps, SwitchHiddenInput as HiddenInput, SwitchHiddenInputBaseProps as HiddenInputBaseProps, SwitchHiddenInputProps as HiddenInputProps, SwitchLabel as Label, SwitchLabelBaseProps as LabelBaseProps, SwitchLabelProps as LabelProps, SwitchRoot as Root, SwitchRootBaseProps as RootBaseProps, SwitchRootProps as RootProps, SwitchRootProvider as RootProvider, SwitchRootProviderBaseProps as RootProviderBaseProps, SwitchRootProviderProps as RootProviderProps, SwitchThumb as Thumb, SwitchThumbBaseProps as ThumbBaseProps, SwitchThumbProps as ThumbProps };
+}
+//#endregion
+export { switch_d_exports as Switch, type SwitchCheckedChangeDetails, SwitchContext, type SwitchContextProps, SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps, SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, type UseSwitchContext, type UseSwitchProps, type UseSwitchReturn, switchAnatomy, useSwitch, useSwitchContext };

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

@@ -0,0 +1,59 @@
+import { r as PropTypes } from "../../index-BVPDbcQQ.mjs";
+import { r as Optional } from "../../types-C61WyxPn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Fen9bAK7.mjs";
+import * as react238 from "react";
+import { ReactNode } from "react";
+import * as zagSwitch from "@sprawlify/primitives/machines/switch";
+import { CheckedChangeDetails, CheckedChangeDetails as SwitchCheckedChangeDetails, anatomy as switchAnatomy } from "@sprawlify/primitives/machines/switch";
+
+//#region src/components/switch/use-switch.d.ts
+interface UseSwitchProps extends Optional<Omit<zagSwitch.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSwitchReturn extends zagSwitch.Api<PropTypes> {}
+declare const useSwitch: (props?: UseSwitchProps) => UseSwitchReturn;
+//#endregion
+//#region src/components/switch/use-switch-context.d.ts
+interface UseSwitchContext extends UseSwitchReturn {}
+//#endregion
+//#region src/components/switch/switch-context.d.ts
+interface SwitchContextProps {
+  children: (context: UseSwitchContext) => ReactNode;
+}
+declare const SwitchContext: (props: SwitchContextProps) => ReactNode;
+//#endregion
+//#region src/components/switch/switch-control.d.ts
+interface SwitchControlBaseProps extends PolymorphicProps {}
+interface SwitchControlProps extends HTMLProps<"span">, SwitchControlBaseProps {}
+declare const SwitchControl: react238.ForwardRefExoticComponent<SwitchControlProps & react238.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/switch/switch-hidden-input.d.ts
+interface SwitchHiddenInputBaseProps extends PolymorphicProps {}
+interface SwitchHiddenInputProps extends HTMLProps<"input">, SwitchHiddenInputBaseProps {}
+declare const SwitchHiddenInput: react238.ForwardRefExoticComponent<SwitchHiddenInputProps & react238.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/switch/switch-label.d.ts
+interface SwitchLabelBaseProps extends PolymorphicProps {}
+interface SwitchLabelProps extends HTMLProps<"span">, SwitchLabelBaseProps {}
+declare const SwitchLabel: react238.ForwardRefExoticComponent<SwitchLabelProps & react238.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/switch/switch-root.d.ts
+interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps {}
+interface SwitchRootProps extends HTMLProps<"label">, SwitchRootBaseProps {}
+declare const SwitchRoot: react238.ForwardRefExoticComponent<SwitchRootProps & react238.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/switch/switch-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSwitchReturn;
+}
+interface SwitchRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface SwitchRootProviderProps extends HTMLProps<"label">, SwitchRootProviderBaseProps {}
+declare const SwitchRootProvider: react238.ForwardRefExoticComponent<SwitchRootProviderProps & react238.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/switch/switch-thumb.d.ts
+interface SwitchThumbBaseProps extends PolymorphicProps {}
+interface SwitchThumbProps extends HTMLProps<"span">, SwitchThumbBaseProps {}
+declare const SwitchThumb: react238.ForwardRefExoticComponent<SwitchThumbProps & react238.RefAttributes<HTMLSpanElement>>;
+declare namespace switch_d_exports {
+  export { CheckedChangeDetails, SwitchContext as Context, SwitchContextProps as ContextProps, SwitchControl as Control, SwitchControlBaseProps as ControlBaseProps, SwitchControlProps as ControlProps, SwitchHiddenInput as HiddenInput, SwitchHiddenInputBaseProps as HiddenInputBaseProps, SwitchHiddenInputProps as HiddenInputProps, SwitchLabel as Label, SwitchLabelBaseProps as LabelBaseProps, SwitchLabelProps as LabelProps, SwitchRoot as Root, SwitchRootBaseProps as RootBaseProps, SwitchRootProps as RootProps, SwitchRootProvider as RootProvider, SwitchRootProviderBaseProps as RootProviderBaseProps, SwitchRootProviderProps as RootProviderProps, SwitchThumb as Thumb, SwitchThumbBaseProps as ThumbBaseProps, SwitchThumbProps as ThumbProps };
+}
+//#endregion
+export { switch_d_exports as Switch, type SwitchCheckedChangeDetails, SwitchContext, type SwitchContextProps, SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps, SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, type UseSwitchContext, type UseSwitchProps, type UseSwitchReturn, switchAnatomy, useSwitch, useSwitchContext };