@sprawlify/react 0.0.10 → 0.0.11

package/dist/components/toggle/index.cjs

@@ -0,0 +1,93 @@
+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_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_anatomy = require("@sprawlify/primitives/anatomy");
+let __sprawlify_primitives_machines_toggle = require("@sprawlify/primitives/machines/toggle");
+__sprawlify_primitives_machines_toggle = require_chunk.__toESM(__sprawlify_primitives_machines_toggle);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/toggle/use-toggle-context.ts
+const [ToggleProvider, useToggleContext] = require_create_context.createContext({
+	name: "ToggleContext",
+	hookName: "useToggleContext",
+	providerName: "<ToggleProvider />"
+});
+
+//#endregion
+//#region src/components/toggle/toggle-context.tsx
+const ToggleContext = (props) => props.children(useToggleContext());
+
+//#endregion
+//#region src/components/toggle/toggle-indicator.tsx
+const ToggleIndicator = (0, react.forwardRef)((props, ref) => {
+	const { children, fallback, ...restProps } = props;
+	const toggle = useToggleContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(toggle.getIndicatorProps(), restProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref,
+		children: toggle.pressed ? children : fallback
+	});
+});
+ToggleIndicator.displayName = "ToggleIndicator";
+
+//#endregion
+//#region src/components/toggle/use-toggle.ts
+function useToggle(props) {
+	const service = require_core.useMachine(__sprawlify_primitives_machines_toggle.machine, props);
+	return __sprawlify_primitives_machines_toggle.connect(service, require_core.normalizeProps);
+}
+
+//#endregion
+//#region src/components/toggle/toggle-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const ToggleRoot = (0, react.forwardRef)((props, ref) => {
+	const [useToggleProps, localProps] = splitRootProps(props, [
+		"pressed",
+		"defaultPressed",
+		"disabled",
+		"onPressedChange"
+	]);
+	const toggle = useToggle(useToggleProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(toggle.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleProvider, {
+		value: toggle,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleRoot.displayName = "ToggleRoot";
+
+//#endregion
+//#region src/components/toggle/toggle-anatomy.ts
+const toggleAnatomy = (0, __sprawlify_primitives_anatomy.createAnatomy)("toggle", ["root", "indicator"]);
+const parts = toggleAnatomy.build();
+
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ require_chunk.__export({
+	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/components/toggle/index.d.cts

@@ -0,0 +1,40 @@
+import { t as PropTypes } from "../../normalize-props-Ddn7AQaE.cjs";
+import { n as HTMLSprawlifyProps, r as PolymorphicProps, t as HTMLProps } from "../../factory-dXEes8-E.cjs";
+import * as react297 from "react";
+import { ReactNode } from "react";
+import * as _sprawlify_primitives_anatomy3 from "@sprawlify/primitives/anatomy";
+import * as toggle from "@sprawlify/primitives/machines/toggle";
+
+//#region src/components/toggle/use-toggle.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-toggle-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+//#endregion
+//#region src/components/toggle/toggle-context.d.ts
+interface ToggleContextProps {
+  children: (context: UseToggleContext) => ReactNode;
+}
+declare const ToggleContext: (props: ToggleContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle/toggle-indicator.d.ts
+interface ToggleIndicatorBaseProps {
+  fallback?: React.ReactNode | undefined;
+}
+interface ToggleIndicatorProps extends HTMLSprawlifyProps<"div">, ToggleIndicatorBaseProps {}
+declare const ToggleIndicator: react297.ForwardRefExoticComponent<ToggleIndicatorProps & react297.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle/toggle-root.d.ts
+interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps {}
+interface ToggleRootProps extends HTMLProps<"button">, ToggleRootBaseProps {}
+declare const ToggleRoot: react297.ForwardRefExoticComponent<ToggleRootProps & react297.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle/toggle-anatomy.d.ts
+declare const toggleAnatomy: _sprawlify_primitives_anatomy3.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/components/toggle/index.d.mts

@@ -0,0 +1,40 @@
+import { r as PropTypes } from "../../index-BVPDbcQQ.mjs";
+import { n as HTMLSprawlifyProps, r as PolymorphicProps, t as HTMLProps } from "../../factory-Fen9bAK7.mjs";
+import * as react639 from "react";
+import { ReactNode } from "react";
+import * as _sprawlify_primitives_anatomy7 from "@sprawlify/primitives/anatomy";
+import * as toggle from "@sprawlify/primitives/machines/toggle";
+
+//#region src/components/toggle/use-toggle.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-toggle-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+//#endregion
+//#region src/components/toggle/toggle-context.d.ts
+interface ToggleContextProps {
+  children: (context: UseToggleContext) => ReactNode;
+}
+declare const ToggleContext: (props: ToggleContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle/toggle-indicator.d.ts
+interface ToggleIndicatorBaseProps {
+  fallback?: React.ReactNode | undefined;
+}
+interface ToggleIndicatorProps extends HTMLSprawlifyProps<"div">, ToggleIndicatorBaseProps {}
+declare const ToggleIndicator: react639.ForwardRefExoticComponent<ToggleIndicatorProps & react639.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle/toggle-root.d.ts
+interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps {}
+interface ToggleRootProps extends HTMLProps<"button">, ToggleRootBaseProps {}
+declare const ToggleRoot: react639.ForwardRefExoticComponent<ToggleRootProps & react639.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle/toggle-anatomy.d.ts
+declare const toggleAnatomy: _sprawlify_primitives_anatomy7.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/components/toggle/index.mjs

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

package/dist/components/toggle-group/index.cjs

@@ -0,0 +1,127 @@
+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');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_toggle_group = require("@sprawlify/primitives/machines/toggle-group");
+__sprawlify_primitives_machines_toggle_group = require_chunk.__toESM(__sprawlify_primitives_machines_toggle_group);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/toggle-group/use-toggle-group-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = require_create_context.createContext({
+	name: "ToggleGroupContext",
+	hookName: "useToggleGroupContext",
+	providerName: "<ToggleGroupProvider />"
+});
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-context.tsx
+const ToggleGroupContext = (props) => props.children(useToggleGroupContext());
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-item.tsx
+const splitItemProps = require_create_split_props.createSplitProps();
+const ToggleGroupItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useToggleGroupContext().getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToggleGroupItem.displayName = "ToggleGroupItem";
+
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.ts
+const useToggleGroup = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_toggle_group.machine, machineProps);
+	return __sprawlify_primitives_machines_toggle_group.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.tsx
+const splitRootProps = require_create_split_props.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, __sprawlify_primitives_core.mergeProps)(togglegroup.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleGroupProvider, {
+		value: togglegroup,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const ToggleGroupRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: toggleGroup }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(toggleGroup.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleGroupProvider, {
+		value: toggleGroup,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRootProvider.displayName = "ToggleGroupRootProvider";
+
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ require_chunk.__export({
+	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 __sprawlify_primitives_machines_toggle_group.anatomy;
+  }
+});
+exports.useToggleGroup = useToggleGroup;
+exports.useToggleGroupContext = useToggleGroupContext;

package/dist/components/toggle-group/index.d.cts

@@ -0,0 +1,44 @@
+import { t as PropTypes } from "../../normalize-props-Ddn7AQaE.cjs";
+import { r as Optional, t as Assign } from "../../types-0lfB8uM7.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-dXEes8-E.cjs";
+import * as react503 from "react";
+import { ReactNode } from "react";
+import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails, anatomy as toggleGroupAnatomy } from "@sprawlify/primitives/machines/toggle-group";
+
+//#region src/components/toggle-group/use-toggle-group.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-toggle-group-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+//#endregion
+//#region src/components/toggle-group/toggle-group-context.d.ts
+interface ToggleGroupContextProps {
+  children: (context: UseToggleGroupContext) => ReactNode;
+}
+declare const ToggleGroupContext: (props: ToggleGroupContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle-group/toggle-group-item.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ToggleGroupItemProps extends Assign<HTMLProps<"button">, ToggleGroupItemBaseProps> {}
+declare const ToggleGroupItem: react503.ForwardRefExoticComponent<ToggleGroupItemProps & react503.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.d.ts
+interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps {}
+interface ToggleGroupRootProps extends Assign<HTMLProps<"div">, ToggleGroupRootBaseProps> {}
+declare const ToggleGroupRoot: react503.ForwardRefExoticComponent<ToggleGroupRootProps & react503.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.d.ts
+interface RootProviderProps {
+  value: UseToggleGroupReturn;
+}
+interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ToggleGroupRootProviderProps extends HTMLProps<"div">, ToggleGroupRootProviderBaseProps {}
+declare const ToggleGroupRootProvider: react503.ForwardRefExoticComponent<ToggleGroupRootProviderProps & react503.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/components/toggle-group/index.d.mts

@@ -0,0 +1,44 @@
+import { r as PropTypes } from "../../index-BVPDbcQQ.mjs";
+import { r as Optional, t as Assign } from "../../types-C61WyxPn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Fen9bAK7.mjs";
+import * as react712 from "react";
+import { ReactNode } from "react";
+import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails, anatomy as toggleGroupAnatomy } from "@sprawlify/primitives/machines/toggle-group";
+
+//#region src/components/toggle-group/use-toggle-group.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-toggle-group-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+//#endregion
+//#region src/components/toggle-group/toggle-group-context.d.ts
+interface ToggleGroupContextProps {
+  children: (context: UseToggleGroupContext) => ReactNode;
+}
+declare const ToggleGroupContext: (props: ToggleGroupContextProps) => ReactNode;
+//#endregion
+//#region src/components/toggle-group/toggle-group-item.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ToggleGroupItemProps extends Assign<HTMLProps<"button">, ToggleGroupItemBaseProps> {}
+declare const ToggleGroupItem: react712.ForwardRefExoticComponent<ToggleGroupItemProps & react712.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.d.ts
+interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps {}
+interface ToggleGroupRootProps extends Assign<HTMLProps<"div">, ToggleGroupRootBaseProps> {}
+declare const ToggleGroupRoot: react712.ForwardRefExoticComponent<ToggleGroupRootProps & react712.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.d.ts
+interface RootProviderProps {
+  value: UseToggleGroupReturn;
+}
+interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ToggleGroupRootProviderProps extends HTMLProps<"div">, ToggleGroupRootProviderBaseProps {}
+declare const ToggleGroupRootProvider: react712.ForwardRefExoticComponent<ToggleGroupRootProviderProps & react712.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/components/toggle-group/index.mjs

@@ -0,0 +1,109 @@
+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 toggleGroup from "@sprawlify/primitives/machines/toggle-group";
+import { anatomy as toggleGroupAnatomy } from "@sprawlify/primitives/machines/toggle-group";
+
+//#region src/components/toggle-group/use-toggle-group-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = createContext$1({
+	name: "ToggleGroupContext",
+	hookName: "useToggleGroupContext",
+	providerName: "<ToggleGroupProvider />"
+});
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-context.tsx
+const ToggleGroupContext = (props) => props.children(useToggleGroupContext());
+
+//#endregion
+//#region src/components/toggle-group/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(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToggleGroupItem.displayName = "ToggleGroupItem";
+
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.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/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(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ToggleGroupRootProvider = forwardRef((props, ref) => {
+	const [{ value: toggleGroup$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(toggleGroup$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ToggleGroupProvider, {
+		value: toggleGroup$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ToggleGroupRootProvider.displayName = "ToggleGroupRootProvider";
+
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ __export({
+	Context: () => ToggleGroupContext,
+	Item: () => ToggleGroupItem,
+	Root: () => ToggleGroupRoot,
+	RootProvider: () => ToggleGroupRootProvider
+});
+
+//#endregion
+export { toggle_group_exports as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };