@alneas/appkit-react 0.2.0 → 0.3.0

package/dist/ui/components/ui/table.js

@@ -1,69 +1,85 @@
 "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/table.tsx
-var r = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	"data-slot": "table-container",
-	className: "relative w-full overflow-x-auto",
-	children: /* @__PURE__ */ t("table", {
-		ref: i,
-		"data-slot": "table",
-		className: e("w-full caption-bottom text-sm", n),
-		...r
-	})
-}));
-r.displayName = "Table";
-var i = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("thead", {
-	ref: i,
-	"data-slot": "table-header",
-	className: e("[&_tr]:border-b", n),
-	...r
-}));
-i.displayName = "TableHeader";
-var a = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("tbody", {
-	ref: i,
-	"data-slot": "table-body",
-	className: e("[&_tr:last-child]:border-0", n),
-	...r
-}));
-a.displayName = "TableBody";
-var o = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("tfoot", {
-	ref: i,
-	"data-slot": "table-footer",
-	className: e("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", n),
-	...r
-}));
-o.displayName = "TableFooter";
-var s = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("tr", {
-	ref: i,
-	"data-slot": "table-row",
-	className: e("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", n),
-	...r
-}));
-s.displayName = "TableRow";
-var c = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("th", {
-	ref: i,
-	"data-slot": "table-head",
-	className: e("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30", n),
-	...r
-}));
-c.displayName = "TableHead";
-var l = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("td", {
-	ref: i,
-	"data-slot": "table-cell",
-	className: e("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", n),
-	...r
-}));
-l.displayName = "TableCell";
-var u = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("caption", {
-	ref: i,
-	"data-slot": "table-caption",
-	className: e("text-muted-foreground mt-4 text-sm", n),
-	...r
-}));
-u.displayName = "TableCaption";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ t("table", {
+			ref: n,
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", r),
+			...i
+		})
+	});
+}
+n.displayName = "Table";
+function r({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("thead", {
+		ref: n,
+		"data-slot": "table-header",
+		className: e("[&_tr]:border-b", r),
+		...i
+	});
+}
+r.displayName = "TableHeader";
+function i({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("tbody", {
+		ref: n,
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", r),
+		...i
+	});
+}
+i.displayName = "TableBody";
+function a({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("tfoot", {
+		ref: n,
+		"data-slot": "table-footer",
+		className: e("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", r),
+		...i
+	});
+}
+a.displayName = "TableFooter";
+function o({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("tr", {
+		ref: n,
+		"data-slot": "table-row",
+		className: e("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", r),
+		...i
+	});
+}
+o.displayName = "TableRow";
+function s({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("th", {
+		ref: n,
+		"data-slot": "table-head",
+		className: e("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30", r),
+		...i
+	});
+}
+s.displayName = "TableHead";
+function c({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("td", {
+		ref: n,
+		"data-slot": "table-cell",
+		className: e("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", r),
+		...i
+	});
+}
+c.displayName = "TableCell";
+function l({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("caption", {
+		ref: n,
+		"data-slot": "table-caption",
+		className: e("text-muted-foreground mt-4 text-sm", r),
+		...i
+	});
+}
+l.displayName = "TableCaption";
 //#endregion
-export { r as Table, a as TableBody, u as TableCaption, l as TableCell, o as TableFooter, c as TableHead, i as TableHeader, s as TableRow };
+export { n as Table, i as TableBody, l as TableCaption, c as TableCell, a as TableFooter, s as TableHead, r as TableHeader, o as TableRow };
 
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["React","React$1","Table","props","cn","className","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"sources":["../../../../src/ui/components/ui/table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Wraps a native table in a horizontal overflow container.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Table composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div data-slot='table-container' className='relative w-full overflow-x-auto'>\n      <table\n        ref={ref}\n        data-slot='table'\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\n/**\n * Renders the native table header section with row borders.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    data-slot='table-header'\n    className={cn('[&_tr]:border-b', className)}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\n/**\n * Renders the native table body section.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableBody composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    data-slot='table-body'\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\n/**\n * Renders the native table footer section with muted styling.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    data-slot='table-footer'\n    className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\n/**\n * Renders a native table row with hover and optional selected-state styling.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableRow composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      data-slot='table-row'\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\n/**\n * Renders a native table heading cell.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableHead composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    data-slot='table-head'\n    className={cn(\n      'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\n/**\n * Renders a native table data cell.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableCell composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    data-slot='table-cell'\n    className={cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0', className)}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\n/**\n * Renders the native table caption below the table content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableCaption composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    data-slot='table-caption'\n    className={cn('text-muted-foreground mt-4 text-sm', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":";;;;;AAmBA,IAAME,IAAQF,EAAM,YACjB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CAAK,aAAU;CAAkB,WAAU;CACzC,UAAA,kBAAC,SAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,iCAAiCC,CAAS;EACxD,GAAIF;CACL,CAAA;AACE,CAAA,CAET;AACA,EAAM,cAAc;AAiBpB,IAAMG,IAAcN,EAAM,YAGvB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,aAAU;CACV,WAAWC,EAAG,mBAAmBC,CAAS;CAC1C,GAAIF;AACL,CAAA,CACF;AACD,EAAY,cAAc;AAiB1B,IAAMI,IAAYP,EAAM,YAGrB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,aAAU;CACV,WAAWC,EAAG,8BAA8BC,CAAS;CACrD,GAAIF;AACL,CAAA,CACF;AACD,EAAU,cAAc;AAiBxB,IAAMK,IAAcR,EAAM,YAGvB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,aAAU;CACV,WAAWC,EAAG,2DAA2DC,CAAS;CAClF,GAAIF;AACL,CAAA,CACF;AACD,EAAY,cAAc;AAiB1B,IAAMM,IAAWT,EAAM,YACpB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,MAAD;CACO;CACL,aAAU;CACV,WAAWC,EACT,+EACAC,CACF;CACA,GAAIF;AACL,CAAA,CAEL;AACA,EAAS,cAAc;AAiBvB,IAAMO,IAAYV,EAAM,YAGrB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,aAAU;CACV,WAAWC,EACT,6KACAC,CACF;CACA,GAAIF;AACL,CAAA,CACF;AACD,EAAU,cAAc;AAiBxB,IAAMQ,IAAYX,EAAM,YAGrB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,aAAU;CACV,WAAWC,EAAG,oEAAoEC,CAAS;CAC3F,GAAIF;AACL,CAAA,CACF;AACD,EAAU,cAAc;AAiBxB,IAAMS,IAAeZ,EAAM,YAGxB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAAC,WAAD;CACO;CACL,aAAU;CACV,WAAWC,EAAG,sCAAsCC,CAAS;CAC7D,GAAIF;AACL,CAAA,CACF;AACD,EAAa,cAAc"}
+{"version":3,"file":"table.js","names":["Table","props","cn","className","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"sources":["../../../../src/ui/components/ui/table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Wraps a native table in a horizontal overflow container.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Table composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction Table({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>) {\n  return (\n    <div data-slot='table-container' className='relative w-full overflow-x-auto'>\n      <table\n        ref={ref}\n        data-slot='table'\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  );\n}\nTable.displayName = 'Table';\n\n/**\n * Renders the native table header section with row borders.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction TableHeader({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>) {\n  return (\n    <thead\n      ref={ref}\n      data-slot='table-header'\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  );\n}\nTableHeader.displayName = 'TableHeader';\n\n/**\n * Renders the native table body section.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableBody composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction TableBody({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>) {\n  return (\n    <tbody\n      ref={ref}\n      data-slot='table-body'\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  );\n}\nTableBody.displayName = 'TableBody';\n\n/**\n * Renders the native table footer section with muted styling.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction TableFooter({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>) {\n  return (\n    <tfoot\n      ref={ref}\n      data-slot='table-footer'\n      className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}\n      {...props}\n    />\n  );\n}\nTableFooter.displayName = 'TableFooter';\n\n/**\n * Renders a native table row with hover and optional selected-state styling.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableRow composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction TableRow({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>) {\n  return (\n    <tr\n      ref={ref}\n      data-slot='table-row'\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nTableRow.displayName = 'TableRow';\n\n/**\n * Renders a native table heading cell.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableHead composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction TableHead({\n  ref,\n  className,\n  ...props\n}: React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>) {\n  return (\n    <th\n      ref={ref}\n      data-slot='table-head'\n      className={cn(\n        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nTableHead.displayName = 'TableHead';\n\n/**\n * Renders a native table data cell.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableCell composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction TableCell({\n  ref,\n  className,\n  ...props\n}: React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>) {\n  return (\n    <td\n      ref={ref}\n      data-slot='table-cell'\n      className={cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0', className)}\n      {...props}\n    />\n  );\n}\nTableCell.displayName = 'TableCell';\n\n/**\n * Renders the native table caption below the table content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableCaption composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nfunction TableCaption({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>) {\n  return (\n    <caption\n      ref={ref}\n      data-slot='table-caption'\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  );\n}\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":";;;;;AAmBA,SAASA,EAAM,EACb,QACA,cACA,GAAGC,KAC8E;CACjF,OACE,kBAAC,OAAD;EAAK,aAAU;EAAkB,WAAU;EACzC,UAAA,kBAAC,SAAD;GACO;GACL,aAAU;GACV,WAAWC,EAAG,iCAAiCC,CAAS;GACxD,GAAIF;EACL,CAAA;CACE,CAAA;AAET;AACA,EAAM,cAAc;AAiBpB,SAASG,EAAY,EACnB,QACA,cACA,GAAGH,KAC4F;CAC/F,OACE,kBAAC,SAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,mBAAmBC,CAAS;EAC1C,GAAIF;CACL,CAAA;AAEL;AACA,EAAY,cAAc;AAiB1B,SAASI,EAAU,EACjB,QACA,cACA,GAAGJ,KAC4F;CAC/F,OACE,kBAAC,SAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,8BAA8BC,CAAS;EACrD,GAAIF;CACL,CAAA;AAEL;AACA,EAAU,cAAc;AAiBxB,SAASK,EAAY,EACnB,QACA,cACA,GAAGL,KAC4F;CAC/F,OACE,kBAAC,SAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,2DAA2DC,CAAS;EAClF,GAAIF;CACL,CAAA;AAEL;AACA,EAAY,cAAc;AAiB1B,SAASM,EAAS,EAChB,QACA,cACA,GAAGN,KACoF;CACvF,OACE,kBAAC,MAAD;EACO;EACL,aAAU;EACV,WAAWC,EACT,+EACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AACA,EAAS,cAAc;AAiBvB,SAASO,EAAU,EACjB,QACA,cACA,GAAGP,KACwF;CAC3F,OACE,kBAAC,MAAD;EACO;EACL,aAAU;EACV,WAAWC,EACT,6KACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AACA,EAAU,cAAc;AAiBxB,SAASQ,EAAU,EACjB,QACA,cACA,GAAGR,KACwF;CAC3F,OACE,kBAAC,MAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,oEAAoEC,CAAS;EAC3F,GAAIF;CACL,CAAA;AAEL;AACA,EAAU,cAAc;AAiBxB,SAASS,EAAa,EACpB,QACA,cACA,GAAGT,KAC4F;CAC/F,OACE,kBAAC,WAAD;EACO;EACL,aAAU;EACV,WAAWC,EAAG,sCAAsCC,CAAS;EAC7D,GAAIF;CACL,CAAA;AAEL;AACA,EAAa,cAAc"}

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\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"}
+{"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

@@ -25,5 +25,8 @@ export interface TextareaProps extends React.ComponentProps<'textarea'> {
  * }
  * ```
  */
-declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+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

@@ -25,5 +25,8 @@ export interface TextareaProps extends React.ComponentProps<'textarea'> {
  * }
  * ```
  */
-declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+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\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"}
+{"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\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"}
+{"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,3 +1,4 @@
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
 import * as React from 'react';
 /**
  * Provides Base UI toast context for the separately exported viewport.
@@ -34,7 +35,10 @@ declare const ToastProvider: React.FC<import('@base-ui/react').ToastProviderProp
  * }
  * ```
  */
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ToastViewport({ ref, className, ...props }: React.PropsWithoutRef<ToastPrimitive.Viewport.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ToastViewport {
+    var displayName: string;
+}
 /**
  * Renders host-controlled notification content and optionally requests timed dismissal.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default', duration=3000.
@@ -52,11 +56,11 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<import('@base-
  * }
  * ```
  */
-declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare function Toast({ ref, className, variant, open, onOpenChange, toast: _toast, children, duration, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLDivElement> & {
     /**
      * Visual treatment from the declared variant union; changing it does not alter host action semantics.
      */
-    variant?: "default" | "destructive";
+    variant?: 'default' | 'destructive';
     /**
      * Controlled visibility; the host updates this value in response to close/open requests.
      */
@@ -75,7 +79,10 @@ declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDi
      * Dismissal delay in milliseconds, default 3000; 0 or Infinity disables the timer.
      */
     duration?: number;
-} & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace Toast {
+    var displayName: string;
+}
 /**
  * Renders a notification heading as h3.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -93,7 +100,10 @@ declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDi
  * }
  * ```
  */
-declare const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare function ToastTitle({ ref, className, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>): React.JSX.Element;
+declare namespace ToastTitle {
+    var displayName: string;
+}
 /**
  * Renders supporting notification text in a div.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -111,7 +121,10 @@ declare const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<H
  * }
  * ```
  */
-declare const ToastDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare function ToastDescription({ ref, className, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLParagraphElement>> & React.RefAttributes<HTMLParagraphElement>): React.JSX.Element;
+declare namespace ToastDescription {
+    var displayName: string;
+}
 /**
  * Renders a native action button inside a notification.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -129,7 +142,10 @@ declare const ToastDescription: React.ForwardRefExoticComponent<React.HTMLAttrib
  * }
  * ```
  */
-declare const ToastAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare function ToastAction({ ref, className, ...props }: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace ToastAction {
+    var displayName: string;
+}
 /**
  * Requests dismissal through Toast context before calling the host click handler.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -147,5 +163,8 @@ declare const ToastAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttri
  * }
  * ```
  */
-declare const ToastClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare function ToastClose({ ref, className, onClick, ...props }: React.PropsWithoutRef<React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace ToastClose {
+    var displayName: string;
+}
 export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };