@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/ui/components/ui/toast.d.ts

@@ -1,15 +1,170 @@
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
 import * as React from 'react';
+/**
+ * Provides Base UI toast context for the separately exported viewport.
+ * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.
+ * @returns The rendered ToastProvider composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence.
+ * @example
+ * ```tsx
+ * import { useState } from 'react';
+ * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [open, setOpen] = useState(true);
+ *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type="button" onClick={() => console.log("Review requested")}>Review</ToastAction><ToastClose type="button" /></Toast>);
+ * }
+ * ```
+ */
 declare const ToastProvider: React.FC<import('@base-ui/react').ToastProviderProps>;
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    variant?: "default" | "destructive";
+/**
+ * Renders the positioned Base UI notification viewport.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ToastViewport composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { useState } from 'react';
+ * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [open, setOpen] = useState(true);
+ *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type="button" onClick={() => console.log("Review requested")}>Review</ToastAction><ToastClose type="button" /></Toast>);
+ * }
+ * ```
+ */
+declare function ToastViewport({ ref, className, ...props }: React.PropsWithoutRef<ToastPrimitive.Viewport.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ToastViewport {
+    var displayName: string;
+}
+/**
+ * Renders host-controlled notification content and optionally requests timed dismissal.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default', duration=3000.
+ * @returns The rendered Toast composition, or null when it has no visible content.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { useState } from 'react';
+ * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [open, setOpen] = useState(true);
+ *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type="button" onClick={() => console.log("Review requested")}>Review</ToastAction><ToastClose type="button" /></Toast>);
+ * }
+ * ```
+ */
+declare function Toast({ ref, className, variant, open, onOpenChange, toast: _toast, children, duration, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visual treatment from the declared variant union; changing it does not alter host action semantics.
+     */
+    variant?: 'default' | 'destructive';
+    /**
+     * Controlled visibility; the host updates this value in response to close/open requests.
+     */
     open?: boolean;
+    /**
+     * Requests a new visibility state; the host must update open. Toast invokes false after its duration or close action.
+     * @param open - Requested visibility; false requests dismissal.
+     * @returns No value; complete the host callback action.
+     */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Compatibility input accepted but ignored by this div-based Toast wrapper.
+     */
     toast?: unknown;
+    /**
+     * Dismissal delay in milliseconds, default 3000; 0 or Infinity disables the timer.
+     */
     duration?: number;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace Toast {
+    var displayName: string;
+}
+/**
+ * Renders a notification heading as h3.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ToastTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { useState } from 'react';
+ * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [open, setOpen] = useState(true);
+ *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type="button" onClick={() => console.log("Review requested")}>Review</ToastAction><ToastClose type="button" /></Toast>);
+ * }
+ * ```
+ */
+declare function ToastTitle({ ref, className, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>): React.JSX.Element;
+declare namespace ToastTitle {
+    var displayName: string;
+}
+/**
+ * Renders supporting notification text in a div.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ToastDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { useState } from 'react';
+ * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [open, setOpen] = useState(true);
+ *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type="button" onClick={() => console.log("Review requested")}>Review</ToastAction><ToastClose type="button" /></Toast>);
+ * }
+ * ```
+ */
+declare function ToastDescription({ ref, className, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLParagraphElement>> & React.RefAttributes<HTMLParagraphElement>): React.JSX.Element;
+declare namespace ToastDescription {
+    var displayName: string;
+}
+/**
+ * Renders a native action button inside a notification.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ToastAction composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { useState } from 'react';
+ * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [open, setOpen] = useState(true);
+ *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type="button" onClick={() => console.log("Review requested")}>Review</ToastAction><ToastClose type="button" /></Toast>);
+ * }
+ * ```
+ */
+declare function ToastAction({ ref, className, ...props }: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace ToastAction {
+    var displayName: string;
+}
+/**
+ * Requests dismissal through Toast context before calling the host click handler.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ToastClose composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed dismiss icon.
+ * @example
+ * ```tsx
+ * import { useState } from 'react';
+ * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [open, setOpen] = useState(true);
+ *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type="button" onClick={() => console.log("Review requested")}>Review</ToastAction><ToastClose type="button" /></Toast>);
+ * }
+ * ```
+ */
+declare function ToastClose({ ref, className, onClick, ...props }: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace ToastClose {
+    var displayName: string;
+}
 export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/ui/components/ui/toast.js

@@ -6,71 +6,83 @@ import * as n from "react";
 import { XIcon as r } from "lucide-react";
 import { Toast as i } from "@base-ui/react/toast";
 //#region src/ui/components/ui/toast.tsx
-var a = i.Provider, o = n.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Viewport, {
-	ref: a,
-	"data-slot": "toast-viewport",
-	className: e("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", n),
-	...r
-}));
+var a = i.Provider;
+function o({ ref: n, className: r, ...a }) {
+	return /* @__PURE__ */ t(i.Viewport, {
+		ref: n,
+		"data-slot": "toast-viewport",
+		className: e("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", r),
+		...a
+	});
+}
 o.displayName = "ToastViewport";
-var s = n.createContext({}), c = n.forwardRef(({ className: r, variant: i = "default", open: a, onOpenChange: o, toast: c, children: l, duration: u = 3e3, ...d }, f) => (n.useEffect(() => {
-	if (a && o && u && u !== Infinity) {
-		let e = setTimeout(() => {
-			o(!1);
-		}, u);
-		return () => clearTimeout(e);
-	}
-}, [
-	a,
-	o,
-	u
-]), a === !1 ? null : /* @__PURE__ */ t(s.Provider, {
-	value: { onOpenChange: o },
-	children: /* @__PURE__ */ t("div", {
-		ref: f,
-		"data-slot": "toast",
-		"data-variant": i,
-		className: e("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all", "bg-background text-foreground border-border", "data-[variant=destructive]:border-destructive data-[variant=destructive]:bg-destructive data-[variant=destructive]:text-destructive-foreground", r),
-		...d,
-		children: l
-	})
-})));
+var s = n.createContext({});
+function c({ ref: r, className: i, variant: a = "default", open: o, onOpenChange: c, toast: l, children: u, duration: d = 3e3, ...f }) {
+	return n.useEffect(() => {
+		if (o && c && d && d !== Infinity) {
+			let e = setTimeout(() => {
+				c(!1);
+			}, d);
+			return () => clearTimeout(e);
+		}
+	}, [
+		o,
+		c,
+		d
+	]), o === !1 ? null : /* @__PURE__ */ t(s.Provider, {
+		value: { onOpenChange: c },
+		children: /* @__PURE__ */ t("div", {
+			ref: r,
+			"data-slot": "toast",
+			"data-variant": a,
+			className: e("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all", "bg-background text-foreground border-border", "data-[variant=destructive]:border-destructive data-[variant=destructive]:bg-destructive data-[variant=destructive]:text-destructive-foreground", i),
+			...f,
+			children: u
+		})
+	});
+}
 c.displayName = "Toast";
-var l = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("h3", {
-	ref: i,
-	"data-slot": "toast-title",
-	className: e("text-sm font-semibold", n),
-	...r
-}));
+function l({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("h3", {
+		ref: n,
+		"data-slot": "toast-title",
+		className: e("text-sm font-semibold", r),
+		...i
+	});
+}
 l.displayName = "ToastTitle";
-var u = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "toast-description",
-	className: e("text-sm opacity-90", n),
-	...r
-}));
+function u({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "toast-description",
+		className: e("text-sm opacity-90", r),
+		...i
+	});
+}
 u.displayName = "ToastDescription";
-var d = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("button", {
-	ref: i,
-	"data-slot": "toast-action",
-	className: e("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", n),
-	...r
-}));
+function d({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("button", {
+		ref: n,
+		"data-slot": "toast-action",
+		className: e("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", r),
+		...i
+	});
+}
 d.displayName = "ToastAction";
-var f = n.forwardRef(({ className: i, onClick: a, ...o }, c) => {
+function f({ ref: i, className: a, onClick: o, ...c }) {
 	let { onOpenChange: l } = n.useContext(s);
 	return /* @__PURE__ */ t("button", {
-		ref: c,
+		ref: i,
 		"data-slot": "toast-close",
 		"aria-label": "Dismiss notification",
-		className: e("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-100 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 z-[10000]", i),
+		className: e("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-100 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 z-[10000]", a),
 		onClick: (e) => {
-			l?.(!1), a?.(e);
+			l?.(!1), o?.(e);
 		},
-		...o,
+		...c,
 		children: /* @__PURE__ */ t(r, { className: "h-4 w-4" })
 	});
-});
+}
 f.displayName = "ToastClose";
 //#endregion
 export { c as Toast, d as ToastAction, f as ToastClose, u as ToastDescription, a as ToastProvider, l as ToastTitle, o as ToastViewport };

package/dist/ui/components/ui/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["ToastPrimitive","React","React$1","Toast$1","ToastProvider","ToastViewport","props","cn","className","ToastContext","Toast","_toast","open","onOpenChange","duration","timer","variant","ToastTitle","ToastDescription","ToastAction","ToastClose","onClick","XIcon"],"sources":["../../../../src/ui/components/ui/toast.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Toast as ToastPrimitive } from '@base-ui/react/toast';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst ToastProvider = ToastPrimitive.Provider;\n\nconst ToastViewport = React.forwardRef<HTMLDivElement, ToastPrimitive.Viewport.Props>(\n  ({ className, ...props }, ref) => (\n    <ToastPrimitive.Viewport\n      ref={ref}\n      data-slot='toast-viewport'\n      className={cn(\n        'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nToastViewport.displayName = 'ToastViewport';\n\nconst ToastContext = React.createContext<{ onOpenChange?: (open: boolean) => void }>({});\n\nconst Toast = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    variant?: 'default' | 'destructive';\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    toast?: unknown;\n    duration?: number;\n  }\n>(\n  (\n    {\n      className,\n      variant = 'default',\n      open,\n      onOpenChange,\n      toast: _toast,\n      children,\n      duration = 3000,\n      ...props\n    },\n    ref,\n  ) => {\n    React.useEffect(() => {\n      if (open && onOpenChange && duration && duration !== Infinity) {\n        const timer = setTimeout(() => {\n          onOpenChange(false);\n        }, duration);\n        return () => clearTimeout(timer);\n      }\n    }, [open, onOpenChange, duration]);\n\n    if (open === false) return null;\n    return (\n      <ToastContext.Provider value={{ onOpenChange }}>\n        <div\n          ref={ref}\n          data-slot='toast'\n          data-variant={variant}\n          className={cn(\n            'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all',\n            'bg-background text-foreground border-border',\n            'data-[variant=destructive]:border-destructive data-[variant=destructive]:bg-destructive data-[variant=destructive]:text-destructive-foreground',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </ToastContext.Provider>\n    );\n  },\n);\n\nToast.displayName = 'Toast';\n\nconst ToastTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      data-slot='toast-title'\n      className={cn('text-sm font-semibold', className)}\n      {...props}\n    />\n  ),\n);\nToastTitle.displayName = 'ToastTitle';\n\nconst ToastDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='toast-description'\n    className={cn('text-sm opacity-90', className)}\n    {...props}\n  />\n));\nToastDescription.displayName = 'ToastDescription';\n\nconst ToastAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, ...props }, ref) => (\n  <button\n    ref={ref}\n    data-slot='toast-action'\n    className={cn(\n      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = 'ToastAction';\n\nconst ToastClose = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, onClick, ...props }, ref) => {\n  const { onOpenChange } = React.useContext(ToastContext);\n  return (\n    <button\n      ref={ref}\n      data-slot='toast-close'\n      aria-label='Dismiss notification'\n      className={cn(\n        'absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-100 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 z-[10000]',\n        className,\n      )}\n      onClick={(e) => {\n        onOpenChange?.(false);\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      <XIcon className='h-4 w-4' />\n    </button>\n  );\n});\n\nToastClose.displayName = 'ToastClose';\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"mappings":";;;;;;;;AAQA,IAAMI,IAAgBJ,EAAe,UAE/BK,IAAgBJ,EAAM,YACzB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACN,EAAe,UAAhB;CACO;CACL,aAAU;CACV,WAAWO,EACT,qIACAC,CACF;CACA,GAAIF;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAE5B,IAAMG,IAAeR,EAAM,cAA0D,CAAC,CAAC,GAEjFS,IAAQT,EAAM,YAWhB,EACE,cACA,aAAU,WACV,SACA,iBACA,OAAOU,GACP,aACA,cAAW,KACX,GAAGL,KAEL,OAEAJ,EAAM,gBAAgB;CACpB,IAAIU,KAAQC,KAAgBC,KAAYA,MAAa,UAAU;EAC7D,IAAMC,IAAQ,iBAAiB;GAC7B,EAAa,EAAK;EACpB,GAAGD,CAAQ;EACX,aAAa,aAAaC,CAAK;CACjC;AACF,GAAG;CAACH;CAAMC;CAAcC;AAAQ,CAAC,GAE7BF,MAAS,KAAc,OAEzB,kBAACH,EAAa,UAAd;CAAuB,OAAO,EAAE,gBAAa;CAC3C,UAAA,kBAAC,OAAD;EACO;EACL,aAAU;EACV,gBAAcO;EACd,WAAWT,EACT,6JACA,+CACA,kJACAC,CACF;EACA,GAAIF;EAEH;CACE,CAAA;AACgB,CAAA,EAG7B;AAEA,EAAM,cAAc;AAEpB,IAAMW,IAAahB,EAAM,YACtB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAAC,MAAD;CACO;CACL,aAAU;CACV,WAAWC,EAAG,yBAAyBC,CAAS;CAChD,GAAIF;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAEzB,IAAMY,IAAmBjB,EAAM,YAG5B,EAAE,cAAW,GAAGK,KAAS,MAC1B,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWC,EAAG,sBAAsBC,CAAS;CAC7C,GAAIF;AACL,CAAA,CACF;AACD,EAAiB,cAAc;AAE/B,IAAMa,IAAclB,EAAM,YAGvB,EAAE,cAAW,GAAGK,KAAS,MAC1B,kBAAC,UAAD;CACO;CACL,aAAU;CACV,WAAWC,EACT,mSACAC,CACF;CACA,GAAIF;AACL,CAAA,CACF;AACD,EAAY,cAAc;AAE1B,IAAMc,IAAanB,EAAM,YAGtB,EAAE,cAAW,YAAS,GAAGK,KAAS,MAAQ;CAC3C,IAAM,EAAE,oBAAiBL,EAAM,WAAWQ,CAAY;CACtD,OACE,kBAAC,UAAD;EACO;EACL,aAAU;EACV,cAAW;EACX,WAAWF,EACT,6KACAC,CACF;EACA,UAAU,MAAM;GAEd,AADAK,IAAe,EAAK,GACpBQ,IAAU,CAAC;EACb;EACA,GAAIf;EAEJ,UAAA,kBAACgB,GAAD,EAAO,WAAU,UAAW,CAAA;CACtB,CAAA;AAEZ,CAAC;AAED,EAAW,cAAc"}
+{"version":3,"file":"toast.js","names":["ToastPrimitive","React","React$1","Toast$1","ToastProvider","ToastViewport","props","cn","className","ToastContext","Toast","_toast","open","onOpenChange","duration","timer","variant","ToastTitle","ToastDescription","ToastAction","ToastClose","onClick","XIcon"],"sources":["../../../../src/ui/components/ui/toast.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Toast as ToastPrimitive } from '@base-ui/react/toast';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Provides Base UI toast context for the separately exported viewport.\n * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.\n * @returns The rendered ToastProvider composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nconst ToastProvider = ToastPrimitive.Provider;\n\n/**\n * Renders the positioned Base UI notification viewport.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastViewport composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastViewport({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ToastPrimitive.Viewport.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ToastPrimitive.Viewport\n      ref={ref}\n      data-slot='toast-viewport'\n      className={cn(\n        'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nToastViewport.displayName = 'ToastViewport';\n\nconst ToastContext = React.createContext<{ onOpenChange?: (open: boolean) => void }>({});\n\n/**\n * Renders host-controlled notification content and optionally requests timed dismissal.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default', duration=3000.\n * @returns The rendered Toast composition, or null when it has no visible content.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction Toast({\n  ref,\n  className,\n  variant = 'default',\n  open,\n  onOpenChange,\n  toast: _toast,\n  children,\n  duration = 3000,\n  ...props\n}: React.PropsWithoutRef<\n  React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n     */\n    variant?: 'default' | 'destructive';\n    /**\n     * Controlled visibility; the host updates this value in response to close/open requests.\n     */\n    open?: boolean;\n    /**\n     * Requests a new visibility state; the host must update open. Toast invokes false after its duration or close action.\n     * @param open - Requested visibility; false requests dismissal.\n     * @returns No value; complete the host callback action.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Compatibility input accepted but ignored by this div-based Toast wrapper.\n     */\n    toast?: unknown;\n    /**\n     * Dismissal delay in milliseconds, default 3000; 0 or Infinity disables the timer.\n     */\n    duration?: number;\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  React.useEffect(() => {\n    if (open && onOpenChange && duration && duration !== Infinity) {\n      const timer = setTimeout(() => {\n        onOpenChange(false);\n      }, duration);\n      return () => clearTimeout(timer);\n    }\n  }, [open, onOpenChange, duration]);\n\n  if (open === false) return null;\n  return (\n    <ToastContext.Provider value={{ onOpenChange }}>\n      <div\n        ref={ref}\n        data-slot='toast'\n        data-variant={variant}\n        className={cn(\n          'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all',\n          'bg-background text-foreground border-border',\n          'data-[variant=destructive]:border-destructive data-[variant=destructive]:bg-destructive data-[variant=destructive]:text-destructive-foreground',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n\nToast.displayName = 'Toast';\n\n/**\n * Renders a notification heading as h3.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.HTMLAttributes<HTMLHeadingElement>> &\n  React.RefAttributes<HTMLHeadingElement>) {\n  return (\n    <h3\n      ref={ref}\n      data-slot='toast-title'\n      className={cn('text-sm font-semibold', className)}\n      {...props}\n    />\n  );\n}\nToastTitle.displayName = 'ToastTitle';\n\n/**\n * Renders supporting notification text in a div.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.HTMLAttributes<HTMLParagraphElement>> &\n  React.RefAttributes<HTMLParagraphElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='toast-description'\n      className={cn('text-sm opacity-90', className)}\n      {...props}\n    />\n  );\n}\nToastDescription.displayName = 'ToastDescription';\n\n/**\n * Renders a native action button inside a notification.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastAction({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> &\n  React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <button\n      ref={ref}\n      data-slot='toast-action'\n      className={cn(\n        'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nToastAction.displayName = 'ToastAction';\n\n/**\n * Requests dismissal through Toast context before calling the host click handler.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed dismiss icon.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastClose({\n  ref,\n  className,\n  onClick,\n  ...props\n}: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> &\n  React.RefAttributes<HTMLButtonElement>) {\n  const { onOpenChange } = React.useContext(ToastContext);\n  return (\n    <button\n      ref={ref}\n      data-slot='toast-close'\n      aria-label='Dismiss notification'\n      className={cn(\n        'absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-100 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 z-[10000]',\n        className,\n      )}\n      onClick={(e) => {\n        onOpenChange?.(false);\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      <XIcon className='h-4 w-4' />\n    </button>\n  );\n}\n\nToastClose.displayName = 'ToastClose';\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"mappings":";;;;;;;;AAyBA,IAAMI,IAAgBJ,EAAe;AAmBrC,SAASK,EAAc,EACrB,QACA,cACA,GAAGC,KAC0F;CAC7F,OACE,kBAACN,EAAe,UAAhB;EACO;EACL,aAAU;EACV,WAAWO,EACT,qIACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AACA,EAAc,cAAc;AAE5B,IAAMG,IAAeR,EAAM,cAA0D,CAAC,CAAC;AAmBvF,SAASS,EAAM,EACb,QACA,cACA,aAAU,WACV,SACA,iBACA,OAAOC,GACP,aACA,cAAW,KACX,GAAGL,KA2BkC;CAWrC,OAVAJ,EAAM,gBAAgB;EACpB,IAAIU,KAAQC,KAAgBC,KAAYA,MAAa,UAAU;GAC7D,IAAMC,IAAQ,iBAAiB;IAC7B,EAAa,EAAK;GACpB,GAAGD,CAAQ;GACX,aAAa,aAAaC,CAAK;EACjC;CACF,GAAG;EAACH;EAAMC;EAAcC;CAAQ,CAAC,GAE7BF,MAAS,KAAc,OAEzB,kBAACH,EAAa,UAAd;EAAuB,OAAO,EAAE,gBAAa;EAC3C,UAAA,kBAAC,OAAD;GACO;GACL,aAAU;GACV,gBAAcO;GACd,WAAWT,EACT,6JACA,+CACA,kJACAC,CACF;GACA,GAAIF;GAEH;EACE,CAAA;CACgB,CAAA;AAE3B;AAEA,EAAM,cAAc;AAmBpB,SAASW,EAAW,EAClB,QACA,cACA,GAAGX,KAEsC;CACzC,OACE,kBAAC,MAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,yBAAyBC,CAAS;EAChD,GAAIF;CACL,CAAA;AAEL;AACA,EAAW,cAAc;AAmBzB,SAASY,EAAiB,EACxB,QACA,cACA,GAAGZ,KAEwC;CAC3C,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,sBAAsBC,CAAS;EAC7C,GAAIF;CACL,CAAA;AAEL;AACA,EAAiB,cAAc;AAmB/B,SAASa,EAAY,EACnB,QACA,cACA,GAAGb,KAEqC;CACxC,OACE,kBAAC,UAAD;EACO;EACL,aAAU;EACV,WAAWC,EACT,mSACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AACA,EAAY,cAAc;AAmB1B,SAASc,EAAW,EAClB,QACA,cACA,YACA,GAAGd,KAEqC;CACxC,IAAM,EAAE,oBAAiBL,EAAM,WAAWQ,CAAY;CACtD,OACE,kBAAC,UAAD;EACO;EACL,aAAU;EACV,cAAW;EACX,WAAWF,EACT,6KACAC,CACF;EACA,UAAU,MAAM;GAEd,AADAK,IAAe,EAAK,GACpBQ,IAAU,CAAC;EACb;EACA,GAAIf;EAEJ,UAAA,kBAACgB,GAAD,EAAO,WAAU,UAAW,CAAA;CACtB,CAAA;AAEZ;AAEA,EAAW,cAAc"}

package/dist/ui/components/ui/toaster.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.cjs","names":["useToast","ToastProvider","Toast","ToastTitle","ToastDescription","ToastClose","ToastViewport","require_ui_components_ui_toast","require_ui_lib_hooks_use_toast","react_jsx_runtime","Toaster","toasts","props","title","description","action","id"],"sources":["../../../../src/ui/components/ui/toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast';\nimport { useToast } from '../../lib/hooks/use-toast';\n\n/**\n * トースト通知を画面上に描画するためのコンテナコンポーネント。\n *\n * アプリケーションのルート付近に一度だけ配置することで、\n * `useToast` フックによる通知が表示されるようになります。\n */\nexport function Toaster() {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} toast={{ id } as unknown as { id: string }} {...props}>\n            <div className='grid gap-1'>\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && <ToastDescription>{description}</ToastDescription>}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"],"mappings":"A,0MAkBA,SAAgBU,GAAU,CACxB,GAAM,CAAE,UAAWV,EAAAA,SAAS,EAE5B,OACE,EAAAS,EAAA,KAAA,CAACR,EAAAA,cAAD,CAAA,SAAA,CACGU,EAAO,IAAI,SAAU,CAAE,KAAI,QAAO,cAAa,SAAQ,GAAGC,GAAS,CAClE,OACE,EAAAH,EAAA,KAAA,CAACP,EAAAA,MAAD,CAAgB,MAAO,CAAE,IAAG,EAAgC,GAAIU,EAAhE,SAAA,EACE,EAAAH,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,aAAf,SAAA,CACGI,IAAS,EAAAJ,EAAA,IAAA,CAACN,EAAAA,WAAD,CAAA,SAAaU,CAAkB,CAAA,EACxCC,IAAe,EAAAL,EAAA,IAAA,CAACL,EAAAA,iBAAD,CAAA,SAAmBU,CAA8B,CAAA,CAC9D,C,GACJC,GACD,EAAAN,EAAA,IAAA,CAACJ,EAAAA,WAAD,CAAa,CAAA,CACR,CAPK,EAAAW,CAOL,CAEX,CAAC,GACD,EAAAP,EAAA,IAAA,CAACH,EAAAA,cAAD,CAAgB,CAAA,CACH,CAAA,CAAA,CAEnB,C"}
+{"version":3,"file":"toaster.cjs","names":["useToast","ToastProvider","Toast","ToastTitle","ToastDescription","ToastClose","ToastViewport","require_ui_components_ui_toast","require_ui_lib_hooks_use_toast","react_jsx_runtime","Toaster","toasts","props","title","description","action","id"],"sources":["../../../../src/ui/components/ui/toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast';\nimport { useToast } from '../../lib/hooks/use-toast';\n\n/**\n * Renders notifications from the module-level Appkit toast store and supplies a Base UI provider/viewport.\n * @returns The rendered Toaster composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Mount one Toaster in the client application shell. It subscribes through useToast; it does not require an external ToastProvider or QueryClient. Notifications use the custom div-based Toast wrapper, not Base UI toast manager data. State is in-memory/module-scoped rather than durable or per-request; the host owns notification content. Mapped Toast divs are siblings of ToastViewport rather than children of it, so the viewport does not position those notification elements; provide host layout if needed.\n * @example\n * ```tsx\n * import { toast } from '@alneas/appkit-react/ui/hooks';\n * import { Toaster } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><button onClick={() => toast({ title: \"Draft ready\", description: \"Review your draft.\" })}>Notify</button><Toaster /></>);\n * }\n * ```\n */\nexport function Toaster() {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} toast={{ id } as unknown as { id: string }} {...props}>\n            <div className='grid gap-1'>\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && <ToastDescription>{description}</ToastDescription>}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"],"mappings":"A,0MA2BA,SAAgBU,GAAU,CACxB,GAAM,CAAE,UAAWV,EAAAA,SAAS,EAE5B,OACE,EAAAS,EAAA,KAAA,CAACR,EAAAA,cAAD,CAAA,SAAA,CACGU,EAAO,IAAI,SAAU,CAAE,KAAI,QAAO,cAAa,SAAQ,GAAGC,GAAS,CAClE,OACE,EAAAH,EAAA,KAAA,CAACP,EAAAA,MAAD,CAAgB,MAAO,CAAE,IAAG,EAAgC,GAAIU,EAAhE,SAAA,EACE,EAAAH,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,aAAf,SAAA,CACGI,IAAS,EAAAJ,EAAA,IAAA,CAACN,EAAAA,WAAD,CAAA,SAAaU,CAAkB,CAAA,EACxCC,IAAe,EAAAL,EAAA,IAAA,CAACL,EAAAA,iBAAD,CAAA,SAAmBU,CAA8B,CAAA,CAC9D,C,GACJC,GACD,EAAAN,EAAA,IAAA,CAACJ,EAAAA,WAAD,CAAa,CAAA,CACR,CAPK,EAAAW,CAOL,CAEX,CAAC,GACD,EAAAP,EAAA,IAAA,CAACH,EAAAA,cAAD,CAAgB,CAAA,CACH,CAAA,CAAA,CAEnB,C"}

package/dist/ui/components/ui/toaster.d.cts

@@ -1,7 +1,16 @@
 /**
- * トースト通知を画面上に描画するためのコンテナコンポーネント。
+ * Renders notifications from the module-level Appkit toast store and supplies a Base UI provider/viewport.
+ * @returns The rendered Toaster composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Mount one Toaster in the client application shell. It subscribes through useToast; it does not require an external ToastProvider or QueryClient. Notifications use the custom div-based Toast wrapper, not Base UI toast manager data. State is in-memory/module-scoped rather than durable or per-request; the host owns notification content. Mapped Toast divs are siblings of ToastViewport rather than children of it, so the viewport does not position those notification elements; provide host layout if needed.
+ * @example
+ * ```tsx
+ * import { toast } from '@alneas/appkit-react/ui/hooks';
+ * import { Toaster } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
  *
- * アプリケーションのルート付近に一度だけ配置することで、
- * `useToast` フックによる通知が表示されるようになります。
+ * export function Example() {
+ *   return (<><button onClick={() => toast({ title: "Draft ready", description: "Review your draft." })}>Notify</button><Toaster /></>);
+ * }
+ * ```
  */
 export declare function Toaster(): import('react').JSX.Element;

package/dist/ui/components/ui/toaster.d.ts

@@ -1,7 +1,16 @@
 /**
- * トースト通知を画面上に描画するためのコンテナコンポーネント。
+ * Renders notifications from the module-level Appkit toast store and supplies a Base UI provider/viewport.
+ * @returns The rendered Toaster composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Mount one Toaster in the client application shell. It subscribes through useToast; it does not require an external ToastProvider or QueryClient. Notifications use the custom div-based Toast wrapper, not Base UI toast manager data. State is in-memory/module-scoped rather than durable or per-request; the host owns notification content. Mapped Toast divs are siblings of ToastViewport rather than children of it, so the viewport does not position those notification elements; provide host layout if needed.
+ * @example
+ * ```tsx
+ * import { toast } from '@alneas/appkit-react/ui/hooks';
+ * import { Toaster } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
  *
- * アプリケーションのルート付近に一度だけ配置することで、
- * `useToast` フックによる通知が表示されるようになります。
+ * export function Example() {
+ *   return (<><button onClick={() => toast({ title: "Draft ready", description: "Review your draft." })}>Notify</button><Toaster /></>);
+ * }
+ * ```
  */
 export declare function Toaster(): import('react').JSX.Element;

package/dist/ui/components/ui/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","names":["Toaster","useToast","ToastProvider","toasts","props","Toast","title","ToastTitle","description","ToastDescription","action","ToastClose","id","ToastViewport"],"sources":["../../../../src/ui/components/ui/toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast';\nimport { useToast } from '../../lib/hooks/use-toast';\n\n/**\n * トースト通知を画面上に描画するためのコンテナコンポーネント。\n *\n * アプリケーションのルート付近に一度だけ配置することで、\n * `useToast` フックによる通知が表示されるようになります。\n */\nexport function Toaster() {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} toast={{ id } as unknown as { id: string }} {...props}>\n            <div className='grid gap-1'>\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && <ToastDescription>{description}</ToastDescription>}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgBA,IAAU;CACxB,IAAM,EAAE,cAAWC,EAAS;CAE5B,OACE,kBAACC,GAAD,EAAA,UAAA,CACGC,EAAO,IAAI,SAAU,EAAE,OAAI,UAAO,gBAAa,WAAQ,GAAGC,KAAS;EAClE,OACE,kBAACC,GAAD;GAAgB,OAAO,EAAE,MAAG;GAAgC,GAAID;GAAhE,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACGE,KAAS,kBAACC,GAAD,EAAA,UAAaD,EAAkB,CAAA,GACxCE,KAAe,kBAACC,GAAD,EAAA,UAAmBD,EAA8B,CAAA,CAC9D;;IACJE;IACD,kBAACC,GAAD,CAAa,CAAA;GACR;EAPK,GAAAC,CAOL;CAEX,CAAC,GACD,kBAACC,GAAD,CAAgB,CAAA,CACH,EAAA,CAAA;AAEnB"}
+{"version":3,"file":"toaster.js","names":["Toaster","useToast","ToastProvider","toasts","props","Toast","title","ToastTitle","description","ToastDescription","action","ToastClose","id","ToastViewport"],"sources":["../../../../src/ui/components/ui/toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast';\nimport { useToast } from '../../lib/hooks/use-toast';\n\n/**\n * Renders notifications from the module-level Appkit toast store and supplies a Base UI provider/viewport.\n * @returns The rendered Toaster composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Mount one Toaster in the client application shell. It subscribes through useToast; it does not require an external ToastProvider or QueryClient. Notifications use the custom div-based Toast wrapper, not Base UI toast manager data. State is in-memory/module-scoped rather than durable or per-request; the host owns notification content. Mapped Toast divs are siblings of ToastViewport rather than children of it, so the viewport does not position those notification elements; provide host layout if needed.\n * @example\n * ```tsx\n * import { toast } from '@alneas/appkit-react/ui/hooks';\n * import { Toaster } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><button onClick={() => toast({ title: \"Draft ready\", description: \"Review your draft.\" })}>Notify</button><Toaster /></>);\n * }\n * ```\n */\nexport function Toaster() {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} toast={{ id } as unknown as { id: string }} {...props}>\n            <div className='grid gap-1'>\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && <ToastDescription>{description}</ToastDescription>}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"],"mappings":";;;;;;AA2BA,SAAgBA,IAAU;CACxB,IAAM,EAAE,cAAWC,EAAS;CAE5B,OACE,kBAACC,GAAD,EAAA,UAAA,CACGC,EAAO,IAAI,SAAU,EAAE,OAAI,UAAO,gBAAa,WAAQ,GAAGC,KAAS;EAClE,OACE,kBAACC,GAAD;GAAgB,OAAO,EAAE,MAAG;GAAgC,GAAID;GAAhE,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACGE,KAAS,kBAACC,GAAD,EAAA,UAAaD,EAAkB,CAAA,GACxCE,KAAe,kBAACC,GAAD,EAAA,UAAmBD,EAA8B,CAAA,CAC9D;;IACJE;IACD,kBAACC,GAAD,CAAa,CAAA;GACR;EAPK,GAAAC,CAOL;CAEX,CAAC,GACD,kBAACC,GAAD,CAAgB,CAAA,CACH,EAAA,CAAA;AAEnB"}

package/dist/ui/components/ui/toggle-components.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./toggle-variants.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("@base-ui/react/toggle");var o=i.forwardRef(({className:e,variant:i,size:o,...s},c)=>(0,r.jsx)(a.Toggle,{ref:c,"data-slot":`toggle`,className:t.cn(n.toggleVariants({variant:i,size:o,className:e})),...s}));o.displayName=`Toggle`,exports.Toggle=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./toggle-variants.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("@base-ui/react/toggle");function o({ref:e,className:i,variant:o,size:s,...c}){return(0,r.jsx)(a.Toggle,{ref:e,"data-slot":`toggle`,className:t.cn(n.toggleVariants({variant:o,size:s,className:i})),...c})}o.displayName=`Toggle`,exports.Toggle=o;
 //# sourceMappingURL=toggle-components.cjs.map

package/dist/ui/components/ui/toggle-components.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-components.cjs","names":["React","TogglePrimitive","cn","toggleVariants","require_runtime","require_ui_lib_utils","require_ui_components_ui_toggle_variants","react_jsx_runtime","react","_base_ui_react_toggle","Toggle","props"],"sources":["../../../../src/ui/components/ui/toggle-components.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\nimport { toggleVariants } from './toggle-variants';\n\nconst Toggle = React.forwardRef<\n  HTMLButtonElement,\n  TogglePrimitive.Props & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive\n    ref={ref}\n    data-slot='toggle'\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\nToggle.displayName = 'Toggle';\n\nexport { Toggle };\n"],"mappings":"A,6TAOA,IAAMU,EAASV,EAAM,YAGlB,CAAE,YAAW,UAAS,OAAM,GAAGW,GAAS,KACzC,EAAAJ,EAAA,IAAA,CAACN,EAAAA,OAAD,CACO,MACL,YAAU,SACV,UAAWC,EAAAA,GAAGC,EAAAA,eAAe,CAAE,UAAS,OAAM,WAAU,CAAC,CAAC,EAC1D,GAAIQ,CACL,CAAA,CACF,EACD,EAAO,YAAc,S"}
+{"version":3,"file":"toggle-components.cjs","names":["TogglePrimitive","cn","toggleVariants","require_runtime","require_ui_lib_utils","require_ui_components_ui_toggle_variants","react_jsx_runtime","react","_base_ui_react_toggle","Toggle","props"],"sources":["../../../../src/ui/components/ui/toggle-components.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\nimport { toggleVariants } from './toggle-variants';\n\n/**\n * Renders a binary pressed-state control with Appkit toggle variants.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Toggle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size use toggleVariants defaults (default). Base UI owns pressed/defaultPressed and onPressedChange behavior; this is a toggle button rather than a form checkbox. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Toggle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Toggle aria-label=\"Bold\" defaultPressed>B</Toggle>);\n * }\n * ```\n */\nfunction Toggle({\n  ref,\n  className,\n  variant,\n  size,\n  ...props\n}: React.PropsWithoutRef<TogglePrimitive.Props & VariantProps<typeof toggleVariants>> &\n  React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <TogglePrimitive\n      ref={ref}\n      data-slot='toggle'\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\nToggle.displayName = 'Toggle';\n\nexport { Toggle };\n"],"mappings":"A,6TAsBA,SAASS,EAAO,CACd,MACA,YACA,UACA,OACA,GAAGC,GAEqC,CACxC,OACE,EAAAJ,EAAA,IAAA,CAACN,EAAAA,OAAD,CACO,MACL,YAAU,SACV,UAAWC,EAAAA,GAAGC,EAAAA,eAAe,CAAE,UAAS,OAAM,WAAU,CAAC,CAAC,EAC1D,GAAIQ,CACL,CAAA,CAEL,CACA,EAAO,YAAc,S"}

package/dist/ui/components/ui/toggle-components.d.cts

@@ -1,8 +1,24 @@
 import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
 import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from './toggle-variants.cjs';
 import * as React from 'react';
-declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.Props<string> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Renders a binary pressed-state control with Appkit toggle variants.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Toggle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size use toggleVariants defaults (default). Base UI owns pressed/defaultPressed and onPressedChange behavior; this is a toggle button rather than a form checkbox. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Toggle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Toggle aria-label="Bold" defaultPressed>B</Toggle>);
+ * }
+ * ```
+ */
+declare function Toggle({ ref, className, variant, size, ...props }: React.PropsWithoutRef<TogglePrimitive.Props & VariantProps<typeof toggleVariants>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace Toggle {
+    var displayName: string;
+}
 export { Toggle };

package/dist/ui/components/ui/toggle-components.d.ts

@@ -1,8 +1,24 @@
 import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
 import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from './toggle-variants.js';
 import * as React from 'react';
-declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.Props<string> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Renders a binary pressed-state control with Appkit toggle variants.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Toggle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size use toggleVariants defaults (default). Base UI owns pressed/defaultPressed and onPressedChange behavior; this is a toggle button rather than a form checkbox. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Toggle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Toggle aria-label="Bold" defaultPressed>B</Toggle>);
+ * }
+ * ```
+ */
+declare function Toggle({ ref, className, variant, size, ...props }: React.PropsWithoutRef<TogglePrimitive.Props & VariantProps<typeof toggleVariants>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace Toggle {
+    var displayName: string;
+}
 export { Toggle };

package/dist/ui/components/ui/toggle-components.js

@@ -2,21 +2,23 @@
 import { cn as e } from "../../lib/utils.js";
 import { toggleVariants as t } from "./toggle-variants.js";
 import { jsx as n } from "react/jsx-runtime";
-import * as r from "react";
-import { Toggle as i } from "@base-ui/react/toggle";
+import "react";
+import { Toggle as r } from "@base-ui/react/toggle";
 //#region src/ui/components/ui/toggle-components.tsx
-var a = r.forwardRef(({ className: r, variant: a, size: o, ...s }, c) => /* @__PURE__ */ n(i, {
-	ref: c,
-	"data-slot": "toggle",
-	className: e(t({
-		variant: a,
-		size: o,
-		className: r
-	})),
-	...s
-}));
-a.displayName = "Toggle";
+function i({ ref: i, className: a, variant: o, size: s, ...c }) {
+	return /* @__PURE__ */ n(r, {
+		ref: i,
+		"data-slot": "toggle",
+		className: e(t({
+			variant: o,
+			size: s,
+			className: a
+		})),
+		...c
+	});
+}
+i.displayName = "Toggle";
 //#endregion
-export { a as Toggle };
+export { i as Toggle };
 
 //# sourceMappingURL=toggle-components.js.map

package/dist/ui/components/ui/toggle-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-components.js","names":["React","TogglePrimitive","React$1","Toggle$1","Toggle","props","cn","toggleVariants"],"sources":["../../../../src/ui/components/ui/toggle-components.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\nimport { toggleVariants } from './toggle-variants';\n\nconst Toggle = React.forwardRef<\n  HTMLButtonElement,\n  TogglePrimitive.Props & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive\n    ref={ref}\n    data-slot='toggle'\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\nToggle.displayName = 'Toggle';\n\nexport { Toggle };\n"],"mappings":";;;;;;;AAOA,IAAMI,IAASJ,EAAM,YAGlB,EAAE,cAAW,YAAS,SAAM,GAAGK,KAAS,MACzC,kBAACJ,GAAD;CACO;CACL,aAAU;CACV,WAAWK,EAAGC,EAAe;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAC1D,GAAIF;AACL,CAAA,CACF;AACD,EAAO,cAAc"}
+{"version":3,"file":"toggle-components.js","names":["TogglePrimitive","Toggle$1","Toggle","props","cn","toggleVariants"],"sources":["../../../../src/ui/components/ui/toggle-components.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\nimport { toggleVariants } from './toggle-variants';\n\n/**\n * Renders a binary pressed-state control with Appkit toggle variants.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Toggle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size use toggleVariants defaults (default). Base UI owns pressed/defaultPressed and onPressedChange behavior; this is a toggle button rather than a form checkbox. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Toggle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Toggle aria-label=\"Bold\" defaultPressed>B</Toggle>);\n * }\n * ```\n */\nfunction Toggle({\n  ref,\n  className,\n  variant,\n  size,\n  ...props\n}: React.PropsWithoutRef<TogglePrimitive.Props & VariantProps<typeof toggleVariants>> &\n  React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <TogglePrimitive\n      ref={ref}\n      data-slot='toggle'\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\nToggle.displayName = 'Toggle';\n\nexport { Toggle };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAO,EACd,QACA,cACA,YACA,SACA,GAAGC,KAEqC;CACxC,OACE,kBAACH,GAAD;EACO;EACL,aAAU;EACV,WAAWI,EAAGC,EAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAIF;CACL,CAAA;AAEL;AACA,EAAO,cAAc"}