@sprawlify/solid 0.0.19 → 0.0.21

package/dist/components/toast/index.js

@@ -0,0 +1,134 @@
+import { t as __export } from "../../chunk-DGaS4lLa.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2, t as Key } from "../../core-DlJdnFMg.js";
+import { t as createContext$1 } from "../../create-context-BqG72mig.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-PrTpHfBr.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import { t as toastAnatomy } from "../../toast-anatomy-DLI_UJyj.js";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import { createComponent, insert, mergeProps as mergeProps$1, spread, template } from "solid-js/web";
+import * as toast from "@sprawlify/primitives/machines/toast";
+
+//#region src/components/toast/create-toaster.tsx
+const createToaster = (props) => {
+	return toast.createStore(props);
+};
+
+//#endregion
+//#region src/components/toast/use-toast-context.ts
+const [ToastProvider, useToastContext] = createContext$1({
+	hookName: "useToastContext",
+	providerName: "<ToastProvider />"
+});
+
+//#endregion
+//#region src/components/toast/toast-action-trigger.tsx
+const ToastActionTrigger = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$2(() => toast$1().getActionTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/toast/toast-close-trigger.tsx
+const ToastCloseTrigger = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$2(() => toast$1().getCloseTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/toast/toast-context.tsx
+const ToastContext = (props) => props.children(useToastContext());
+
+//#endregion
+//#region src/components/toast/toast-description.tsx
+const ToastDescription = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$2(() => toast$1().getDescriptionProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/toast/toast-root.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div><div></div><div>`);
+const ToastRoot = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$2(() => toast$1().getRootProps(), props);
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+		spread(_el$, mergedProps, false, true);
+		spread(_el$2, mergeProps$1(() => toast$1().getGhostBeforeProps()), false, false);
+		insert(_el$, () => props.children, _el$3);
+		spread(_el$3, mergeProps$1(() => toast$1().getGhostAfterProps()), false, false);
+		return _el$;
+	})();
+};
+
+//#endregion
+//#region src/components/toast/toast-title.tsx
+const ToastTitle = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$2(() => toast$1().getTitleProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/toast/toaster.tsx
+const Toaster = (props) => {
+	const [toasterProps, localProps] = splitProps(props, ["toaster", "children"]);
+	const locale = useLocaleContext();
+	const env = useEnvironmentContext();
+	const service = useMachine(toast.group.machine, () => ({
+		store: toasterProps.toaster,
+		id: createUniqueId(),
+		dir: locale()?.dir,
+		getRootNode: env()?.getRootNode
+	}));
+	const api = createMemo(() => toast.group.connect(service, normalizeProps));
+	const toasts = createMemo(() => api().getToasts());
+	const mergedProps = mergeProps$2(() => api().getGroupProps(), localProps);
+	return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+		return createComponent(Key, {
+			get each() {
+				return toasts();
+			},
+			by: "id",
+			children: (toast$1, index) => createComponent(ToastActor, {
+				value: toast$1,
+				index,
+				parent: service,
+				children: (ctx) => toasterProps.children(ctx)
+			})
+		});
+	} }));
+};
+const ToastActor = (props) => {
+	const env = useEnvironmentContext();
+	const localProps = createMemo(() => ({
+		...props.value(),
+		parent: props.parent,
+		index: props.index(),
+		getRootNode: env().getRootNode
+	}));
+	const service = useMachine(toast.machine, localProps);
+	return createComponent(ToastProvider, {
+		value: createMemo(() => toast.connect(service, normalizeProps)),
+		get children() {
+			return props.children(props.value);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/toast/toast.ts
+var toast_exports = /* @__PURE__ */ __export({
+	ActionTrigger: () => ToastActionTrigger,
+	CloseTrigger: () => ToastCloseTrigger,
+	Context: () => ToastContext,
+	Description: () => ToastDescription,
+	Root: () => ToastRoot,
+	Title: () => ToastTitle
+});
+
+//#endregion
+export { toast_exports as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, createToaster, toastAnatomy, useToastContext };

package/dist/components/toast/index.jsx

@@ -0,0 +1,118 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1, t as Key } from "../../core-BgpRwoCt.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DsPqz7EL.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import * as toast from "@sprawlify/primitives/machines/toast";
+import { anatomy as toastAnatomy } from "@sprawlify/primitives/machines/toast";
+
+//#region src/components/toast/create-toaster.tsx
+const createToaster = (props) => {
+	return toast.createStore(props);
+};
+
+//#endregion
+//#region src/components/toast/use-toast-context.ts
+const [ToastProvider, useToastContext] = createContext$1({
+	hookName: "useToastContext",
+	providerName: "<ToastProvider />"
+});
+
+//#endregion
+//#region src/components/toast/toast-action-trigger.tsx
+const ToastActionTrigger = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$1(() => toast$1().getActionTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/toast/toast-close-trigger.tsx
+const ToastCloseTrigger = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$1(() => toast$1().getCloseTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/toast/toast-context.tsx
+const ToastContext = (props) => props.children(useToastContext());
+
+//#endregion
+//#region src/components/toast/toast-description.tsx
+const ToastDescription = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$1(() => toast$1().getDescriptionProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/toast/toast-root.tsx
+const ToastRoot = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$1(() => toast$1().getRootProps(), props);
+	return <div {...mergedProps}>
+      <div {...toast$1().getGhostBeforeProps()} />
+      {props.children}
+      <div {...toast$1().getGhostAfterProps()} />
+    </div>;
+};
+
+//#endregion
+//#region src/components/toast/toast-title.tsx
+const ToastTitle = (props) => {
+	const toast$1 = useToastContext();
+	const mergedProps = mergeProps$1(() => toast$1().getTitleProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/toast/toaster.tsx
+const Toaster = (props) => {
+	const [toasterProps, localProps] = splitProps(props, ["toaster", "children"]);
+	const locale = useLocaleContext();
+	const env = useEnvironmentContext();
+	const service = useMachine(toast.group.machine, () => ({
+		store: toasterProps.toaster,
+		id: createUniqueId(),
+		dir: locale()?.dir,
+		getRootNode: env()?.getRootNode
+	}));
+	const api = createMemo(() => toast.group.connect(service, normalizeProps));
+	const toasts = createMemo(() => api().getToasts());
+	const mergedProps = mergeProps$1(() => api().getGroupProps(), localProps);
+	return <sprawlify.div {...mergedProps}>
+      <Key each={toasts()} by="id">
+        {(toast$1, index) => <ToastActor value={toast$1} index={index} parent={service}>
+            {(ctx) => toasterProps.children(ctx)}
+          </ToastActor>}
+      </Key>
+    </sprawlify.div>;
+};
+const ToastActor = (props) => {
+	const env = useEnvironmentContext();
+	const localProps = createMemo(() => ({
+		...props.value(),
+		parent: props.parent,
+		index: props.index(),
+		getRootNode: env().getRootNode
+	}));
+	const service = useMachine(toast.machine, localProps);
+	const api = createMemo(() => toast.connect(service, normalizeProps));
+	return <ToastProvider value={api}>{props.children(props.value)}</ToastProvider>;
+};
+
+//#endregion
+//#region src/components/toast/toast.ts
+var toast_exports = /* @__PURE__ */ __export({
+	ActionTrigger: () => ToastActionTrigger,
+	CloseTrigger: () => ToastCloseTrigger,
+	Context: () => ToastContext,
+	Description: () => ToastDescription,
+	Root: () => ToastRoot,
+	Title: () => ToastTitle
+});
+
+//#endregion
+export { toast_exports as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, createToaster, toastAnatomy, useToastContext };

package/dist/components/toggle/index.d.ts

@@ -0,0 +1,38 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as toggleAnatomy } from "../../toggle-anatomy-CBNs2JYD.js";
+import * as solid_js77 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as toggle from "@sprawlify/primitives/machines/toggle";
+
+//#region src/components/toggle/use-toggle.d.ts
+interface UseToggleProps extends toggle.Props {}
+type UseToggleReturn = Accessor<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) => JSX.Element;
+}
+declare const ToggleContext: (props: ToggleContextProps) => JSX.Element;
+//#endregion
+//#region src/components/toggle/toggle-indicator.d.ts
+interface ToggleIndicatorBaseProps extends PolymorphicProps<'div'> {
+  fallback?: JSX.Element;
+}
+interface ToggleIndicatorProps extends HTMLProps<'div'>, ToggleIndicatorBaseProps {}
+declare const ToggleIndicator: (props: ToggleIndicatorProps) => JSX.Element;
+//#endregion
+//#region src/components/toggle/toggle-root.d.ts
+interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps<'button'> {}
+interface ToggleRootProps extends HTMLProps<'button'>, ToggleRootBaseProps {}
+declare const ToggleRoot: (props: ToggleRootProps) => solid_js77.JSX.Element;
+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.js

@@ -0,0 +1,81 @@
+import { t as __export } from "../../chunk-DGaS4lLa.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-DlJdnFMg.js";
+import { t as createContext$1 } from "../../create-context-BqG72mig.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import { t as toggleAnatomy } from "../../toggle-anatomy-Tvx2zJXX.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import { Show, createMemo, splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1, spread, template } from "solid-js/web";
+import * as toggle from "@sprawlify/primitives/machines/toggle";
+
+//#region src/components/toggle/use-toggle-context.ts
+const [ToggleProvider, useToggleContext] = createContext$1({
+	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 = (props) => {
+	const [baseProps, restProps] = splitProps(props, ["children", "fallback"]);
+	const toggle$1 = useToggleContext();
+	const mergedProps = mergeProps$2(() => toggle$1().getIndicatorProps(), restProps);
+	return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+		return createComponent(Show, {
+			get when() {
+				return toggle$1().pressed;
+			},
+			get fallback() {
+				return baseProps.fallback;
+			},
+			get children() {
+				return baseProps.children;
+			}
+		});
+	} }));
+};
+
+//#endregion
+//#region src/components/toggle/use-toggle.ts
+function useToggle(props) {
+	const service = useMachine(toggle.machine, props);
+	return createMemo(() => toggle.connect(service, normalizeProps));
+}
+
+//#endregion
+//#region src/components/toggle/toggle-root.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+const ToggleRoot = (props) => {
+	const [useToggleProps, localProps] = createSplitProps()(props, [
+		"pressed",
+		"defaultPressed",
+		"disabled",
+		"onPressedChange"
+	]);
+	const toggle$1 = useToggle(useToggleProps);
+	const mergedProps = mergeProps$2(() => toggle$1().getRootProps(), localProps);
+	return createComponent(ToggleProvider, {
+		value: toggle$1,
+		get children() {
+			var _el$ = _tmpl$();
+			spread(_el$, mergedProps, false, false);
+			return _el$;
+		}
+	});
+};
+
+//#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/index.jsx

@@ -0,0 +1,71 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-BgpRwoCt.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { t as createSplitProps } from "../../create-split-props-8J9EAVSk.jsx";
+import { Show, createMemo, splitProps } from "solid-js";
+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({
+	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 = (props) => {
+	const [baseProps, restProps] = splitProps(props, ["children", "fallback"]);
+	const toggle$1 = useToggleContext();
+	const mergedProps = mergeProps$1(() => toggle$1().getIndicatorProps(), restProps);
+	return <sprawlify.div {...mergedProps}>
+      <Show when={toggle$1().pressed} fallback={baseProps.fallback}>
+        {baseProps.children}
+      </Show>
+    </sprawlify.div>;
+};
+
+//#endregion
+//#region src/components/toggle/use-toggle.ts
+function useToggle(props) {
+	const service = useMachine(toggle.machine, props);
+	return createMemo(() => toggle.connect(service, normalizeProps));
+}
+
+//#endregion
+//#region src/components/toggle/toggle-root.tsx
+const ToggleRoot = (props) => {
+	const [useToggleProps, localProps] = createSplitProps()(props, [
+		"pressed",
+		"defaultPressed",
+		"disabled",
+		"onPressedChange"
+	]);
+	const toggle$1 = useToggle(useToggleProps);
+	const mergedProps = mergeProps$1(() => toggle$1().getRootProps(), localProps);
+	return <ToggleProvider value={toggle$1}>
+      <button {...mergedProps} />
+    </ToggleProvider>;
+};
+
+//#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.d.ts

@@ -0,0 +1,45 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as toggleGroupAnatomy } from "../../toggle-group-anatomy-D0bmgEEb.js";
+import * as solid_js176 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails } 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 Accessor<toggleGroup.Api<PropTypes>> {}
+declare const useToggleGroup: (props?: MaybeAccessor<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) => JSX.Element;
+}
+declare const ToggleGroupContext: (props: ToggleGroupContextProps) => JSX.Element;
+//#endregion
+//#region src/components/toggle-group/toggle-group-item.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps<'button'> {}
+interface ToggleGroupItemProps extends Assign<HTMLProps<'button'>, ToggleGroupItemBaseProps> {}
+declare const ToggleGroupItem: (props: ToggleGroupItemProps) => solid_js176.JSX.Element;
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.d.ts
+interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps<'div'> {}
+interface ToggleGroupRootProps extends HTMLProps<'div'>, ToggleGroupRootBaseProps {}
+declare const ToggleGroupRoot: (props: ToggleGroupRootProps) => solid_js176.JSX.Element;
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.d.ts
+interface RootProviderProps {
+  value: UseToggleGroupReturn;
+}
+interface ToggleGroupRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface ToggleGroupRootProviderProps extends HTMLProps<'div'>, RootProviderProps, ToggleGroupRootProviderBaseProps {}
+declare const ToggleGroupRootProvider: (props: ToggleGroupRootProviderProps) => solid_js176.JSX.Element;
+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.js

@@ -0,0 +1,97 @@
+import { t as __export } from "../../chunk-DGaS4lLa.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-DlJdnFMg.js";
+import { t as runIfFn } from "../../run-if-fn-COsqwaBZ.js";
+import { t as createContext$1 } from "../../create-context-BqG72mig.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-PrTpHfBr.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import { t as toggleGroupAnatomy } from "../../toggle-group-anatomy-CzlIeJrP.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
+
+//#region src/components/toggle-group/use-toggle-group-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = createContext$1({
+	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 ToggleGroupItem = (props) => {
+	const [toggleProps, restProps] = createSplitProps()(props, ["value", "disabled"]);
+	const api = useToggleGroupContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(toggleProps), restProps);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.ts
+const useToggleGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(toggleGroup.machine, machineProps);
+	return createMemo(() => toggleGroup.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.tsx
+const ToggleGroupRoot = (props) => {
+	const [useToggleGroupProps, restProps] = createSplitProps()(props, [
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"id",
+		"ids",
+		"loopFocus",
+		"multiple",
+		"onValueChange",
+		"orientation",
+		"rovingFocus",
+		"value"
+	]);
+	const api = useToggleGroup(useToggleGroupProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), restProps);
+	return createComponent(ToggleGroupProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.tsx
+const ToggleGroupRootProvider = (props) => {
+	const [{ value: toggleGroup$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => toggleGroup$1().getRootProps(), localProps);
+	return createComponent(ToggleGroupProvider, {
+		value: toggleGroup$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#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 };

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

@@ -0,0 +1,90 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-BgpRwoCt.jsx";
+import { t as runIfFn } from "../../run-if-fn-D55yVu32.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DsPqz7EL.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { t as createSplitProps } from "../../create-split-props-8J9EAVSk.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	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 ToggleGroupItem = (props) => {
+	const [toggleProps, restProps] = createSplitProps()(props, ["value", "disabled"]);
+	const api = useToggleGroupContext();
+	const mergedProps = mergeProps$1(() => api().getItemProps(toggleProps), restProps);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.ts
+const useToggleGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(toggleGroup.machine, machineProps);
+	return createMemo(() => toggleGroup.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.tsx
+const ToggleGroupRoot = (props) => {
+	const [useToggleGroupProps, restProps] = createSplitProps()(props, [
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"id",
+		"ids",
+		"loopFocus",
+		"multiple",
+		"onValueChange",
+		"orientation",
+		"rovingFocus",
+		"value"
+	]);
+	const api = useToggleGroup(useToggleGroupProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), restProps);
+	return <ToggleGroupProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </ToggleGroupProvider>;
+};
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.tsx
+const ToggleGroupRootProvider = (props) => {
+	const [{ value: toggleGroup$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => toggleGroup$1().getRootProps(), localProps);
+	return <ToggleGroupProvider value={toggleGroup$1}>
+      <sprawlify.div {...mergedProps} />
+    </ToggleGroupProvider>;
+};
+
+//#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 };