@vtex/faststore 0.0.10 → 0.0.12

package/dist/particles/switch/switch.js

@@ -26,7 +26,7 @@ const SwitchThumbDefinition = defineComponent({
 	schema: {},
 	guideline: "Sliding visual indicator inside Switch.Root. Moves position based on the checked state managed by Base UI."
 });
-function SwitchRoot({ checked, defaultChecked, onCheckedChange, disabled, readOnly, required, name, id, className, children }) {
+function SwitchRoot({ checked, defaultChecked, onCheckedChange, disabled, readOnly, required, name, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, children }) {
 	return /* @__PURE__ */ jsx(Switch.Root, {
 		checked,
 		defaultChecked,
@@ -36,6 +36,8 @@ function SwitchRoot({ checked, defaultChecked, onCheckedChange, disabled, readOn
 		required,
 		name,
 		id,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy,
 		className,
 		"data-fs-switch-root": "",
 		children

package/dist/particles/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["BaseSwitch","Switch"],"sources":["../../../src/particles/switch/switch.tsx"],"sourcesContent":["'use client';\nimport { Switch as BaseSwitch } from '@base-ui/react/switch';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type SwitchRootProps = {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport type SwitchThumbProps = ComponentPropsWithRef<'span'>;\n\nexport const SwitchRootDefinition = defineComponent<SwitchRootProps>({\n  name: 'SwitchRoot',\n  importPath: '@vtex/faststore/components',\n  component: SwitchRoot,\n  editor: { label: 'Switch Root', category: 'action' },\n  schema: {},\n  guideline:\n    'On/off control for settings and preferences. Always wraps a Switch.Thumb. Unlike Checkbox, implies immediate effect without form submission. Style the checked state via data-checked.',\n});\n\nexport const SwitchThumbDefinition = defineComponent<SwitchThumbProps>({\n  name: 'SwitchThumb',\n  importPath: '@vtex/faststore/components',\n  component: SwitchThumb,\n  editor: { label: 'Switch Thumb', category: 'layout' },\n  schema: {},\n  guideline:\n    'Sliding visual indicator inside Switch.Root. Moves position based on the checked state managed by Base UI.',\n});\n\nexport function SwitchRoot({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  disabled,\n  readOnly,\n  required,\n  name,\n  id,\n  className,\n  children,\n}: SwitchRootProps) {\n  return (\n    <BaseSwitch.Root\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      name={name}\n      id={id}\n      className={className}\n      data-fs-switch-root=\"\"\n    >\n      {children}\n    </BaseSwitch.Root>\n  );\n}\n\nexport function SwitchThumb({ className, children, ...props }: SwitchThumbProps) {\n  return (\n    <BaseSwitch.Thumb {...props} className={className} data-fs-switch-thumb=\"\">\n      {children}\n    </BaseSwitch.Thumb>\n  );\n}\n\nexport const Switch = {\n  Root: SwitchRoot,\n  Thumb: SwitchThumb,\n};\n"],"mappings":";;;;;;AAoBA,MAAa,uBAAuB,gBAAiC;CACnE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAe,UAAU;CAAS;CACnD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,wBAAwB,gBAAkC;CACrE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAgB,UAAU;CAAS;CACpD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,SAAgB,WAAW,EACzB,SACA,gBACA,iBACA,UACA,UACA,UACA,MACA,IACA,WACA,YACkB;CAClB,OACE,oBAACA,OAAW,MAAZ;EACW;EACO;EACC;EACP;EACA;EACA;EACJ;EACF;EACO;EACX,uBAAoB;EAEnB;CACc,CAAA;AAErB;AAEA,SAAgB,YAAY,EAAE,WAAW,UAAU,GAAG,SAA2B;CAC/E,OACE,oBAACA,OAAW,OAAZ;EAAkB,GAAI;EAAkB;EAAW,wBAAqB;EACrE;CACe,CAAA;AAEtB;AAEA,MAAaC,WAAS;CACpB,MAAM;CACN,OAAO;AACT"}
+{"version":3,"file":"switch.js","names":["BaseSwitch","Switch"],"sources":["../../../src/particles/switch/switch.tsx"],"sourcesContent":["'use client';\nimport { Switch as BaseSwitch } from '@base-ui/react/switch';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type SwitchRootProps = {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  /** Accessible name when no visible label is bound to the switch. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport type SwitchThumbProps = ComponentPropsWithRef<'span'>;\n\nexport const SwitchRootDefinition = defineComponent<SwitchRootProps>({\n  name: 'SwitchRoot',\n  importPath: '@vtex/faststore/components',\n  component: SwitchRoot,\n  editor: { label: 'Switch Root', category: 'action' },\n  schema: {},\n  guideline:\n    'On/off control for settings and preferences. Always wraps a Switch.Thumb. Unlike Checkbox, implies immediate effect without form submission. Style the checked state via data-checked.',\n});\n\nexport const SwitchThumbDefinition = defineComponent<SwitchThumbProps>({\n  name: 'SwitchThumb',\n  importPath: '@vtex/faststore/components',\n  component: SwitchThumb,\n  editor: { label: 'Switch Thumb', category: 'layout' },\n  schema: {},\n  guideline:\n    'Sliding visual indicator inside Switch.Root. Moves position based on the checked state managed by Base UI.',\n});\n\nexport function SwitchRoot({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  disabled,\n  readOnly,\n  required,\n  name,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  className,\n  children,\n}: Readonly<SwitchRootProps>) {\n  return (\n    <BaseSwitch.Root\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      name={name}\n      id={id}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      className={className}\n      data-fs-switch-root=\"\"\n    >\n      {children}\n    </BaseSwitch.Root>\n  );\n}\n\nexport function SwitchThumb({ className, children, ...props }: SwitchThumbProps) {\n  return (\n    <BaseSwitch.Thumb {...props} className={className} data-fs-switch-thumb=\"\">\n      {children}\n    </BaseSwitch.Thumb>\n  );\n}\n\nexport const Switch = {\n  Root: SwitchRoot,\n  Thumb: SwitchThumb,\n};\n"],"mappings":";;;;;;AAuBA,MAAa,uBAAuB,gBAAiC;CACnE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAe,UAAU;CAAS;CACnD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,wBAAwB,gBAAkC;CACrE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAgB,UAAU;CAAS;CACpD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,SAAgB,WAAW,EACzB,SACA,gBACA,iBACA,UACA,UACA,UACA,MACA,IACA,cAAc,WACd,mBAAmB,gBACnB,WACA,YAC4B;CAC5B,OACE,oBAACA,OAAW,MAAZ;EACW;EACO;EACC;EACP;EACA;EACA;EACJ;EACF;EACJ,cAAY;EACZ,mBAAiB;EACN;EACX,uBAAoB;EAEnB;CACc,CAAA;AAErB;AAEA,SAAgB,YAAY,EAAE,WAAW,UAAU,GAAG,SAA2B;CAC/E,OACE,oBAACA,OAAW,OAAZ;EAAkB,GAAI;EAAkB;EAAW,wBAAqB;EACrE;CACe,CAAA;AAEtB;AAEA,MAAaC,WAAS;CACpB,MAAM;CACN,OAAO;AACT"}

package/dist/particles/toast/toast.d.ts

@@ -1,3 +1,4 @@
+import { ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { ComponentPropsWithRef, ReactNode } from "react";
@@ -21,7 +22,9 @@ export type ToastPortalProps = Readonly<{
   className?: string;
   children?: ReactNode;
 }>;
-export type ToastViewportProps = ComponentPropsWithRef<'div'>;
+export type ToastViewportProps = Omit<ComponentPropsWithRef<'div'>, 'aria-label'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof ToastViewportContent>;
+};
 export type ToastRootProps = Readonly<{
   /** The queued toast to render. Defaults to the toast `ToastList` publishes. */
   toast?: ToastObject;
@@ -51,7 +54,30 @@ export declare const ToastPortalDefinition: ComponentDefinition<Readonly<{
   className?: string;
   children?: ReactNode;
 }>>;
-export declare const ToastViewportDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ToastViewportContent: {
+  readonly id: "toast-viewport";
+  readonly title: "Toast Viewport";
+  readonly description: "Accessible names of the toast region and of each toast's close button.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly regionLabel: {
+        readonly type: "string";
+        readonly title: "Region name";
+        readonly format: "icu-message";
+        readonly messageSource: "Notifications";
+      };
+      readonly dismissLabel: {
+        readonly type: "string";
+        readonly title: "Close button name";
+        readonly format: "icu-message";
+        readonly messageSource: "Dismiss";
+      };
+    };
+  };
+};
+export declare const ToastViewportDefinition: ComponentDefinition<ToastViewportProps>;
 export declare const ToastRootDefinition: ComponentDefinition<Readonly<{
   /** The queued toast to render. Defaults to the toast `ToastList` publishes. */
   toast?: ToastObject;
@@ -73,7 +99,7 @@ export declare function ToastProvider({ limit, timeout, toastManager, children }
 export declare function useOptionalToast(): ToastManagerValue | null;
 export declare function ToastList({ children }: ToastListProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function ToastPortal({ className, children }: ToastPortalProps): import("react/jsx-runtime").JSX.Element;
-export declare function ToastViewport({ className, children, 'aria-label': ariaLabel, ...props }: ToastViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastViewport({ $content, $locale, className, children, ...props }: ToastViewportProps): import("react/jsx-runtime").JSX.Element;
 export declare function ToastRoot({ toast: toastProp, swipeDirection, className, children }: ToastRootProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function ToastTitle({ className, children, ...props }: ToastTitleProps): import("react/jsx-runtime").JSX.Element;
 export declare function ToastDescription({ className, children, ...props }: ToastDescriptionProps): import("react/jsx-runtime").JSX.Element;

package/dist/particles/toast/toast.js

@@ -1,7 +1,8 @@
 "use client";
 import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
 import "../../core/dist/index.js";
-import { useIntl } from "../../sdk/i18n/client.js";
+import { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.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";
@@ -44,16 +45,40 @@ const ToastPortalDefinition = defineComponent({
 	schema: {},
 	guideline: "Renders its children (ToastViewport) outside the DOM tree, into document.body. Direct child of ToastProvider."
 });
+const ToastViewportContent = defineContentType({
+	id: "toast-viewport",
+	title: "Toast Viewport",
+	description: "Accessible names of the toast region and of each toast's close button.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			regionLabel: {
+				type: "string",
+				title: "Region name",
+				format: "icu-message",
+				messageSource: "Notifications"
+			},
+			dismissLabel: {
+				type: "string",
+				title: "Close button name",
+				format: "icu-message",
+				messageSource: "Dismiss"
+			}
+		}
+	}
+});
 const ToastViewportDefinition = defineComponent({
 	name: "ToastViewport",
 	importPath: "@vtex/faststore/components",
 	component: ToastViewport,
+	content: ToastViewportContent,
 	editor: {
 		label: "Toast Viewport",
 		category: "layout"
 	},
 	schema: {},
-	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."
+	guideline: "The fixed-position stack container for all active toasts. With no children it renders every active toast itself (title, description, action and a close button named by its dismissLabel message), 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",
@@ -160,8 +185,7 @@ function ToastPortal({ className, children }) {
 function hasChildren(children) {
 	return Children.toArray(children).length > 0;
 }
-function DefaultToastList() {
-	const intl = useIntl();
+function DefaultToastList({ dismissLabel }) {
 	const { toasts } = useToast();
 	return toasts.map((toast) => /* @__PURE__ */ jsxs(ToastRoot, {
 		toast,
@@ -170,7 +194,7 @@ function DefaultToastList() {
 			/* @__PURE__ */ jsx(ToastDescription, {}),
 			/* @__PURE__ */ jsx(ToastAction, {}),
 			/* @__PURE__ */ jsx(ToastClose, {
-				"aria-label": intl.formatMessage({ id: "fs/toast.dismiss" }),
+				"aria-label": dismissLabel,
 				children: /* @__PURE__ */ jsx("span", {
 					"aria-hidden": "true",
 					children: "×"
@@ -179,17 +203,17 @@ function DefaultToastList() {
 		]
 	}, toast.id));
 }
-function ToastViewport({ className, children, "aria-label": ariaLabel, ...props }) {
-	const intl = useIntl();
+function ToastViewport({ $content, $locale, className, children, ...props }) {
+	const { format } = useMessageFormatter(ToastViewportContent, $content);
 	return /* @__PURE__ */ jsx(Toast.Viewport, {
 		...props,
-		"aria-label": ariaLabel ?? intl.formatMessage({ id: "fs/toast.region" }),
+		"aria-label": format("regionLabel"),
 		className,
 		render: (renderProps, state) => /* @__PURE__ */ jsx("div", {
 			...renderProps,
 			"data-fs-toast-viewport": "",
 			"data-fs-toast-viewport-expanded": state.expanded ? "" : void 0,
-			children: hasChildren(children) ? children : /* @__PURE__ */ jsx(DefaultToastList, {})
+			children: hasChildren(children) ? children : /* @__PURE__ */ jsx(DefaultToastList, { dismissLabel: format("dismissLabel") })
 		})
 	});
 }
@@ -257,6 +281,6 @@ const Toast$1 = {
 	Close: ToastClose
 };
 //#endregion
-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 };
+export { Toast$1 as Toast, ToastAction, ToastActionDefinition, ToastClose, ToastCloseDefinition, ToastDescription, ToastDescriptionDefinition, ToastList, ToastListDefinition, ToastPortal, ToastPortalDefinition, ToastProvider, ToastProviderDefinition, ToastRoot, ToastRootDefinition, ToastTitle, ToastTitleDefinition, ToastViewport, ToastViewportContent, 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, 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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"}
+{"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 { type ContentValue, defineComponent, defineContentType, type MessageLocaleProp } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { Children, createContext, useContext } from 'react';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.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 = Omit<ComponentPropsWithRef<'div'>, 'aria-label'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof ToastViewportContent>;\n  };\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 ToastViewportContent = defineContentType({\n  id: 'toast-viewport',\n  title: 'Toast Viewport',\n  description: \"Accessible names of the toast region and of each toast's close button.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      regionLabel: { type: 'string', title: 'Region name', format: 'icu-message', messageSource: 'Notifications' },\n      dismissLabel: { type: 'string', title: 'Close button name', format: 'icu-message', messageSource: 'Dismiss' },\n    },\n  },\n});\n\nexport const ToastViewportDefinition = defineComponent<ToastViewportProps>({\n  name: 'ToastViewport',\n  importPath: '@vtex/faststore/components',\n  component: ToastViewport,\n  content: ToastViewportContent,\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 close button named by its dismissLabel message), 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({ dismissLabel }: Readonly<{ dismissLabel: string }>) {\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={dismissLabel}>\n        <span aria-hidden=\"true\">×</span>\n      </ToastClose>\n    </ToastRoot>\n  ));\n}\n\nexport function ToastViewport({ $content, $locale, className, children, ...props }: ToastViewportProps) {\n  const { format } = useMessageFormatter(ToastViewportContent, $content);\n\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={format('regionLabel')}\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 dismissLabel={format('dismissLabel')} />}\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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"}