@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/ui/components/ui/tabs-variants.d.ts

@@ -1,3 +1,18 @@
+/**
+ * Builds classes for a default, line or primary tab strip.
+ * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.
+ * @returns The combined CSS class string for the supplied variant axes and additional class/className values.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. variant defaults to default. These pure CVA helpers return class strings and do not add behavior or DOM attributes.
+ * @example
+ * ```tsx
+ * import { tabsListVariants } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div className={tabsListVariants()}>Styled content</div>);
+ * }
+ * ```
+ */
 export declare const tabsListVariants: (props?: ({
     variant?: "line" | "default" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/ui/components/ui/tabs-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-variants.js","names":["tabsListVariants","cva"],"sources":["../../../../src/ui/components/ui/tabs-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const tabsListVariants = cva(\n  'rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col',\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted',\n        line: 'gap-1 bg-transparent',\n        primary: 'bg-primary/10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n"],"mappings":";;;AAEA,IAAaA,IAAmBC,EAC9B,uQACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF"}
+{"version":3,"file":"tabs-variants.js","names":["tabsListVariants","cva"],"sources":["../../../../src/ui/components/ui/tabs-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Builds classes for a default, line or primary tab strip.\n * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.\n * @returns The combined CSS class string for the supplied variant axes and additional class/className values.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. variant defaults to default. These pure CVA helpers return class strings and do not add behavior or DOM attributes.\n * @example\n * ```tsx\n * import { tabsListVariants } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div className={tabsListVariants()}>Styled content</div>);\n * }\n * ```\n */\nexport const tabsListVariants = cva(\n  'rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col',\n  {\n    variants: {\n      /**\n       * Visual treatment selected by the consumer; these values change CSS classes only.\n       * Accepted values: default, line, primary.\n       * @defaultValue 'default'\n       * @see tabsListVariants\n       */\n      variant: {\n        default: 'bg-muted',\n        line: 'gap-1 bg-transparent',\n        primary: 'bg-primary/10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n"],"mappings":";;;AAiBA,IAAaA,IAAmBC,EAC9B,uQACA;CACE,UAAU,EAOR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","Textarea","props","testId","className"],"sources":["../../../../src/ui/components/ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\nexport interface TextareaProps extends React.ComponentProps<'textarea'> {\n  testId?: string;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, testId, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot='textarea'\n        data-testid={testId}\n        className={cn(\n          'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"A,mPAQA,IAAMM,EAAWN,EAAM,YACpB,CAAE,YAAW,SAAQ,GAAGO,GAAS,KAE9B,EAAAH,EAAA,IAAA,CAAC,WAAD,CACO,MACL,YAAU,WACV,cAAaI,EACb,UAAWP,EAAAA,GACT,iiBACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAGP,EACA,EAAS,YAAc,W"}
+{"version":3,"file":"textarea.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","Textarea","props","testId","className"],"sources":["../../../../src/ui/components/ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Native textarea attributes plus a stable selector; labels are supplied separately.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Textarea\n */\nexport interface TextareaProps extends React.ComponentProps<'textarea'> {\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders a native multiline text input with Appkit styling and optional test ID.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Textarea composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. testId maps to data-testid. Native textarea value/defaultValue/onChange semantics apply; this wrapper adds no debouncing or validation. No label prop is supported: use Label/htmlFor or an accessible name. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Textarea, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"notes\">Notes</Label><Textarea id=\"notes\" testId=\"notes\" rows={4} /></>);\n * }\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, testId, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot='textarea'\n        data-testid={testId}\n        className={cn(\n          'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"A,mPA+BA,IAAMM,EAAWN,EAAM,YACpB,CAAE,YAAW,SAAQ,GAAGO,GAAS,KAE9B,EAAAH,EAAA,IAAA,CAAC,WAAD,CACO,MACL,YAAU,WACV,cAAaI,EACb,UAAWP,EAAAA,GACT,iiBACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAGP,EACA,EAAS,YAAc,W"}

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

@@ -1,6 +1,29 @@
 import * as React from 'react';
+/**
+ * Native textarea attributes plus a stable selector; labels are supplied separately.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Textarea
+ */
 export interface TextareaProps extends React.ComponentProps<'textarea'> {
+    /**
+     * Stable data-testid assigned to the rendered control/container; omitted means no selector.
+     */
     testId?: string;
 }
+/**
+ * Renders a native multiline text input with Appkit styling and optional test ID.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Textarea composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. testId maps to data-testid. Native textarea value/defaultValue/onChange semantics apply; this wrapper adds no debouncing or validation. No label prop is supported: use Label/htmlFor or an accessible name. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Textarea, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<><Label htmlFor="notes">Notes</Label><Textarea id="notes" testId="notes" rows={4} /></>);
+ * }
+ * ```
+ */
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

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

@@ -1,6 +1,29 @@
 import * as React from 'react';
+/**
+ * Native textarea attributes plus a stable selector; labels are supplied separately.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Textarea
+ */
 export interface TextareaProps extends React.ComponentProps<'textarea'> {
+    /**
+     * Stable data-testid assigned to the rendered control/container; omitted means no selector.
+     */
     testId?: string;
 }
+/**
+ * Renders a native multiline text input with Appkit styling and optional test ID.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Textarea composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. testId maps to data-testid. Native textarea value/defaultValue/onChange semantics apply; this wrapper adds no debouncing or validation. No label prop is supported: use Label/htmlFor or an accessible name. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Textarea, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<><Label htmlFor="notes">Notes</Label><Textarea id="notes" testId="notes" rows={4} /></>);
+ * }
+ * ```
+ */
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":["React","React$1","Textarea","props","testId","cn","className"],"sources":["../../../../src/ui/components/ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\nexport interface TextareaProps extends React.ComponentProps<'textarea'> {\n  testId?: string;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, testId, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot='textarea'\n        data-testid={testId}\n        className={cn(\n          'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":";;;;;AAQA,IAAME,IAAWF,EAAM,YACpB,EAAE,cAAW,WAAQ,GAAGG,KAAS,MAE9B,kBAAC,YAAD;CACO;CACL,aAAU;CACV,eAAaC;CACb,WAAWC,EACT,kiBACAC,CACF;CACA,GAAIH;AACL,CAAA,CAGP;AACA,EAAS,cAAc"}
+{"version":3,"file":"textarea.js","names":["React","React$1","Textarea","props","testId","cn","className"],"sources":["../../../../src/ui/components/ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Native textarea attributes plus a stable selector; labels are supplied separately.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Textarea\n */\nexport interface TextareaProps extends React.ComponentProps<'textarea'> {\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders a native multiline text input with Appkit styling and optional test ID.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Textarea composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. testId maps to data-testid. Native textarea value/defaultValue/onChange semantics apply; this wrapper adds no debouncing or validation. No label prop is supported: use Label/htmlFor or an accessible name. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Textarea, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"notes\">Notes</Label><Textarea id=\"notes\" testId=\"notes\" rows={4} /></>);\n * }\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, testId, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot='textarea'\n        data-testid={testId}\n        className={cn(\n          'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":";;;;;AA+BA,IAAME,IAAWF,EAAM,YACpB,EAAE,cAAW,WAAQ,GAAGG,KAAS,MAE9B,kBAAC,YAAD;CACO;CACL,aAAU;CACV,eAAaC;CACb,WAAWC,EACT,kiBACAC,CACF;CACA,GAAIH;AACL,CAAA,CAGP;AACA,EAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"toast.cjs","names":["ToastPrimitive","React","cn","XIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_toast","ToastProvider","ToastViewport","props","className","ToastContext","Toast","_toast","open","onOpenChange","duration","timer","variant","ToastTitle","ToastDescription","ToastAction","ToastClose","onClick"],"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":"A,gUAQA,IAAMU,EAAgBV,EAAAA,MAAe,SAE/BW,EAAgBV,EAAM,YACzB,CAAE,YAAW,GAAGW,GAAS,KACxB,EAAAN,EAAA,IAAA,CAACN,EAAAA,MAAe,SAAhB,CACO,MACL,YAAU,iBACV,UAAWE,EAAAA,GACT,oIACAW,CACF,EACA,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAE5B,IAAME,EAAeb,EAAM,cAA0D,CAAC,CAAC,EAEjFc,EAAQd,EAAM,YAWhB,CACE,YACA,UAAU,UACV,OACA,eACA,MAAOe,EACP,WACA,WAAW,IACX,GAAGJ,GAEL,KAEAL,EAAM,cAAgB,CACpB,GAAIU,GAAQC,GAAgBC,GAAYA,IAAa,IAAU,CAC7D,IAAMC,EAAQ,eAAiB,CAC7BF,EAAa,EAAK,CACpB,EAAGC,CAAQ,EACX,UAAa,aAAaC,CAAK,CACjC,CACF,EAAG,CAACH,EAAMC,EAAcC,CAAQ,CAAC,EAE7BF,IAAS,GAAc,MAEzB,EAAAX,EAAA,IAAA,CAACQ,EAAa,SAAd,CAAuB,MAAO,CAAE,cAAa,EAC3C,UAAA,EAAAR,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,QACV,eAAce,EACd,UAAWnB,EAAAA,GACT,4JACA,8CACA,iJACAW,CACF,EACA,GAAID,EAEH,UACE,CAAA,CACgB,CAAA,EAG7B,EAEA,EAAM,YAAc,QAEpB,IAAMU,EAAarB,EAAM,YACtB,CAAE,YAAW,GAAGW,GAAS,KACxB,EAAAN,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,cACV,UAAWJ,EAAAA,GAAG,wBAAyBW,CAAS,EAChD,GAAID,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAEzB,IAAMW,EAAmBtB,EAAM,YAG5B,CAAE,YAAW,GAAGW,GAAS,KAC1B,EAAAN,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,oBACV,UAAWJ,EAAAA,GAAG,qBAAsBW,CAAS,EAC7C,GAAID,CACL,CAAA,CACF,EACD,EAAiB,YAAc,mBAE/B,IAAMY,EAAcvB,EAAM,YAGvB,CAAE,YAAW,GAAGW,GAAS,KAC1B,EAAAN,EAAA,IAAA,CAAC,SAAD,CACO,MACL,YAAU,eACV,UAAWJ,EAAAA,GACT,kSACAW,CACF,EACA,GAAID,CACL,CAAA,CACF,EACD,EAAY,YAAc,cAE1B,IAAMa,EAAaxB,EAAM,YAGtB,CAAE,YAAW,UAAS,GAAGW,GAAS,IAAQ,CAC3C,GAAM,CAAE,gBAAiBX,EAAM,WAAWa,CAAY,EACtD,OACE,EAAAR,EAAA,IAAA,CAAC,SAAD,CACO,MACL,YAAU,cACV,aAAW,uBACX,UAAWJ,EAAAA,GACT,4KACAW,CACF,EACA,QAAU,GAAM,CACdK,IAAe,EAAK,EACpBQ,IAAU,CAAC,CACb,EACA,GAAId,EAEJ,UAAA,EAAAN,EAAA,IAAA,CAACH,EAAAA,MAAD,CAAO,UAAU,SAAW,CAAA,CACtB,CAAA,CAEZ,CAAC,EAED,EAAW,YAAc,a"}
+{"version":3,"file":"toast.cjs","names":["ToastPrimitive","React","cn","XIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_toast","ToastProvider","ToastViewport","props","className","ToastContext","Toast","_toast","open","onOpenChange","duration","timer","variant","ToastTitle","ToastDescription","ToastAction","ToastClose","onClick"],"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":"A,gUAyBA,IAAMU,EAAgBV,EAAAA,MAAe,SAmB/BW,EAAgBV,EAAM,YACzB,CAAE,YAAW,GAAGW,GAAS,KACxB,EAAAN,EAAA,IAAA,CAACN,EAAAA,MAAe,SAAhB,CACO,MACL,YAAU,iBACV,UAAWE,EAAAA,GACT,oIACAW,CACF,EACA,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAE5B,IAAME,EAAeb,EAAM,cAA0D,CAAC,CAAC,EAmBjFc,EAAQd,EAAM,YA4BhB,CACE,YACA,UAAU,UACV,OACA,eACA,MAAOe,EACP,WACA,WAAW,IACX,GAAGJ,GAEL,KAEAL,EAAM,cAAgB,CACpB,GAAIU,GAAQC,GAAgBC,GAAYA,IAAa,IAAU,CAC7D,IAAMC,EAAQ,eAAiB,CAC7BF,EAAa,EAAK,CACpB,EAAGC,CAAQ,EACX,UAAa,aAAaC,CAAK,CACjC,CACF,EAAG,CAACH,EAAMC,EAAcC,CAAQ,CAAC,EAE7BF,IAAS,GAAc,MAEzB,EAAAX,EAAA,IAAA,CAACQ,EAAa,SAAd,CAAuB,MAAO,CAAE,cAAa,EAC3C,UAAA,EAAAR,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,QACV,eAAce,EACd,UAAWnB,EAAAA,GACT,4JACA,8CACA,iJACAW,CACF,EACA,GAAID,EAEH,UACE,CAAA,CACgB,CAAA,EAG7B,EAEA,EAAM,YAAc,QAmBpB,IAAMU,EAAarB,EAAM,YACtB,CAAE,YAAW,GAAGW,GAAS,KACxB,EAAAN,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,cACV,UAAWJ,EAAAA,GAAG,wBAAyBW,CAAS,EAChD,GAAID,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAmBzB,IAAMW,EAAmBtB,EAAM,YAG5B,CAAE,YAAW,GAAGW,GAAS,KAC1B,EAAAN,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,oBACV,UAAWJ,EAAAA,GAAG,qBAAsBW,CAAS,EAC7C,GAAID,CACL,CAAA,CACF,EACD,EAAiB,YAAc,mBAmB/B,IAAMY,EAAcvB,EAAM,YAGvB,CAAE,YAAW,GAAGW,GAAS,KAC1B,EAAAN,EAAA,IAAA,CAAC,SAAD,CACO,MACL,YAAU,eACV,UAAWJ,EAAAA,GACT,kSACAW,CACF,EACA,GAAID,CACL,CAAA,CACF,EACD,EAAY,YAAc,cAmB1B,IAAMa,EAAaxB,EAAM,YAGtB,CAAE,YAAW,UAAS,GAAGW,GAAS,IAAQ,CAC3C,GAAM,CAAE,gBAAiBX,EAAM,WAAWa,CAAY,EACtD,OACE,EAAAR,EAAA,IAAA,CAAC,SAAD,CACO,MACL,YAAU,cACV,aAAW,uBACX,UAAWJ,EAAAA,GACT,4KACAW,CACF,EACA,QAAU,GAAM,CACdK,IAAe,EAAK,EACpBQ,IAAU,CAAC,CACb,EACA,GAAId,EAEJ,UAAA,EAAAN,EAAA,IAAA,CAACH,EAAAA,MAAD,CAAO,UAAU,SAAW,CAAA,CACtB,CAAA,CAEZ,CAAC,EAED,EAAW,YAAc,a"}

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

@@ -1,15 +1,151 @@
 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>;
+/**
+ * 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 const ToastViewport: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * 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 const Toast: React.ForwardRefExoticComponent<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>>;
+/**
+ * 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 const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * 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 const ToastDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * 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 const ToastAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * 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 const ToastClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

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

@@ -1,15 +1,151 @@
 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>;
+/**
+ * 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 const ToastViewport: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * 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 const Toast: React.ForwardRefExoticComponent<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>>;
+/**
+ * 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 const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * 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 const ToastDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * 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 const ToastAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * 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 const ToastClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

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 */\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"}

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;