@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

package/dist/components/tags-input/anatomy/item-preview.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ItemContext } from "../modules/item-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTagsInput } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tags-input/anatomy/item-preview.tsx
+function ItemPreview(props) {
+	const tagsInput = use(RootContext);
+	const itemProps = use(ItemContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getItemPreviewProps(itemProps), { className: classesTagsInput.itemPreview }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { ItemPreview as default };
+//# sourceMappingURL=item-preview.mjs.map

package/dist/components/tags-input/anatomy/item-text.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react108 from "react";
+
+//#region src/components/tags-input/anatomy/item-text.d.ts
+interface TagsInputItemTextProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {}
+declare function ItemText(props: TagsInputItemTextProps): react108.JSX.Element;
+//#endregion
+export { ItemText, TagsInputItemTextProps };
+//# sourceMappingURL=item-text.d.mts.map

package/dist/components/tags-input/anatomy/item-text.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ItemContext } from "../modules/item-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTagsInput } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tags-input/anatomy/item-text.tsx
+function ItemText(props) {
+	const tagsInput = use(RootContext);
+	const itemProps = use(ItemContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getItemTextProps(itemProps), { className: classesTagsInput.itemText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { ItemText as default };
+//# sourceMappingURL=item-text.mjs.map

package/dist/components/tags-input/anatomy/item.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
+import { ItemProps } from "@zag-js/tags-input";
+
+//#region src/components/tags-input/anatomy/item.d.ts
+interface TagsInputItemProps extends ItemProps, PropsWithElement<'span'>, HTMLAttributes<'span'> {}
+declare function Item(props: TagsInputItemProps): react_jsx_runtime39.JSX.Element;
+//#endregion
+export { Item, TagsInputItemProps };
+//# sourceMappingURL=item.d.mts.map

package/dist/components/tags-input/anatomy/item.mjs

@@ -0,0 +1,26 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ItemContext } from "../modules/item-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTagsInput } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitItemProps } from "@zag-js/tags-input";
+
+//#region src/components/tags-input/anatomy/item.tsx
+function Item(props) {
+	const tagsInput = use(RootContext);
+	const [itemProps, componentProps] = splitItemProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(tagsInput.getItemProps(itemProps), { className: classesTagsInput.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Item as default };
+//# sourceMappingURL=item.mjs.map

package/dist/components/tags-input/anatomy/label.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react109 from "react";
+
+//#region src/components/tags-input/anatomy/label.d.ts
+interface TagsInputLabelProps extends PropsWithElement<'label'>, HTMLAttributes<'label'> {}
+declare function Label(props: TagsInputLabelProps): react109.JSX.Element;
+//#endregion
+export { Label, TagsInputLabelProps };
+//# sourceMappingURL=label.d.mts.map

package/dist/components/tags-input/anatomy/label.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTagsInput } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tags-input/anatomy/label.tsx
+function Label(props) {
+	const tagsInput = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getLabelProps(), { className: classesTagsInput.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Label as default };
+//# sourceMappingURL=label.mjs.map

package/dist/components/tags-input/anatomy/root-context.d.mts

@@ -0,0 +1,11 @@
+import { useTagsInput } from "../modules/provider.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/tags-input/anatomy/root-context.d.ts
+interface TagsInputRootContextProps {
+  children: (tagsInput: ReturnType<typeof useTagsInput>) => ReactNode;
+}
+declare function RootContext(props: TagsInputRootContextProps): ReactNode;
+//#endregion
+export { RootContext, TagsInputRootContextProps };
+//# sourceMappingURL=root-context.d.mts.map

package/dist/components/tags-input/anatomy/root-context.mjs

@@ -0,0 +1,13 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+
+//#region src/components/tags-input/anatomy/root-context.tsx
+function RootContext$1(props) {
+	const tagsInput = use(RootContext);
+	const { children } = props;
+	return children(tagsInput);
+}
+
+//#endregion
+export { RootContext$1 as default };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/tags-input/anatomy/root-provider.d.mts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import { useTagsInput } from "../modules/provider.mjs";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+
+//#region src/components/tags-input/anatomy/root-provider.d.ts
+interface TagsInputRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+  value: ReturnType<typeof useTagsInput>;
+}
+declare function RootProvider(props: TagsInputRootProviderProps): react_jsx_runtime41.JSX.Element;
+//#endregion
+export { RootProvider, TagsInputRootProviderProps };
+//# sourceMappingURL=root-provider.d.mts.map

package/dist/components/tags-input/anatomy/root-provider.mjs

@@ -0,0 +1,21 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesTagsInput } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tags-input/anatomy/root-provider.tsx
+function RootProvider(props) {
+	const { element, children, value: tagsInput,...rest } = props;
+	const attributes = mergeProps(tagsInput.getRootProps(), { className: classesTagsInput.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: tagsInput,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { RootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

package/dist/components/tags-input/anatomy/root.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+import { Props } from "@zag-js/tags-input";
+
+//#region src/components/tags-input/anatomy/root.d.ts
+interface TagsInputRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'defaultValue'> {}
+declare function Root(props: TagsInputRootProps): react_jsx_runtime40.JSX.Element;
+//#endregion
+export { Root, TagsInputRootProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/tags-input/anatomy/root.mjs

@@ -0,0 +1,25 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { useTagsInput } from "../modules/provider.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesTagsInput } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitProps } from "@zag-js/tags-input";
+
+//#region src/components/tags-input/anatomy/root.tsx
+function Root(props) {
+	const [tagsInputProps, componentProps] = splitProps(props);
+	const { element, children,...rest } = componentProps;
+	const tagsInput = useTagsInput(tagsInputProps);
+	const attributes = mergeProps(tagsInput.getRootProps(), { className: classesTagsInput.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: tagsInput,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Root as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/tags-input/index.d.mts

@@ -0,0 +1,15 @@
+import { TagsInputClearTriggerProps } from "./anatomy/clear-trigger.mjs";
+import { TagsInputControlProps } from "./anatomy/control.mjs";
+import { TagsInputHiddenInputProps } from "./anatomy/hidden-input.mjs";
+import { TagsInputInputProps } from "./anatomy/input.mjs";
+import { TagsInputItemProps } from "./anatomy/item.mjs";
+import { TagsInputItemDeleteTriggerProps } from "./anatomy/item-delete-trigger.mjs";
+import { TagsInputItemInputProps } from "./anatomy/item-input.mjs";
+import { TagsInputItemPreviewProps } from "./anatomy/item-preview.mjs";
+import { TagsInputItemTextProps } from "./anatomy/item-text.mjs";
+import { TagsInputLabelProps } from "./anatomy/label.mjs";
+import { TagsInputRootProps } from "./anatomy/root.mjs";
+import { useTagsInput } from "./modules/provider.mjs";
+import { TagsInputRootContextProps } from "./anatomy/root-context.mjs";
+import { TagsInputRootProviderProps } from "./anatomy/root-provider.mjs";
+import { TagsInput } from "./modules/anatomy.mjs";

package/dist/components/tags-input/modules/anatomy.d.mts

@@ -0,0 +1,32 @@
+import { ClearTrigger } from "../anatomy/clear-trigger.mjs";
+import { Control } from "../anatomy/control.mjs";
+import { HiddenInput } from "../anatomy/hidden-input.mjs";
+import { Input } from "../anatomy/input.mjs";
+import { Item } from "../anatomy/item.mjs";
+import { ItemDeleteTrigger } from "../anatomy/item-delete-trigger.mjs";
+import { ItemInput } from "../anatomy/item-input.mjs";
+import { ItemPreview } from "../anatomy/item-preview.mjs";
+import { ItemText } from "../anatomy/item-text.mjs";
+import { Label } from "../anatomy/label.mjs";
+import { Root } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { RootProvider } from "../anatomy/root-provider.mjs";
+
+//#region src/components/tags-input/modules/anatomy.d.ts
+declare const TagsInput: typeof Root & {
+  Provider: typeof RootProvider;
+  Context: typeof RootContext;
+  Label: typeof Label;
+  Control: typeof Control;
+  Item: typeof Item;
+  ItemPreview: typeof ItemPreview;
+  ItemText: typeof ItemText;
+  ItemDeleteTrigger: typeof ItemDeleteTrigger;
+  ItemInput: typeof ItemInput;
+  Input: typeof Input;
+  ClearTrigger: typeof ClearTrigger;
+  HiddenInput: typeof HiddenInput;
+};
+//#endregion
+export { TagsInput };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/tags-input/modules/anatomy.mjs

@@ -0,0 +1,33 @@
+import ClearTrigger from "../anatomy/clear-trigger.mjs";
+import Control from "../anatomy/control.mjs";
+import HiddenInput from "../anatomy/hidden-input.mjs";
+import Input from "../anatomy/input.mjs";
+import ItemDeleteTrigger from "../anatomy/item-delete-trigger.mjs";
+import ItemInput from "../anatomy/item-input.mjs";
+import ItemPreview from "../anatomy/item-preview.mjs";
+import ItemText from "../anatomy/item-text.mjs";
+import Item from "../anatomy/item.mjs";
+import Label from "../anatomy/label.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import RootProvider from "../anatomy/root-provider.mjs";
+import Root from "../anatomy/root.mjs";
+
+//#region src/components/tags-input/modules/anatomy.ts
+const TagsInput = Object.assign(Root, {
+	Provider: RootProvider,
+	Context: RootContext,
+	Label,
+	Control,
+	Item,
+	ItemPreview,
+	ItemText,
+	ItemDeleteTrigger,
+	ItemInput,
+	Input,
+	ClearTrigger,
+	HiddenInput
+});
+
+//#endregion
+export { TagsInput };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/tags-input/modules/item-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/tags-input/modules/item-context.ts
+const ItemContext = createContext();
+
+//#endregion
+export { ItemContext };
+//# sourceMappingURL=item-context.mjs.map

package/dist/components/tags-input/modules/provider.d.mts

@@ -0,0 +1,8 @@
+import { PropTypes } from "@zag-js/react";
+import { Api, Props } from "@zag-js/tags-input";
+
+//#region src/components/tags-input/modules/provider.d.ts
+declare function useTagsInput(props?: Omit<Props, 'id'>): Api<PropTypes>;
+//#endregion
+export { useTagsInput };
+//# sourceMappingURL=provider.d.mts.map

package/dist/components/tags-input/modules/provider.mjs

@@ -0,0 +1,15 @@
+import { useId } from "react";
+import { normalizeProps, useMachine } from "@zag-js/react";
+import { connect, machine } from "@zag-js/tags-input";
+
+//#region src/components/tags-input/modules/provider.ts
+function useTagsInput(props = {}) {
+	return connect(useMachine(machine, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+export { useTagsInput };
+//# sourceMappingURL=provider.mjs.map

package/dist/components/tags-input/modules/root-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/tags-input/modules/root-context.ts
+const RootContext = createContext();
+
+//#endregion
+export { RootContext };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/toast/anatomy/action-trigger.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react114 from "react";
+
+//#region src/components/toast/anatomy/action-trigger.d.ts
+interface ToastActionTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+declare function ActionTrigger(props: ToastActionTriggerProps): react114.JSX.Element;
+//#endregion
+export { ActionTrigger, ToastActionTriggerProps };
+//# sourceMappingURL=action-trigger.d.mts.map

package/dist/components/toast/anatomy/action-trigger.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesToast } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/toast/anatomy/action-trigger.tsx
+function ActionTrigger(props) {
+	const toast = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(toast.getActionTriggerProps(), { className: classesToast.actionTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { ActionTrigger as default };
+//# sourceMappingURL=action-trigger.mjs.map

package/dist/components/toast/anatomy/close-trigger.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react110 from "react";
+
+//#region src/components/toast/anatomy/close-trigger.d.ts
+interface ToastCloseTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+declare function CloseTrigger(props: ToastCloseTriggerProps): react110.JSX.Element;
+//#endregion
+export { CloseTrigger, ToastCloseTriggerProps };
+//# sourceMappingURL=close-trigger.d.mts.map

package/dist/components/toast/anatomy/close-trigger.mjs

@@ -0,0 +1,21 @@
+import { RootContext } from "../modules/root-context.mjs";
+import X from "../../../internal/components/x.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesToast } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/toast/anatomy/close-trigger.tsx
+function CloseTrigger(props) {
+	const toast = use(RootContext);
+	const { element, children = /* @__PURE__ */ jsx(X, {}),...rest } = props;
+	const attributes = mergeProps(toast.getCloseTriggerProps(), { className: classesToast.closeTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { CloseTrigger as default };
+//# sourceMappingURL=close-trigger.mjs.map

package/dist/components/toast/anatomy/description.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react111 from "react";
+
+//#region src/components/toast/anatomy/description.d.ts
+interface ToastDescriptionProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Description(props: ToastDescriptionProps): react111.JSX.Element;
+//#endregion
+export { Description, ToastDescriptionProps };
+//# sourceMappingURL=description.d.mts.map

package/dist/components/toast/anatomy/description.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesToast } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/toast/anatomy/description.tsx
+function Description(props) {
+	const toast = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(toast.getDescriptionProps(), { className: classesToast.description }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Description as default };
+//# sourceMappingURL=description.mjs.map

package/dist/components/toast/anatomy/group.d.mts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import { JSX } from "react";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+import { Props, Store } from "@zag-js/toast";
+
+//#region src/components/toast/anatomy/group.d.ts
+interface ToastGroupProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'children'> {
+  toaster: Store;
+  children?: (toast: Props) => JSX.Element | null;
+}
+declare function Group(props: ToastGroupProps): react_jsx_runtime42.JSX.Element;
+//#endregion
+export { Group, ToastGroupProps };
+//# sourceMappingURL=group.d.mts.map

package/dist/components/toast/anatomy/group.mjs

@@ -0,0 +1,28 @@
+import { GroupContext } from "../modules/group-context.mjs";
+import { useId } from "react";
+import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
+import { classesToast } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { group } from "@zag-js/toast";
+
+//#region src/components/toast/anatomy/group.tsx
+function Group(props) {
+	const { element, children, toaster,...rest } = props;
+	const service = useMachine(group.machine, {
+		id: useId(),
+		store: toaster
+	});
+	const api = group.connect(service, normalizeProps);
+	const attributes = mergeProps(api.getGroupProps(), { className: classesToast.group }, rest);
+	return /* @__PURE__ */ jsx(GroupContext.Provider, {
+		value: service,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children: api.getToasts().map((toast) => children?.(toast))
+		})
+	});
+}
+
+//#endregion
+export { Group as default };
+//# sourceMappingURL=group.mjs.map

package/dist/components/toast/anatomy/message.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react112 from "react";
+
+//#region src/components/toast/anatomy/message.d.ts
+interface ToastMessageProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Message(props: ToastMessageProps): react112.JSX.Element;
+//#endregion
+export { Message, ToastMessageProps };
+//# sourceMappingURL=message.d.mts.map

package/dist/components/toast/anatomy/message.mjs

@@ -0,0 +1,17 @@
+import { mergeProps } from "@zag-js/react";
+import { classesToast } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/toast/anatomy/message.tsx
+function Message(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesToast.message }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Message as default };
+//# sourceMappingURL=message.mjs.map

package/dist/components/toast/anatomy/root-context.d.mts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { PropTypes } from "@zag-js/react";
+import { Api } from "@zag-js/toast";
+
+//#region src/components/toast/anatomy/root-context.d.ts
+interface ToastRootContextProps {
+  children: (toast: Api<PropTypes>) => ReactNode;
+}
+declare function RootContext(props: ToastRootContextProps): ReactNode;
+//#endregion
+export { RootContext, ToastRootContextProps };
+//# sourceMappingURL=root-context.d.mts.map

package/dist/components/toast/anatomy/root-context.mjs

@@ -0,0 +1,13 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+
+//#region src/components/toast/anatomy/root-context.tsx
+function RootContext$1(props) {
+	const toast = use(RootContext);
+	const { children } = props;
+	return children(toast);
+}
+
+//#endregion
+export { RootContext$1 as default };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/toast/anatomy/root.d.mts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
+import { Options } from "@zag-js/toast";
+
+//#region src/components/toast/anatomy/root.d.ts
+interface ToastRootProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+  toast: Omit<Options, 'id' | 'parent'>;
+}
+declare function Root(props: ToastRootProps): react_jsx_runtime43.JSX.Element;
+//#endregion
+export { Root, ToastRootProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/toast/anatomy/root.mjs

@@ -0,0 +1,56 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { GroupContext } from "../modules/group-context.mjs";
+import { use } from "react";
+import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
+import { classesToast } from "@skeletonlabs/skeleton-common";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { connect, machine } from "@zag-js/toast";
+
+//#region src/components/toast/anatomy/root.tsx
+function Root(props) {
+	const group$1 = use(GroupContext);
+	const { element, children, toast: toastProps,...rest } = props;
+	const toast = connect(useMachine(machine, {
+		...toastProps,
+		parent: group$1
+	}), normalizeProps);
+	const attributes = mergeProps(toast.getRootProps(), { className: classesToast.root }, rest);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RootContext.Provider, {
+		value: toast,
+		children: element ? element(attributes) : /* @__PURE__ */ jsxs("div", {
+			...attributes,
+			children: [
+				/* @__PURE__ */ jsx("div", { ...toast.getGhostBeforeProps() }),
+				children,
+				/* @__PURE__ */ jsx("div", { ...toast.getGhostAfterProps() })
+			]
+		})
+	}), /* @__PURE__ */ jsx("style", { children: `
+                [data-part='root'] {
+                    translate: var(--x) var(--y);
+                    scale: var(--scale);
+                    z-index: var(--z-index);
+                    height: var(--height);	
+                    opacity: var(--opacity);
+                    will-change: translate, opacity, scale;
+                }
+                [data-part='root'] {
+                    transition:
+                        translate 400ms,
+                        scale 400ms,
+                        opacity 400ms;
+                    transition-timing-function: cubic-bezier(0.21, 1.02, 0.73, 1);
+                }
+                [data-part='root'][data-state='closed'] {
+                    transition:
+                        translate 400ms,
+                        scale 400ms,
+                        opacity 200ms;
+                    transition-timing-function: cubic-bezier(0.06, 0.71, 0.55, 1);
+                }
+            ` })] });
+}
+
+//#endregion
+export { Root as default };
+//# sourceMappingURL=root.mjs.map