@vtex/faststore 0.0.7 → 0.0.10

package/dist/particles/toast/toast.js

@@ -1,9 +1,15 @@
 "use client";
 import { defineComponent } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
-import { jsx } from "react/jsx-runtime";
+import { useIntl } from "../../sdk/i18n/client.js";
+import { Children, createContext, useContext } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Toast } from "@base-ui/react/toast";
 //#region src/particles/toast/toast.tsx
+/** Set by `ToastProvider`; `null` outside one. */
+const ToastManagerContext = createContext(null);
+/** Set by `ToastList` for each queued toast; read by `ToastRoot` when its `toast` prop is absent. */
+const ToastItemContext = createContext(null);
 const ToastProviderDefinition = defineComponent({
 	name: "ToastProvider",
 	importPath: "@vtex/faststore/components",
@@ -24,7 +30,8 @@ const ToastProviderDefinition = defineComponent({
 			label: "Default Auto-Dismiss (ms)"
 		}
 	},
-	guideline: "Mount once at the layout root to enable toasts anywhere in the tree. Compose as: ToastProvider > ToastPortal > ToastViewport > (ToastRoot per active toast). Components trigger toasts via the useToast() hook, not through page-schema composition."
+	providesContext: "toast",
+	guideline: "Mount once at the layout root, above the Slot. Compose as: ToastProvider > ToastPortal > ToastViewport. A childless ToastViewport renders the active toasts itself; to control the markup, put a ToastList with a ToastRoot template inside it. Code raises toasts with useOptionalToast() (null without a provider) or useToast() (throws without one)."
 });
 const ToastPortalDefinition = defineComponent({
 	name: "ToastPortal",
@@ -46,7 +53,7 @@ const ToastViewportDefinition = defineComponent({
 		category: "layout"
 	},
 	schema: {},
-	guideline: "The fixed-position stack container for all active toasts. Position it with a swatch on data-fs-toast-viewport (e.g. bottom-right vs. top-center). Direct child of ToastPortal."
+	guideline: "The fixed-position stack container for all active toasts. With no children it renders every active toast itself (title, description, action and a localized close button), so a page schema needs only ToastProvider > ToastPortal > ToastViewport. Pass children to take control of the markup: a ToastList with a ToastRoot template is the schema-composable way (it renders the template once per queued toast), or map useToast().toasts to ToastRoot in code. Position it with a swatch on data-fs-toast-viewport (e.g. bottom-right vs. top-center). Direct child of ToastPortal."
 });
 const ToastRootDefinition = defineComponent({
 	name: "ToastRoot",
@@ -57,7 +64,21 @@ const ToastRootDefinition = defineComponent({
 		category: "layout"
 	},
 	schema: {},
-	guideline: "One instance per active toast, rendered by mapping over useToast().toasts. Compose as: ToastRoot > (Icon + ToastTitle + ToastDescription + ToastAction + ToastClose), all optional except at least one of Title/Description."
+	requiresContext: "toast-item",
+	guideline: "One instance per active toast. Inside a ToastList it is the per-toast template and reads its toast from the list; a childless ToastViewport renders its own ToastRoot per toast, so compose one only to override that. Compose as: ToastRoot > (Icon + ToastTitle + ToastDescription + ToastAction + ToastClose), all optional except at least one of Title/Description."
+});
+const ToastListDefinition = defineComponent({
+	name: "ToastList",
+	importPath: "@vtex/faststore/components",
+	component: ToastList,
+	editor: {
+		label: "Toast List",
+		category: "layout"
+	},
+	schema: {},
+	requiresContext: "toast",
+	providesContext: "toast-item",
+	guideline: "Renders its children once per queued toast; place a ToastRoot (with ToastTitle and ToastDescription, both auto-filled from the toast) inside it as the template. With no children it renders that template by default. Direct child of ToastViewport; renders nothing without a ToastProvider ancestor."
 });
 const ToastTitleDefinition = defineComponent({
 	name: "ToastTitle",
@@ -108,28 +129,74 @@ function ToastProvider({ limit = 3, timeout = 5e3, toastManager, children }) {
 		limit,
 		timeout,
 		toastManager,
+		children: /* @__PURE__ */ jsx(ToastManagerBridge, { children })
+	});
+}
+function ToastManagerBridge({ children }) {
+	const manager = Toast.useToastManager();
+	return /* @__PURE__ */ jsx(ToastManagerContext.Provider, {
+		value: manager,
 		children
 	});
 }
+/** The toast manager under a `ToastProvider`, or `null` without one. Never throws. */
+function useOptionalToast() {
+	return useContext(ToastManagerContext);
+}
+function ToastList({ children }) {
+	const manager = useOptionalToast();
+	if (!manager) return null;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: manager.toasts.map((toast) => /* @__PURE__ */ jsx(ToastItemContext.Provider, {
+		value: toast,
+		children: children ?? /* @__PURE__ */ jsxs(ToastRoot, { children: [/* @__PURE__ */ jsx(ToastTitle, {}), /* @__PURE__ */ jsx(ToastDescription, {})] })
+	}, toast.id)) });
+}
 function ToastPortal({ className, children }) {
 	return /* @__PURE__ */ jsx(Toast.Portal, {
 		className,
 		children
 	});
 }
-function ToastViewport({ className, children, ...props }) {
+function hasChildren(children) {
+	return Children.toArray(children).length > 0;
+}
+function DefaultToastList() {
+	const intl = useIntl();
+	const { toasts } = useToast();
+	return toasts.map((toast) => /* @__PURE__ */ jsxs(ToastRoot, {
+		toast,
+		children: [
+			/* @__PURE__ */ jsx(ToastTitle, {}),
+			/* @__PURE__ */ jsx(ToastDescription, {}),
+			/* @__PURE__ */ jsx(ToastAction, {}),
+			/* @__PURE__ */ jsx(ToastClose, {
+				"aria-label": intl.formatMessage({ id: "fs/toast.dismiss" }),
+				children: /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					children: "×"
+				})
+			})
+		]
+	}, toast.id));
+}
+function ToastViewport({ className, children, "aria-label": ariaLabel, ...props }) {
+	const intl = useIntl();
 	return /* @__PURE__ */ jsx(Toast.Viewport, {
 		...props,
+		"aria-label": ariaLabel ?? intl.formatMessage({ id: "fs/toast.region" }),
 		className,
 		render: (renderProps, state) => /* @__PURE__ */ jsx("div", {
 			...renderProps,
 			"data-fs-toast-viewport": "",
 			"data-fs-toast-viewport-expanded": state.expanded ? "" : void 0,
-			children
+			children: hasChildren(children) ? children : /* @__PURE__ */ jsx(DefaultToastList, {})
 		})
 	});
 }
-function ToastRoot({ toast, swipeDirection, className, children }) {
+function ToastRoot({ toast: toastProp, swipeDirection, className, children }) {
+	const itemToast = useContext(ToastItemContext);
+	const toast = toastProp ?? itemToast;
+	if (!toast) return null;
 	return /* @__PURE__ */ jsx(Toast.Root, {
 		toast,
 		swipeDirection,
@@ -182,6 +249,7 @@ const Toast$1 = {
 	Provider: ToastProvider,
 	Portal: ToastPortal,
 	Viewport: ToastViewport,
+	List: ToastList,
 	Root: ToastRoot,
 	Title: ToastTitle,
 	Description: ToastDescription,
@@ -189,6 +257,6 @@ const Toast$1 = {
 	Close: ToastClose
 };
 //#endregion
-export { Toast$1 as Toast, ToastAction, ToastActionDefinition, ToastClose, ToastCloseDefinition, ToastDescription, ToastDescriptionDefinition, ToastPortal, ToastPortalDefinition, ToastProvider, ToastProviderDefinition, ToastRoot, ToastRootDefinition, ToastTitle, ToastTitleDefinition, ToastViewport, ToastViewportDefinition, useToast };
+export { Toast$1 as Toast, ToastAction, ToastActionDefinition, ToastClose, ToastCloseDefinition, ToastDescription, ToastDescriptionDefinition, ToastList, ToastListDefinition, ToastPortal, ToastPortalDefinition, ToastProvider, ToastProviderDefinition, ToastRoot, ToastRootDefinition, ToastTitle, ToastTitleDefinition, ToastViewport, ToastViewportDefinition, useOptionalToast, useToast };
 
 //# sourceMappingURL=toast.js.map

package/dist/particles/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["BaseToast","Toast"],"sources":["../../../src/particles/toast/toast.tsx"],"sourcesContent":["'use client';\nimport type { ToastManager, ToastRootToastObject } from '@base-ui/react/toast';\nimport { Toast as BaseToast } from '@base-ui/react/toast';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\n/** The queued toast object `useToast().toasts` returns and `ToastRoot` renders. */\nexport type ToastObject = ToastRootToastObject;\nexport type { ToastManager } from '@base-ui/react/toast';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\n\nexport type ToastProviderProps = Readonly<{\n  /** Max concurrent toasts before older ones are marked limited. */\n  limit?: number;\n  /** Default auto-dismiss delay (ms); `0` disables. */\n  timeout?: number;\n  /** External manager for triggering toasts outside React (e.g. a non-component module). */\n  toastManager?: ToastManager;\n  children?: ReactNode;\n}>;\n\nexport type ToastPortalProps = Readonly<{\n  className?: string;\n  children?: ReactNode;\n}>;\n\nexport type ToastViewportProps = ComponentPropsWithRef<'div'>;\n\nexport type ToastRootProps = Readonly<{\n  /** The queued toast to render, from `useToast().toasts`. */\n  toast: ToastObject;\n  /** Directions the toast can be swiped to dismiss. @default ['down', 'right'] */\n  swipeDirection?: SwipeDirection | SwipeDirection[];\n  className?: string;\n  children?: ReactNode;\n}>;\n\nexport type ToastTitleProps = ComponentPropsWithRef<'h2'>;\n\nexport type ToastDescriptionProps = ComponentPropsWithRef<'p'>;\n\nexport type ToastActionProps = ComponentPropsWithRef<'button'>;\n\nexport type ToastCloseProps = ComponentPropsWithRef<'button'>;\n\nexport const ToastProviderDefinition = defineComponent<ToastProviderProps>({\n  name: 'ToastProvider',\n  importPath: '@vtex/faststore/components',\n  component: ToastProvider,\n  editor: { label: 'Toast Provider', category: 'layout' },\n  schema: {\n    limit: { type: 'number', default: 3, label: 'Max Concurrent Toasts' },\n    timeout: { type: 'number', default: 5000, label: 'Default Auto-Dismiss (ms)' },\n  },\n  guideline:\n    'Mount once at the layout root to enable toasts anywhere in the tree. Compose as: ToastProvider > ToastPortal > ToastViewport > (ToastRoot per active toast). Components trigger toasts via the useToast() hook, not through page-schema composition.',\n});\n\nexport const ToastPortalDefinition = defineComponent<ToastPortalProps>({\n  name: 'ToastPortal',\n  importPath: '@vtex/faststore/components',\n  component: ToastPortal,\n  editor: { label: 'Toast Portal', category: 'layout' },\n  schema: {},\n  guideline:\n    'Renders its children (ToastViewport) outside the DOM tree, into document.body. Direct child of ToastProvider.',\n});\n\nexport const ToastViewportDefinition = defineComponent<ToastViewportProps>({\n  name: 'ToastViewport',\n  importPath: '@vtex/faststore/components',\n  component: ToastViewport,\n  editor: { label: 'Toast Viewport', category: 'layout' },\n  schema: {},\n  guideline:\n    'The fixed-position stack container for all active toasts. Position it with a swatch on data-fs-toast-viewport (e.g. bottom-right vs. top-center). Direct child of ToastPortal.',\n});\n\nexport const ToastRootDefinition = defineComponent<ToastRootProps>({\n  name: 'ToastRoot',\n  importPath: '@vtex/faststore/components',\n  component: ToastRoot,\n  editor: { label: 'Toast Root', category: 'layout' },\n  schema: {},\n  guideline:\n    'One instance per active toast, rendered by mapping over useToast().toasts. Compose as: ToastRoot > (Icon + ToastTitle + ToastDescription + ToastAction + ToastClose), all optional except at least one of Title/Description.',\n});\n\nexport const ToastTitleDefinition = defineComponent<ToastTitleProps>({\n  name: 'ToastTitle',\n  importPath: '@vtex/faststore/components',\n  component: ToastTitle,\n  editor: { label: 'Toast Title', category: 'layout' },\n  schema: {},\n  guideline: 'Renders the toast.title automatically when composed with no children. Direct child of ToastRoot.',\n});\n\nexport const ToastDescriptionDefinition = defineComponent<ToastDescriptionProps>({\n  name: 'ToastDescription',\n  importPath: '@vtex/faststore/components',\n  component: ToastDescription,\n  editor: { label: 'Toast Description', category: 'layout' },\n  schema: {},\n  guideline:\n    'Renders the toast.description automatically when composed with no children. Direct child of ToastRoot, after ToastTitle.',\n});\n\nexport const ToastActionDefinition = defineComponent<ToastActionProps>({\n  name: 'ToastAction',\n  importPath: '@vtex/faststore/components',\n  component: ToastAction,\n  editor: { label: 'Toast Action', category: 'action' },\n  schema: {},\n  guideline: \"Reversible-action button (e.g. Undo) forwarding the toast's actionProps. Omit for toasts with no action.\",\n});\n\nexport const ToastCloseDefinition = defineComponent<ToastCloseProps>({\n  name: 'ToastClose',\n  importPath: '@vtex/faststore/components',\n  component: ToastClose,\n  editor: { label: 'Toast Close', category: 'action' },\n  schema: {},\n  guideline: 'Dismisses the nearest ancestor ToastRoot when clicked. Can appear alongside or instead of ToastAction.',\n});\n\nexport function ToastProvider({ limit = 3, timeout = 5000, toastManager, children }: ToastProviderProps) {\n  return (\n    <BaseToast.Provider limit={limit} timeout={timeout} toastManager={toastManager}>\n      {children}\n    </BaseToast.Provider>\n  );\n}\n\nexport function ToastPortal({ className, children }: ToastPortalProps) {\n  return <BaseToast.Portal className={className}>{children}</BaseToast.Portal>;\n}\n\nexport function ToastViewport({ className, children, ...props }: ToastViewportProps) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      className={className}\n      render={(renderProps, state) => (\n        <div\n          {...renderProps}\n          data-fs-toast-viewport=\"\"\n          data-fs-toast-viewport-expanded={state.expanded ? '' : undefined}\n        >\n          {children}\n        </div>\n      )}\n    />\n  );\n}\n\n// Uses Base UI's `render` prop (rather than plain prop-forwarding, unlike the rest of this file) so\n// `data-fs-toast-root-type`/`-limited`/`-swiping` can mirror internal render state (`state.type`,\n// `state.limited`, `state.swiping`) that is never exposed back to us as a prop.\nexport function ToastRoot({ toast, swipeDirection, className, children }: ToastRootProps) {\n  return (\n    <BaseToast.Root\n      toast={toast}\n      swipeDirection={swipeDirection}\n      className={className}\n      render={(renderProps, state) => (\n        <div\n          {...renderProps}\n          data-fs-toast-root=\"\"\n          data-fs-toast-root-type={state.type}\n          data-fs-toast-root-limited={state.limited ? '' : undefined}\n          data-fs-toast-root-swiping={state.swiping ? '' : undefined}\n        >\n          {children}\n        </div>\n      )}\n    />\n  );\n}\n\nexport function ToastTitle({ className, children, ...props }: ToastTitleProps) {\n  return (\n    <BaseToast.Title {...props} className={className} data-fs-toast-title=\"\">\n      {children}\n    </BaseToast.Title>\n  );\n}\n\nexport function ToastDescription({ className, children, ...props }: ToastDescriptionProps) {\n  return (\n    <BaseToast.Description {...props} className={className} data-fs-toast-description=\"\">\n      {children}\n    </BaseToast.Description>\n  );\n}\n\nexport function ToastAction({ className, children, ...props }: ToastActionProps) {\n  return (\n    <BaseToast.Action {...props} className={className} data-fs-toast-action=\"\">\n      {children}\n    </BaseToast.Action>\n  );\n}\n\nexport function ToastClose({ className, children, ...props }: ToastCloseProps) {\n  return (\n    <BaseToast.Close {...props} className={className} data-fs-toast-close=\"\">\n      {children}\n    </BaseToast.Close>\n  );\n}\n\n/** Thin re-export of Base UI's `useToastManager()` — see Key Decision 1 in the spec. */\nexport const useToast = BaseToast.useToastManager;\n\nexport const Toast = {\n  Provider: ToastProvider,\n  Portal: ToastPortal,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n};\n"],"mappings":"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"}
+{"version":3,"file":"toast.js","names":["BaseToast","Toast"],"sources":["../../../src/particles/toast/toast.tsx"],"sourcesContent":["'use client';\nimport type { ToastManager, ToastRootToastObject, UseToastManagerReturnValue } from '@base-ui/react/toast';\nimport { Toast as BaseToast } from '@base-ui/react/toast';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { Children, createContext, useContext } from 'react';\nimport { useIntl } from '../../sdk/i18n/client.js';\n\n/** The queued toast object `useToast().toasts` returns and `ToastRoot` renders. */\nexport type ToastObject = ToastRootToastObject;\nexport type { ToastManager } from '@base-ui/react/toast';\n\n/** What `useOptionalToast` returns under a provider; same shape as `useToast()`. */\nexport type ToastManagerValue = UseToastManagerReturnValue;\n\n/** Set by `ToastProvider`; `null` outside one. */\nconst ToastManagerContext = createContext<ToastManagerValue | null>(null);\n\n/** Set by `ToastList` for each queued toast; read by `ToastRoot` when its `toast` prop is absent. */\nconst ToastItemContext = createContext<ToastObject | null>(null);\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\n\nexport type ToastProviderProps = Readonly<{\n  /** Max concurrent toasts before older ones are marked limited. */\n  limit?: number;\n  /** Default auto-dismiss delay (ms); `0` disables. */\n  timeout?: number;\n  /** External manager for triggering toasts outside React (e.g. a non-component module). */\n  toastManager?: ToastManager;\n  children?: ReactNode;\n}>;\n\nexport type ToastPortalProps = Readonly<{\n  className?: string;\n  children?: ReactNode;\n}>;\n\nexport type ToastViewportProps = ComponentPropsWithRef<'div'>;\n\nexport type ToastRootProps = Readonly<{\n  /** The queued toast to render. Defaults to the toast `ToastList` publishes. */\n  toast?: ToastObject;\n  /** Directions the toast can be swiped to dismiss. @default ['down', 'right'] */\n  swipeDirection?: SwipeDirection | SwipeDirection[];\n  className?: string;\n  children?: ReactNode;\n}>;\n\nexport type ToastListProps = Readonly<{\n  /** The per-toast template, rendered once per queued toast. */\n  children?: ReactNode;\n}>;\n\nexport type ToastTitleProps = ComponentPropsWithRef<'h2'>;\n\nexport type ToastDescriptionProps = ComponentPropsWithRef<'p'>;\n\nexport type ToastActionProps = ComponentPropsWithRef<'button'>;\n\nexport type ToastCloseProps = ComponentPropsWithRef<'button'>;\n\nexport const ToastProviderDefinition = defineComponent<ToastProviderProps>({\n  name: 'ToastProvider',\n  importPath: '@vtex/faststore/components',\n  component: ToastProvider,\n  editor: { label: 'Toast Provider', category: 'layout' },\n  schema: {\n    limit: { type: 'number', default: 3, label: 'Max Concurrent Toasts' },\n    timeout: { type: 'number', default: 5000, label: 'Default Auto-Dismiss (ms)' },\n  },\n  providesContext: 'toast',\n  guideline:\n    'Mount once at the layout root, above the Slot. Compose as: ToastProvider > ToastPortal > ToastViewport. A childless ToastViewport renders the active toasts itself; to control the markup, put a ToastList with a ToastRoot template inside it. Code raises toasts with useOptionalToast() (null without a provider) or useToast() (throws without one).',\n});\n\nexport const ToastPortalDefinition = defineComponent<ToastPortalProps>({\n  name: 'ToastPortal',\n  importPath: '@vtex/faststore/components',\n  component: ToastPortal,\n  editor: { label: 'Toast Portal', category: 'layout' },\n  schema: {},\n  guideline:\n    'Renders its children (ToastViewport) outside the DOM tree, into document.body. Direct child of ToastProvider.',\n});\n\nexport const ToastViewportDefinition = defineComponent<ToastViewportProps>({\n  name: 'ToastViewport',\n  importPath: '@vtex/faststore/components',\n  component: ToastViewport,\n  editor: { label: 'Toast Viewport', category: 'layout' },\n  schema: {},\n  guideline:\n    'The fixed-position stack container for all active toasts. With no children it renders every active toast itself (title, description, action and a localized close button), so a page schema needs only ToastProvider > ToastPortal > ToastViewport. Pass children to take control of the markup: a ToastList with a ToastRoot template is the schema-composable way (it renders the template once per queued toast), or map useToast().toasts to ToastRoot in code. Position it with a swatch on data-fs-toast-viewport (e.g. bottom-right vs. top-center). Direct child of ToastPortal.',\n});\n\nexport const ToastRootDefinition = defineComponent<ToastRootProps>({\n  name: 'ToastRoot',\n  importPath: '@vtex/faststore/components',\n  component: ToastRoot,\n  editor: { label: 'Toast Root', category: 'layout' },\n  schema: {},\n  requiresContext: 'toast-item',\n  guideline:\n    'One instance per active toast. Inside a ToastList it is the per-toast template and reads its toast from the list; a childless ToastViewport renders its own ToastRoot per toast, so compose one only to override that. Compose as: ToastRoot > (Icon + ToastTitle + ToastDescription + ToastAction + ToastClose), all optional except at least one of Title/Description.',\n});\n\nexport const ToastListDefinition = defineComponent<ToastListProps>({\n  name: 'ToastList',\n  importPath: '@vtex/faststore/components',\n  component: ToastList,\n  editor: { label: 'Toast List', category: 'layout' },\n  schema: {},\n  requiresContext: 'toast',\n  providesContext: 'toast-item',\n  guideline:\n    'Renders its children once per queued toast; place a ToastRoot (with ToastTitle and ToastDescription, both auto-filled from the toast) inside it as the template. With no children it renders that template by default. Direct child of ToastViewport; renders nothing without a ToastProvider ancestor.',\n});\n\nexport const ToastTitleDefinition = defineComponent<ToastTitleProps>({\n  name: 'ToastTitle',\n  importPath: '@vtex/faststore/components',\n  component: ToastTitle,\n  editor: { label: 'Toast Title', category: 'layout' },\n  schema: {},\n  guideline: 'Renders the toast.title automatically when composed with no children. Direct child of ToastRoot.',\n});\n\nexport const ToastDescriptionDefinition = defineComponent<ToastDescriptionProps>({\n  name: 'ToastDescription',\n  importPath: '@vtex/faststore/components',\n  component: ToastDescription,\n  editor: { label: 'Toast Description', category: 'layout' },\n  schema: {},\n  guideline:\n    'Renders the toast.description automatically when composed with no children. Direct child of ToastRoot, after ToastTitle.',\n});\n\nexport const ToastActionDefinition = defineComponent<ToastActionProps>({\n  name: 'ToastAction',\n  importPath: '@vtex/faststore/components',\n  component: ToastAction,\n  editor: { label: 'Toast Action', category: 'action' },\n  schema: {},\n  guideline: \"Reversible-action button (e.g. Undo) forwarding the toast's actionProps. Omit for toasts with no action.\",\n});\n\nexport const ToastCloseDefinition = defineComponent<ToastCloseProps>({\n  name: 'ToastClose',\n  importPath: '@vtex/faststore/components',\n  component: ToastClose,\n  editor: { label: 'Toast Close', category: 'action' },\n  schema: {},\n  guideline: 'Dismisses the nearest ancestor ToastRoot when clicked. Can appear alongside or instead of ToastAction.',\n});\n\nexport function ToastProvider({ limit = 3, timeout = 5000, toastManager, children }: ToastProviderProps) {\n  return (\n    <BaseToast.Provider limit={limit} timeout={timeout} toastManager={toastManager}>\n      <ToastManagerBridge>{children}</ToastManagerBridge>\n    </BaseToast.Provider>\n  );\n}\n\nfunction ToastManagerBridge({ children }: Readonly<{ children?: ReactNode }>) {\n  const manager = BaseToast.useToastManager();\n  return <ToastManagerContext.Provider value={manager}>{children}</ToastManagerContext.Provider>;\n}\n\n/** The toast manager under a `ToastProvider`, or `null` without one. Never throws. */\nexport function useOptionalToast(): ToastManagerValue | null {\n  return useContext(ToastManagerContext);\n}\n\nexport function ToastList({ children }: ToastListProps) {\n  const manager = useOptionalToast();\n  if (!manager) return null;\n  return (\n    <>\n      {manager.toasts.map((toast) => (\n        <ToastItemContext.Provider key={toast.id} value={toast}>\n          {children ?? (\n            <ToastRoot>\n              <ToastTitle />\n              <ToastDescription />\n            </ToastRoot>\n          )}\n        </ToastItemContext.Provider>\n      ))}\n    </>\n  );\n}\n\nexport function ToastPortal({ className, children }: ToastPortalProps) {\n  return <BaseToast.Portal className={className}>{children}</BaseToast.Portal>;\n}\n\nfunction hasChildren(children: ReactNode): boolean {\n  return Children.toArray(children).length > 0;\n}\n\nfunction DefaultToastList() {\n  const intl = useIntl();\n  const { toasts } = useToast();\n\n  return toasts.map((toast) => (\n    <ToastRoot key={toast.id} toast={toast}>\n      <ToastTitle />\n      <ToastDescription />\n      <ToastAction />\n      <ToastClose aria-label={intl.formatMessage({ id: 'fs/toast.dismiss' })}>\n        <span aria-hidden=\"true\">×</span>\n      </ToastClose>\n    </ToastRoot>\n  ));\n}\n\nexport function ToastViewport({ className, children, 'aria-label': ariaLabel, ...props }: ToastViewportProps) {\n  const intl = useIntl();\n\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? intl.formatMessage({ id: 'fs/toast.region' })}\n      className={className}\n      render={(renderProps, state) => (\n        <div\n          {...renderProps}\n          data-fs-toast-viewport=\"\"\n          data-fs-toast-viewport-expanded={state.expanded ? '' : undefined}\n        >\n          {hasChildren(children) ? children : <DefaultToastList />}\n        </div>\n      )}\n    />\n  );\n}\n\n// Uses Base UI's `render` prop (rather than plain prop-forwarding, unlike the rest of this file) so\n// `data-fs-toast-root-type`/`-limited`/`-swiping` can mirror internal render state (`state.type`,\n// `state.limited`, `state.swiping`) that is never exposed back to us as a prop.\nexport function ToastRoot({ toast: toastProp, swipeDirection, className, children }: ToastRootProps) {\n  const itemToast = useContext(ToastItemContext);\n  const toast = toastProp ?? itemToast;\n  if (!toast) return null;\n  return (\n    <BaseToast.Root\n      toast={toast}\n      swipeDirection={swipeDirection}\n      className={className}\n      render={(renderProps, state) => (\n        <div\n          {...renderProps}\n          data-fs-toast-root=\"\"\n          data-fs-toast-root-type={state.type}\n          data-fs-toast-root-limited={state.limited ? '' : undefined}\n          data-fs-toast-root-swiping={state.swiping ? '' : undefined}\n        >\n          {children}\n        </div>\n      )}\n    />\n  );\n}\n\nexport function ToastTitle({ className, children, ...props }: ToastTitleProps) {\n  return (\n    <BaseToast.Title {...props} className={className} data-fs-toast-title=\"\">\n      {children}\n    </BaseToast.Title>\n  );\n}\n\nexport function ToastDescription({ className, children, ...props }: ToastDescriptionProps) {\n  return (\n    <BaseToast.Description {...props} className={className} data-fs-toast-description=\"\">\n      {children}\n    </BaseToast.Description>\n  );\n}\n\nexport function ToastAction({ className, children, ...props }: ToastActionProps) {\n  return (\n    <BaseToast.Action {...props} className={className} data-fs-toast-action=\"\">\n      {children}\n    </BaseToast.Action>\n  );\n}\n\nexport function ToastClose({ className, children, ...props }: ToastCloseProps) {\n  return (\n    <BaseToast.Close {...props} className={className} data-fs-toast-close=\"\">\n      {children}\n    </BaseToast.Close>\n  );\n}\n\n/** Thin re-export of Base UI's `useToastManager()` — see Key Decision 1 in the spec. */\nexport const useToast = BaseToast.useToastManager;\n\nexport const Toast = {\n  Provider: ToastProvider,\n  Portal: ToastPortal,\n  Viewport: ToastViewport,\n  List: ToastList,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n};\n"],"mappings":"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"}