@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"tabs-variants.cjs","names":["cva","tabsListVariants"],"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":"A,gFAEA,IAAaC,GAAA,E,kCAAmBD,CAAAA,CAAAA,IAAAA,CAC9B,sQACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,WACT,KAAM,uBACN,QAAS,eACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,E"}
+{"version":3,"file":"tabs-variants.cjs","names":["cva","tabsListVariants"],"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":"A,gFAiBA,IAAaC,GAAA,E,kCAAmBD,CAAAA,CAAAA,IAAAA,CAC9B,sQACA,CACE,SAAU,CAOR,QAAS,CACP,QAAS,WACT,KAAM,uBACN,QAAS,eACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,E"}

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

@@ -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.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

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);var i=r.forwardRef(({className:e,testId:r,...i},a)=>(0,n.jsx)(`textarea`,{ref:a,"data-slot":`textarea`,"data-testid":r,className:t.cn(`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`,e),...i}));i.displayName=`Textarea`,exports.Textarea=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);function i({ref:e,className:r,testId:i,...a}){return(0,n.jsx)(`textarea`,{ref:e,"data-slot":`textarea`,"data-testid":i,className:t.cn(`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`,r),...a})}i.displayName=`Textarea`,exports.Textarea=i;
 //# sourceMappingURL=textarea.cjs.map

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":["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 */\nfunction Textarea({\n  ref,\n  className,\n  testId,\n  ...props\n}: React.PropsWithoutRef<TextareaProps> & React.RefAttributes<HTMLTextAreaElement>) {\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}\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"A,mPA+BA,SAASK,EAAS,CAChB,MACA,YACA,SACA,GAAGC,GAC+E,CAClF,OACE,EAAAH,EAAA,IAAA,CAAC,WAAD,CACO,MACL,YAAU,WACV,cAAaI,EACb,UAAWP,EAAAA,GACT,iiBACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CACA,EAAS,YAAc,W"}

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

@@ -1,6 +1,32 @@
 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;
 }
-declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+/**
+ * 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 function Textarea({ ref, className, testId, ...props }: React.PropsWithoutRef<TextareaProps> & React.RefAttributes<HTMLTextAreaElement>): React.JSX.Element;
+declare namespace Textarea {
+    var displayName: string;
+}
 export { Textarea };

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

@@ -1,6 +1,32 @@
 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;
 }
-declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+/**
+ * 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 function Textarea({ ref, className, testId, ...props }: React.PropsWithoutRef<TextareaProps> & React.RefAttributes<HTMLTextAreaElement>): React.JSX.Element;
+declare namespace Textarea {
+    var displayName: string;
+}
 export { Textarea };

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

@@ -1,17 +1,19 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
+import "react";
 //#region src/ui/components/ui/textarea.tsx
-var r = n.forwardRef(({ className: n, testId: r, ...i }, a) => /* @__PURE__ */ t("textarea", {
-	ref: a,
-	"data-slot": "textarea",
-	"data-testid": r,
-	className: e("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),
-	...i
-}));
-r.displayName = "Textarea";
+function n({ ref: n, className: r, testId: i, ...a }) {
+	return /* @__PURE__ */ t("textarea", {
+		ref: n,
+		"data-slot": "textarea",
+		"data-testid": i,
+		className: e("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", r),
+		...a
+	});
+}
+n.displayName = "Textarea";
 //#endregion
-export { r as Textarea };
+export { n as Textarea };
 
 //# sourceMappingURL=textarea.js.map

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":["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 */\nfunction Textarea({\n  ref,\n  className,\n  testId,\n  ...props\n}: React.PropsWithoutRef<TextareaProps> & React.RefAttributes<HTMLTextAreaElement>) {\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}\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":";;;;;AA+BA,SAASA,EAAS,EAChB,QACA,cACA,WACA,GAAGC,KAC+E;CAClF,OACE,kBAAC,YAAD;EACO;EACL,aAAU;EACV,eAAaC;EACb,WAAWC,EACT,kiBACAC,CACF;EACA,GAAIH;CACL,CAAA;AAEL;AACA,EAAS,cAAc"}

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

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/toast");var o=a.Toast.Provider,s=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(a.Toast.Viewport,{ref:i,"data-slot":`toast-viewport`,className:t.cn(`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]`,e),...r}));s.displayName=`ToastViewport`;var c=r.createContext({}),l=r.forwardRef(({className:e,variant:i=`default`,open:a,onOpenChange:o,toast:s,children:l,duration:u=3e3,...d},f)=>(r.useEffect(()=>{if(a&&o&&u&&u!==1/0){let e=setTimeout(()=>{o(!1)},u);return()=>clearTimeout(e)}},[a,o,u]),a===!1?null:(0,n.jsx)(c.Provider,{value:{onOpenChange:o},children:(0,n.jsx)(`div`,{ref:f,"data-slot":`toast`,"data-variant":i,className:t.cn(`group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all`,`bg-background text-foreground border-border`,`data-[variant=destructive]:border-destructive data-[variant=destructive]:bg-destructive data-[variant=destructive]:text-destructive-foreground`,e),...d,children:l})})));l.displayName=`Toast`;var u=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`h3`,{ref:i,"data-slot":`toast-title`,className:t.cn(`text-sm font-semibold`,e),...r}));u.displayName=`ToastTitle`;var d=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`toast-description`,className:t.cn(`text-sm opacity-90`,e),...r}));d.displayName=`ToastDescription`;var f=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`button`,{ref:i,"data-slot":`toast-action`,className:t.cn(`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`,e),...r}));f.displayName=`ToastAction`;var p=r.forwardRef(({className:e,onClick:a,...o},s)=>{let{onOpenChange:l}=r.useContext(c);return(0,n.jsx)(`button`,{ref:s,"data-slot":`toast-close`,"aria-label":`Dismiss notification`,className:t.cn(`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]`,e),onClick:e=>{l?.(!1),a?.(e)},...o,children:(0,n.jsx)(i.XIcon,{className:`h-4 w-4`})})});p.displayName=`ToastClose`,exports.Toast=l,exports.ToastAction=f,exports.ToastClose=p,exports.ToastDescription=d,exports.ToastProvider=o,exports.ToastTitle=u,exports.ToastViewport=s;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/toast");var o=a.Toast.Provider;function s({ref:e,className:r,...i}){return(0,n.jsx)(a.Toast.Viewport,{ref:e,"data-slot":`toast-viewport`,className:t.cn(`fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]`,r),...i})}s.displayName=`ToastViewport`;var c=r.createContext({});function l({ref:e,className:i,variant:a=`default`,open:o,onOpenChange:s,toast:l,children:u,duration:d=3e3,...f}){return r.useEffect(()=>{if(o&&s&&d&&d!==1/0){let e=setTimeout(()=>{s(!1)},d);return()=>clearTimeout(e)}},[o,s,d]),o===!1?null:(0,n.jsx)(c.Provider,{value:{onOpenChange:s},children:(0,n.jsx)(`div`,{ref:e,"data-slot":`toast`,"data-variant":a,className:t.cn(`group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all`,`bg-background text-foreground border-border`,`data-[variant=destructive]:border-destructive data-[variant=destructive]:bg-destructive data-[variant=destructive]:text-destructive-foreground`,i),...f,children:u})})}l.displayName=`Toast`;function u({ref:e,className:r,...i}){return(0,n.jsx)(`h3`,{ref:e,"data-slot":`toast-title`,className:t.cn(`text-sm font-semibold`,r),...i})}u.displayName=`ToastTitle`;function d({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`toast-description`,className:t.cn(`text-sm opacity-90`,r),...i})}d.displayName=`ToastDescription`;function f({ref:e,className:r,...i}){return(0,n.jsx)(`button`,{ref:e,"data-slot":`toast-action`,className:t.cn(`inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50`,r),...i})}f.displayName=`ToastAction`;function p({ref:e,className:a,onClick:o,...s}){let{onOpenChange:l}=r.useContext(c);return(0,n.jsx)(`button`,{ref:e,"data-slot":`toast-close`,"aria-label":`Dismiss notification`,className:t.cn(`absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-100 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 z-[10000]`,a),onClick:e=>{l?.(!1),o?.(e)},...s,children:(0,n.jsx)(i.XIcon,{className:`h-4 w-4`})})}p.displayName=`ToastClose`,exports.Toast=l,exports.ToastAction=f,exports.ToastClose=p,exports.ToastDescription=d,exports.ToastProvider=o,exports.ToastTitle=u,exports.ToastViewport=s;
 //# sourceMappingURL=toast.cjs.map

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","cn","React","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 */\nfunction ToastViewport({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ToastPrimitive.Viewport.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ToastPrimitive.Viewport\n      ref={ref}\n      data-slot='toast-viewport'\n      className={cn(\n        'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nToastViewport.displayName = 'ToastViewport';\n\nconst ToastContext = React.createContext<{ onOpenChange?: (open: boolean) => void }>({});\n\n/**\n * Renders host-controlled notification content and optionally requests timed dismissal.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default', duration=3000.\n * @returns The rendered Toast composition, or null when it has no visible content.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction Toast({\n  ref,\n  className,\n  variant = 'default',\n  open,\n  onOpenChange,\n  toast: _toast,\n  children,\n  duration = 3000,\n  ...props\n}: React.PropsWithoutRef<\n  React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n     */\n    variant?: 'default' | 'destructive';\n    /**\n     * Controlled visibility; the host updates this value in response to close/open requests.\n     */\n    open?: boolean;\n    /**\n     * Requests a new visibility state; the host must update open. Toast invokes false after its duration or close action.\n     * @param open - Requested visibility; false requests dismissal.\n     * @returns No value; complete the host callback action.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Compatibility input accepted but ignored by this div-based Toast wrapper.\n     */\n    toast?: unknown;\n    /**\n     * Dismissal delay in milliseconds, default 3000; 0 or Infinity disables the timer.\n     */\n    duration?: number;\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  React.useEffect(() => {\n    if (open && onOpenChange && duration && duration !== Infinity) {\n      const timer = setTimeout(() => {\n        onOpenChange(false);\n      }, duration);\n      return () => clearTimeout(timer);\n    }\n  }, [open, onOpenChange, duration]);\n\n  if (open === false) return null;\n  return (\n    <ToastContext.Provider value={{ onOpenChange }}>\n      <div\n        ref={ref}\n        data-slot='toast'\n        data-variant={variant}\n        className={cn(\n          'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all',\n          'bg-background text-foreground border-border',\n          'data-[variant=destructive]:border-destructive data-[variant=destructive]:bg-destructive data-[variant=destructive]:text-destructive-foreground',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n\nToast.displayName = 'Toast';\n\n/**\n * Renders a notification heading as h3.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.HTMLAttributes<HTMLHeadingElement>> &\n  React.RefAttributes<HTMLHeadingElement>) {\n  return (\n    <h3\n      ref={ref}\n      data-slot='toast-title'\n      className={cn('text-sm font-semibold', className)}\n      {...props}\n    />\n  );\n}\nToastTitle.displayName = 'ToastTitle';\n\n/**\n * Renders supporting notification text in a div.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.HTMLAttributes<HTMLParagraphElement>> &\n  React.RefAttributes<HTMLParagraphElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='toast-description'\n      className={cn('text-sm opacity-90', className)}\n      {...props}\n    />\n  );\n}\nToastDescription.displayName = 'ToastDescription';\n\n/**\n * Renders a native action button inside a notification.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastAction({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> &\n  React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <button\n      ref={ref}\n      data-slot='toast-action'\n      className={cn(\n        'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nToastAction.displayName = 'ToastAction';\n\n/**\n * Requests dismissal through Toast context before calling the host click handler.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ToastClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Toast is a custom div-based notification, not Base UI Toast.Root. It returns null only when open=false; an omitted open renders indefinitely without starting its timer. With open=true and onOpenChange, duration defaults to 3000ms; 0 or Infinity disables the timer. Timer cleanup runs on dependency change/unmount. toast is accepted but ignored. ToastAction does not dismiss automatically. ToastDescription has paragraph-typed props/ref but renders div; avoid relying on paragraph-specific DOM behavior. The host controls live-region announcements and persistence. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed dismiss icon.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { Toast, ToastTitle, ToastDescription, ToastAction, ToastClose } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [open, setOpen] = useState(true);\n *   return (<Toast open={open} onOpenChange={setOpen} duration={3000}><ToastTitle>Draft ready</ToastTitle><ToastDescription>Review your draft.</ToastDescription><ToastAction type=\"button\" onClick={() => console.log(\"Review requested\")}>Review</ToastAction><ToastClose type=\"button\" /></Toast>);\n * }\n * ```\n */\nfunction ToastClose({\n  ref,\n  className,\n  onClick,\n  ...props\n}: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> &\n  React.RefAttributes<HTMLButtonElement>) {\n  const { onOpenChange } = React.useContext(ToastContext);\n  return (\n    <button\n      ref={ref}\n      data-slot='toast-close'\n      aria-label='Dismiss notification'\n      className={cn(\n        'absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-100 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 z-[10000]',\n        className,\n      )}\n      onClick={(e) => {\n        onOpenChange?.(false);\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      <XIcon className='h-4 w-4' />\n    </button>\n  );\n}\n\nToastClose.displayName = 'ToastClose';\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"mappings":"A,gUAyBA,IAAMU,EAAgBV,EAAAA,MAAe,SAmBrC,SAASW,EAAc,CACrB,MACA,YACA,GAAGC,GAC0F,CAC7F,OACE,EAAAN,EAAA,IAAA,CAACN,EAAAA,MAAe,SAAhB,CACO,MACL,YAAU,iBACV,UAAWC,EAAAA,GACT,oIACAY,CACF,EACA,GAAID,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gBAE5B,IAAME,EAAeZ,EAAM,cAA0D,CAAC,CAAC,EAmBvF,SAASa,EAAM,CACb,MACA,YACA,UAAU,UACV,OACA,eACA,MAAOC,EACP,WACA,WAAW,IACX,GAAGJ,GA2BkC,CAWrC,OAVAL,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,UAAWpB,EAAAA,GACT,4JACA,8CACA,iJACAY,CACF,EACA,GAAID,EAEH,UACE,CAAA,CACgB,CAAA,CAE3B,CAEA,EAAM,YAAc,QAmBpB,SAASU,EAAW,CAClB,MACA,YACA,GAAGV,GAEsC,CACzC,OACE,EAAAN,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,cACV,UAAWL,EAAAA,GAAG,wBAAyBY,CAAS,EAChD,GAAID,CACL,CAAA,CAEL,CACA,EAAW,YAAc,aAmBzB,SAASW,EAAiB,CACxB,MACA,YACA,GAAGX,GAEwC,CAC3C,OACE,EAAAN,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,oBACV,UAAWL,EAAAA,GAAG,qBAAsBY,CAAS,EAC7C,GAAID,CACL,CAAA,CAEL,CACA,EAAiB,YAAc,mBAmB/B,SAASY,EAAY,CACnB,MACA,YACA,GAAGZ,GAEqC,CACxC,OACE,EAAAN,EAAA,IAAA,CAAC,SAAD,CACO,MACL,YAAU,eACV,UAAWL,EAAAA,GACT,kSACAY,CACF,EACA,GAAID,CACL,CAAA,CAEL,CACA,EAAY,YAAc,cAmB1B,SAASa,EAAW,CAClB,MACA,YACA,UACA,GAAGb,GAEqC,CACxC,GAAM,CAAE,gBAAiBV,EAAM,WAAWY,CAAY,EACtD,OACE,EAAAR,EAAA,IAAA,CAAC,SAAD,CACO,MACL,YAAU,cACV,aAAW,uBACX,UAAWL,EAAAA,GACT,4KACAY,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,CAEA,EAAW,YAAc,a"}

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

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