@alneas/appkit-react 0.2.0 → 0.3.0

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

@@ -1,3 +1,4 @@
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
 import * as React from 'react';
 /**
  * Provides Base UI toast context for the separately exported viewport.
@@ -34,7 +35,10 @@ declare const ToastProvider: React.FC<import('@base-ui/react').ToastProviderProp
  * }
  * ```
  */
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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.
@@ -52,11 +56,11 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<import('@base-
  * }
  * ```
  */
-declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+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";
+    variant?: 'default' | 'destructive';
     /**
      * Controlled visibility; the host updates this value in response to close/open requests.
      */
@@ -75,7 +79,10 @@ declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDi
      * Dismissal delay in milliseconds, default 3000; 0 or Infinity disables the timer.
      */
     duration?: number;
-} & React.RefAttributes<HTMLDivElement>>;
+}> & 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.
@@ -93,7 +100,10 @@ declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDi
  * }
  * ```
  */
-declare const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+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.
@@ -111,7 +121,10 @@ declare const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<H
  * }
  * ```
  */
-declare const ToastDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+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.
@@ -129,7 +142,10 @@ declare const ToastDescription: React.ForwardRefExoticComponent<React.HTMLAttrib
  * }
  * ```
  */
-declare const ToastAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+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.
@@ -147,5 +163,8 @@ declare const ToastAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttri
  * }
  * ```
  */
-declare const ToastClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+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\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 */\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\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 */\nconst Toast = React.forwardRef<\n  HTMLDivElement,\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  (\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\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 */\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\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 */\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\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 */\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\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 */\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":";;;;;;;;AAyBA,IAAMI,IAAgBJ,EAAe,UAmB/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,GAmBjFS,IAAQT,EAAM,YA4BhB,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;AAmBpB,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;AAmBzB,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;AAmB/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;AAmB1B,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/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\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 */\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,6TAsBA,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,5 +1,6 @@
 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';
 /**
  * Renders a binary pressed-state control with Appkit toggle variants.
@@ -16,8 +17,8 @@ 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>>;
+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,5 +1,6 @@
 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';
 /**
  * Renders a binary pressed-state control with Appkit toggle variants.
@@ -16,8 +17,8 @@ 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>>;
+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\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 */\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":";;;;;;;AAsBA,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"}

package/dist/ui/components/ui/toggle-group.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");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/toggle-group"),a=require("@base-ui/react/toggle");var o=r.forwardRef(({className:e,children:r,...a},o)=>(0,n.jsx)(i.ToggleGroup,{ref:o,className:t.cn(`flex items-center justify-center gap-1`,e),...a,children:r}));o.displayName=`ToggleGroup`;var s=r.forwardRef(({className:e,children:r,...i},o)=>(0,n.jsx)(a.Toggle,{ref:o,className:t.cn(`inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground first:rounded-l-md last:rounded-r-md`,e),...i,children:r}));s.displayName=`ToggleGroupItem`,exports.ToggleGroup=o,exports.ToggleGroupItem=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/toggle-group"),a=require("@base-ui/react/toggle");function o({ref:e,className:r,children:a,...o}){return(0,n.jsx)(i.ToggleGroup,{ref:e,className:t.cn(`flex items-center justify-center gap-1`,r),...o,children:a})}o.displayName=`ToggleGroup`;function s({ref:e,className:r,children:i,...o}){return(0,n.jsx)(a.Toggle,{ref:e,className:t.cn(`inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground first:rounded-l-md last:rounded-r-md`,r),...o,children:i})}s.displayName=`ToggleGroupItem`,exports.ToggleGroup=o,exports.ToggleGroupItem=s;
 //# sourceMappingURL=toggle-group.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.cjs","names":["React","ToggleGroupPrimitive","cn","TogglePrimitive","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_toggle_group","_base_ui_react_toggle","ToggleGroup","props","className","ToggleGroupItem"],"sources":["../../../../src/ui/components/ui/toggle-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a collection of toggle values through Base UI group state.\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 ToggleGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place distinct value-bearing items under ToggleGroup. The wrappers use Base UI ToggleGroup and Toggle directly; group selection behavior follows the upstream props. Unlike Toggle, these wrappers do not apply toggleVariants. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ToggleGroup defaultValue={[\"bold\"]} aria-label=\"Text style\"><ToggleGroupItem value=\"bold\" aria-label=\"Bold\">B</ToggleGroupItem><ToggleGroupItem value=\"italic\" aria-label=\"Italic\">I</ToggleGroupItem></ToggleGroup>);\n * }\n * ```\n */\nconst ToggleGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive>\n>(({ className, children, ...props }, ref) => (\n  <ToggleGroupPrimitive\n    ref={ref}\n    className={cn('flex items-center justify-center gap-1', className)}\n    {...props}\n  >\n    {children}\n  </ToggleGroupPrimitive>\n));\nToggleGroup.displayName = 'ToggleGroup';\n\n/**\n * Renders a value-bearing toggle inside its surrounding toggle group.\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 ToggleGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place distinct value-bearing items under ToggleGroup. The wrappers use Base UI ToggleGroup and Toggle directly; group selection behavior follows the upstream props. Unlike Toggle, these wrappers do not apply toggleVariants. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ToggleGroup defaultValue={[\"bold\"]} aria-label=\"Text style\"><ToggleGroupItem value=\"bold\" aria-label=\"Bold\">B</ToggleGroupItem><ToggleGroupItem value=\"italic\" aria-label=\"Italic\">I</ToggleGroupItem></ToggleGroup>);\n * }\n * ```\n */\nconst ToggleGroupItem = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive> & {\n    /**\n     * Identity for this choice within the surrounding group; provide a distinct stable string.\n     */\n    value: string;\n  }\n>(({ className, children, ...props }, ref) => {\n  // In Base UI, we just use Toggle inside ToggleGroup?\n  // Or is there a ToggleGroup.Item?\n  // Docs/Exports showed ToggleGroup export.\n  // Usually standard pattern is ToggleGroup.Item.\n  // But if ToggleGroup is a component, maybe it accepts Toggles?\n  // Let's assume we use Toggle as Item, but wrapped.\n  // Wait, Toggle needs to know if it's checked based on Group.\n  // If Base UI ToggleGroup communicates via Context, then Toggle inside it works.\n  // Explicitly importing standard Toggle.\n  return (\n    <TogglePrimitive\n      ref={ref}\n      className={cn(\n        'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground first:rounded-l-md last:rounded-r-md',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TogglePrimitive>\n  );\n});\nToggleGroupItem.displayName = 'ToggleGroupItem';\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"A,mUAqBA,IAAMU,EAAcV,EAAM,YAGvB,CAAE,YAAW,WAAU,GAAGW,GAAS,KACpC,EAAAL,EAAA,IAAA,CAACL,EAAAA,YAAD,CACO,MACL,UAAWC,EAAAA,GAAG,yCAA0CU,CAAS,EACjE,GAAID,EAEH,UACmB,CAAA,CACvB,EACD,EAAY,YAAc,cAiB1B,IAAME,EAAkBb,EAAM,YAQ3B,CAAE,YAAW,WAAU,GAAGW,GAAS,KAWlC,EAAAL,EAAA,IAAA,CAACH,EAAAA,OAAD,CACO,MACL,UAAWD,EAAAA,GACT,sZACAU,CACF,EACA,GAAID,EAEH,UACc,CAAA,CAEpB,EACD,EAAgB,YAAc,kB"}
+{"version":3,"file":"toggle-group.cjs","names":["ToggleGroupPrimitive","cn","TogglePrimitive","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_toggle_group","_base_ui_react_toggle","ToggleGroup","props","className","ToggleGroupItem"],"sources":["../../../../src/ui/components/ui/toggle-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a collection of toggle values through Base UI group state.\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 ToggleGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place distinct value-bearing items under ToggleGroup. The wrappers use Base UI ToggleGroup and Toggle directly; group selection behavior follows the upstream props. Unlike Toggle, these wrappers do not apply toggleVariants. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ToggleGroup defaultValue={[\"bold\"]} aria-label=\"Text style\"><ToggleGroupItem value=\"bold\" aria-label=\"Bold\">B</ToggleGroupItem><ToggleGroupItem value=\"italic\" aria-label=\"Italic\">I</ToggleGroupItem></ToggleGroup>);\n * }\n * ```\n */\nfunction ToggleGroup({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ToggleGroupPrimitive\n      ref={ref}\n      className={cn('flex items-center justify-center gap-1', className)}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive>\n  );\n}\nToggleGroup.displayName = 'ToggleGroup';\n\n/**\n * Renders a value-bearing toggle inside its surrounding toggle group.\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 ToggleGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place distinct value-bearing items under ToggleGroup. The wrappers use Base UI ToggleGroup and Toggle directly; group selection behavior follows the upstream props. Unlike Toggle, these wrappers do not apply toggleVariants. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ToggleGroup defaultValue={[\"bold\"]} aria-label=\"Text style\"><ToggleGroupItem value=\"bold\" aria-label=\"Bold\">B</ToggleGroupItem><ToggleGroupItem value=\"italic\" aria-label=\"Italic\">I</ToggleGroupItem></ToggleGroup>);\n * }\n * ```\n */\nfunction ToggleGroupItem({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive> & {\n    /**\n     * Identity for this choice within the surrounding group; provide a distinct stable string.\n     */\n    value: string;\n  }\n> &\n  React.RefAttributes<HTMLButtonElement>) {\n  // In Base UI, we just use Toggle inside ToggleGroup?\n  // Or is there a ToggleGroup.Item?\n  // Docs/Exports showed ToggleGroup export.\n  // Usually standard pattern is ToggleGroup.Item.\n  // But if ToggleGroup is a component, maybe it accepts Toggles?\n  // Let's assume we use Toggle as Item, but wrapped.\n  // Wait, Toggle needs to know if it's checked based on Group.\n  // If Base UI ToggleGroup communicates via Context, then Toggle inside it works.\n  // Explicitly importing standard Toggle.\n  return (\n    <TogglePrimitive\n      ref={ref}\n      className={cn(\n        'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground first:rounded-l-md last:rounded-r-md',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TogglePrimitive>\n  );\n}\nToggleGroupItem.displayName = 'ToggleGroupItem';\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"A,mUAqBA,SAASS,EAAY,CACnB,MACA,YACA,WACA,GAAGC,GAEkC,CACrC,OACE,EAAAL,EAAA,IAAA,CAACL,EAAAA,YAAD,CACO,MACL,UAAWC,EAAAA,GAAG,yCAA0CU,CAAS,EACjE,GAAID,EAEH,UACmB,CAAA,CAE1B,CACA,EAAY,YAAc,cAiB1B,SAASE,EAAgB,CACvB,MACA,YACA,WACA,GAAGF,GASqC,CAUxC,OACE,EAAAL,EAAA,IAAA,CAACH,EAAAA,OAAD,CACO,MACL,UAAWD,EAAAA,GACT,sZACAU,CACF,EACA,GAAID,EAEH,UACc,CAAA,CAErB,CACA,EAAgB,YAAc,kB"}

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

@@ -16,7 +16,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.Props<string> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ToggleGroup({ ref, className, children, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
 /**
  * Renders a value-bearing toggle inside its surrounding toggle group.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -32,10 +35,13 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimi
  * }
  * ```
  */
-declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<TogglePrimitive.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+declare function ToggleGroupItem({ ref, className, children, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof TogglePrimitive> & {
     /**
      * Identity for this choice within the surrounding group; provide a distinct stable string.
      */
     value: string;
-} & React.RefAttributes<HTMLButtonElement>>;
+}> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace ToggleGroupItem {
+    var displayName: string;
+}
 export { ToggleGroup, ToggleGroupItem };

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

@@ -16,7 +16,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.Props<string> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ToggleGroup({ ref, className, children, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
 /**
  * Renders a value-bearing toggle inside its surrounding toggle group.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -32,10 +35,13 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimi
  * }
  * ```
  */
-declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<TogglePrimitive.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+declare function ToggleGroupItem({ ref, className, children, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof TogglePrimitive> & {
     /**
      * Identity for this choice within the surrounding group; provide a distinct stable string.
      */
     value: string;
-} & React.RefAttributes<HTMLButtonElement>>;
+}> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace ToggleGroupItem {
+    var displayName: string;
+}
 export { ToggleGroup, ToggleGroupItem };

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

@@ -1,25 +1,29 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { ToggleGroup as r } from "@base-ui/react/toggle-group";
-import { Toggle as i } from "@base-ui/react/toggle";
+import "react";
+import { ToggleGroup as n } from "@base-ui/react/toggle-group";
+import { Toggle as r } from "@base-ui/react/toggle";
 //#region src/ui/components/ui/toggle-group.tsx
-var a = n.forwardRef(({ className: n, children: i, ...a }, o) => /* @__PURE__ */ t(r, {
-	ref: o,
-	className: e("flex items-center justify-center gap-1", n),
-	...a,
-	children: i
-}));
-a.displayName = "ToggleGroup";
-var o = n.forwardRef(({ className: n, children: r, ...a }, o) => /* @__PURE__ */ t(i, {
-	ref: o,
-	className: e("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground first:rounded-l-md last:rounded-r-md", n),
-	...a,
-	children: r
-}));
-o.displayName = "ToggleGroupItem";
+function i({ ref: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ t(n, {
+		ref: r,
+		className: e("flex items-center justify-center gap-1", i),
+		...o,
+		children: a
+	});
+}
+i.displayName = "ToggleGroup";
+function a({ ref: n, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ t(r, {
+		ref: n,
+		className: e("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground first:rounded-l-md last:rounded-r-md", i),
+		...o,
+		children: a
+	});
+}
+a.displayName = "ToggleGroupItem";
 //#endregion
-export { a as ToggleGroup, o as ToggleGroupItem };
+export { i as ToggleGroup, a as ToggleGroupItem };
 
 //# sourceMappingURL=toggle-group.js.map