@wirekyt/react 0.0.1 → 0.0.3

package/dist/steps.js

@@ -0,0 +1,241 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as steps from "@wirekyt/dom/machines/steps";
+import { anatomy as stepsAnatomy } from "@wirekyt/dom/machines/steps";
+//#region src/components/steps/use-context.ts
+const [StepsProvider, useStepsContext] = createContext$1({
+	name: "StepsContext",
+	hookName: "useStepsContext",
+	providerName: "<StepsProvider />"
+});
+//#endregion
+//#region src/components/steps/completed-content.tsx
+const StepsCompletedContent = forwardRef((props, ref) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps(steps.getContentProps({ index: steps.count }), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsCompletedContent.displayName = "StepsCompletedContent";
+//#endregion
+//#region src/components/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(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsContent.displayName = "StepsContent";
+//#endregion
+//#region src/components/steps/context.tsx
+const StepsContext = (props) => {
+	const context = useStepsContext();
+	return props.children(context);
+};
+StepsContext.displayName = "StepsContext";
+//#endregion
+//#region src/components/steps/use-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext$1({
+	name: "StepsItemPropsContext",
+	hookName: "useStepsItemPropsContext",
+	providerName: "<StepsItemPropsProvider />"
+});
+//#endregion
+//#region src/components/steps/indicator.tsx
+const StepsIndicator = forwardRef((props, ref) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps(steps.getIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsIndicator.displayName = "StepsIndicator";
+//#endregion
+//#region src/components/steps/use-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = createContext$1({
+	name: "StepsItemContext",
+	hookName: "useStepsItemContext",
+	providerName: "<StepsItem />"
+});
+//#endregion
+//#region src/components/steps/item.tsx
+const splitItemProps = createSplitProps();
+const StepsItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["index"]);
+	const steps = useStepsContext();
+	const mergedProps = mergeProps(steps.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(StepsItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(StepsItemProvider, {
+			value: steps.getItemState(itemProps),
+			children: /* @__PURE__ */ jsx(wire.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+StepsItem.displayName = "StepsItem";
+//#endregion
+//#region src/components/steps/item-context.tsx
+const StepsItemContext = (props) => {
+	return props.children(useStepsItemContext());
+};
+StepsItemContext.displayName = "StepsItemContext";
+//#endregion
+//#region src/components/steps/list.tsx
+const StepsList = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getListProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsList.displayName = "StepsList";
+//#endregion
+//#region src/components/steps/next-trigger.tsx
+const StepsNextTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getNextTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsNextTrigger.displayName = "StepsNextTrigger";
+//#endregion
+//#region src/components/steps/prev-trigger.tsx
+const StepsPrevTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getPrevTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsPrevTrigger.displayName = "StepsPrevTrigger";
+//#endregion
+//#region src/components/steps/progress.tsx
+const StepsProgress = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useStepsContext().getProgressProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsProgress.displayName = "StepsProgress";
+//#endregion
+//#region src/components/steps/use.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/root.tsx
+const splitRootProps = createSplitProps();
+const StepsRoot = forwardRef((props, ref) => {
+	const [useStepsProps, localProps] = splitRootProps(props, [
+		"count",
+		"defaultStep",
+		"id",
+		"ids",
+		"isStepSkippable",
+		"isStepValid",
+		"linear",
+		"onStepChange",
+		"onStepComplete",
+		"onStepInvalid",
+		"orientation",
+		"step"
+	]);
+	const steps = useSteps(useStepsProps);
+	const mergedProps = mergeProps(steps.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(StepsProvider, {
+		value: steps,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+StepsRoot.displayName = "StepsRoot";
+//#endregion
+//#region src/components/steps/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const StepsRootProvider = forwardRef((props, ref) => {
+	const [{ value: steps }, rootProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(steps.getRootProps(), rootProps);
+	return /* @__PURE__ */ jsx(StepsProvider, {
+		value: steps,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref,
+			children: props.children
+		})
+	});
+});
+StepsRootProvider.displayName = "StepsRootProvider";
+//#endregion
+//#region src/components/steps/separator.tsx
+const StepsSeparator = forwardRef((props, ref) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps(steps.getSeparatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+StepsSeparator.displayName = "StepsSeparator";
+//#endregion
+//#region src/components/steps/trigger.tsx
+const StepsTrigger = forwardRef((props, ref) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps(steps.getTriggerProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+StepsTrigger.displayName = "StepsTrigger";
+//#endregion
+//#region src/components/steps/steps.ts
+var steps_exports = /* @__PURE__ */ __exportAll({
+	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/swap.cjs

@@ -0,0 +1,134 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_presence = require("./presence-BOs-D6Cv.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_anatomy = require("@wirekyt/dom/anatomy");
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/swap/use-context.ts
+const [SwapProvider, useSwapContext] = require_utils.createContext({
+	name: "SwapContext",
+	hookName: "useSwapContext",
+	providerName: "<SwapProvider />"
+});
+//#endregion
+//#region src/components/swap/indicator.tsx
+const SwapIndicator = (0, react.forwardRef)((props, ref) => {
+	const { type, ...restProps } = props;
+	const swap = useSwapContext();
+	const presence = type === "on" ? swap.onPresence : swap.offPresence;
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(swap.getIndicatorProps({ type }), restProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+SwapIndicator.displayName = "SwapIndicator";
+//#endregion
+//#region src/components/swap/anatomy.ts
+const swapAnatomy = (0, _wirekyt_dom_anatomy.createAnatomy)("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+//#endregion
+//#region src/components/swap/use.ts
+const useSwap = (props = {}) => {
+	const { swap = false, lazyMount, unmountOnExit } = props;
+	const presenceProps = {
+		lazyMount,
+		unmountOnExit
+	};
+	const onPresence = require_presence.usePresence({
+		present: swap,
+		...presenceProps,
+		skipAnimationOnMount: true
+	});
+	const offPresence = require_presence.usePresence({
+		present: !swap,
+		...presenceProps,
+		skipAnimationOnMount: true
+	});
+	return {
+		swap,
+		onPresence,
+		offPresence,
+		getRootProps() {
+			return {
+				...parts.root.attrs,
+				"data-swap": swap ? "on" : "off",
+				style: { display: "inline-grid" }
+			};
+		},
+		getIndicatorProps({ type }) {
+			const presence = type === "on" ? onPresence : offPresence;
+			return {
+				...parts.indicator.attrs,
+				...presence.getPresenceProps(),
+				"data-type": type,
+				style: {
+					gridArea: "1 / 1",
+					display: "inline-flex"
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region src/components/swap/root.tsx
+const SwapRoot = (0, react.forwardRef)((props, ref) => {
+	const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+	const swap = useSwap({
+		swap: swapProp,
+		lazyMount,
+		unmountOnExit
+	});
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(swap.getRootProps(), restProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwapProvider, {
+		value: swap,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+			...mergedProps,
+			ref,
+			children
+		})
+	});
+});
+SwapRoot.displayName = "SwapRoot";
+//#endregion
+//#region src/components/swap/root-provider.tsx
+const SwapRootProvider = (0, react.forwardRef)((props, ref) => {
+	const { value, children, ...restProps } = props;
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(value.getRootProps(), restProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwapProvider, {
+		value,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+			...mergedProps,
+			ref,
+			children
+		})
+	});
+});
+SwapRootProvider.displayName = "SwapRootProvider";
+//#endregion
+//#region src/components/swap/swap.ts
+var swap_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Indicator: () => SwapIndicator,
+	Root: () => SwapRoot,
+	RootProvider: () => SwapRootProvider,
+	swapAnatomy: () => swapAnatomy
+});
+//#endregion
+Object.defineProperty(exports, "Swap", {
+	enumerable: true,
+	get: function() {
+		return swap_exports;
+	}
+});
+exports.SwapIndicator = SwapIndicator;
+exports.SwapRoot = SwapRoot;
+exports.SwapRootProvider = SwapRootProvider;
+exports.swapAnatomy = swapAnatomy;
+exports.useSwap = useSwap;
+exports.useSwapContext = useSwapContext;

package/dist/swap.d.cts

@@ -0,0 +1,49 @@
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { r as RenderStrategyProps } from "./index-srZfUQNt.cjs";
+import { l as UsePresenceReturn } from "./index-DyTY8HEb.cjs";
+//#region src/components/swap/indicator.d.ts
+interface SwapIndicatorBaseProps extends PolymorphicProps {
+  type: "on" | "off";
+}
+interface SwapIndicatorProps extends HTMLProps<"span">, SwapIndicatorBaseProps {}
+declare const SwapIndicator: import("react").ForwardRefExoticComponent<SwapIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/swap/use.d.ts
+interface UseSwapProps extends RenderStrategyProps {
+  swap?: boolean;
+}
+interface IndicatorProps {
+  type: "on" | "off";
+}
+interface UseSwapReturn {
+  swap: boolean;
+  onPresence: UsePresenceReturn;
+  offPresence: UsePresenceReturn;
+  getRootProps: () => HTMLProps<"span">;
+  getIndicatorProps: (props: IndicatorProps) => HTMLProps<"span">;
+}
+declare const useSwap: (props?: UseSwapProps) => UseSwapReturn;
+//#endregion
+//#region src/components/swap/root.d.ts
+interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {}
+interface SwapRootProps extends HTMLProps<"span">, SwapRootBaseProps {}
+declare const SwapRoot: import("react").ForwardRefExoticComponent<SwapRootProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/swap/root-provider.d.ts
+interface SwapRootProviderBaseProps extends PolymorphicProps {
+  value: UseSwapReturn;
+}
+interface SwapRootProviderProps extends HTMLProps<"span">, SwapRootProviderBaseProps {}
+declare const SwapRootProvider: import("react").ForwardRefExoticComponent<SwapRootProviderProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/swap/anatomy.d.ts
+declare const swapAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+declare namespace swap_d_exports {
+  export { SwapIndicator as Indicator, SwapIndicatorBaseProps as IndicatorBaseProps, SwapIndicatorProps as IndicatorProps, SwapRoot as Root, SwapRootBaseProps as RootBaseProps, SwapRootProps as RootProps, SwapRootProvider as RootProvider, SwapRootProviderBaseProps as RootProviderBaseProps, SwapRootProviderProps as RootProviderProps, swapAnatomy };
+}
+//#endregion
+//#region src/components/swap/use-context.d.ts
+interface UseSwapContext extends UseSwapReturn {}
+declare const SwapProvider: import("react").Provider<UseSwapContext>, useSwapContext: () => UseSwapContext;
+//#endregion
+export { swap_d_exports as Swap, SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps, SwapRoot, type SwapRootBaseProps, type SwapRootProps, SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps, type UseSwapContext, type UseSwapProps, type UseSwapReturn, swapAnatomy, useSwap, useSwapContext };

package/dist/swap.d.ts

@@ -0,0 +1,49 @@
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { r as RenderStrategyProps } from "./index-srZfUQNt.js";
+import { l as UsePresenceReturn } from "./index-DRnET7mJ.js";
+//#region src/components/swap/indicator.d.ts
+interface SwapIndicatorBaseProps extends PolymorphicProps {
+  type: "on" | "off";
+}
+interface SwapIndicatorProps extends HTMLProps<"span">, SwapIndicatorBaseProps {}
+declare const SwapIndicator: import("react").ForwardRefExoticComponent<SwapIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/swap/use.d.ts
+interface UseSwapProps extends RenderStrategyProps {
+  swap?: boolean;
+}
+interface IndicatorProps {
+  type: "on" | "off";
+}
+interface UseSwapReturn {
+  swap: boolean;
+  onPresence: UsePresenceReturn;
+  offPresence: UsePresenceReturn;
+  getRootProps: () => HTMLProps<"span">;
+  getIndicatorProps: (props: IndicatorProps) => HTMLProps<"span">;
+}
+declare const useSwap: (props?: UseSwapProps) => UseSwapReturn;
+//#endregion
+//#region src/components/swap/root.d.ts
+interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {}
+interface SwapRootProps extends HTMLProps<"span">, SwapRootBaseProps {}
+declare const SwapRoot: import("react").ForwardRefExoticComponent<SwapRootProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/swap/root-provider.d.ts
+interface SwapRootProviderBaseProps extends PolymorphicProps {
+  value: UseSwapReturn;
+}
+interface SwapRootProviderProps extends HTMLProps<"span">, SwapRootProviderBaseProps {}
+declare const SwapRootProvider: import("react").ForwardRefExoticComponent<SwapRootProviderProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/swap/anatomy.d.ts
+declare const swapAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+declare namespace swap_d_exports {
+  export { SwapIndicator as Indicator, SwapIndicatorBaseProps as IndicatorBaseProps, SwapIndicatorProps as IndicatorProps, SwapRoot as Root, SwapRootBaseProps as RootBaseProps, SwapRootProps as RootProps, SwapRootProvider as RootProvider, SwapRootProviderBaseProps as RootProviderBaseProps, SwapRootProviderProps as RootProviderProps, swapAnatomy };
+}
+//#endregion
+//#region src/components/swap/use-context.d.ts
+interface UseSwapContext extends UseSwapReturn {}
+declare const SwapProvider: import("react").Provider<UseSwapContext>, useSwapContext: () => UseSwapContext;
+//#endregion
+export { swap_d_exports as Swap, SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps, SwapRoot, type SwapRootBaseProps, type SwapRootProps, SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps, type UseSwapContext, type UseSwapProps, type UseSwapReturn, swapAnatomy, useSwap, useSwapContext };

package/dist/swap.js

@@ -0,0 +1,121 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { l as useComposedRefs, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { i as usePresence } from "./presence-I8Rceflw.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+//#region src/components/swap/use-context.ts
+const [SwapProvider, useSwapContext] = createContext$1({
+	name: "SwapContext",
+	hookName: "useSwapContext",
+	providerName: "<SwapProvider />"
+});
+//#endregion
+//#region src/components/swap/indicator.tsx
+const SwapIndicator = forwardRef((props, ref) => {
+	const { type, ...restProps } = props;
+	const swap = useSwapContext();
+	const presence = type === "on" ? swap.onPresence : swap.offPresence;
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	const mergedProps = mergeProps(swap.getIndicatorProps({ type }), restProps);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+SwapIndicator.displayName = "SwapIndicator";
+//#endregion
+//#region src/components/swap/anatomy.ts
+const swapAnatomy = createAnatomy("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+//#endregion
+//#region src/components/swap/use.ts
+const useSwap = (props = {}) => {
+	const { swap = false, lazyMount, unmountOnExit } = props;
+	const presenceProps = {
+		lazyMount,
+		unmountOnExit
+	};
+	const onPresence = usePresence({
+		present: swap,
+		...presenceProps,
+		skipAnimationOnMount: true
+	});
+	const offPresence = usePresence({
+		present: !swap,
+		...presenceProps,
+		skipAnimationOnMount: true
+	});
+	return {
+		swap,
+		onPresence,
+		offPresence,
+		getRootProps() {
+			return {
+				...parts.root.attrs,
+				"data-swap": swap ? "on" : "off",
+				style: { display: "inline-grid" }
+			};
+		},
+		getIndicatorProps({ type }) {
+			const presence = type === "on" ? onPresence : offPresence;
+			return {
+				...parts.indicator.attrs,
+				...presence.getPresenceProps(),
+				"data-type": type,
+				style: {
+					gridArea: "1 / 1",
+					display: "inline-flex"
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region src/components/swap/root.tsx
+const SwapRoot = forwardRef((props, ref) => {
+	const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+	const swap = useSwap({
+		swap: swapProp,
+		lazyMount,
+		unmountOnExit
+	});
+	const mergedProps = mergeProps(swap.getRootProps(), restProps);
+	return /* @__PURE__ */ jsx(SwapProvider, {
+		value: swap,
+		children: /* @__PURE__ */ jsx(wire.span, {
+			...mergedProps,
+			ref,
+			children
+		})
+	});
+});
+SwapRoot.displayName = "SwapRoot";
+//#endregion
+//#region src/components/swap/root-provider.tsx
+const SwapRootProvider = forwardRef((props, ref) => {
+	const { value, children, ...restProps } = props;
+	const mergedProps = mergeProps(value.getRootProps(), restProps);
+	return /* @__PURE__ */ jsx(SwapProvider, {
+		value,
+		children: /* @__PURE__ */ jsx(wire.span, {
+			...mergedProps,
+			ref,
+			children
+		})
+	});
+});
+SwapRootProvider.displayName = "SwapRootProvider";
+//#endregion
+//#region src/components/swap/swap.ts
+var swap_exports = /* @__PURE__ */ __exportAll({
+	Indicator: () => SwapIndicator,
+	Root: () => SwapRoot,
+	RootProvider: () => SwapRootProvider,
+	swapAnatomy: () => swapAnatomy
+});
+//#endregion
+export { swap_exports as Swap, SwapIndicator, SwapRoot, SwapRootProvider, swapAnatomy, useSwap, useSwapContext };