@wirekyt/solid 0.0.1 → 0.0.3

package/dist/steps.js

@@ -0,0 +1,199 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as 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({
+	hookName: "useStepsContext",
+	providerName: "<StepsProvider />"
+});
+//#endregion
+//#region src/components/steps/completed-content.tsx
+const StepsCompletedContent = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps().getContentProps({ index: steps().count }), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/steps/content.tsx
+const StepsContent = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps().getContentProps(itemProps), localProps);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/steps/context.tsx
+const StepsContext = (props) => {
+	const context = useStepsContext();
+	return props.children(context);
+};
+//#endregion
+//#region src/components/steps/use-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext$1({
+	hookName: "useStepsItemPropsContext",
+	providerName: "<StepsItemPropsProvider />"
+});
+//#endregion
+//#region src/components/steps/indicator.tsx
+const StepsIndicator = (props) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$2(() => steps().getIndicatorProps(itemProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/steps/use-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = createContext$1({
+	hookName: "useStepsItemContext",
+	providerName: "<StepsItem />"
+});
+//#endregion
+//#region src/components/steps/item.tsx
+const StepsItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => steps().getItemState(itemProps));
+	return createComponent(StepsItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(StepsItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#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 = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps().getListProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/steps/next-trigger.tsx
+const StepsNextTrigger = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps().getNextTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/steps/prev-trigger.tsx
+const StepsPrevTrigger = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps().getPrevTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/steps/progress.tsx
+const StepsProgress = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$2(() => steps().getProgressProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/steps/use.ts
+function useSteps(props) {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const locale = useLocaleContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(steps.machine, machineProps);
+	return createMemo(() => steps.connect(service, normalizeProps));
+}
+//#endregion
+//#region src/components/steps/root.tsx
+const StepsRoot = (props) => {
+	const [useStepsProps, localProps] = createSplitProps()(props, [
+		"count",
+		"defaultStep",
+		"id",
+		"ids",
+		"isStepSkippable",
+		"isStepValid",
+		"linear",
+		"onStepChange",
+		"onStepComplete",
+		"onStepInvalid",
+		"orientation",
+		"step"
+	]);
+	const steps = useSteps(useStepsProps);
+	const mergedProps = mergeProps$2(() => steps().getRootProps(), localProps);
+	return createComponent(StepsProvider, {
+		value: steps,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/steps/root-provider.tsx
+const StepsRootProvider = (props) => {
+	const [{ value: steps }, rootProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => steps().getRootProps(), rootProps);
+	return createComponent(StepsProvider, {
+		value: steps,
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+				return props.children;
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/steps/separator.tsx
+const StepsSeparator = (props) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$2(() => steps().getSeparatorProps(itemProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/steps/trigger.tsx
+const StepsTrigger = (props) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$2(() => steps().getTriggerProps(itemProps), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#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/steps.jsx

@@ -0,0 +1,184 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	hookName: "useStepsContext",
+	providerName: "<StepsProvider />"
+});
+//#endregion
+//#region src/components/steps/completed-content.tsx
+const StepsCompletedContent = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps().getContentProps({ index: steps().count }), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/content.tsx
+const StepsContent = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps().getContentProps(itemProps), localProps);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/context.tsx
+const StepsContext = (props) => {
+	const context = useStepsContext();
+	return props.children(context);
+};
+//#endregion
+//#region src/components/steps/use-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext$1({
+	hookName: "useStepsItemPropsContext",
+	providerName: "<StepsItemPropsProvider />"
+});
+//#endregion
+//#region src/components/steps/indicator.tsx
+const StepsIndicator = (props) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$1(() => steps().getIndicatorProps(itemProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/use-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = createContext$1({
+	hookName: "useStepsItemContext",
+	providerName: "<StepsItem />"
+});
+//#endregion
+//#region src/components/steps/item.tsx
+const StepsItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => steps().getItemState(itemProps));
+	return <StepsItemPropsProvider value={itemProps}>
+      <StepsItemProvider value={itemState}>
+        <wire.div {...mergedProps} />
+      </StepsItemProvider>
+    </StepsItemPropsProvider>;
+};
+//#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 = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps().getListProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/next-trigger.tsx
+const StepsNextTrigger = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps().getNextTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/prev-trigger.tsx
+const StepsPrevTrigger = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps().getPrevTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/progress.tsx
+const StepsProgress = (props) => {
+	const steps = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps().getProgressProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/use.ts
+function useSteps(props) {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const locale = useLocaleContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(steps.machine, machineProps);
+	return createMemo(() => steps.connect(service, normalizeProps));
+}
+//#endregion
+//#region src/components/steps/root.tsx
+const StepsRoot = (props) => {
+	const [useStepsProps, localProps] = createSplitProps()(props, [
+		"count",
+		"defaultStep",
+		"id",
+		"ids",
+		"isStepSkippable",
+		"isStepValid",
+		"linear",
+		"onStepChange",
+		"onStepComplete",
+		"onStepInvalid",
+		"orientation",
+		"step"
+	]);
+	const steps = useSteps(useStepsProps);
+	const mergedProps = mergeProps$1(() => steps().getRootProps(), localProps);
+	return <StepsProvider value={steps}>
+      <wire.div {...mergedProps} />
+    </StepsProvider>;
+};
+//#endregion
+//#region src/components/steps/root-provider.tsx
+const StepsRootProvider = (props) => {
+	const [{ value: steps }, rootProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => steps().getRootProps(), rootProps);
+	return <StepsProvider value={steps}>
+      <wire.div {...mergedProps}>{props.children}</wire.div>
+    </StepsProvider>;
+};
+//#endregion
+//#region src/components/steps/separator.tsx
+const StepsSeparator = (props) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$1(() => steps().getSeparatorProps(itemProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/steps/trigger.tsx
+const StepsTrigger = (props) => {
+	const steps = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$1(() => steps().getTriggerProps(itemProps), props);
+	return <wire.button {...mergedProps} />;
+};
+//#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.d.ts

@@ -0,0 +1,51 @@
+import { r as MaybeAccessor } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { t as RenderStrategyProps } from "./index-J9N2CBHP.js";
+import { c as UsePresenceReturn } from "./index-B17eqq14.js";
+import { Accessor } from "solid-js";
+//#region src/components/swap/indicator.d.ts
+interface SwapIndicatorBaseProps extends PolymorphicProps<"span"> {
+  type: "on" | "off";
+}
+interface SwapIndicatorProps extends HTMLProps<"span">, SwapIndicatorBaseProps {}
+declare const SwapIndicator: (props: SwapIndicatorProps) => import("solid-js").JSX.Element;
+//#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?: MaybeAccessor<UseSwapProps>) => Accessor<UseSwapReturn>;
+//#endregion
+//#region src/components/swap/root.d.ts
+interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps<"span"> {}
+interface SwapRootProps extends HTMLProps<"span">, SwapRootBaseProps {}
+declare const SwapRoot: (props: SwapRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/swap/root-provider.d.ts
+interface SwapRootProviderBaseProps extends PolymorphicProps<"span"> {
+  value: Accessor<UseSwapReturn>;
+}
+interface SwapRootProviderProps extends HTMLProps<"span">, SwapRootProviderBaseProps {}
+declare const SwapRootProvider: (props: SwapRootProviderProps) => import("solid-js").JSX.Element;
+//#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 Accessor<UseSwapReturn> {}
+declare const SwapProvider: import("solid-js").ContextProviderComponent<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,123 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { i as usePresence } from "./presence-CE6lXCu5.js";
+import { Show, createMemo, splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+//#region src/components/swap/use-context.ts
+const [SwapProvider, useSwapContext] = createContext$1({
+	hookName: "useSwapContext",
+	providerName: "<SwapProvider />"
+});
+//#endregion
+//#region src/components/swap/indicator.tsx
+const SwapIndicator = (props) => {
+	const [localProps, restProps] = splitProps(props, ["type", "ref"]);
+	const swap = useSwapContext();
+	const presence = () => {
+		return (localProps.type === "on" ? swap().onPresence : swap().offPresence)();
+	};
+	const mergedProps = mergeProps$2(() => swap().getIndicatorProps({ type: localProps.type }), restProps);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(wire.span, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presence().ref, localProps.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#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 resolved = createMemo(() => runIfFn(props));
+	const onPresence = usePresence(mergeProps$2(() => ({
+		present: resolved().swap ?? false,
+		lazyMount: resolved().lazyMount,
+		unmountOnExit: resolved().unmountOnExit,
+		skipAnimationOnMount: true
+	})));
+	const offPresence = usePresence(mergeProps$2(() => ({
+		present: !(resolved().swap ?? false),
+		lazyMount: resolved().lazyMount,
+		unmountOnExit: resolved().unmountOnExit,
+		skipAnimationOnMount: true
+	})));
+	return createMemo(() => {
+		const swap = resolved().swap ?? false;
+		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.presenceProps,
+					"data-type": type,
+					style: {
+						"grid-area": "1 / 1",
+						display: "inline-flex"
+					}
+				};
+			}
+		};
+	});
+};
+//#endregion
+//#region src/components/swap/root.tsx
+const SwapRoot = (props) => {
+	const [swapProps, localProps] = splitProps(props, [
+		"swap",
+		"lazyMount",
+		"unmountOnExit"
+	]);
+	const swap = useSwap(() => swapProps);
+	const mergedProps = mergeProps$2(() => swap().getRootProps(), localProps);
+	return createComponent(SwapProvider, {
+		value: swap,
+		get children() {
+			return createComponent(wire.span, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/swap/root-provider.tsx
+const SwapRootProvider = (props) => {
+	const [providerProps, localProps] = splitProps(props, ["value"]);
+	const mergedProps = mergeProps$2(() => providerProps.value().getRootProps(), localProps);
+	return createComponent(SwapProvider, {
+		get value() {
+			return providerProps.value;
+		},
+		get children() {
+			return createComponent(wire.span, mergedProps);
+		}
+	});
+};
+//#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 };

package/dist/swap.jsx

@@ -0,0 +1,106 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { i as usePresence } from "./presence-9UGkuyfn.jsx";
+import { Show, createMemo, splitProps } from "solid-js";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+//#region src/components/swap/use-context.ts
+const [SwapProvider, useSwapContext] = createContext$1({
+	hookName: "useSwapContext",
+	providerName: "<SwapProvider />"
+});
+//#endregion
+//#region src/components/swap/indicator.tsx
+const SwapIndicator = (props) => {
+	const [localProps, restProps] = splitProps(props, ["type", "ref"]);
+	const swap = useSwapContext();
+	const presence = () => {
+		return (localProps.type === "on" ? swap().onPresence : swap().offPresence)();
+	};
+	const mergedProps = mergeProps$1(() => swap().getIndicatorProps({ type: localProps.type }), restProps);
+	return <Show when={!presence().unmounted}>
+      <wire.span {...mergedProps} ref={composeRefs(presence().ref, localProps.ref)} />
+    </Show>;
+};
+//#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 resolved = createMemo(() => runIfFn(props));
+	const onPresence = usePresence(mergeProps$1(() => ({
+		present: resolved().swap ?? false,
+		lazyMount: resolved().lazyMount,
+		unmountOnExit: resolved().unmountOnExit,
+		skipAnimationOnMount: true
+	})));
+	const offPresence = usePresence(mergeProps$1(() => ({
+		present: !(resolved().swap ?? false),
+		lazyMount: resolved().lazyMount,
+		unmountOnExit: resolved().unmountOnExit,
+		skipAnimationOnMount: true
+	})));
+	return createMemo(() => {
+		const swap = resolved().swap ?? false;
+		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.presenceProps,
+					"data-type": type,
+					style: {
+						"grid-area": "1 / 1",
+						display: "inline-flex"
+					}
+				};
+			}
+		};
+	});
+};
+//#endregion
+//#region src/components/swap/root.tsx
+const SwapRoot = (props) => {
+	const [swapProps, localProps] = splitProps(props, [
+		"swap",
+		"lazyMount",
+		"unmountOnExit"
+	]);
+	const swap = useSwap(() => swapProps);
+	const mergedProps = mergeProps$1(() => swap().getRootProps(), localProps);
+	return <SwapProvider value={swap}>
+      <wire.span {...mergedProps} />
+    </SwapProvider>;
+};
+//#endregion
+//#region src/components/swap/root-provider.tsx
+const SwapRootProvider = (props) => {
+	const [providerProps, localProps] = splitProps(props, ["value"]);
+	const mergedProps = mergeProps$1(() => providerProps.value().getRootProps(), localProps);
+	return <SwapProvider value={providerProps.value}>
+      <wire.span {...mergedProps} />
+    </SwapProvider>;
+};
+//#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 };