@sprawlify/react 0.0.10 → 0.0.11

package/dist/components/timer/index.mjs

@@ -0,0 +1,157 @@
+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 "../../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 timer from "@sprawlify/primitives/machines/timer";
+import { anatomy as timerAnatomy } from "@sprawlify/primitives/machines/timer";
+
+//#region src/components/timer/use-timer-context.ts
+const [TimerProvider, useTimerContext] = createContext$1({
+	name: "TimerContext",
+	hookName: "useTimerContext",
+	providerName: "<TimerProvider />"
+});
+
+//#endregion
+//#region src/components/timer/timer-action-trigger.tsx
+const splitActionTriggerProps = createSplitProps();
+const TimerActionTrigger = forwardRef((props, ref) => {
+	const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
+	const mergedProps = mergeProps(useTimerContext().getActionTriggerProps(actionTriggerProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+TimerActionTrigger.displayName = "TimerActionTrigger";
+
+//#endregion
+//#region src/components/timer/timer-area.tsx
+const TimerArea = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTimerContext().getAreaProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TimerArea.displayName = "TimerArea";
+
+//#endregion
+//#region src/components/timer/timer-context.tsx
+const TimerContext = (props) => props.children(useTimerContext());
+
+//#endregion
+//#region src/components/timer/timer-control.tsx
+const TimerControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTimerContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TimerControl.displayName = "TimerControl";
+
+//#endregion
+//#region src/components/timer/timer-item.tsx
+const splitItemProps = createSplitProps();
+const TimerItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["type"]);
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps(timer$1.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref,
+		children: timer$1.formattedTime[itemProps.type]
+	});
+});
+TimerItem.displayName = "TimerItem";
+
+//#endregion
+//#region src/components/timer/use-timer.ts
+const useTimer = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(timer.machine, machineProps);
+	return timer.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/timer/timer-root.tsx
+const splitRootProps = createSplitProps();
+const TimerRoot = forwardRef((props, ref) => {
+	const [useTimerProps, localProps] = splitRootProps(props, [
+		"id",
+		"ids",
+		"autoStart",
+		"interval",
+		"countdown",
+		"startMs",
+		"targetMs",
+		"onComplete",
+		"onTick"
+	]);
+	const timer$1 = useTimer(useTimerProps);
+	const mergedProps = mergeProps(timer$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TimerProvider, {
+		value: timer$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TimerRoot.displayName = "TimerRoot";
+
+//#endregion
+//#region src/components/timer/timer-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const TimerRootProvider = forwardRef((props, ref) => {
+	const [{ value: timer$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(timer$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TimerProvider, {
+		value: timer$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TimerRootProvider.displayName = "TimerRootProvider";
+
+//#endregion
+//#region src/components/timer/timer-separator.tsx
+const TimerSeparator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTimerContext().getSeparatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TimerSeparator.displayName = "TimerSeparator";
+
+//#endregion
+//#region src/components/timer/timer.ts
+var timer_exports = /* @__PURE__ */ __export({
+	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/components/toast/index.cjs

@@ -0,0 +1,165 @@
+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');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_toast = require("@sprawlify/primitives/machines/toast");
+__sprawlify_primitives_machines_toast = require_chunk.__toESM(__sprawlify_primitives_machines_toast);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/toast/create-toaster.tsx
+const createToaster = (props) => {
+	return __sprawlify_primitives_machines_toast.createStore(props);
+};
+
+//#endregion
+//#region src/components/toast/use-toast-context.ts
+const [ToastProvider, useToastContext] = require_create_context.createContext({
+	name: "ToastContext",
+	hookName: "useToastContext",
+	providerName: "<ToastProvider />"
+});
+
+//#endregion
+//#region src/components/toast/toast-action-trigger.tsx
+const ToastActionTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useToastContext().getActionTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToastActionTrigger.displayName = "ToastActionTrigger";
+
+//#endregion
+//#region src/components/toast/toast-close-trigger.tsx
+const ToastCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useToastContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToastCloseTrigger.displayName = "ToastCloseTrigger";
+
+//#endregion
+//#region src/components/toast/toast-context.tsx
+const ToastContext = (props) => props.children(useToastContext());
+
+//#endregion
+//#region src/components/toast/toast-description.tsx
+const ToastDescription = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useToastContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ToastDescription.displayName = "ToastDescription";
+
+//#endregion
+//#region src/components/toast/toast-root.tsx
+const ToastRoot = (0, react.forwardRef)((props, ref) => {
+	const toast = useToastContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...(0, __sprawlify_primitives_core.mergeProps)(toast.getRootProps(), props),
+		ref,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostBeforeProps() }),
+			props.children,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostAfterProps() })
+		]
+	});
+});
+ToastRoot.displayName = "ToastRoot";
+
+//#endregion
+//#region src/components/toast/toast-title.tsx
+const ToastTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useToastContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ToastTitle.displayName = "ToastTitle";
+
+//#endregion
+//#region src/components/toast/toaster.tsx
+const Toaster = (0, react.forwardRef)((props, ref) => {
+	const { toaster, children, ...localProps } = props;
+	const locale = require_locale.useLocaleContext();
+	const env = require_environment.useEnvironmentContext();
+	const service = require_core.useMachine(__sprawlify_primitives_machines_toast.group.machine, {
+		store: toaster,
+		id: (0, react.useId)(),
+		dir: locale?.dir,
+		getRootNode: env?.getRootNode
+	});
+	const api = __sprawlify_primitives_machines_toast.group.connect(service, require_core.normalizeProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(api.getGroupProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref,
+		children: api.getToasts().map((toast, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastActor, {
+			value: toast,
+			parent: service,
+			index,
+			children: (ctx) => children(ctx)
+		}, toast.id))
+	});
+});
+Toaster.displayName = "Toaster";
+const ToastActor = (props) => {
+	const env = require_environment.useEnvironmentContext();
+	const localProps = {
+		...props.value,
+		parent: props.parent,
+		index: props.index,
+		getRootNode: env.getRootNode
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_toast.machine, { ...localProps });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastProvider, {
+		value: __sprawlify_primitives_machines_toast.connect(service, require_core.normalizeProps),
+		children: props.children(props.value)
+	});
+};
+ToastActor.displayName = "ToastActor";
+
+//#endregion
+//#region src/components/toast/toast.ts
+var toast_exports = /* @__PURE__ */ require_chunk.__export({
+	ActionTrigger: () => ToastActionTrigger,
+	CloseTrigger: () => ToastCloseTrigger,
+	Context: () => ToastContext,
+	Description: () => ToastDescription,
+	Root: () => ToastRoot,
+	Title: () => ToastTitle
+});
+
+//#endregion
+Object.defineProperty(exports, 'Toast', {
+  enumerable: true,
+  get: function () {
+    return toast_exports;
+  }
+});
+exports.ToastActionTrigger = ToastActionTrigger;
+exports.ToastCloseTrigger = ToastCloseTrigger;
+exports.ToastContext = ToastContext;
+exports.ToastDescription = ToastDescription;
+exports.ToastRoot = ToastRoot;
+exports.ToastTitle = ToastTitle;
+exports.Toaster = Toaster;
+exports.createToaster = createToaster;
+Object.defineProperty(exports, 'toastAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_toast.anatomy;
+  }
+});
+exports.useToastContext = useToastContext;

package/dist/components/toast/index.d.cts

@@ -0,0 +1,60 @@
+import { t as PropTypes } from "../../normalize-props-Ddn7AQaE.cjs";
+import { t as Assign } from "../../types-0lfB8uM7.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-dXEes8-E.cjs";
+import * as react642 from "react";
+import { ReactNode } from "react";
+import * as toast from "@sprawlify/primitives/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 "@sprawlify/primitives/machines/toast";
+
+//#region src/components/toast/create-toaster.d.ts
+interface CreateToasterProps extends toast.StoreProps {}
+interface CreateToasterReturn extends toast.Store {}
+declare const createToaster: (props: toast.StoreProps) => toast.Store;
+//#endregion
+//#region src/components/toast/toast-action-trigger.d.ts
+interface ToastActionTriggerBaseProps extends PolymorphicProps {}
+interface ToastActionTriggerProps extends HTMLProps<"button">, ToastActionTriggerBaseProps {}
+declare const ToastActionTrigger: react642.ForwardRefExoticComponent<ToastActionTriggerProps & react642.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toast/toast-close-trigger.d.ts
+interface ToastCloseTriggerBaseProps extends PolymorphicProps {}
+interface ToastCloseTriggerProps extends HTMLProps<"button">, ToastCloseTriggerBaseProps {}
+declare const ToastCloseTrigger: react642.ForwardRefExoticComponent<ToastCloseTriggerProps & react642.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toast/use-toast-context.d.ts
+interface UseToastContext extends toast.Api<PropTypes, ReactNode> {}
+//#endregion
+//#region src/components/toast/toast-context.d.ts
+interface ToastContextProps {
+  children: (context: UseToastContext) => ReactNode;
+}
+declare const ToastContext: (props: ToastContextProps) => ReactNode;
+//#endregion
+//#region src/components/toast/toast-description.d.ts
+interface ToastDescriptionBaseProps extends PolymorphicProps {}
+interface ToastDescriptionProps extends HTMLProps<"div">, ToastDescriptionBaseProps {}
+declare const ToastDescription: react642.ForwardRefExoticComponent<ToastDescriptionProps & react642.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toast/toast-root.d.ts
+interface ToastRootBaseProps extends PolymorphicProps {}
+interface ToastRootProps extends HTMLProps<"div">, ToastRootBaseProps {}
+declare const ToastRoot: react642.ForwardRefExoticComponent<ToastRootProps & react642.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toast/toast-title.d.ts
+interface ToastTitleBaseProps extends PolymorphicProps {}
+interface ToastTitleProps extends HTMLProps<"div">, ToastTitleBaseProps {}
+declare const ToastTitle: react642.ForwardRefExoticComponent<ToastTitleProps & react642.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toast/toaster.d.ts
+type ToastOptions = toast.Options<ReactNode>;
+interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, "store" | "id"> {
+  toaster: CreateToasterReturn;
+  children: (toast: ToastOptions) => ReactNode;
+}
+interface ToasterProps extends Assign<HTMLProps<"div">, ToasterBaseProps> {}
+declare const Toaster: react642.ForwardRefExoticComponent<ToasterProps & react642.RefAttributes<HTMLDivElement>>;
+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/components/toast/index.d.mts

@@ -0,0 +1,60 @@
+import { r as PropTypes } from "../../index-BVPDbcQQ.mjs";
+import { t as Assign } from "../../types-C61WyxPn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Fen9bAK7.mjs";
+import * as react719 from "react";
+import { ReactNode } from "react";
+import * as toast from "@sprawlify/primitives/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 "@sprawlify/primitives/machines/toast";
+
+//#region src/components/toast/create-toaster.d.ts
+interface CreateToasterProps extends toast.StoreProps {}
+interface CreateToasterReturn extends toast.Store {}
+declare const createToaster: (props: toast.StoreProps) => toast.Store;
+//#endregion
+//#region src/components/toast/toast-action-trigger.d.ts
+interface ToastActionTriggerBaseProps extends PolymorphicProps {}
+interface ToastActionTriggerProps extends HTMLProps<"button">, ToastActionTriggerBaseProps {}
+declare const ToastActionTrigger: react719.ForwardRefExoticComponent<ToastActionTriggerProps & react719.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toast/toast-close-trigger.d.ts
+interface ToastCloseTriggerBaseProps extends PolymorphicProps {}
+interface ToastCloseTriggerProps extends HTMLProps<"button">, ToastCloseTriggerBaseProps {}
+declare const ToastCloseTrigger: react719.ForwardRefExoticComponent<ToastCloseTriggerProps & react719.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/toast/use-toast-context.d.ts
+interface UseToastContext extends toast.Api<PropTypes, ReactNode> {}
+//#endregion
+//#region src/components/toast/toast-context.d.ts
+interface ToastContextProps {
+  children: (context: UseToastContext) => ReactNode;
+}
+declare const ToastContext: (props: ToastContextProps) => ReactNode;
+//#endregion
+//#region src/components/toast/toast-description.d.ts
+interface ToastDescriptionBaseProps extends PolymorphicProps {}
+interface ToastDescriptionProps extends HTMLProps<"div">, ToastDescriptionBaseProps {}
+declare const ToastDescription: react719.ForwardRefExoticComponent<ToastDescriptionProps & react719.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toast/toast-root.d.ts
+interface ToastRootBaseProps extends PolymorphicProps {}
+interface ToastRootProps extends HTMLProps<"div">, ToastRootBaseProps {}
+declare const ToastRoot: react719.ForwardRefExoticComponent<ToastRootProps & react719.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toast/toast-title.d.ts
+interface ToastTitleBaseProps extends PolymorphicProps {}
+interface ToastTitleProps extends HTMLProps<"div">, ToastTitleBaseProps {}
+declare const ToastTitle: react719.ForwardRefExoticComponent<ToastTitleProps & react719.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/toast/toaster.d.ts
+type ToastOptions = toast.Options<ReactNode>;
+interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, "store" | "id"> {
+  toaster: CreateToasterReturn;
+  children: (toast: ToastOptions) => ReactNode;
+}
+interface ToasterProps extends Assign<HTMLProps<"div">, ToasterBaseProps> {}
+declare const Toaster: react719.ForwardRefExoticComponent<ToasterProps & react719.RefAttributes<HTMLDivElement>>;
+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/components/toast/index.mjs

@@ -0,0 +1,144 @@
+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 { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+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({
+	name: "ToastContext",
+	hookName: "useToastContext",
+	providerName: "<ToastProvider />"
+});
+
+//#endregion
+//#region src/components/toast/toast-action-trigger.tsx
+const ToastActionTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useToastContext().getActionTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToastActionTrigger.displayName = "ToastActionTrigger";
+
+//#endregion
+//#region src/components/toast/toast-close-trigger.tsx
+const ToastCloseTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useToastContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ToastCloseTrigger.displayName = "ToastCloseTrigger";
+
+//#endregion
+//#region src/components/toast/toast-context.tsx
+const ToastContext = (props) => props.children(useToastContext());
+
+//#endregion
+//#region src/components/toast/toast-description.tsx
+const ToastDescription = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useToastContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ToastDescription.displayName = "ToastDescription";
+
+//#endregion
+//#region src/components/toast/toast-root.tsx
+const ToastRoot = forwardRef((props, ref) => {
+	const toast$1 = useToastContext();
+	return /* @__PURE__ */ jsxs("div", {
+		...mergeProps(toast$1.getRootProps(), props),
+		ref,
+		children: [
+			/* @__PURE__ */ jsx("div", { ...toast$1.getGhostBeforeProps() }),
+			props.children,
+			/* @__PURE__ */ jsx("div", { ...toast$1.getGhostAfterProps() })
+		]
+	});
+});
+ToastRoot.displayName = "ToastRoot";
+
+//#endregion
+//#region src/components/toast/toast-title.tsx
+const ToastTitle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useToastContext().getTitleProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ToastTitle.displayName = "ToastTitle";
+
+//#endregion
+//#region src/components/toast/toaster.tsx
+const Toaster = forwardRef((props, ref) => {
+	const { toaster, children, ...localProps } = props;
+	const locale = useLocaleContext();
+	const env = useEnvironmentContext();
+	const service = useMachine(toast.group.machine, {
+		store: toaster,
+		id: useId(),
+		dir: locale?.dir,
+		getRootNode: env?.getRootNode
+	});
+	const api = toast.group.connect(service, normalizeProps);
+	const mergedProps = mergeProps(api.getGroupProps(), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref,
+		children: api.getToasts().map((toast$1, index) => /* @__PURE__ */ jsx(ToastActor, {
+			value: toast$1,
+			parent: service,
+			index,
+			children: (ctx) => children(ctx)
+		}, toast$1.id))
+	});
+});
+Toaster.displayName = "Toaster";
+const ToastActor = (props) => {
+	const env = useEnvironmentContext();
+	const localProps = {
+		...props.value,
+		parent: props.parent,
+		index: props.index,
+		getRootNode: env.getRootNode
+	};
+	const service = useMachine(toast.machine, { ...localProps });
+	return /* @__PURE__ */ jsx(ToastProvider, {
+		value: toast.connect(service, normalizeProps),
+		children: props.children(props.value)
+	});
+};
+ToastActor.displayName = "ToastActor";
+
+//#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 };