@wirekyt/react 0.0.1 → 0.0.2

package/dist/toggle-group.cjs

@@ -0,0 +1,118 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_toggle_group = require("@wirekyt/dom/machines/toggle-group");
+_wirekyt_dom_machines_toggle_group = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_toggle_group, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/toggle-group/use-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = require_utils.createContext({
+	name: "ToggleGroupContext",
+	hookName: "useToggleGroupContext",
+	providerName: "<ToggleGroupProvider />"
+});
+//#endregion
+//#region src/components/toggle-group/context.tsx
+const ToggleGroupContext = (props) => props.children(useToggleGroupContext());
+//#endregion
+//#region src/components/toggle-group/item.tsx
+const splitItemProps = require_utils.createSplitProps();
+const ToggleGroupItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useToggleGroupContext().getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToggleGroupItem.displayName = "ToggleGroupItem";
+//#endregion
+//#region src/components/toggle-group/use.ts
+const useToggleGroup = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_toggle_group.machine, machineProps);
+	return _wirekyt_dom_machines_toggle_group.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/toggle-group/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const ToggleGroupRoot = (0, react.forwardRef)((props, ref) => {
+	const [useToggleGroupProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"id",
+		"ids",
+		"loopFocus",
+		"multiple",
+		"onValueChange",
+		"orientation",
+		"rovingFocus",
+		"value"
+	]);
+	const togglegroup = useToggleGroup(useToggleGroupProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(togglegroup.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleGroupProvider, {
+		value: togglegroup,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+//#endregion
+//#region src/components/toggle-group/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const ToggleGroupRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: toggleGroup }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(toggleGroup.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleGroupProvider, {
+		value: toggleGroup,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRootProvider.displayName = "ToggleGroupRootProvider";
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => ToggleGroupContext,
+	Item: () => ToggleGroupItem,
+	Root: () => ToggleGroupRoot,
+	RootProvider: () => ToggleGroupRootProvider
+});
+//#endregion
+Object.defineProperty(exports, "ToggleGroup", {
+	enumerable: true,
+	get: function() {
+		return toggle_group_exports;
+	}
+});
+exports.ToggleGroupContext = ToggleGroupContext;
+exports.ToggleGroupItem = ToggleGroupItem;
+exports.ToggleGroupRoot = ToggleGroupRoot;
+exports.ToggleGroupRootProvider = ToggleGroupRootProvider;
+Object.defineProperty(exports, "toggleGroupAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_toggle_group.anatomy;
+	}
+});
+exports.useToggleGroup = useToggleGroup;
+exports.useToggleGroupContext = useToggleGroupContext;

package/dist/toggle-group.d.cts

@@ -0,0 +1,43 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import * as toggleGroup from "@wirekyt/dom/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails, anatomy as toggleGroupAnatomy } from "@wirekyt/dom/machines/toggle-group";
+//#region src/components/toggle-group/use.d.ts
+interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Props, "dir" | "getRootNode">, "id"> {}
+interface UseToggleGroupReturn extends toggleGroup.Api<PropTypes> {}
+declare const useToggleGroup: (props?: UseToggleGroupProps) => UseToggleGroupReturn;
+//#endregion
+//#region src/components/toggle-group/use-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+declare const ToggleGroupProvider: import("react").Provider<UseToggleGroupContext>, useToggleGroupContext: () => UseToggleGroupContext;
+//#endregion
+//#region src/components/toggle-group/context.d.ts
+interface ToggleGroupContextProps {
+  children: (context: UseToggleGroupContext) => ReactNode;
+}
+declare const ToggleGroupContext: (props: ToggleGroupContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle-group/item.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ToggleGroupItemProps extends Assign<HTMLProps<"button">, ToggleGroupItemBaseProps> {}
+declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle-group/root.d.ts
+interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps {}
+interface ToggleGroupRootProps extends Assign<HTMLProps<"div">, ToggleGroupRootBaseProps> {}
+declare const ToggleGroupRoot: import("react").ForwardRefExoticComponent<ToggleGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle-group/root-provider.d.ts
+interface RootProviderProps {
+  value: UseToggleGroupReturn;
+}
+interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ToggleGroupRootProviderProps extends HTMLProps<"div">, ToggleGroupRootProviderBaseProps {}
+declare const ToggleGroupRootProvider: import("react").ForwardRefExoticComponent<ToggleGroupRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace toggle_group_d_exports {
+  export { ToggleGroupContext as Context, ToggleGroupContextProps as ContextProps, ToggleGroupItem as Item, ToggleGroupItemBaseProps as ItemBaseProps, ToggleGroupItemProps as ItemProps, ToggleGroupRoot as Root, ToggleGroupRootBaseProps as RootBaseProps, ToggleGroupRootProps as RootProps, ToggleGroupRootProvider as RootProvider, ToggleGroupRootProviderBaseProps as RootProviderBaseProps, ToggleGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { toggle_group_d_exports as ToggleGroup, ToggleGroupContext, type ToggleGroupContextProps, ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps, ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootProps, ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, type ToggleGroupValueChangeDetails, type UseToggleGroupContext, type UseToggleGroupProps, type UseToggleGroupReturn, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };

package/dist/toggle-group.d.ts

@@ -0,0 +1,43 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import * as toggleGroup from "@wirekyt/dom/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails, anatomy as toggleGroupAnatomy } from "@wirekyt/dom/machines/toggle-group";
+//#region src/components/toggle-group/use.d.ts
+interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Props, "dir" | "getRootNode">, "id"> {}
+interface UseToggleGroupReturn extends toggleGroup.Api<PropTypes> {}
+declare const useToggleGroup: (props?: UseToggleGroupProps) => UseToggleGroupReturn;
+//#endregion
+//#region src/components/toggle-group/use-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+declare const ToggleGroupProvider: import("react").Provider<UseToggleGroupContext>, useToggleGroupContext: () => UseToggleGroupContext;
+//#endregion
+//#region src/components/toggle-group/context.d.ts
+interface ToggleGroupContextProps {
+  children: (context: UseToggleGroupContext) => ReactNode;
+}
+declare const ToggleGroupContext: (props: ToggleGroupContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle-group/item.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ToggleGroupItemProps extends Assign<HTMLProps<"button">, ToggleGroupItemBaseProps> {}
+declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle-group/root.d.ts
+interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps {}
+interface ToggleGroupRootProps extends Assign<HTMLProps<"div">, ToggleGroupRootBaseProps> {}
+declare const ToggleGroupRoot: import("react").ForwardRefExoticComponent<ToggleGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle-group/root-provider.d.ts
+interface RootProviderProps {
+  value: UseToggleGroupReturn;
+}
+interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ToggleGroupRootProviderProps extends HTMLProps<"div">, ToggleGroupRootProviderBaseProps {}
+declare const ToggleGroupRootProvider: import("react").ForwardRefExoticComponent<ToggleGroupRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace toggle_group_d_exports {
+  export { ToggleGroupContext as Context, ToggleGroupContextProps as ContextProps, ToggleGroupItem as Item, ToggleGroupItemBaseProps as ItemBaseProps, ToggleGroupItemProps as ItemProps, ToggleGroupRoot as Root, ToggleGroupRootBaseProps as RootBaseProps, ToggleGroupRootProps as RootProps, ToggleGroupRootProvider as RootProvider, ToggleGroupRootProviderBaseProps as RootProviderBaseProps, ToggleGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { toggle_group_d_exports as ToggleGroup, ToggleGroupContext, type ToggleGroupContextProps, ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps, ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootProps, ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, type ToggleGroupValueChangeDetails, type UseToggleGroupContext, type UseToggleGroupProps, type UseToggleGroupReturn, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };

package/dist/toggle-group.js

@@ -0,0 +1,99 @@
+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 toggleGroup from "@wirekyt/dom/machines/toggle-group";
+import { anatomy as toggleGroupAnatomy } from "@wirekyt/dom/machines/toggle-group";
+//#region src/components/toggle-group/use-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = createContext$1({
+	name: "ToggleGroupContext",
+	hookName: "useToggleGroupContext",
+	providerName: "<ToggleGroupProvider />"
+});
+//#endregion
+//#region src/components/toggle-group/context.tsx
+const ToggleGroupContext = (props) => props.children(useToggleGroupContext());
+//#endregion
+//#region src/components/toggle-group/item.tsx
+const splitItemProps = createSplitProps();
+const ToggleGroupItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
+	const mergedProps = mergeProps(useToggleGroupContext().getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToggleGroupItem.displayName = "ToggleGroupItem";
+//#endregion
+//#region src/components/toggle-group/use.ts
+const useToggleGroup = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(toggleGroup.machine, machineProps);
+	return toggleGroup.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/toggle-group/root.tsx
+const splitRootProps = createSplitProps();
+const ToggleGroupRoot = forwardRef((props, ref) => {
+	const [useToggleGroupProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"id",
+		"ids",
+		"loopFocus",
+		"multiple",
+		"onValueChange",
+		"orientation",
+		"rovingFocus",
+		"value"
+	]);
+	const togglegroup = useToggleGroup(useToggleGroupProps);
+	const mergedProps = mergeProps(togglegroup.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ToggleGroupProvider, {
+		value: togglegroup,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+//#endregion
+//#region src/components/toggle-group/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ToggleGroupRootProvider = forwardRef((props, ref) => {
+	const [{ value: toggleGroup }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(toggleGroup.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ToggleGroupProvider, {
+		value: toggleGroup,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRootProvider.displayName = "ToggleGroupRootProvider";
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => ToggleGroupContext,
+	Item: () => ToggleGroupItem,
+	Root: () => ToggleGroupRoot,
+	RootProvider: () => ToggleGroupRootProvider
+});
+//#endregion
+export { toggle_group_exports as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };

package/dist/toggle.cjs

@@ -0,0 +1,85 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_anatomy = require("@wirekyt/dom/anatomy");
+let _wirekyt_dom_machines_toggle = require("@wirekyt/dom/machines/toggle");
+_wirekyt_dom_machines_toggle = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_toggle, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/toggle/use-context.ts
+const [ToggleProvider, useToggleContext] = require_utils.createContext({
+	name: "ToggleContext",
+	hookName: "useToggleContext",
+	providerName: "<ToggleProvider />"
+});
+//#endregion
+//#region src/components/toggle/context.tsx
+const ToggleContext = (props) => props.children(useToggleContext());
+//#endregion
+//#region src/components/toggle/indicator.tsx
+const ToggleIndicator = (0, react.forwardRef)((props, ref) => {
+	const { children, fallback, ...restProps } = props;
+	const toggle = useToggleContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(toggle.getIndicatorProps(), restProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref,
+		children: toggle.pressed ? children : fallback
+	});
+});
+ToggleIndicator.displayName = "ToggleIndicator";
+//#endregion
+//#region src/components/toggle/use.ts
+function useToggle(props) {
+	const service = require_core.useMachine(_wirekyt_dom_machines_toggle.machine, props);
+	return _wirekyt_dom_machines_toggle.connect(service, require_core.normalizeProps);
+}
+//#endregion
+//#region src/components/toggle/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const ToggleRoot = (0, react.forwardRef)((props, ref) => {
+	const [useToggleProps, localProps] = splitRootProps(props, [
+		"pressed",
+		"defaultPressed",
+		"disabled",
+		"onPressedChange"
+	]);
+	const toggle = useToggle(useToggleProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(toggle.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleProvider, {
+		value: toggle,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleRoot.displayName = "ToggleRoot";
+//#endregion
+//#region src/components/toggle/anatomy.ts
+const toggleAnatomy = (0, _wirekyt_dom_anatomy.createAnatomy)("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => ToggleContext,
+	Indicator: () => ToggleIndicator,
+	Root: () => ToggleRoot,
+	toggleAnatomy: () => toggleAnatomy
+});
+//#endregion
+Object.defineProperty(exports, "Toggle", {
+	enumerable: true,
+	get: function() {
+		return toggle_exports;
+	}
+});
+exports.ToggleContext = ToggleContext;
+exports.ToggleIndicator = ToggleIndicator;
+exports.ToggleRoot = ToggleRoot;
+exports.toggleAnatomy = toggleAnatomy;
+exports.useToggle = useToggle;
+exports.useToggleContext = useToggleContext;

package/dist/toggle.d.cts

@@ -0,0 +1,38 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { n as HTMLWireProps, r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/use.d.ts
+interface UseToggleProps extends toggle.Props {}
+interface UseToggleReturn extends toggle.Api<PropTypes> {}
+declare function useToggle(props?: UseToggleProps): UseToggleReturn;
+//#endregion
+//#region src/components/toggle/use-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+declare const ToggleProvider: import("react").Provider<UseToggleContext>, useToggleContext: () => UseToggleContext;
+//#endregion
+//#region src/components/toggle/context.d.ts
+interface ToggleContextProps {
+  children: (context: UseToggleContext) => ReactNode;
+}
+declare const ToggleContext: (props: ToggleContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle/indicator.d.ts
+interface ToggleIndicatorBaseProps {
+  fallback?: React.ReactNode | undefined;
+}
+interface ToggleIndicatorProps extends HTMLWireProps<"div">, ToggleIndicatorBaseProps {}
+declare const ToggleIndicator: import("react").ForwardRefExoticComponent<ToggleIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle/root.d.ts
+interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps {}
+interface ToggleRootProps extends HTMLProps<"button">, ToggleRootBaseProps {}
+declare const ToggleRoot: import("react").ForwardRefExoticComponent<ToggleRootProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle/anatomy.d.ts
+declare const toggleAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+declare namespace toggle_d_exports {
+  export { ToggleContext as Context, ToggleContextProps as ContextProps, ToggleIndicator as Indicator, ToggleIndicatorBaseProps as IndicatorBaseProps, ToggleIndicatorProps as IndicatorProps, ToggleRoot as Root, ToggleRootBaseProps as RootBaseProps, ToggleRootProps as RootProps, toggleAnatomy };
+}
+//#endregion
+export { toggle_d_exports as Toggle, ToggleContext, type ToggleContextProps, ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps, ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps, type UseToggleContext, type UseToggleProps, type UseToggleReturn, toggleAnatomy, useToggle, useToggleContext };

package/dist/toggle.d.ts

@@ -0,0 +1,38 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { n as HTMLWireProps, r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/use.d.ts
+interface UseToggleProps extends toggle.Props {}
+interface UseToggleReturn extends toggle.Api<PropTypes> {}
+declare function useToggle(props?: UseToggleProps): UseToggleReturn;
+//#endregion
+//#region src/components/toggle/use-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+declare const ToggleProvider: import("react").Provider<UseToggleContext>, useToggleContext: () => UseToggleContext;
+//#endregion
+//#region src/components/toggle/context.d.ts
+interface ToggleContextProps {
+  children: (context: UseToggleContext) => ReactNode;
+}
+declare const ToggleContext: (props: ToggleContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle/indicator.d.ts
+interface ToggleIndicatorBaseProps {
+  fallback?: React.ReactNode | undefined;
+}
+interface ToggleIndicatorProps extends HTMLWireProps<"div">, ToggleIndicatorBaseProps {}
+declare const ToggleIndicator: import("react").ForwardRefExoticComponent<ToggleIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle/root.d.ts
+interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps {}
+interface ToggleRootProps extends HTMLProps<"button">, ToggleRootBaseProps {}
+declare const ToggleRoot: import("react").ForwardRefExoticComponent<ToggleRootProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle/anatomy.d.ts
+declare const toggleAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+declare namespace toggle_d_exports {
+  export { ToggleContext as Context, ToggleContextProps as ContextProps, ToggleIndicator as Indicator, ToggleIndicatorBaseProps as IndicatorBaseProps, ToggleIndicatorProps as IndicatorProps, ToggleRoot as Root, ToggleRootBaseProps as RootBaseProps, ToggleRootProps as RootProps, toggleAnatomy };
+}
+//#endregion
+export { toggle_d_exports as Toggle, ToggleContext, type ToggleContextProps, ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps, ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps, type UseToggleContext, type UseToggleProps, type UseToggleReturn, toggleAnatomy, useToggle, useToggleContext };

package/dist/toggle.js

@@ -0,0 +1,71 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.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 { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/use-context.ts
+const [ToggleProvider, useToggleContext] = createContext$1({
+	name: "ToggleContext",
+	hookName: "useToggleContext",
+	providerName: "<ToggleProvider />"
+});
+//#endregion
+//#region src/components/toggle/context.tsx
+const ToggleContext = (props) => props.children(useToggleContext());
+//#endregion
+//#region src/components/toggle/indicator.tsx
+const ToggleIndicator = forwardRef((props, ref) => {
+	const { children, fallback, ...restProps } = props;
+	const toggle = useToggleContext();
+	const mergedProps = mergeProps(toggle.getIndicatorProps(), restProps);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref,
+		children: toggle.pressed ? children : fallback
+	});
+});
+ToggleIndicator.displayName = "ToggleIndicator";
+//#endregion
+//#region src/components/toggle/use.ts
+function useToggle(props) {
+	const service = useMachine(toggle.machine, props);
+	return toggle.connect(service, normalizeProps);
+}
+//#endregion
+//#region src/components/toggle/root.tsx
+const splitRootProps = createSplitProps();
+const ToggleRoot = forwardRef((props, ref) => {
+	const [useToggleProps, localProps] = splitRootProps(props, [
+		"pressed",
+		"defaultPressed",
+		"disabled",
+		"onPressedChange"
+	]);
+	const toggle = useToggle(useToggleProps);
+	const mergedProps = mergeProps(toggle.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ToggleProvider, {
+		value: toggle,
+		children: /* @__PURE__ */ jsx(wire.button, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleRoot.displayName = "ToggleRoot";
+//#endregion
+//#region src/components/toggle/anatomy.ts
+const toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ __exportAll({
+	Context: () => ToggleContext,
+	Indicator: () => ToggleIndicator,
+	Root: () => ToggleRoot,
+	toggleAnatomy: () => toggleAnatomy
+});
+//#endregion
+export { toggle_exports as Toggle, ToggleContext, ToggleIndicator, ToggleRoot, toggleAnatomy, useToggle, useToggleContext };