@nexub/react 3.0.0 → 3.1.0

package/dist/{chunk-BIWSXGTZ.js → components/Tabs/Tabs.js}

@@ -1,23 +1,15 @@
-'use client';
-import {
-  useSlidingIndicator
-} from "./chunk-6UKNUI46.js";
-import {
-  useMergedRefs
-} from "./chunk-MNEXMMLM.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Tabs/Tabs.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixTabs from "@radix-ui/react-tabs";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useMergedRefs } from "../../hooks/useMergedRefs.js";
+import { useSlidingIndicator } from "../../hooks/useSlidingIndicator.js";
+const Root = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixTabs.Root, { ref, className: cn("flex flex-col gap-3", className), ...props })
 );
-Root2.displayName = "Tabs.Root";
-var List2 = React.forwardRef(
+Root.displayName = "Tabs.Root";
+const List = React.forwardRef(
   ({ className, children, ...props }, forwardedRef) => {
     const ref = React.useRef(null);
     useSlidingIndicator(ref, '[data-state="active"]');
@@ -49,8 +41,8 @@ var List2 = React.forwardRef(
     );
   }
 );
-List2.displayName = "Tabs.List";
-var Trigger2 = React.forwardRef(
+List.displayName = "Tabs.List";
+const Trigger = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixTabs.Trigger,
     {
@@ -67,8 +59,8 @@ var Trigger2 = React.forwardRef(
     }
   )
 );
-Trigger2.displayName = "Tabs.Trigger";
-var Content2 = React.forwardRef(
+Trigger.displayName = "Tabs.Trigger";
+const Content = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixTabs.Content,
     {
@@ -83,9 +75,8 @@ var Content2 = React.forwardRef(
     }
   )
 );
-Content2.displayName = "Tabs.Content";
-var Tabs = { Root: Root2, List: List2, Trigger: Trigger2, Content: Content2 };
-
+Content.displayName = "Tabs.Content";
+const Tabs = { Root, List, Trigger, Content };
 export {
   Tabs
 };

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { Tabs } from './Tabs.js';

package/dist/components/Tabs/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  Tabs
-} from "../../chunk-BIWSXGTZ.js";
-import "../../chunk-6UKNUI46.js";
-import "../../chunk-MNEXMMLM.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-WRVFNYO3.js";
+import { Tabs } from "./Tabs.js";
 export {
   Tabs
 };

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const textVariants: (props?: ({
+    size?: "body" | "label" | "caption" | "body-lg" | "body-sm" | null | undefined;
+    tone?: "default" | "subtle" | "secondary" | "muted" | "inverse" | null | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
+    asChild?: boolean;
+    truncate?: boolean;
+    lineClamp?: number;
+}
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/{chunk-UYINKNCI.js → components/Text/Text.js}

@@ -1,14 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Text/Text.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var textVariants = cva("", {
+import { cn } from "../../utils/cn.js";
+const textVariants = cva("", {
   variants: {
     size: {
       "body-lg": "text-lg leading-relaxed",
@@ -36,7 +31,7 @@ var textVariants = cva("", {
     tone: "default"
   }
 });
-var LINE_CLAMP = {
+const LINE_CLAMP = {
   1: "line-clamp-1",
   2: "line-clamp-2",
   3: "line-clamp-3",
@@ -44,7 +39,7 @@ var LINE_CLAMP = {
   5: "line-clamp-5",
   6: "line-clamp-6"
 };
-var Text = React.forwardRef(
+const Text = React.forwardRef(
   ({
     size,
     tone,
@@ -83,8 +78,7 @@ var Text = React.forwardRef(
   }
 );
 Text.displayName = "Text";
-
 export {
-  textVariants,
-  Text
+  Text,
+  textVariants
 };

package/dist/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text, textVariants } from './Text.js';
+export type { TextProps } from './Text.js';

package/dist/components/Text/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Text,
-  textVariants
-} from "../../chunk-UYINKNCI.js";
-import "../../chunk-WRVFNYO3.js";
+import { Text, textVariants } from "./Text.js";
 export {
   Text,
   textVariants

package/dist/components/TextGradient/TextGradient.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export interface TextGradientProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const TextGradient: React.ForwardRefExoticComponent<TextGradientProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-IDPRAXCG.js → components/TextGradient/TextGradient.js}

@@ -1,12 +1,7 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/TextGradient/TextGradient.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var TextGradient = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const TextGradient = React.forwardRef(
   ({ className, children, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -25,7 +20,6 @@ var TextGradient = React.forwardRef(
   }
 );
 TextGradient.displayName = "TextGradient";
-
 export {
   TextGradient
 };

package/dist/components/TextGradient/index.d.ts

@@ -0,0 +1,2 @@
+export { TextGradient } from './TextGradient.js';
+export type { TextGradientProps } from './TextGradient.js';

package/dist/components/TextGradient/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  TextGradient
-} from "../../chunk-IDPRAXCG.js";
-import "../../chunk-WRVFNYO3.js";
+import { TextGradient } from "./TextGradient.js";
 export {
   TextGradient
 };

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const textareaVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    invalid?: boolean | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
+    invalid?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    autoGrow?: boolean;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/{chunk-HL64PWVQ.js → components/Textarea/Textarea.js}

@@ -1,18 +1,10 @@
-'use client';
-import {
-  field,
-  fieldFocusVisible,
-  fieldInvalid
-} from "./chunk-VALIDQXU.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Textarea/Textarea.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var textareaVariants = cva(
+import { cn } from "../../utils/cn.js";
+import { field, fieldFocusVisible, fieldInvalid } from "../../utils/control.js";
+const textareaVariants = cva(
   [
     "w-full",
     field,
@@ -43,7 +35,7 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React.forwardRef(
+const Textarea = React.forwardRef(
   ({
     className,
     size,
@@ -114,8 +106,7 @@ var Textarea = React.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-
 export {
-  textareaVariants,
-  Textarea
+  Textarea,
+  textareaVariants
 };

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea, textareaVariants } from './Textarea.js';
+export type { TextareaProps } from './Textarea.js';

package/dist/components/Textarea/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  Textarea,
-  textareaVariants
-} from "../../chunk-HL64PWVQ.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-WRVFNYO3.js";
+import { Textarea, textareaVariants } from "./Textarea.js";
 export {
   Textarea,
   textareaVariants

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import type { GlassMode } from '@nexub/core';
+export type ThemeMode = 'light' | 'dark' | 'system';
+/** Glass intensity dial (user preference, like iOS 27's clear → tinted slider).
+ *  'off' makes every glass surface solid. Set as `data-glass` on <html>. */
+export type { GlassMode };
+export interface ThemeContextValue {
+    /** The resolved theme actually applied (never 'system'). */
+    resolvedTheme: 'light' | 'dark';
+    /** The mode set by the consumer — may be 'system'. */
+    theme: ThemeMode;
+    /** Change the active theme. */
+    setTheme: (mode: ThemeMode) => void;
+    /** Glass intensity. */
+    glass: GlassMode;
+    /** Change (and persist) the glass intensity. */
+    setGlass: (mode: GlassMode) => void;
+}
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    /**
+     * Initial theme.  Defaults to 'system'.
+     */
+    defaultTheme?: ThemeMode;
+    /**
+     * localStorage key used to persist the user's choice.
+     * Defaults to 'nexub-theme'.
+     */
+    storageKey?: string;
+    /** Initial glass intensity. Defaults to 'balanced'. */
+    defaultGlass?: GlassMode;
+    /** localStorage key for the glass intensity. Defaults to 'nexub-glass'. */
+    glassStorageKey?: string;
+    /**
+     * Brand seed colour (`#rgb` / `#rrggbb`) for white-label theming. The accent
+     * family named by `seedTarget` is regenerated from it (same HCT tones as the
+     * built-in roles, so WCAG pairs hold) and set on `<html>` via the CSSOM
+     * (strict-CSP safe), following the current `data-contrast` level.
+     *
+     * Runs on the client after `@nexub/tokens/seed` loads (a lazy chunk with
+     * the colour library), so server-rendered pages paint the default brand
+     * first. To avoid that flash, emit `createSeedThemeCss(seed)` from
+     * `@nexub/tokens/seed` into a server-rendered stylesheet instead.
+     */
+    seed?: string;
+    /** Accent family the seed recolours: 'primary' (default) or 'tertiary' (product brand). */
+    seedTarget?: 'primary' | 'tertiary';
+}
+export declare function ThemeProvider({ children, defaultTheme, storageKey, defaultGlass, glassStorageKey, seed, seedTarget, }: ThemeProviderProps): React.JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export interface ThemeScriptProps {
+    /** Must match ThemeProvider's `storageKey`. Defaults to 'nexub-theme'. */
+    storageKey?: string;
+    /** If set, a stored product brand (e.g. 'bookub') is applied as `data-product`. */
+    productStorageKey?: string;
+    /** Must match ThemeProvider's `glassStorageKey`. Defaults to 'nexub-glass'. */
+    glassStorageKey?: string;
+    /** If set, a stored contrast level ('standard' | 'medium' | 'high') is applied as `data-contrast`. */
+    contrastStorageKey?: string;
+    /** CSP nonce for pages whose script-src disallows inline scripts. */
+    nonce?: string;
+}
+/** @internal Exported for tests. */
+export declare function themeScriptSource(storageKey: string, productStorageKey?: string, glassStorageKey?: string, contrastStorageKey?: string): string;
+/**
+ * Applies the stored theme before first paint, so there is no light/dark flash.
+ * Render it in `<head>` (or at the top of `<body>`) on server-rendered pages.
+ */
+export declare function ThemeScript({ storageKey, productStorageKey, glassStorageKey, contrastStorageKey, nonce, }: ThemeScriptProps): React.JSX.Element;

package/dist/{chunk-ZBRRQHZG.js → components/ThemeProvider/ThemeProvider.js}

@@ -1,15 +1,11 @@
-'use client';
-import {
-  useIsomorphicLayoutEffect
-} from "./chunk-NHUQLIHL.js";
-
-// src/components/ThemeProvider/ThemeProvider.tsx
-import * as React from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
-var GLASS_MODES = ["clear", "balanced", "tinted", "off"];
-var ThemeContext = React.createContext(void 0);
+import * as React from "react";
+import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
+const GLASS_MODES = ["clear", "balanced", "tinted", "off"];
+const ThemeContext = React.createContext(void 0);
 ThemeContext.displayName = "ThemeContext";
-var DARK_QUERY = "(prefers-color-scheme: dark)";
+const DARK_QUERY = "(prefers-color-scheme: dark)";
 function applyTheme(theme) {
   if (typeof document === "undefined") return;
   const root = document.documentElement;
@@ -36,7 +32,7 @@ function readGlass(key, fallback) {
   }
   return fallback;
 }
-var CONTRAST_QUERY = "(prefers-contrast: more)";
+const CONTRAST_QUERY = "(prefers-contrast: more)";
 function readContrast(root) {
   const attr = root.getAttribute("data-contrast");
   if (attr === "standard" || attr === "medium" || attr === "high") return attr;
@@ -161,7 +157,7 @@ function useTheme() {
   }
   return ctx;
 }
-var jsString = (s) => JSON.stringify(s).replace(/</g, "\\u003c");
+const jsString = (s) => JSON.stringify(s).replace(/</g, "\\u003c");
 function themeScriptSource(storageKey, productStorageKey, glassStorageKey = "nexub-glass", contrastStorageKey) {
   const contrast = contrastStorageKey ? `var c=localStorage.getItem(${jsString(contrastStorageKey)});if(['standard','medium','high'].indexOf(c)>-1)d.setAttribute('data-contrast',c);` : "";
   const product = productStorageKey ? `var b=localStorage.getItem(${jsString(productStorageKey)});if(b&&b!=='base')d.setAttribute('data-product',b);` : "";
@@ -184,9 +180,9 @@ function ThemeScript({
     }
   );
 }
-
 export {
   ThemeProvider,
-  useTheme,
-  ThemeScript
+  ThemeScript,
+  themeScriptSource,
+  useTheme
 };

package/dist/components/ThemeProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeProvider, ThemeScript, useTheme } from './ThemeProvider.js';
+export type { ThemeMode, GlassMode, ThemeContextValue, ThemeProviderProps, ThemeScriptProps } from './ThemeProvider.js';

package/dist/components/ThemeProvider/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  ThemeProvider,
-  ThemeScript,
-  useTheme
-} from "../../chunk-ZBRRQHZG.js";
-import "../../chunk-NHUQLIHL.js";
+import { ThemeProvider, ThemeScript, useTheme } from "./ThemeProvider.js";
 export {
   ThemeProvider,
   ThemeScript,

package/dist/components/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface ThinkingIndicatorMessages {
+    thinking: string;
+}
+export interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Visible text. Pass `null` to hide it (it is still announced). @default messages.thinking */
+    label?: React.ReactNode;
+    /** @default 'md' */
+    size?: 'sm' | 'md';
+    /** Local overrides for this component's strings. */
+    messages?: Partial<ThinkingIndicatorMessages>;
+}
+/**
+ * Shows the assistant is working before tokens arrive: a primary-tinted shape
+ * morphing between a circle and a soft four-lobed squircle (.nx-morph), and a
+ * label with a decorative shimmer (.nx-shimmer). Reduced motion: both static.
+ */
+export declare const ThinkingIndicator: React.ForwardRefExoticComponent<ThinkingIndicatorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-VX56VQMF.js → components/ThinkingIndicator/ThinkingIndicator.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ThinkingIndicator/ThinkingIndicator.tsx
-import * as React from "react";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-var fallbackMessages = { thinking: "Thinking" };
-var ThinkingIndicator = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const fallbackMessages = { thinking: "Thinking" };
+const ThinkingIndicator = React.forwardRef(
   ({ label, size = "md", messages: messagesProp, className, ...props }, ref) => {
     const m = {
       ...fallbackMessages,
@@ -48,7 +42,6 @@ var ThinkingIndicator = React.forwardRef(
   }
 );
 ThinkingIndicator.displayName = "ThinkingIndicator";
-
 export {
   ThinkingIndicator
 };

package/dist/components/ThinkingIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { ThinkingIndicator } from './ThinkingIndicator.js';
+export type { ThinkingIndicatorProps, ThinkingIndicatorMessages } from './ThinkingIndicator.js';

package/dist/components/ThinkingIndicator/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  ThinkingIndicator
-} from "../../chunk-VX56VQMF.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { ThinkingIndicator } from "./ThinkingIndicator.js";
 export {
   ThinkingIndicator
 };

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as RadixToast from '@radix-ui/react-toast';
+/** Swipe to dismiss toward the viewport's inline-end edge: right, or left in RTL. */
+declare function Provider({ swipeDirection, ...props }: RadixToast.ToastProviderProps): React.JSX.Element;
+declare namespace Provider {
+    var displayName: string;
+}
+export declare const Toast: {
+    Provider: typeof Provider;
+    Viewport: React.ForwardRefExoticComponent<RadixToast.ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
+    Root: React.ForwardRefExoticComponent<RadixToast.ToastProps & React.RefAttributes<HTMLLIElement>>;
+    Title: React.ForwardRefExoticComponent<RadixToast.ToastTitleProps & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<RadixToast.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+    Action: React.ForwardRefExoticComponent<RadixToast.ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<RadixToast.ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/components/Toast/Toast.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadixToast from "@radix-ui/react-toast";
+import { cn } from "../../utils/cn.js";
+import { useLocale } from "../NexubProvider/NexubProvider.js";
+function Provider({ swipeDirection, ...props }) {
+  const { dir } = useLocale();
+  return /* @__PURE__ */ jsx(RadixToast.Provider, { swipeDirection: swipeDirection ?? (dir === "rtl" ? "left" : "right"), ...props });
+}
+Provider.displayName = "Toast.Provider";
+const Viewport = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixToast.Viewport,
+    {
+      ref,
+      className: cn(
+        "fixed top-0 end-0 z-[var(--z-toast,2000)] flex max-h-screen w-full flex-col-reverse p-4 sm:max-w-sm gap-2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Viewport.displayName = "Toast.Viewport";
+const Root = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixToast.Root,
+    {
+      ref,
+      className: cn(
+        // Snackbar: the inverse surface stands out from any page, light or dark.
+        "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-shape-container bg-[var(--color-inverse-surface)] py-3 ps-4 pe-2 text-[var(--color-inverse-on-surface)] shadow-elevation-2",
+        "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast",
+        // Follow the finger (Radix's signed swipe offsets), snap back on cancel, leave from where it was let go.
+        "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",
+        // Enter/exit slide from the right edge, where the viewport sits.
+        "nx-motion [--nx-x:calc(100%+1rem)] rtl:[--nx-x:calc(-100%-1rem)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Root.displayName = "Toast.Root";
+const Title = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Title, { ref, className: cn("text-title-sm", className), ...props })
+);
+Title.displayName = "Toast.Title";
+const Description = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixToast.Description,
+    {
+      ref,
+      className: cn("text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", className),
+      ...props
+    }
+  )
+);
+Description.displayName = "Toast.Description";
+const Action = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixToast.Action,
+    {
+      ref,
+      className: cn(
+        "nx-state-layer relative inline-flex min-h-[44px] min-w-[44px] shrink-0 items-center justify-center rounded-shape-control px-3 text-label-lg text-[var(--color-inverse-primary)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Action.displayName = "Toast.Action";
+const Close = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Close, { ref, className: cn("nx-state-layer relative grid h-8 w-8 place-items-center rounded-full", className), ...props })
+);
+Close.displayName = "Toast.Close";
+const Toast = { Provider, Viewport, Root, Title, Description, Action, Close };
+export {
+  Toast
+};

package/dist/components/Toast/Toaster.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface ToasterProps {
+    /** Always show the toasts as a list instead of a collapsed stack. */
+    expand?: boolean;
+    /** How many toasts are visible at once; older ones are visually hidden. Default 3. */
+    visibleToasts?: number;
+}
+/**
+ * Sonner-style stack. Collapsed: the newest toast in front, older ones peek
+ * out below it, scaled down. Hovering or focusing the viewport fans them out
+ * into a list. Radix pauses every toast's timer while the viewport is hovered
+ * or focused — the same condition that expands the stack.
+ *
+ * Measured heights reach CSS as custom properties set through the CSSOM
+ * (--nx-toast-index / --nx-toast-offset per toast, --nx-front-height and
+ * --nx-stack-height on the viewport), never a style attribute (strict CSP).
+ */
+export declare function Toaster({ expand, visibleToasts }: ToasterProps): React.JSX.Element;
+export declare namespace Toaster {
+    var displayName: string;
+}