@elmeragroup/fuse 0.1.0-canary.1

package/components/timeline-list/timeline-list.js

@@ -0,0 +1,72 @@
+import { cn } from "../../styles/cn.js";
+import { Heading } from "../heading/heading.js";
+import { timelineListVariants } from "./timeline-list-variants.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/timeline-list/timeline-list.tsx
+/** Resolved once at module scope — the recipe has no axes (no per-render work). */
+const { root, item, dot, title, time, description } = timelineListVariants();
+function TimelineListRoot({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "timeline-list",
+		className: cn(root(), className),
+		...props
+	});
+}
+function TimelineListItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs("li", {
+		"data-slot": "timeline-list-item",
+		className: cn(item(), className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "timeline-list-dot",
+			"aria-hidden": "true",
+			className: dot()
+		}), children]
+	});
+}
+function TimelineListTitle({ className, level = 3, ...props }) {
+	return /* @__PURE__ */ jsx(Heading, {
+		"data-slot": "timeline-list-title",
+		className: cn(title(), className),
+		level,
+		...props,
+		noMargin: true
+	});
+}
+function isoDateTime(date) {
+	const timeDate = new Date(date);
+	if (Number.isNaN(timeDate.getTime())) throw new RangeError("TimelineList.Time received an invalid date");
+	return timeDate.toISOString();
+}
+function TimelineListTime({ children, className, date, ...props }) {
+	return /* @__PURE__ */ jsx("time", {
+		"data-slot": "timeline-list-time",
+		className: cn(time(), className),
+		...props,
+		dateTime: isoDateTime(date),
+		children
+	});
+}
+function TimelineListDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "timeline-list-description",
+		className: cn(description(), className),
+		...props
+	});
+}
+TimelineListRoot.displayName = "TimelineList.Root";
+TimelineListItem.displayName = "TimelineList.Item";
+TimelineListTitle.displayName = "TimelineList.Title";
+TimelineListTime.displayName = "TimelineList.Time";
+TimelineListDescription.displayName = "TimelineList.Description";
+const TimelineList = {
+	Root: TimelineListRoot,
+	Item: TimelineListItem,
+	Title: TimelineListTitle,
+	Time: TimelineListTime,
+	Description: TimelineListDescription
+};
+//#endregion
+export { TimelineList };
+
+//# sourceMappingURL=timeline-list.js.map

package/components/timeline-list/timeline-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-list.js","names":[],"sources":["../../../src/components/timeline-list/timeline-list.tsx"],"sourcesContent":["import type { ComponentProps, ComponentPropsWithoutRef, ReactElement } from \"react\";\n\nimport { cn } from \"../../styles/cn\";\nimport { Heading } from \"../heading/heading\";\nimport { timelineListVariants } from \"./timeline-list-variants\";\n\n/** Resolved once at module scope — the recipe has no axes (no per-render work). */\nconst { root, item, dot, title, time, description } = timelineListVariants();\n\nexport type TimelineListRootProps = ComponentProps<\"ol\">;\nexport type TimelineListItemProps = ComponentProps<\"li\">;\nexport type TimelineListTitleProps = Omit<ComponentPropsWithoutRef<typeof Heading>, \"noMargin\">;\nexport type TimelineListTimeProps = Omit<ComponentProps<\"time\">, \"dateTime\"> & {\n  /**\n   * Event instant. A `Date` or parseable string, normalized with\n   * `new Date(date).toISOString()` onto the host `dateTime`. Every invalid value\n   * throws `RangeError(\"TimelineList.Time received an invalid date\")`.\n   */\n  date: string | Date;\n};\nexport type TimelineListDescriptionProps = ComponentProps<\"div\">;\n\nfunction TimelineListRoot({ className, ...props }: TimelineListRootProps): ReactElement {\n  return <ol data-slot=\"timeline-list\" className={cn(root(), className)} {...props} />;\n}\n\nfunction TimelineListItem({ className, children, ...props }: TimelineListItemProps): ReactElement {\n  return (\n    <li data-slot=\"timeline-list-item\" className={cn(item(), className)} {...props}>\n      <span data-slot=\"timeline-list-dot\" aria-hidden=\"true\" className={dot()} />\n      {children}\n    </li>\n  );\n}\n\nfunction TimelineListTitle({ className, level = 3, ...props }: TimelineListTitleProps): ReactElement {\n  return (\n    <Heading\n      data-slot=\"timeline-list-title\"\n      className={cn(title(), className)}\n      level={level}\n      {...props}\n      noMargin\n    />\n  );\n}\n\nfunction isoDateTime(date: string | Date): string {\n  const timeDate = new Date(date);\n  if (Number.isNaN(timeDate.getTime())) {\n    throw new RangeError(\"TimelineList.Time received an invalid date\");\n  }\n  return timeDate.toISOString();\n}\n\nfunction TimelineListTime({ children, className, date, ...props }: TimelineListTimeProps): ReactElement {\n  return (\n    <time\n      data-slot=\"timeline-list-time\"\n      className={cn(time(), className)}\n      {...props}\n      dateTime={isoDateTime(date)}>\n      {children}\n    </time>\n  );\n}\n\nfunction TimelineListDescription({ className, ...props }: TimelineListDescriptionProps): ReactElement {\n  return <div data-slot=\"timeline-list-description\" className={cn(description(), className)} {...props} />;\n}\n\nTimelineListRoot.displayName = \"TimelineList.Root\";\nTimelineListItem.displayName = \"TimelineList.Item\";\nTimelineListTitle.displayName = \"TimelineList.Title\";\nTimelineListTime.displayName = \"TimelineList.Time\";\nTimelineListDescription.displayName = \"TimelineList.Description\";\n\nexport const TimelineList = {\n  Root: TimelineListRoot,\n  Item: TimelineListItem,\n  Title: TimelineListTitle,\n  Time: TimelineListTime,\n  Description: TimelineListDescription,\n};\n"],"mappings":";;;;;;AAOA,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,MAAM,gBAAgB,qBAAqB;AAe3E,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAA8C;CACtF,OAAO,oBAAC,MAAD;EAAI,aAAU;EAAgB,WAAW,GAAG,KAAK,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrF;AAEA,SAAS,iBAAiB,EAAE,WAAW,UAAU,GAAG,SAA8C;CAChG,OACE,qBAAC,MAAD;EAAI,aAAU;EAAqB,WAAW,GAAG,KAAK,GAAG,SAAS;EAAG,GAAI;EAAzE,UAAA,CACE,oBAAC,QAAD;GAAM,aAAU;GAAoB,eAAY;GAAO,WAAW,IAAI;EAAI,CAAA,GACzE,QACC;;AAER;AAEA,SAAS,kBAAkB,EAAE,WAAW,QAAQ,GAAG,GAAG,SAA+C;CACnG,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,MAAM,GAAG,SAAS;EACzB;EACP,GAAI;EACJ,UAAA;CACD,CAAA;AAEL;AAEA,SAAS,YAAY,MAA6B;CAChD,MAAM,WAAW,IAAI,KAAK,IAAI;CAC9B,IAAI,OAAO,MAAM,SAAS,QAAQ,CAAC,GACjC,MAAM,IAAI,WAAW,4CAA4C;CAEnE,OAAO,SAAS,YAAY;AAC9B;AAEA,SAAS,iBAAiB,EAAE,UAAU,WAAW,MAAM,GAAG,SAA8C;CACtG,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,KAAK,GAAG,SAAS;EAC/B,GAAI;EACJ,UAAU,YAAY,IAAI;EACzB;CACG,CAAA;AAEV;AAEA,SAAS,wBAAwB,EAAE,WAAW,GAAG,SAAqD;CACpG,OAAO,oBAAC,OAAD;EAAK,aAAU;EAA4B,WAAW,GAAG,YAAY,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzG;AAEA,iBAAiB,cAAc;AAC/B,iBAAiB,cAAc;AAC/B,kBAAkB,cAAc;AAChC,iBAAiB,cAAc;AAC/B,wBAAwB,cAAc;AAEtC,MAAa,eAAe;CAC1B,MAAM;CACN,MAAM;CACN,OAAO;CACP,MAAM;CACN,aAAa;AACf"}

package/components/toast/index.d.ts

@@ -0,0 +1,16 @@
+import { ToastAction, ToastClose, ToastContent, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, createToastManager, useToastManager } from "./toast.js";
+//#region src/components/toast/index.d.ts
+export declare const Toast: {
+  Provider: typeof ToastProvider;
+  Viewport: typeof ToastViewport;
+  Root: typeof ToastRoot;
+  Content: typeof ToastContent;
+  Title: typeof ToastTitle;
+  Description: typeof ToastDescription;
+  Action: typeof ToastAction;
+  Close: typeof ToastClose;
+  useToastManager: typeof useToastManager;
+  createToastManager: typeof createToastManager;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/toast/index.ts"],"mappings":";;qBAkBa"}

package/components/toast/index.js

@@ -0,0 +1,23 @@
+import { ToastAction, ToastClose, ToastContent, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, createToastManager, useToastManager } from "./toast.js";
+//#region src/components/toast/index.ts
+/**
+* Server-visible namespace for `Toast`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const Toast = {
+	Provider: ToastProvider,
+	Viewport: ToastViewport,
+	Root: ToastRoot,
+	Content: ToastContent,
+	Title: ToastTitle,
+	Description: ToastDescription,
+	Action: ToastAction,
+	Close: ToastClose,
+	useToastManager,
+	createToastManager
+};
+//#endregion
+export { Toast };
+
+//# sourceMappingURL=index.js.map

package/components/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Toast`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport {\n  ToastProvider,\n  ToastViewport,\n  ToastRoot,\n  ToastContent,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n  useToastManager,\n  createToastManager,\n} from \"./toast\";\n\nexport const Toast = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n  useToastManager,\n  createToastManager,\n};\n"],"mappings":";;;;;;;AAkBA,MAAa,QAAQ;CACnB,UAAU;CACV,UAAU;CACV,MAAM;CACN,SAAS;CACT,OAAO;CACP,aAAa;CACb,QAAQ;CACR,OAAO;CACP;CACA;AACF"}

package/components/toast/toast-variants.js

@@ -0,0 +1,45 @@
+import { overlayPopupFillClass } from "../overlay/overlay-classes.js";
+import { tv } from "tailwind-variants";
+//#region src/components/toast/toast-variants.ts
+/**
+* Module-private slot recipe. Not exported from the public entry —
+* there is no proven recipe-borrowing use. `status` is derived from the toast's
+* `type`, not a consumer prop, and is not a density rung.
+*/
+const toastVariants = tv({
+	slots: {
+		root: "shadow-lg absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 h-[var(--height)] w-full origin-bottom [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] rounded-lg p-4 select-none [--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))] [transition:transform_0.2s_cubic-bezier(0.22,1,0.36,1),opacity_0.2s] after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-[ending-style]:opacity-0 data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-[limited]:opacity-0 data-[starting-style]:[transform:translateY(150%)] data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",
+		content: "isolate flex flex-col gap-1 transition-opacity [transition-duration:250ms] data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100",
+		title: "font-medium leading-5",
+		description: "leading-5 text-[var(--toast-copy,var(--muted-foreground))]",
+		icon: "mt-0.5 size-4 shrink-0"
+	},
+	variants: { status: {
+		neutral: { root: `${overlayPopupFillClass} ring-1 ring-border` },
+		loading: {
+			root: `${overlayPopupFillClass} ring-1 ring-border`,
+			icon: "animate-spin"
+		},
+		error: {
+			root: "bg-error-soft text-error-soft-foreground ring-1 ring-error/20 [--toast-copy:var(--error-soft-foreground)]",
+			icon: "text-error"
+		},
+		info: {
+			root: "bg-info-soft text-info-soft-foreground ring-1 ring-info/20 [--toast-copy:var(--info-soft-foreground)]",
+			icon: "text-info"
+		},
+		success: {
+			root: "bg-success-soft text-success-soft-foreground ring-1 ring-success/20 [--toast-copy:var(--success-soft-foreground)]",
+			icon: "text-success"
+		},
+		warning: {
+			root: "bg-warning-soft text-warning-soft-foreground ring-1 ring-warning/20 [--toast-copy:var(--warning-soft-foreground)]",
+			icon: "text-warning"
+		}
+	} },
+	defaultVariants: { status: "neutral" }
+});
+//#endregion
+export { toastVariants };
+
+//# sourceMappingURL=toast-variants.js.map

package/components/toast/toast-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-variants.js","names":[],"sources":["../../../src/components/toast/toast-variants.ts"],"sourcesContent":["/**\n * Module-private slot recipe. Not exported from the public entry —\n * there is no proven recipe-borrowing use. `status` is derived from the toast's\n * `type`, not a consumer prop, and is not a density rung.\n */\nimport { tv } from \"tailwind-variants\";\n\nimport { overlayPopupFillClass } from \"../overlay/overlay-classes\";\n\nexport const toastVariants = tv({\n  slots: {\n    root: \"shadow-lg absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 h-[var(--height)] w-full origin-bottom [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] rounded-lg p-4 select-none [--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))] [transition:transform_0.2s_cubic-bezier(0.22,1,0.36,1),opacity_0.2s] after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-[ending-style]:opacity-0 data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-[limited]:opacity-0 data-[starting-style]:[transform:translateY(150%)] data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]\",\n    content:\n      \"isolate flex flex-col gap-1 transition-opacity [transition-duration:250ms] data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100\",\n    title: \"font-medium leading-5\",\n    // The root publishes `--toast-copy` per status; the fallback keeps the neutral\n    // and loading copy on `muted-foreground`. A consumer className still merges over\n    // this slot, unlike an internal descendant selector.\n    description: \"leading-5 text-[var(--toast-copy,var(--muted-foreground))]\",\n    icon: \"mt-0.5 size-4 shrink-0\",\n  },\n  variants: {\n    status: {\n      // Toast takes the shared popup *fill* only, never the popup edge: it paints its\n      // own hairline ring rather than `overlayPopupEdgeClass`'s elevation-plus-ring\n      // pair, which is why the two constants are separate.\n      neutral: {\n        root: `${overlayPopupFillClass} ring-1 ring-border`,\n      },\n      loading: {\n        root: `${overlayPopupFillClass} ring-1 ring-border`,\n        icon: \"animate-spin\",\n      },\n      error: {\n        root: \"bg-error-soft text-error-soft-foreground ring-1 ring-error/20 [--toast-copy:var(--error-soft-foreground)]\",\n        icon: \"text-error\",\n      },\n      info: {\n        root: \"bg-info-soft text-info-soft-foreground ring-1 ring-info/20 [--toast-copy:var(--info-soft-foreground)]\",\n        icon: \"text-info\",\n      },\n      success: {\n        root: \"bg-success-soft text-success-soft-foreground ring-1 ring-success/20 [--toast-copy:var(--success-soft-foreground)]\",\n        icon: \"text-success\",\n      },\n      warning: {\n        root: \"bg-warning-soft text-warning-soft-foreground ring-1 ring-warning/20 [--toast-copy:var(--warning-soft-foreground)]\",\n        icon: \"text-warning\",\n      },\n    },\n  },\n  defaultVariants: {\n    status: \"neutral\",\n  },\n});\n"],"mappings":";;;;;;;;AASA,MAAa,gBAAgB,GAAG;CAC9B,OAAO;EACL,MAAM;EACN,SACE;EACF,OAAO;EAIP,aAAa;EACb,MAAM;CACR;CACA,UAAU,EACR,QAAQ;EAIN,SAAS,EACP,MAAM,GAAG,sBAAsB,qBACjC;EACA,SAAS;GACP,MAAM,GAAG,sBAAsB;GAC/B,MAAM;EACR;EACA,OAAO;GACL,MAAM;GACN,MAAM;EACR;EACA,MAAM;GACJ,MAAM;GACN,MAAM;EACR;EACA,SAAS;GACP,MAAM;GACN,MAAM;EACR;EACA,SAAS;GACP,MAAM;GACN,MAAM;EACR;CACF,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC"}

package/components/toast/toast.d.ts

@@ -0,0 +1,100 @@
+import { OverlayContainerProps } from "../overlay/overlay-props.js";
+import { ComponentProps, ReactElement } from "react";
+import { Toast, ToastManagerAddOptions, ToastManagerUpdateOptions, ToastObject } from "@base-ui/react/toast";
+//#region src/components/toast/toast.d.ts
+export type ToastStatus = "error" | "info" | "success" | "warning" | "loading";
+type ToastManagerAddOptions$1<Data extends object = object> = Omit<ToastManagerAddOptions<Data>, "type"> & {
+  /**
+   * Styled status. Unset is the neutral surface. Drives `-soft` chrome and the
+   * accessible priority default unless `priority` is set.
+   */
+  type?: ToastStatus;
+};
+type ToastManagerUpdateOptions$1<Data extends object = object> = Omit<ToastManagerUpdateOptions<Data>, "type"> & {
+  /**
+   * Styled status. An update that changes `type` and omits `priority` derives
+   * the new default; omitting both preserves the existing priority. Explicit
+   * `type: undefined` clears status to neutral and derives low priority.
+   */
+  type?: ToastStatus;
+};
+export type ToastManagerPromiseOptions<Value, Data extends object = object> = {
+  /** Loading state — a description string or a full options object. */
+  loading: string | ToastManagerUpdateOptions$1<Data>;
+  /** Success state after the promise resolves. */
+  success: string | ToastManagerUpdateOptions$1<Data> | ((result: Value) => string | ToastManagerUpdateOptions$1<Data>);
+  /** Error state after the promise rejects. Defaults high/assertive. */
+  error: string | ToastManagerUpdateOptions$1<Data> | ((cause: Error) => string | ToastManagerUpdateOptions$1<Data>);
+};
+export type UseToastManagerReturnValue<Data extends object = object> = {
+  toasts: ToastObject<Data>[];
+  add: <T extends Data = Data>(options: ToastManagerAddOptions$1<T>) => string;
+  close: (toastId?: string) => void;
+  update: <T extends Data = Data>(toastId: string, options: ToastManagerUpdateOptions$1<T>) => void;
+  promise: <Value, T extends Data = Data>(promise: Promise<Value>, options: ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+};
+export type CreateToastManagerReturnValue<Data extends object = object> = Omit<UseToastManagerReturnValue<Data>, "toasts">;
+/**
+ * Imperative toast manager for a tree under `Toast.Provider`. Returns the live
+ * `toasts` array plus `add` / `update` / `close` / `promise`.
+ */
+export declare function useToastManager<Data extends object = object>(): UseToastManagerReturnValue<Data>;
+/**
+ * Module-scope manager for code outside the React tree (timers, query-cache
+ * listeners). Same `add` / `update` / `close` / `promise` methods as the hook,
+ * with no reactive `toasts` array. Pass the result to
+ * `<Toast.Provider toastManager={…}>`.
+ */
+export declare function createToastManager<Data extends object = object>(): CreateToastManagerReturnValue<Data>;
+export type ToastProviderProps = Omit<ComponentProps<typeof Toast.Provider>, "toastManager"> & {
+  /**
+   * Optional manager from `Toast.createToastManager()` so non-React code
+   * (timers, query-cache listeners) can dispatch through the same adapter as
+   * `Toast.useToastManager()`.
+   */
+  toastManager?: CreateToastManagerReturnValue;
+};
+export declare function ToastProvider({ toastManager, ...props }: ToastProviderProps): ReactElement;
+export declare namespace ToastProvider {
+  var displayName: string;
+}
+export type ToastViewportProps = ComponentProps<typeof Toast.Viewport> & OverlayContainerProps;
+export declare function ToastViewport({ className, container, children, ...props }: ToastViewportProps): ReactElement | null;
+export declare namespace ToastViewport {
+  var displayName: string;
+}
+export declare function ToastRoot({ className, toast, ...props }: ComponentProps<typeof Toast.Root>): ReactElement;
+export declare namespace ToastRoot {
+  var displayName: string;
+}
+export declare function ToastContent({ className, ...props }: ComponentProps<typeof Toast.Content>): ReactElement;
+export declare namespace ToastContent {
+  var displayName: string;
+}
+export declare function ToastTitle({ className, ...props }: ComponentProps<typeof Toast.Title>): ReactElement;
+export declare namespace ToastTitle {
+  var displayName: string;
+}
+export declare function ToastDescription({ className, ...props }: ComponentProps<typeof Toast.Description>): ReactElement;
+export declare namespace ToastDescription {
+  var displayName: string;
+}
+export declare function ToastAction({ className, ...props }: ComponentProps<typeof Toast.Action>): ReactElement;
+export declare namespace ToastAction {
+  var displayName: string;
+}
+export type ToastCloseProps = ComponentProps<typeof Toast.Close> & {
+  /**
+   * Accessible name for the icon-only close button. An explicit `aria-label` wins over
+   * it; both default to the locale dictionary `toast.close`. Visible children replace
+   * the icon face and name the control themselves.
+   */
+  label?: string;
+};
+export declare function ToastClose({ className, label, children, ...props }: ToastCloseProps): ReactElement;
+export declare namespace ToastClose {
+  var displayName: string;
+}
+//#endregion
+export { ToastManagerAddOptions$1 as ToastManagerAddOptions, ToastManagerUpdateOptions$1 as ToastManagerUpdateOptions };
+//# sourceMappingURL=toast.d.ts.map

package/components/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../src/components/toast/toast.tsx"],"mappings":";;;;YAgCY;KAIA,yBAAuB,gCAAgC,KAAK,uBAAoB;;;;;EAK1F,OAAO;;KAGG,4BAA0B,gCAAgC,KACpE,0BAAuB;;;;;;EAQvB,OAAO;;YAGG,2BAA2B,OAAO;;EAE5C,kBAAkB,4BAA0B;;EAE5C,kBAEI,4BAA0B,UACxB,QAAQ,mBAAmB,4BAA0B;;EAE3D,gBAEI,4BAA0B,UACxB,OAAO,mBAAmB,4BAA0B;;YAGhD,2BAA2B;EACrC,QAAQ,YAAY;EACpB,MAAM,UAAU,OAAO,MAAM,SAAS,yBAAuB;EAC7D,QAAQ;EACR,SAAS,UAAU,OAAO,MAAM,iBAAiB,SAAS,4BAA0B;EACpF,UAAU,OAAO,UAAU,OAAO,MAChC,SAAS,QAAQ,QACjB,SAAS,2BAA2B,OAAO,OACxC,QAAQ;;YAGH,8BAA8B,gCAAgC,KACxE,2BAA2B;;;;;wBAwJb,gBAAgB,iCAAiC,2BAA2B;;;;;;;wBAmB5E,mBAAmB,iCAAiC,8BAA8B;YAMtF,qBAAqB,KAAK,sBAAsB,MAAe;;;;;;EAMzE,eAAe;;wBAGD,gBAAgB,iBAAiB,SAAS,qBAAqB;yBAA/D;MAAA;;YAaJ,qBAAqB,sBAAsB,MAAe,YAAY;wBAElE,gBACd,WACA,WACA,aACG,SACF,qBAAqB;yBALR;MAAA;;wBAuBA,YACd,WACA,UACG,SACF,sBAAsB,MAAe,QAAQ;yBAJhC;MAAA;;wBAkBA,eACd,cACG,SACF,sBAAsB,MAAe,WAAW;yBAHnC;MAAA;;wBAaA,aACd,cACG,SACF,sBAAsB,MAAe,SAAS;yBAHjC;MAAA;;wBASA,mBACd,cACG,SACF,sBAAsB,MAAe,eAAe;yBAHvC;MAAA;;wBAaA,cACd,cACG,SACF,sBAAsB,MAAe,UAAU;yBAHlC;MAAA;;YAcJ,kBAAkB,sBAAsB,MAAe;;;;;;EAMjE;;wBAOc,aAAa,WAAW,OAAO,aAAa,SAAS,kBAAkB;yBAAvE;MAAA"}

package/components/toast/toast.js

@@ -0,0 +1,262 @@
+"use client";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { useLocalizedStrings } from "../../hooks/use-localized-strings.js";
+import { Info } from "../../icons/generated/info.js";
+import { WarningOctagon } from "../../icons/generated/warning-octagon.js";
+import { Button } from "../button/button.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { overlayCloseStrings } from "../overlay/intl/index.js";
+import { overlayLayer } from "../overlay/overlay-classes.js";
+import { X } from "../../icons/generated/x.js";
+import { OverlayPortal } from "../overlay/overlay-portal.js";
+import { CheckCircle } from "../../icons/generated/check-circle.js";
+import { Warning } from "../../icons/generated/warning.js";
+import { SpinnerGap } from "../../icons/generated/spinner-gap.js";
+import { toastVariants } from "./toast-variants.js";
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast/toast.tsx
+/** Resolved once at module scope — these slots carry no status axis (no per-render work). */
+const { content, title, description } = toastVariants();
+const STATUS_ICONS = {
+	neutral: null,
+	error: WarningOctagon,
+	info: Info,
+	success: CheckCircle,
+	warning: Warning,
+	loading: SpinnerGap
+};
+/** Resolved once per status at module scope — the axis is a closed six-value set. */
+const STATUS_SLOTS = {
+	neutral: toastVariants({ status: "neutral" }),
+	error: toastVariants({ status: "error" }),
+	info: toastVariants({ status: "info" }),
+	success: toastVariants({ status: "success" }),
+	warning: toastVariants({ status: "warning" }),
+	loading: toastVariants({ status: "loading" })
+};
+function statusFromType(type) {
+	if (type === "error" || type === "info" || type === "success" || type === "warning" || type === "loading") return type;
+	return "neutral";
+}
+function derivedPriority(type) {
+	return type === "error" ? "high" : "low";
+}
+function adaptAddOptions(options) {
+	const { priority, ...rest } = options;
+	return {
+		...rest,
+		priority: priority ?? derivedPriority(options.type)
+	};
+}
+function adaptUpdateOptions(options) {
+	if (options.priority !== void 0) return { ...options };
+	if (Object.hasOwn(options, "type")) return {
+		...options,
+		priority: derivedPriority(options.type)
+	};
+	const { priority: _priority, ...rest } = options;
+	return rest;
+}
+/**
+* The two guards below ask a runtime question about consumer input, and both used to
+* spell it `Object.prototype.toString.call(…)` — an obfuscation that passed the lint
+* rule without answering it. They are honest `typeof` checks with a named disable now.
+*
+* Neither can borrow the shared `isTextNode`/`isTextValueNode` helpers: those narrow a
+* `ReactNode`, and these values are Toast's own manager unions — an options object is
+* not a `ReactNode`, and no shared guard narrows a callable.
+*/
+function isShorthandDescription(value) {
+	return typeof value === "string";
+}
+function isPromiseStateFactory(value) {
+	return typeof value === "function";
+}
+function adaptResolvedPromiseState(resolved, stateType) {
+	if (isShorthandDescription(resolved)) return {
+		description: resolved,
+		priority: derivedPriority(stateType)
+	};
+	const { priority, ...rest } = resolved;
+	return {
+		...rest,
+		priority: priority ?? derivedPriority(stateType)
+	};
+}
+function adaptPromiseOption(option, stateType) {
+	if (isPromiseStateFactory(option)) return (result) => adaptResolvedPromiseState(option(result), stateType);
+	return adaptResolvedPromiseState(option, stateType);
+}
+function wrapManagerMethods(manager) {
+	return {
+		...manager,
+		add: (options) => {
+			return manager.add(adaptAddOptions(options));
+		},
+		update: (id, options) => {
+			manager.update(id, adaptUpdateOptions(options));
+		},
+		close: (id) => {
+			manager.close(id);
+		},
+		promise: (promiseValue, options) => {
+			return manager.promise(promiseValue, {
+				loading: adaptResolvedPromiseState(options.loading, "loading"),
+				success: adaptPromiseOption(options.success, "success"),
+				error: adaptPromiseOption(options.error, "error")
+			});
+		}
+	};
+}
+/**
+* Imperative toast manager for a tree under `Toast.Provider`. Returns the live
+* `toasts` array plus `add` / `update` / `close` / `promise`.
+*/
+function useToastManager() {
+	const manager = Toast.useToastManager();
+	return useMemo(() => ({
+		...wrapManagerMethods(manager),
+		toasts: manager.toasts
+	}), [manager]);
+}
+/**
+* Module-scope manager for code outside the React tree (timers, query-cache
+* listeners). Same `add` / `update` / `close` / `promise` methods as the hook,
+* with no reactive `toasts` array. Pass the result to
+* `<Toast.Provider toastManager={…}>`.
+*/
+function createToastManager() {
+	return wrapManagerMethods(Toast.createToastManager());
+}
+function ToastProvider({ toastManager, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Provider, {
+		toastManager,
+		...props
+	});
+}
+function ToastViewport({ className, container, children, ...props }) {
+	return /* @__PURE__ */ jsx(OverlayPortal, {
+		portal: Toast.Portal,
+		container,
+		children: /* @__PURE__ */ jsx(Toast.Viewport, {
+			"data-slot": "toast-viewport",
+			className: mergeClassName(className, "sm:right-8 sm:bottom-8 sm:w-[340px] fixed top-auto right-4 bottom-4 isolate mx-auto flex w-[calc(100%-2rem)]", overlayLayer, selfFocusRingClass),
+			...props,
+			children: children ?? /* @__PURE__ */ jsx(ToastList, {})
+		})
+	});
+}
+function ToastRoot({ className, toast, ...props }) {
+	const status = statusFromType(toast.type);
+	const { root } = STATUS_SLOTS[status];
+	return /* @__PURE__ */ jsx(Toast.Root, {
+		"data-slot": "toast-root",
+		"data-status": status,
+		toast,
+		className: mergeClassName(className, root()),
+		...props
+	});
+}
+function ToastContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Content, {
+		"data-slot": "toast-content",
+		className: mergeClassName(className, content()),
+		...props
+	});
+}
+function ToastTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Title, {
+		"data-slot": "toast-title",
+		className: mergeClassName(className, title()),
+		...props
+	});
+}
+function ToastDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Description, {
+		"data-slot": "toast-description",
+		className: mergeClassName(className, description()),
+		...props
+	});
+}
+function ToastAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Action, {
+		"data-slot": "toast-action",
+		className: mergeClassName(className, "mt-2 w-fit"),
+		render: /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			variant: "outline"
+		}),
+		...props
+	});
+}
+function hasVisibleChildren(children) {
+	return children != null && children !== false && children !== true && children !== "";
+}
+function ToastClose({ className, label, children, ...props }) {
+	const strings = useLocalizedStrings(overlayCloseStrings);
+	const closeClassName = mergeClassName(className, "absolute top-2 right-2 text-muted-foreground");
+	if (hasVisibleChildren(children)) return /* @__PURE__ */ jsx(Toast.Close, {
+		"data-slot": "toast-close",
+		className: closeClassName,
+		render: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm"
+		}),
+		...props,
+		children
+	});
+	const accessibleName = props["aria-label"] ?? label ?? strings.format("close");
+	return /* @__PURE__ */ jsx(Toast.Close, {
+		"data-slot": "toast-close",
+		"aria-label": accessibleName,
+		className: closeClassName,
+		render: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": accessibleName
+		}),
+		...props,
+		children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+	});
+}
+function ToastList() {
+	const { toasts } = useToastManager();
+	return /* @__PURE__ */ jsx(Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsx(BuiltInToast, { toast }, toast.id)) });
+}
+function BuiltInToast({ toast }) {
+	const status = statusFromType(toast.type);
+	const { icon } = STATUS_SLOTS[status];
+	const Glyph = STATUS_ICONS[status];
+	return /* @__PURE__ */ jsx(ToastRoot, {
+		toast,
+		children: /* @__PURE__ */ jsxs(ToastContent, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-2 pr-8",
+			children: [Glyph ? /* @__PURE__ */ jsx(Glyph, {
+				"data-toast-icon": true,
+				"aria-hidden": "true",
+				className: icon()
+			}) : null, /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col gap-1 overflow-hidden",
+				children: [
+					/* @__PURE__ */ jsx(ToastTitle, {}),
+					/* @__PURE__ */ jsx(ToastDescription, {}),
+					/* @__PURE__ */ jsx(ToastAction, {})
+				]
+			})]
+		}), /* @__PURE__ */ jsx(ToastClose, {})] })
+	});
+}
+ToastProvider.displayName = "Toast.Provider";
+ToastViewport.displayName = "Toast.Viewport";
+ToastRoot.displayName = "Toast.Root";
+ToastContent.displayName = "Toast.Content";
+ToastTitle.displayName = "Toast.Title";
+ToastDescription.displayName = "Toast.Description";
+ToastAction.displayName = "Toast.Action";
+ToastClose.displayName = "Toast.Close";
+//#endregion
+export { ToastAction, ToastClose, ToastContent, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, createToastManager, useToastManager };
+
+//# sourceMappingURL=toast.js.map

package/components/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["ToastPrimitive"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\";\nimport type {\n  ToastManagerAddOptions as PrimitiveAddOptions,\n  ToastManagerPromiseOptions as PrimitivePromiseOptions,\n  ToastManagerUpdateOptions as PrimitiveUpdateOptions,\n  ToastObject,\n} from \"@base-ui/react/toast\";\n\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { CheckCircle } from \"../../icons/generated/check-circle\";\nimport { Info } from \"../../icons/generated/info\";\nimport { SpinnerGap } from \"../../icons/generated/spinner-gap\";\nimport { Warning } from \"../../icons/generated/warning\";\nimport { WarningOctagon } from \"../../icons/generated/warning-octagon\";\nimport { X } from \"../../icons/generated/x\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { Button } from \"../button/button\";\nimport { overlayCloseStrings } from \"../overlay/intl\";\nimport { overlayLayer } from \"../overlay/overlay-classes\";\nimport { OverlayPortal } from \"../overlay/overlay-portal\";\nimport type { OverlayContainerProps } from \"../overlay/overlay-props\";\nimport { toastVariants } from \"./toast-variants\";\n\n/** Resolved once at module scope — these slots carry no status axis (no per-render work). */\nconst { content, title, description } = toastVariants();\n\nexport type ToastStatus = \"error\" | \"info\" | \"success\" | \"warning\" | \"loading\";\n\ntype ToastPriority = \"low\" | \"high\";\n\nexport type ToastManagerAddOptions<Data extends object = object> = Omit<PrimitiveAddOptions<Data>, \"type\"> & {\n  /**\n   * Styled status. Unset is the neutral surface. Drives `-soft` chrome and the\n   * accessible priority default unless `priority` is set.\n   */\n  type?: ToastStatus;\n};\n\nexport type ToastManagerUpdateOptions<Data extends object = object> = Omit<\n  PrimitiveUpdateOptions<Data>,\n  \"type\"\n> & {\n  /**\n   * Styled status. An update that changes `type` and omits `priority` derives\n   * the new default; omitting both preserves the existing priority. Explicit\n   * `type: undefined` clears status to neutral and derives low priority.\n   */\n  type?: ToastStatus;\n};\n\nexport type ToastManagerPromiseOptions<Value, Data extends object = object> = {\n  /** Loading state — a description string or a full options object. */\n  loading: string | ToastManagerUpdateOptions<Data>;\n  /** Success state after the promise resolves. */\n  success:\n    | string\n    | ToastManagerUpdateOptions<Data>\n    | ((result: Value) => string | ToastManagerUpdateOptions<Data>);\n  /** Error state after the promise rejects. Defaults high/assertive. */\n  error:\n    | string\n    | ToastManagerUpdateOptions<Data>\n    | ((cause: Error) => string | ToastManagerUpdateOptions<Data>);\n};\n\nexport type UseToastManagerReturnValue<Data extends object = object> = {\n  toasts: ToastObject<Data>[];\n  add: <T extends Data = Data>(options: ToastManagerAddOptions<T>) => string;\n  close: (toastId?: string) => void;\n  update: <T extends Data = Data>(toastId: string, options: ToastManagerUpdateOptions<T>) => void;\n  promise: <Value, T extends Data = Data>(\n    promise: Promise<Value>,\n    options: ToastManagerPromiseOptions<Value, T>\n  ) => Promise<Value>;\n};\n\nexport type CreateToastManagerReturnValue<Data extends object = object> = Omit<\n  UseToastManagerReturnValue<Data>,\n  \"toasts\"\n>;\n\nconst STATUS_ICONS = {\n  neutral: null,\n  error: WarningOctagon,\n  info: Info,\n  success: CheckCircle,\n  warning: Warning,\n  loading: SpinnerGap,\n};\n\n/** Resolved once per status at module scope — the axis is a closed six-value set. */\nconst STATUS_SLOTS = {\n  neutral: toastVariants({ status: \"neutral\" }),\n  error: toastVariants({ status: \"error\" }),\n  info: toastVariants({ status: \"info\" }),\n  success: toastVariants({ status: \"success\" }),\n  warning: toastVariants({ status: \"warning\" }),\n  loading: toastVariants({ status: \"loading\" }),\n} satisfies Record<keyof typeof STATUS_ICONS, ReturnType<typeof toastVariants>>;\n\nfunction statusFromType(type: string | undefined): keyof typeof STATUS_ICONS {\n  if (type === \"error\" || type === \"info\" || type === \"success\" || type === \"warning\" || type === \"loading\") {\n    return type;\n  }\n  return \"neutral\";\n}\n\nfunction derivedPriority(type: string | undefined): ToastPriority {\n  return type === \"error\" ? \"high\" : \"low\";\n}\n\nfunction adaptAddOptions<Data extends object>(\n  options: ToastManagerAddOptions<Data>\n): PrimitiveAddOptions<Data> {\n  const { priority, ...rest } = options;\n  return {\n    ...rest,\n    priority: priority ?? derivedPriority(options.type),\n  };\n}\n\nfunction adaptUpdateOptions<Data extends object>(\n  options: ToastManagerUpdateOptions<Data>\n): PrimitiveUpdateOptions<Data> {\n  if (options.priority !== undefined) {\n    return { ...options };\n  }\n  if (Object.hasOwn(options, \"type\")) {\n    return { ...options, priority: derivedPriority(options.type) };\n  }\n  const { priority: _priority, ...rest } = options;\n  return rest;\n}\n\ntype PromiseStateInput<Value, Data extends object> =\n  | string\n  | ToastManagerUpdateOptions<Data>\n  | ((result: Value) => string | ToastManagerUpdateOptions<Data>);\n\n/**\n * The two guards below ask a runtime question about consumer input, and both used to\n * spell it `Object.prototype.toString.call(…)` — an obfuscation that passed the lint\n * rule without answering it. They are honest `typeof` checks with a named disable now.\n *\n * Neither can borrow the shared `isTextNode`/`isTextValueNode` helpers: those narrow a\n * `ReactNode`, and these values are Toast's own manager unions — an options object is\n * not a `ReactNode`, and no shared guard narrows a callable.\n */\nfunction isShorthandDescription<Data extends object>(\n  value: string | ToastManagerUpdateOptions<Data>\n): value is string {\n  // oxlint-disable-next-line anti-slop/no-runtime-typeof -- consumer-owned union: the string shorthand for `description` is a documented public contract, not an internal type guess\n  return typeof value === \"string\";\n}\n\nfunction isPromiseStateFactory<Value, Data extends object>(\n  value: PromiseStateInput<Value, Data>\n): value is (result: Value) => string | ToastManagerUpdateOptions<Data> {\n  // oxlint-disable-next-line anti-slop/no-runtime-typeof -- consumer-owned union: `promise()` states are documented as a value or a factory over the settled value, and the callable arm can only be told apart at runtime\n  return typeof value === \"function\";\n}\n\nfunction adaptResolvedPromiseState<Data extends object>(\n  resolved: string | ToastManagerUpdateOptions<Data>,\n  stateType: \"loading\" | \"success\" | \"error\"\n): PrimitiveUpdateOptions<Data> {\n  if (isShorthandDescription(resolved)) {\n    return { description: resolved, priority: derivedPriority(stateType) };\n  }\n  const { priority, ...rest } = resolved;\n  return {\n    ...rest,\n    priority: priority ?? derivedPriority(stateType),\n  };\n}\n\nfunction adaptPromiseOption<Value, Data extends object>(\n  option:\n    | string\n    | ToastManagerUpdateOptions<Data>\n    | ((result: Value) => string | ToastManagerUpdateOptions<Data>),\n  stateType: \"loading\" | \"success\" | \"error\"\n): PrimitiveUpdateOptions<Data> | ((result: Value) => PrimitiveUpdateOptions<Data>) {\n  if (isPromiseStateFactory<Value, Data>(option)) {\n    return (result: Value) => adaptResolvedPromiseState(option(result), stateType);\n  }\n  return adaptResolvedPromiseState(option, stateType);\n}\n\ntype PrimitiveManager = {\n  add: (options: PrimitiveAddOptions<object>) => string;\n  update: (id: string, options: PrimitiveUpdateOptions<object>) => void;\n  close: (id?: string) => void;\n  promise: <Value>(\n    promiseValue: Promise<Value>,\n    options: PrimitivePromiseOptions<Value, object>\n  ) => Promise<Value>;\n};\n\nfunction wrapManagerMethods(manager: PrimitiveManager): CreateToastManagerReturnValue {\n  return {\n    ...manager,\n    add: (options) => {\n      // SAFETY: the adapter only writes `priority`; custom `data` is forwarded unchanged.\n      return manager.add(adaptAddOptions(options));\n    },\n    update: (id, options) => {\n      // SAFETY: the adapter only writes `priority` when `type` changes; other fields pass through.\n      manager.update(id, adaptUpdateOptions(options));\n    },\n    close: (id) => {\n      manager.close(id);\n    },\n    promise: (promiseValue, options) => {\n      // SAFETY: each promise state is normalized to the primitive options shape with a\n      // type-aware priority default; the settled value is the original promise's value.\n      return manager.promise(promiseValue, {\n        loading: adaptResolvedPromiseState(options.loading, \"loading\"),\n        success: adaptPromiseOption(options.success, \"success\"),\n        error: adaptPromiseOption(options.error, \"error\"),\n      });\n    },\n  };\n}\n\n/**\n * Imperative toast manager for a tree under `Toast.Provider`. Returns the live\n * `toasts` array plus `add` / `update` / `close` / `promise`.\n */\nexport function useToastManager<Data extends object = object>(): UseToastManagerReturnValue<Data> {\n  const manager = ToastPrimitive.useToastManager<Data>();\n  return useMemo(\n    () => ({\n      // SAFETY: the hook manager is the primitive store face; wrapManagerMethods only\n      // rebinds add/update/close/promise and keeps `toasts` from this closure.\n      ...wrapManagerMethods(manager as PrimitiveManager),\n      toasts: manager.toasts,\n    }),\n    [manager]\n  );\n}\n\n/**\n * Module-scope manager for code outside the React tree (timers, query-cache\n * listeners). Same `add` / `update` / `close` / `promise` methods as the hook,\n * with no reactive `toasts` array. Pass the result to\n * `<Toast.Provider toastManager={…}>`.\n */\nexport function createToastManager<Data extends object = object>(): CreateToastManagerReturnValue<Data> {\n  // SAFETY: createToastManager is the primitive emit face; wrapManagerMethods only\n  // rebinds add/update/close/promise and preserves the private subscribe channel.\n  return wrapManagerMethods(ToastPrimitive.createToastManager<Data>() as PrimitiveManager);\n}\n\nexport type ToastProviderProps = Omit<ComponentProps<typeof ToastPrimitive.Provider>, \"toastManager\"> & {\n  /**\n   * Optional manager from `Toast.createToastManager()` so non-React code\n   * (timers, query-cache listeners) can dispatch through the same adapter as\n   * `Toast.useToastManager()`.\n   */\n  toastManager?: CreateToastManagerReturnValue;\n};\n\nexport function ToastProvider({ toastManager, ...props }: ToastProviderProps): ReactElement {\n  return (\n    <ToastPrimitive.Provider\n      toastManager={\n        // SAFETY: our adapter is a drop-in for the primitive manager; the private\n        // subscribe channel is preserved by wrapManagerMethods' object spread.\n        toastManager as ComponentProps<typeof ToastPrimitive.Provider>[\"toastManager\"]\n      }\n      {...props}\n    />\n  );\n}\n\nexport type ToastViewportProps = ComponentProps<typeof ToastPrimitive.Viewport> & OverlayContainerProps;\n\nexport function ToastViewport({\n  className,\n  container,\n  children,\n  ...props\n}: ToastViewportProps): ReactElement | null {\n  return (\n    <OverlayPortal portal={ToastPrimitive.Portal} container={container}>\n      <ToastPrimitive.Viewport\n        data-slot=\"toast-viewport\"\n        className={mergeClassName(\n          className,\n          \"sm:right-8 sm:bottom-8 sm:w-[340px] fixed top-auto right-4 bottom-4 isolate mx-auto flex w-[calc(100%-2rem)]\",\n          overlayLayer,\n          selfFocusRingClass\n        )}\n        {...props}>\n        {children ?? <ToastList />}\n      </ToastPrimitive.Viewport>\n    </OverlayPortal>\n  );\n}\n\nexport function ToastRoot({\n  className,\n  toast,\n  ...props\n}: ComponentProps<typeof ToastPrimitive.Root>): ReactElement {\n  const status = statusFromType(toast.type);\n  const { root } = STATUS_SLOTS[status];\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast-root\"\n      data-status={status}\n      toast={toast}\n      className={mergeClassName(className, root())}\n      {...props}\n    />\n  );\n}\n\nexport function ToastContent({\n  className,\n  ...props\n}: ComponentProps<typeof ToastPrimitive.Content>): ReactElement {\n  return (\n    <ToastPrimitive.Content\n      data-slot=\"toast-content\"\n      className={mergeClassName(className, content())}\n      {...props}\n    />\n  );\n}\n\nexport function ToastTitle({\n  className,\n  ...props\n}: ComponentProps<typeof ToastPrimitive.Title>): ReactElement {\n  return (\n    <ToastPrimitive.Title data-slot=\"toast-title\" className={mergeClassName(className, title())} {...props} />\n  );\n}\n\nexport function ToastDescription({\n  className,\n  ...props\n}: ComponentProps<typeof ToastPrimitive.Description>): ReactElement {\n  return (\n    <ToastPrimitive.Description\n      data-slot=\"toast-description\"\n      className={mergeClassName(className, description())}\n      {...props}\n    />\n  );\n}\n\nexport function ToastAction({\n  className,\n  ...props\n}: ComponentProps<typeof ToastPrimitive.Action>): ReactElement {\n  return (\n    <ToastPrimitive.Action\n      data-slot=\"toast-action\"\n      className={mergeClassName(className, \"mt-2 w-fit\")}\n      render={<Button size=\"sm\" variant=\"outline\" />}\n      {...props}\n    />\n  );\n}\n\nexport type ToastCloseProps = ComponentProps<typeof ToastPrimitive.Close> & {\n  /**\n   * Accessible name for the icon-only close button. An explicit `aria-label` wins over\n   * it; both default to the locale dictionary `toast.close`. Visible children replace\n   * the icon face and name the control themselves.\n   */\n  label?: string;\n};\n\nfunction hasVisibleChildren(children: ReactNode): boolean {\n  return children != null && children !== false && children !== true && children !== \"\";\n}\n\nexport function ToastClose({ className, label, children, ...props }: ToastCloseProps): ReactElement {\n  const strings = useLocalizedStrings(overlayCloseStrings);\n  const closeClassName = mergeClassName(className, \"absolute top-2 right-2 text-muted-foreground\");\n  if (hasVisibleChildren(children)) {\n    return (\n      <ToastPrimitive.Close\n        data-slot=\"toast-close\"\n        className={closeClassName}\n        render={<Button variant=\"ghost\" size=\"sm\" />}\n        {...props}>\n        {children}\n      </ToastPrimitive.Close>\n    );\n  }\n  // The render element's props win in Base UI's merge, and Button's icon sizes require\n  // aria-label, so the icon face repeats the part's resolved accessible name.\n  const accessibleName = props[\"aria-label\"] ?? label ?? strings.format(\"close\");\n  return (\n    <ToastPrimitive.Close\n      data-slot=\"toast-close\"\n      aria-label={accessibleName}\n      className={closeClassName}\n      render={<Button variant=\"ghost\" size=\"icon-sm\" aria-label={accessibleName} />}\n      {...props}>\n      <X aria-hidden=\"true\" />\n    </ToastPrimitive.Close>\n  );\n}\n\nfunction ToastList(): ReactElement {\n  const { toasts } = useToastManager();\n  return (\n    <>\n      {toasts.map((toast) => (\n        <BuiltInToast key={toast.id} toast={toast} />\n      ))}\n    </>\n  );\n}\n\nfunction BuiltInToast({ toast }: { toast: ToastObject<object> }): ReactElement {\n  const status = statusFromType(toast.type);\n  const { icon } = STATUS_SLOTS[status];\n  const Glyph = STATUS_ICONS[status];\n\n  return (\n    <ToastRoot toast={toast}>\n      <ToastContent>\n        <div className=\"flex items-start gap-2 pr-8\">\n          {Glyph ? <Glyph data-toast-icon aria-hidden=\"true\" className={icon()} /> : null}\n          <div className=\"flex min-w-0 flex-col gap-1 overflow-hidden\">\n            <ToastTitle />\n            <ToastDescription />\n            <ToastAction />\n          </div>\n        </div>\n        <ToastClose />\n      </ToastContent>\n    </ToastRoot>\n  );\n}\n\nToastProvider.displayName = \"Toast.Provider\";\nToastViewport.displayName = \"Toast.Viewport\";\nToastRoot.displayName = \"Toast.Root\";\nToastContent.displayName = \"Toast.Content\";\nToastTitle.displayName = \"Toast.Title\";\nToastDescription.displayName = \"Toast.Description\";\nToastAction.displayName = \"Toast.Action\";\nToastClose.displayName = \"Toast.Close\";\n"],"mappings":"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"}

package/components/toggle/toggle-variants.d.ts

@@ -0,0 +1,37 @@
+//#region src/components/toggle/toggle-variants.d.ts
+export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: "bg-transparent";
+    outline: "shadow-xs border border-input bg-transparent enabled-hover:bg-muted";
+  };
+  size: {
+    xs: string;
+    sm: string;
+    default: string;
+    lg: string;
+  };
+}, undefined, string, {
+  variant: {
+    default: "bg-transparent";
+    outline: "shadow-xs border border-input bg-transparent enabled-hover:bg-muted";
+  };
+  size: {
+    xs: string;
+    sm: string;
+    default: string;
+    lg: string;
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: "bg-transparent";
+    outline: "shadow-xs border border-input bg-transparent enabled-hover:bg-muted";
+  };
+  size: {
+    xs: string;
+    sm: string;
+    default: string;
+    lg: string;
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=toggle-variants.d.ts.map