@wirekyt/solid 0.0.1 → 0.0.3

package/dist/timer.js

@@ -0,0 +1,119 @@
+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 { 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 timer from "@wirekyt/dom/machines/timer";
+import { anatomy as timerAnatomy } from "@wirekyt/dom/machines/timer";
+//#region src/components/timer/use-context.ts
+const [TimerProvider, useTimerContext] = createContext$1({
+	hookName: "useTimerContext",
+	providerName: "<TimerProvider />"
+});
+//#endregion
+//#region src/components/timer/action-trigger.tsx
+const TimerActionTrigger = (props) => {
+	const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer().getActionTriggerProps(actionTriggerProps), localProps);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/timer/area.tsx
+const TimerArea = (props) => {
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer().getAreaProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/timer/context.tsx
+const TimerContext = (props) => props.children(useTimerContext());
+//#endregion
+//#region src/components/timer/control.tsx
+const TimerControl = (props) => {
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/timer/item.tsx
+const TimerItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer().getItemProps(itemProps), localProps);
+	return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+		return timer().formattedTime[itemProps.type];
+	} }));
+};
+//#endregion
+//#region src/components/timer/use.ts
+const useTimer = (props) => {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(timer.machine, machineProps);
+	return createMemo(() => timer.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/timer/root.tsx
+const TimerRoot = (props) => {
+	const [useTimerProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"autoStart",
+		"interval",
+		"countdown",
+		"startMs",
+		"targetMs",
+		"translations",
+		"onComplete",
+		"onTick"
+	]);
+	const timer = useTimer(useTimerProps);
+	const mergedProps = mergeProps$2(() => timer().getRootProps(), localProps);
+	return createComponent(TimerProvider, {
+		value: timer,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/timer/root-provider.tsx
+const TimerRootProvider = (props) => {
+	const [{ value: timer }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => timer().getRootProps(), localProps);
+	return createComponent(TimerProvider, {
+		value: timer,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/timer/separator.tsx
+const TimerSeparator = (props) => {
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer().getSeparatorProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/timer/timer.ts
+var timer_exports = /* @__PURE__ */ __exportAll({
+	ActionTrigger: () => TimerActionTrigger,
+	Area: () => TimerArea,
+	Context: () => TimerContext,
+	Control: () => TimerControl,
+	Item: () => TimerItem,
+	Root: () => TimerRoot,
+	RootProvider: () => TimerRootProvider,
+	Separator: () => TimerSeparator
+});
+//#endregion
+export { timer_exports as Timer, TimerActionTrigger, TimerArea, TimerContext, TimerControl, TimerItem, TimerRoot, TimerRootProvider, TimerSeparator, timerAnatomy, useTimer, useTimerContext };

package/dist/timer.jsx

@@ -0,0 +1,110 @@
+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 { l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as timer from "@wirekyt/dom/machines/timer";
+import { anatomy as timerAnatomy } from "@wirekyt/dom/machines/timer";
+//#region src/components/timer/use-context.ts
+const [TimerProvider, useTimerContext] = createContext$1({
+	hookName: "useTimerContext",
+	providerName: "<TimerProvider />"
+});
+//#endregion
+//#region src/components/timer/action-trigger.tsx
+const TimerActionTrigger = (props) => {
+	const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer().getActionTriggerProps(actionTriggerProps), localProps);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/timer/area.tsx
+const TimerArea = (props) => {
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer().getAreaProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/timer/context.tsx
+const TimerContext = (props) => props.children(useTimerContext());
+//#endregion
+//#region src/components/timer/control.tsx
+const TimerControl = (props) => {
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer().getControlProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/timer/item.tsx
+const TimerItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer().getItemProps(itemProps), localProps);
+	return <wire.div {...mergedProps}>{timer().formattedTime[itemProps.type]}</wire.div>;
+};
+//#endregion
+//#region src/components/timer/use.ts
+const useTimer = (props) => {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(timer.machine, machineProps);
+	return createMemo(() => timer.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/timer/root.tsx
+const TimerRoot = (props) => {
+	const [useTimerProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"autoStart",
+		"interval",
+		"countdown",
+		"startMs",
+		"targetMs",
+		"translations",
+		"onComplete",
+		"onTick"
+	]);
+	const timer = useTimer(useTimerProps);
+	const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
+	return <TimerProvider value={timer}>
+      <wire.div {...mergedProps} />
+    </TimerProvider>;
+};
+//#endregion
+//#region src/components/timer/root-provider.tsx
+const TimerRootProvider = (props) => {
+	const [{ value: timer }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
+	return <TimerProvider value={timer}>
+      <wire.div {...mergedProps} />
+    </TimerProvider>;
+};
+//#endregion
+//#region src/components/timer/separator.tsx
+const TimerSeparator = (props) => {
+	const timer = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer().getSeparatorProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/timer/timer.ts
+var timer_exports = /* @__PURE__ */ __exportAll({
+	ActionTrigger: () => TimerActionTrigger,
+	Area: () => TimerArea,
+	Context: () => TimerContext,
+	Control: () => TimerControl,
+	Item: () => TimerItem,
+	Root: () => TimerRoot,
+	RootProvider: () => TimerRootProvider,
+	Separator: () => TimerSeparator
+});
+//#endregion
+export { timer_exports as Timer, TimerActionTrigger, TimerArea, TimerContext, TimerControl, TimerItem, TimerRoot, TimerRootProvider, TimerSeparator, timerAnatomy, useTimer, useTimerContext };

package/dist/toast.d.ts

@@ -0,0 +1,60 @@
+import { n as Assign, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+import * as toast from "@wirekyt/dom/machines/toast";
+import { ActionOptions, ActionOptions as ToastActionOptions, Placement, Placement as ToastPlacement, PromiseOptions, PromiseOptions as ToastPromiseOptions, Status, Status as ToastStatus, StatusChangeDetails, StatusChangeDetails as ToastStatusChangeDetails, StoreProps, StoreProps as ToastStoreProps, Type, Type as ToastType, anatomy as toastAnatomy } from "@wirekyt/dom/machines/toast";
+//#region src/components/toast/create-toaster.d.ts
+interface CreateToasterProps extends Partial<toast.StoreProps> {
+  placement: toast.Placement;
+}
+interface CreateToasterReturn extends toast.Store<JSX.Element> {}
+declare const createToaster: (props: CreateToasterProps) => CreateToasterReturn;
+//#endregion
+//#region src/components/toast/action-trigger.d.ts
+interface ToastActionTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface ToastActionTriggerProps extends HTMLProps<"button">, ToastActionTriggerBaseProps {}
+declare const ToastActionTrigger: (props: ToastActionTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toast/close-trigger.d.ts
+interface ToastCloseTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface ToastCloseTriggerProps extends HTMLProps<"button">, ToastCloseTriggerBaseProps {}
+declare const ToastCloseTrigger: (props: ToastCloseTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toast/use-context.d.ts
+interface UseToastContext extends Accessor<toast.Api<PropTypes, JSX.Element>> {}
+declare const ToastProvider: import("solid-js").ContextProviderComponent<UseToastContext>, useToastContext: () => UseToastContext;
+//#endregion
+//#region src/components/toast/context.d.ts
+interface ToastContextProps {
+  children: (context: UseToastContext) => JSX.Element;
+}
+declare const ToastContext: (props: ToastContextProps) => JSX.Element;
+//#endregion
+//#region src/components/toast/description.d.ts
+interface ToastDescriptionBaseProps extends PolymorphicProps<"div"> {}
+interface ToastDescriptionProps extends HTMLProps<"div">, ToastDescriptionBaseProps {}
+declare const ToastDescription: (props: ToastDescriptionProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toast/root.d.ts
+interface ToastRootBaseProps extends PolymorphicProps<"div"> {}
+interface ToastRootProps extends HTMLProps<"div">, ToastRootBaseProps {}
+declare const ToastRoot: (props: ToastRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toast/title.d.ts
+interface ToastTitleBaseProps extends PolymorphicProps<"div"> {}
+interface ToastTitleProps extends HTMLProps<"div">, ToastTitleBaseProps {}
+declare const ToastTitle: (props: ToastTitleProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toast/toaster.d.ts
+type ToastOptions = toast.Options<JSX.Element>;
+interface ToasterBaseProps extends PolymorphicProps<"div">, Omit<toast.GroupProps, "id" | "store"> {
+  toaster: CreateToasterReturn;
+  children: (toast: Accessor<ToastOptions>) => JSX.Element;
+}
+interface ToasterProps extends Assign<HTMLProps<"div">, ToasterBaseProps> {}
+declare const Toaster: (props: ToasterProps) => JSX.Element;
+declare namespace toast_d_exports {
+  export { ActionOptions, ToastActionTrigger as ActionTrigger, ToastActionTriggerBaseProps as ActionTriggerBaseProps, ToastActionTriggerProps as ActionTriggerProps, ToastCloseTrigger as CloseTrigger, ToastCloseTriggerBaseProps as CloseTriggerBaseProps, ToastCloseTriggerProps as CloseTriggerProps, ToastContext as Context, ToastContextProps as ContextProps, ToastDescription as Description, ToastDescriptionBaseProps as DescriptionBaseProps, ToastDescriptionProps as DescriptionProps, ToastOptions as Options, Placement, PromiseOptions, ToastRoot as Root, ToastRootBaseProps as RootBaseProps, ToastRootProps as RootProps, Status, StatusChangeDetails, StoreProps, ToastTitle as Title, ToastTitleBaseProps as TitleBaseProps, ToastTitleProps as TitleProps, Type };
+}
+//#endregion
+export { type CreateToasterProps, type CreateToasterReturn, toast_d_exports as Toast, type ToastActionOptions, ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, ToastContext, type ToastContextProps, ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps, type ToastOptions, type ToastPlacement, type ToastPromiseOptions, ToastRoot, type ToastRootBaseProps, type ToastRootProps, type ToastStatus, type ToastStatusChangeDetails, type ToastStoreProps, ToastTitle, type ToastTitleBaseProps, type ToastTitleProps, type ToastType, Toaster, type ToasterBaseProps, type ToasterProps, type UseToastContext, createToaster, toastAnatomy, useToastContext };

package/dist/toast.js

@@ -0,0 +1,120 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, r as normalizeProps, t as Key } from "./core-7QKBNp9p.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import { createComponent, memo, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as toast from "@wirekyt/dom/machines/toast";
+import { anatomy as toastAnatomy } from "@wirekyt/dom/machines/toast";
+//#region src/components/toast/create-toaster.tsx
+const createToaster = (props) => {
+	return toast.createStore(props);
+};
+//#endregion
+//#region src/components/toast/use-context.ts
+const [ToastProvider, useToastContext] = createContext$1({
+	hookName: "useToastContext",
+	providerName: "<ToastProvider />"
+});
+//#endregion
+//#region src/components/toast/action-trigger.tsx
+const ToastActionTrigger = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$2(() => toast().getActionTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/toast/close-trigger.tsx
+const ToastCloseTrigger = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$2(() => toast().getCloseTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/toast/context.tsx
+const ToastContext = (props) => props.children(useToastContext());
+//#endregion
+//#region src/components/toast/description.tsx
+const ToastDescription = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$2(() => toast().getDescriptionProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/toast/root.tsx
+const ToastRoot = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$2(() => toast().getRootProps(), props);
+	return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+		return [
+			createComponent(wire.div, mergeProps$1(() => toast().getGhostBeforeProps())),
+			memo(() => props.children),
+			createComponent(wire.div, mergeProps$1(() => toast().getGhostAfterProps()))
+		];
+	} }));
+};
+//#endregion
+//#region src/components/toast/title.tsx
+const ToastTitle = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$2(() => toast().getTitleProps(), props);
+	return createComponent(wire.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(wire.div, mergeProps$1(mergedProps, { get children() {
+		return createComponent(Key, {
+			get each() {
+				return toasts();
+			},
+			by: "id",
+			children: (toast, index) => createComponent(ToastActor, {
+				value: toast,
+				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__ */ __exportAll({
+	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/toast.jsx

@@ -0,0 +1,106 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, r as normalizeProps, t as Key } from "./core-7QKBNp9p.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
+import * as toast from "@wirekyt/dom/machines/toast";
+import { anatomy as toastAnatomy } from "@wirekyt/dom/machines/toast";
+//#region src/components/toast/create-toaster.tsx
+const createToaster = (props) => {
+	return toast.createStore(props);
+};
+//#endregion
+//#region src/components/toast/use-context.ts
+const [ToastProvider, useToastContext] = createContext$1({
+	hookName: "useToastContext",
+	providerName: "<ToastProvider />"
+});
+//#endregion
+//#region src/components/toast/action-trigger.tsx
+const ToastActionTrigger = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$1(() => toast().getActionTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/toast/close-trigger.tsx
+const ToastCloseTrigger = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$1(() => toast().getCloseTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/toast/context.tsx
+const ToastContext = (props) => props.children(useToastContext());
+//#endregion
+//#region src/components/toast/description.tsx
+const ToastDescription = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$1(() => toast().getDescriptionProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/toast/root.tsx
+const ToastRoot = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$1(() => toast().getRootProps(), props);
+	return <wire.div {...mergedProps}>
+      <wire.div {...toast().getGhostBeforeProps()} />
+      {props.children}
+      <wire.div {...toast().getGhostAfterProps()} />
+    </wire.div>;
+};
+//#endregion
+//#region src/components/toast/title.tsx
+const ToastTitle = (props) => {
+	const toast = useToastContext();
+	const mergedProps = mergeProps$1(() => toast().getTitleProps(), props);
+	return <wire.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 <wire.div {...mergedProps}>
+      <Key each={toasts()} by="id">
+        {(toast, index) => <ToastActor value={toast} index={index} parent={service}>
+            {(ctx) => toasterProps.children(ctx)}
+          </ToastActor>}
+      </Key>
+    </wire.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__ */ __exportAll({
+	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/toggle-group.d.ts

@@ -0,0 +1,42 @@
+import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+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 Accessor<toggleGroup.Api<PropTypes>> {}
+declare const useToggleGroup: (props?: MaybeAccessor<UseToggleGroupProps>) => UseToggleGroupReturn;
+//#endregion
+//#region src/components/toggle-group/use-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+declare const ToggleGroupProvider: import("solid-js").ContextProviderComponent<UseToggleGroupContext>, useToggleGroupContext: () => UseToggleGroupContext;
+//#endregion
+//#region src/components/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/item.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps<"button"> {}
+interface ToggleGroupItemProps extends Assign<HTMLProps<"button">, ToggleGroupItemBaseProps> {}
+declare const ToggleGroupItem: (props: ToggleGroupItemProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toggle-group/root.d.ts
+interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps<"div"> {}
+interface ToggleGroupRootProps extends HTMLProps<"div">, ToggleGroupRootBaseProps {}
+declare const ToggleGroupRoot: (props: ToggleGroupRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/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) => import("solid-js").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/toggle-group.js

@@ -0,0 +1,87 @@
+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 } from "solid-js/web";
+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({
+	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 ToggleGroupItem = (props) => {
+	const [toggleProps, restProps] = createSplitProps()(props, ["value", "disabled"]);
+	const api = useToggleGroupContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(toggleProps), restProps);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/toggle-group/use.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/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(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/toggle-group/root-provider.tsx
+const ToggleGroupRootProvider = (props) => {
+	const [{ value: toggleGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => toggleGroup().getRootProps(), localProps);
+	return createComponent(ToggleGroupProvider, {
+		value: toggleGroup,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#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 };