@nuka-ui/core 1.1.1 → 1.1.2

package/dist/components/Table/TableBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.cjs","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn(className)} {...props} />\n  ),\n);\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":"mKAKA,IAAM,EAAY,EAAM,YACrB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,QAAD,CAAY,MAAK,UAAW,EAAA,GAAG,EAAU,CAAE,GAAI,EAAS,CAAA,CAE3D,CAED,EAAU,YAAc"}
+{"version":3,"file":"TableBody.cjs","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableBody({ ref, className, ...props }: TableBodyProps) {\n  return <tbody ref={ref} className={cn(className)} {...props} />;\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":"mKAOA,SAAS,EAAU,CAAE,MAAK,YAAW,GAAG,GAAyB,CAC/D,OAAO,EAAA,EAAA,KAAC,QAAD,CAAY,MAAK,UAAW,EAAA,GAAG,EAAU,CAAE,GAAI,EAAS,CAAA,CAGjE,EAAU,YAAc"}

package/dist/components/Table/TableBody.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLTableSectionElement> | undefined;
+}
+declare function TableBody({ ref, className, ...props }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TableBody {
+    var displayName: string;
 }
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
 export { TableBody };
 //# sourceMappingURL=TableBody.d.ts.map

package/dist/components/Table/TableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAExF,QAAA,MAAM,SAAS,gGAId,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,GAAG,SAAS,CAAC;CACtD;AAED,iBAAS,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9D;kBAFQ,SAAS;;;AAMlB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Table/TableBody.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Table/TableBody.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tbody", {
-	ref: i,
-	className: e(t),
-	...r
-}));
-r.displayName = "TableBody";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("tbody", {
+		ref: n,
+		className: e(r),
+		...i
+	});
+}
+n.displayName = "TableBody";
 //#endregion
-export { r as TableBody };
+export { n as TableBody };
 
 //# sourceMappingURL=TableBody.js.map

package/dist/components/Table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn(className)} {...props} />\n  ),\n);\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":";;;;AAKA,IAAM,IAAY,EAAM,YACrB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,SAAD;CAAY;CAAK,WAAW,EAAG,EAAU;CAAE,GAAI;CAAS,CAAA,CAE3D;AAED,EAAU,cAAc"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableBody({ ref, className, ...props }: TableBodyProps) {\n  return <tbody ref={ref} className={cn(className)} {...props} />;\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":";;;;AAOA,SAAS,EAAU,EAAE,QAAK,cAAW,GAAG,KAAyB;AAC/D,QAAO,kBAAC,SAAD;EAAY;EAAK,WAAW,EAAG,EAAU;EAAE,GAAI;EAAS,CAAA;;AAGjE,EAAU,cAAc"}

package/dist/components/Table/TableCell.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,...r},a)=>{let{variant:o}=n.useTableContext();return(0,i.jsx)(`td`,{ref:a,className:t.cn(`px-(--space-4) py-(--space-3) align-middle`,o===`bordered`&&`border-r border-(--nuka-border-base) last:border-r-0`,e),...r})});a.displayName=`TableCell`,exports.TableCell=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,...a}){let{variant:o}=n.useTableContext();return(0,i.jsx)(`td`,{ref:e,className:t.cn(`px-(--space-4) py-(--space-3) align-middle`,o===`bordered`&&`border-r border-(--nuka-border-base) last:border-r-0`,r),...a})}a.displayName=`TableCell`,exports.TableCell=a;
 //# sourceMappingURL=TableCell.cjs.map

package/dist/components/Table/TableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.cjs","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {}\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useTableContext();\n    const isBordered = variant === \"bordered\";\n\n    return (\n      <td\n        ref={ref}\n        className={cn(\n          \"px-(--space-4) py-(--space-3) align-middle\",\n          isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":"iNAOA,IAAM,EAAY,EAAM,YACrB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,GAAM,CAAE,WAAY,EAAA,iBAAiB,CAGrC,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,6CANa,IAAY,YAOX,uDACd,EACD,CACD,GAAI,EACJ,CAAA,EAGP,CAED,EAAU,YAAc"}
+{"version":3,"file":"TableCell.cjs","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n}\n\nfunction TableCell({ ref, className, ...props }: TableCellProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"px-(--space-4) py-(--space-3) align-middle\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":"iNASA,SAAS,EAAU,CAAE,MAAK,YAAW,GAAG,GAAyB,CAC/D,GAAM,CAAE,WAAY,EAAA,iBAAiB,CAGrC,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,6CANa,IAAY,YAOX,uDACd,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAU,YAAc"}

package/dist/components/Table/TableCell.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    ref?: React.Ref<HTMLTableCellElement> | undefined;
+}
+declare function TableCell({ ref, className, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TableCell {
+    var displayName: string;
 }
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 export { TableCell };
 //# sourceMappingURL=TableCell.d.ts.map

package/dist/components/Table/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAEvF,QAAA,MAAM,SAAS,6FAiBd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IAClF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAAC;CACnD;AAED,iBAAS,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAe9D;kBAfQ,SAAS;;;AAmBlB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Table/TableCell.js

@@ -1,19 +1,19 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { useTableContext as t } from "./Table.context.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Table/TableCell.tsx
-var i = n.forwardRef(({ className: n, ...i }, a) => {
+function r({ ref: r, className: i, ...a }) {
 	let { variant: o } = t();
-	return /* @__PURE__ */ r("td", {
-		ref: a,
-		className: e("px-(--space-4) py-(--space-3) align-middle", o === "bordered" && "border-r border-(--nuka-border-base) last:border-r-0", n),
-		...i
+	return /* @__PURE__ */ n("td", {
+		ref: r,
+		className: e("px-(--space-4) py-(--space-3) align-middle", o === "bordered" && "border-r border-(--nuka-border-base) last:border-r-0", i),
+		...a
 	});
-});
-i.displayName = "TableCell";
+}
+r.displayName = "TableCell";
 //#endregion
-export { i as TableCell };
+export { r as TableCell };
 
 //# sourceMappingURL=TableCell.js.map

package/dist/components/Table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {}\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useTableContext();\n    const isBordered = variant === \"bordered\";\n\n    return (\n      <td\n        ref={ref}\n        className={cn(\n          \"px-(--space-4) py-(--space-3) align-middle\",\n          isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":";;;;;;AAOA,IAAM,IAAY,EAAM,YACrB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,EAAE,eAAY,GAAiB;AAGrC,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,8CANa,MAAY,cAOX,wDACd,EACD;EACD,GAAI;EACJ,CAAA;EAGP;AAED,EAAU,cAAc"}
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n}\n\nfunction TableCell({ ref, className, ...props }: TableCellProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"px-(--space-4) py-(--space-3) align-middle\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":";;;;;;AASA,SAAS,EAAU,EAAE,QAAK,cAAW,GAAG,KAAyB;CAC/D,IAAM,EAAE,eAAY,GAAiB;AAGrC,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,8CANa,MAAY,cAOX,wDACd,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAU,cAAc"}

package/dist/components/Table/TableFooter.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`tfoot`,{ref:i,className:t.cn(`border-t border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-muted) font-medium`,e),...n}));i.displayName=`TableFooter`,exports.TableFooter=i;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`tfoot`,{ref:e,className:t.cn(`border-t border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-muted) font-medium`,n),...i})}i.displayName=`TableFooter`,exports.TableFooter=i;
 //# sourceMappingURL=TableFooter.cjs.map

package/dist/components/Table/TableFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.cjs","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":"mKAKA,IAAM,EAAc,EAAM,YACvB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GACT,uCACA,wBACA,uCACA,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAY,YAAc"}
+{"version":3,"file":"TableFooter.cjs","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableFooter({ ref, className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":"mKAOA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GACT,uCACA,wBACA,uCACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}

package/dist/components/Table/TableFooter.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLTableSectionElement> | undefined;
+}
+declare function TableFooter({ ref, className, ...props }: TableFooterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TableFooter {
+    var displayName: string;
 }
-declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
 export { TableFooter };
 //# sourceMappingURL=TableFooter.d.ts.map

package/dist/components/Table/TableFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1F,QAAA,MAAM,WAAW,kGAahB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,GAAG,SAAS,CAAC;CACtD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAalE;kBAbQ,WAAW;;;AAiBpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Table/TableFooter.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Table/TableFooter.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tfoot", {
-	ref: i,
-	className: e("border-t border-(--nuka-border-base)", "bg-(--nuka-bg-subtle)", "text-(--nuka-text-muted) font-medium", t),
-	...r
-}));
-r.displayName = "TableFooter";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("tfoot", {
+		ref: n,
+		className: e("border-t border-(--nuka-border-base)", "bg-(--nuka-bg-subtle)", "text-(--nuka-text-muted) font-medium", r),
+		...i
+	});
+}
+n.displayName = "TableFooter";
 //#endregion
-export { r as TableFooter };
+export { n as TableFooter };
 
 //# sourceMappingURL=TableFooter.js.map

package/dist/components/Table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":";;;;AAKA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,SAAD;CACO;CACL,WAAW,EACT,wCACA,yBACA,wCACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAY,cAAc"}
+{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableFooter({ ref, className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":";;;;AAOA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;AACnE,QACE,kBAAC,SAAD;EACO;EACL,WAAW,EACT,wCACA,yBACA,wCACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}

package/dist/components/Table/TableHead.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./Table.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o={asc:`ascending`,desc:`descending`,none:`none`},s=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 19V5`}),(0,a.jsx)(`path`,{d:`M5 12l7-7 7 7`})]}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 5v14`}),(0,a.jsx)(`path`,{d:`M19 12l-7 7-7-7`})]}),l=i.forwardRef(({sortable:e=!1,sortDirection:i=`none`,onSort:l,className:u,children:d,...f},p)=>{let{variant:m}=r.useTableContext(),h=m===`bordered`;return(0,a.jsx)(`th`,{ref:p,scope:`col`,"aria-sort":e?o[i]:void 0,className:t.cn(`text-left font-medium text-(--nuka-text-muted)`,`px-(--space-4) py-(--space-3)`,h&&`border-r border-(--nuka-border-base) last:border-r-0`,u),...f,children:e?(0,a.jsxs)(`button`,{type:`button`,onClick:l,className:t.cn(`group inline-flex items-center gap-(--space-1)`,`rounded-(--radius-sm)`,`-mx-(--space-1) px-(--space-1)`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:[d,(0,a.jsx)(n.Icon,{size:`sm`,children:i===`desc`?(0,a.jsx)(c,{}):(0,a.jsx)(`span`,{className:t.cn(i===`none`&&`opacity-0 group-hover:opacity-50`),children:(0,a.jsx)(s,{})})})]}):d})});l.displayName=`TableHead`,exports.TableHead=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./Table.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o={asc:`ascending`,desc:`descending`,none:`none`},s=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 19V5`}),(0,a.jsx)(`path`,{d:`M5 12l7-7 7 7`})]}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 5v14`}),(0,a.jsx)(`path`,{d:`M19 12l-7 7-7-7`})]});function l({ref:e,sortable:i=!1,sortDirection:l=`none`,onSort:u,className:d,children:f,...p}){let{variant:m}=r.useTableContext(),h=m===`bordered`;return(0,a.jsx)(`th`,{ref:e,scope:`col`,"aria-sort":i?o[l]:void 0,className:t.cn(`text-left font-medium text-(--nuka-text-muted)`,`px-(--space-4) py-(--space-3)`,h&&`border-r border-(--nuka-border-base) last:border-r-0`,d),...p,children:i?(0,a.jsxs)(`button`,{type:`button`,onClick:u,className:t.cn(`group inline-flex items-center gap-(--space-1)`,`rounded-(--radius-sm)`,`-mx-(--space-1) px-(--space-1)`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:[f,(0,a.jsx)(n.Icon,{size:`sm`,children:l===`desc`?(0,a.jsx)(c,{}):(0,a.jsx)(`span`,{className:t.cn(l===`none`&&`opacity-0 group-hover:opacity-50`),children:(0,a.jsx)(s,{})})})]}):f})}l.displayName=`TableHead`,exports.TableHead=l;
 //# sourceMappingURL=TableHead.cjs.map

package/dist/components/Table/TableHead.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.cjs","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  (\n    {\n      sortable = false,\n      sortDirection = \"none\",\n      onSort,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { variant } = useTableContext();\n    const isBordered = variant === \"bordered\";\n\n    return (\n      <th\n        ref={ref}\n        scope=\"col\"\n        aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n        className={cn(\n          \"text-left font-medium text-(--nuka-text-muted)\",\n          \"px-(--space-4) py-(--space-3)\",\n          isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n          className,\n        )}\n        {...props}\n      >\n        {sortable ? (\n          <button\n            type=\"button\"\n            onClick={onSort}\n            className={cn(\n              \"group inline-flex items-center gap-(--space-1)\",\n              \"rounded-(--radius-sm)\",\n              \"-mx-(--space-1) px-(--space-1)\",\n              \"hover:bg-(--nuka-bg-muted)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n            <Icon size=\"sm\">\n              {sortDirection === \"desc\" ? (\n                <SortDescIcon />\n              ) : (\n                <span\n                  className={cn(\n                    sortDirection === \"none\" &&\n                      \"opacity-0 group-hover:opacity-50\",\n                  )}\n                >\n                  <SortAscIcon />\n                </span>\n              )}\n            </Icon>\n          </button>\n        ) : (\n          children\n        )}\n      </th>\n    );\n  },\n);\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":"+OAMA,IAAM,EAAc,CAClB,IAAK,YACL,KAAM,aACN,KAAM,OACP,CAEK,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACtB,GAGF,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAoB,CAAA,CACxB,GAWF,EAAY,EAAM,YAEpB,CACE,WAAW,GACX,gBAAgB,OAChB,SACA,YACA,WACA,GAAG,GAEL,IACG,CACH,GAAM,CAAE,WAAY,EAAA,iBAAiB,CAC/B,EAAa,IAAY,WAE/B,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,MAAM,MACN,YAAW,EAAW,EAAY,GAAiB,IAAA,GACnD,UAAW,EAAA,GACT,iDACA,gCACA,GAAc,uDACd,EACD,CACD,GAAI,WAEH,GACC,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAW,EAAA,GACT,iDACA,wBACA,iCACA,6BACA,yDACA,8CACD,UAVH,CAYG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,cACR,IAAkB,QACjB,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,EAEhB,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,IAAkB,QAChB,mCACH,WAED,EAAA,EAAA,KAAC,EAAD,EAAe,CAAA,CACV,CAAA,CAEJ,CAAA,CACA,GAET,EAEC,CAAA,EAGV,CAED,EAAU,YAAc"}
+{"version":3,"file":"TableHead.cjs","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nfunction TableHead({\n  ref,\n  sortable = false,\n  sortDirection = \"none\",\n  onSort,\n  className,\n  children,\n  ...props\n}: TableHeadProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n      className={cn(\n        \"text-left font-medium text-(--nuka-text-muted)\",\n        \"px-(--space-4) py-(--space-3)\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      {...props}\n    >\n      {sortable ? (\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className={cn(\n            \"group inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-sm)\",\n            \"-mx-(--space-1) px-(--space-1)\",\n            \"hover:bg-(--nuka-bg-muted)\",\n            \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n            \"focus-visible:outline-(--nuka-border-focus)\",\n          )}\n        >\n          {children}\n          <Icon size=\"sm\">\n            {sortDirection === \"desc\" ? (\n              <SortDescIcon />\n            ) : (\n              <span\n                className={cn(\n                  sortDirection === \"none\" &&\n                    \"opacity-0 group-hover:opacity-50\",\n                )}\n              >\n                <SortAscIcon />\n              </span>\n            )}\n          </Icon>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":"+OAMA,IAAM,EAAc,CAClB,IAAK,YACL,KAAM,aACN,KAAM,OACP,CAEK,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACtB,GAGF,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAoB,CAAA,CACxB,GAYR,SAAS,EAAU,CACjB,MACA,WAAW,GACX,gBAAgB,OAChB,SACA,YACA,WACA,GAAG,GACc,CACjB,GAAM,CAAE,WAAY,EAAA,iBAAiB,CAC/B,EAAa,IAAY,WAE/B,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,MAAM,MACN,YAAW,EAAW,EAAY,GAAiB,IAAA,GACnD,UAAW,EAAA,GACT,iDACA,gCACA,GAAc,uDACd,EACD,CACD,GAAI,WAEH,GACC,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAW,EAAA,GACT,iDACA,wBACA,iCACA,6BACA,yDACA,8CACD,UAVH,CAYG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,cACR,IAAkB,QACjB,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,EAEhB,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,IAAkB,QAChB,mCACH,WAED,EAAA,EAAA,KAAC,EAAD,EAAe,CAAA,CACV,CAAA,CAEJ,CAAA,CACA,GAET,EAEC,CAAA,CAIT,EAAU,YAAc"}

package/dist/components/Table/TableHead.d.ts

@@ -1,10 +1,14 @@
 import * as React from "react";
 export type SortDirection = "asc" | "desc" | "none";
 export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    ref?: React.Ref<HTMLTableCellElement> | undefined;
     sortable?: boolean;
     sortDirection?: SortDirection;
     onSort?: () => void;
 }
-declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+declare function TableHead({ ref, sortable, sortDirection, onSort, className, children, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TableHead {
+    var displayName: string;
+}
 export { TableHead };
 //# sourceMappingURL=TableHead.d.ts.map

package/dist/components/Table/TableHead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,6FA+Dd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IAClF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,QAAgB,EAChB,aAAsB,EACtB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CAmDhB;kBA3DQ,SAAS;;;AA+DlB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Table/TableHead.js

@@ -2,53 +2,54 @@
 import { cn as e } from "../../utils/cn.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { useTableContext as n } from "./Table.context.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Table/TableHead.tsx
-var o = {
+var a = {
 	asc: "ascending",
 	desc: "descending",
 	none: "none"
-}, s = () => /* @__PURE__ */ a("svg", {
+}, o = () => /* @__PURE__ */ i("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	children: [/* @__PURE__ */ i("path", { d: "M12 19V5" }), /* @__PURE__ */ i("path", { d: "M5 12l7-7 7 7" })]
-}), c = () => /* @__PURE__ */ a("svg", {
+	children: [/* @__PURE__ */ r("path", { d: "M12 19V5" }), /* @__PURE__ */ r("path", { d: "M5 12l7-7 7 7" })]
+}), s = () => /* @__PURE__ */ i("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	children: [/* @__PURE__ */ i("path", { d: "M12 5v14" }), /* @__PURE__ */ i("path", { d: "M19 12l-7 7-7-7" })]
-}), l = r.forwardRef(({ sortable: r = !1, sortDirection: l = "none", onSort: u, className: d, children: f, ...p }, m) => {
+	children: [/* @__PURE__ */ r("path", { d: "M12 5v14" }), /* @__PURE__ */ r("path", { d: "M19 12l-7 7-7-7" })]
+});
+function c({ ref: c, sortable: l = !1, sortDirection: u = "none", onSort: d, className: f, children: p, ...m }) {
 	let { variant: h } = n(), g = h === "bordered";
-	return /* @__PURE__ */ i("th", {
-		ref: m,
+	return /* @__PURE__ */ r("th", {
+		ref: c,
 		scope: "col",
-		"aria-sort": r ? o[l] : void 0,
-		className: e("text-left font-medium text-(--nuka-text-muted)", "px-(--space-4) py-(--space-3)", g && "border-r border-(--nuka-border-base) last:border-r-0", d),
-		...p,
-		children: r ? /* @__PURE__ */ a("button", {
+		"aria-sort": l ? a[u] : void 0,
+		className: e("text-left font-medium text-(--nuka-text-muted)", "px-(--space-4) py-(--space-3)", g && "border-r border-(--nuka-border-base) last:border-r-0", f),
+		...m,
+		children: l ? /* @__PURE__ */ i("button", {
 			type: "button",
-			onClick: u,
+			onClick: d,
 			className: e("group inline-flex items-center gap-(--space-1)", "rounded-(--radius-sm)", "-mx-(--space-1) px-(--space-1)", "hover:bg-(--nuka-bg-muted)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)"),
-			children: [f, /* @__PURE__ */ i(t, {
+			children: [p, /* @__PURE__ */ r(t, {
 				size: "sm",
-				children: l === "desc" ? /* @__PURE__ */ i(c, {}) : /* @__PURE__ */ i("span", {
-					className: e(l === "none" && "opacity-0 group-hover:opacity-50"),
-					children: /* @__PURE__ */ i(s, {})
+				children: u === "desc" ? /* @__PURE__ */ r(s, {}) : /* @__PURE__ */ r("span", {
+					className: e(u === "none" && "opacity-0 group-hover:opacity-50"),
+					children: /* @__PURE__ */ r(o, {})
 				})
 			})]
-		}) : f
+		}) : p
 	});
-});
-l.displayName = "TableHead";
+}
+c.displayName = "TableHead";
 //#endregion
-export { l as TableHead };
+export { c as TableHead };
 
 //# sourceMappingURL=TableHead.js.map

package/dist/components/Table/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  (\n    {\n      sortable = false,\n      sortDirection = \"none\",\n      onSort,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { variant } = useTableContext();\n    const isBordered = variant === \"bordered\";\n\n    return (\n      <th\n        ref={ref}\n        scope=\"col\"\n        aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n        className={cn(\n          \"text-left font-medium text-(--nuka-text-muted)\",\n          \"px-(--space-4) py-(--space-3)\",\n          isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n          className,\n        )}\n        {...props}\n      >\n        {sortable ? (\n          <button\n            type=\"button\"\n            onClick={onSort}\n            className={cn(\n              \"group inline-flex items-center gap-(--space-1)\",\n              \"rounded-(--radius-sm)\",\n              \"-mx-(--space-1) px-(--space-1)\",\n              \"hover:bg-(--nuka-bg-muted)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n            <Icon size=\"sm\">\n              {sortDirection === \"desc\" ? (\n                <SortDescIcon />\n              ) : (\n                <span\n                  className={cn(\n                    sortDirection === \"none\" &&\n                      \"opacity-0 group-hover:opacity-50\",\n                  )}\n                >\n                  <SortAscIcon />\n                </span>\n              )}\n            </Icon>\n          </button>\n        ) : (\n          children\n        )}\n      </th>\n    );\n  },\n);\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":";;;;;;;AAMA,IAAM,IAAc;CAClB,KAAK;CACL,MAAM;CACN,MAAM;CACP,EAEK,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,EACrB,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA,CACtB;IAGF,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,EACrB,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA,CACxB;IAWF,IAAY,EAAM,YAEpB,EACE,cAAW,IACX,mBAAgB,QAChB,WACA,cACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,EAAE,eAAY,GAAiB,EAC/B,IAAa,MAAY;AAE/B,QACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,aAAW,IAAW,EAAY,KAAiB,KAAA;EACnD,WAAW,EACT,kDACA,iCACA,KAAc,wDACd,EACD;EACD,GAAI;YAEH,IACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAW,EACT,kDACA,yBACA,kCACA,8BACA,0DACA,8CACD;aAVH,CAYG,GACD,kBAAC,GAAD;IAAM,MAAK;cACR,MAAkB,SACjB,kBAAC,GAAD,EAAgB,CAAA,GAEhB,kBAAC,QAAD;KACE,WAAW,EACT,MAAkB,UAChB,mCACH;eAED,kBAAC,GAAD,EAAe,CAAA;KACV,CAAA;IAEJ,CAAA,CACA;OAET;EAEC,CAAA;EAGV;AAED,EAAU,cAAc"}
+{"version":3,"file":"TableHead.js","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nfunction TableHead({\n  ref,\n  sortable = false,\n  sortDirection = \"none\",\n  onSort,\n  className,\n  children,\n  ...props\n}: TableHeadProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n      className={cn(\n        \"text-left font-medium text-(--nuka-text-muted)\",\n        \"px-(--space-4) py-(--space-3)\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      {...props}\n    >\n      {sortable ? (\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className={cn(\n            \"group inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-sm)\",\n            \"-mx-(--space-1) px-(--space-1)\",\n            \"hover:bg-(--nuka-bg-muted)\",\n            \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n            \"focus-visible:outline-(--nuka-border-focus)\",\n          )}\n        >\n          {children}\n          <Icon size=\"sm\">\n            {sortDirection === \"desc\" ? (\n              <SortDescIcon />\n            ) : (\n              <span\n                className={cn(\n                  sortDirection === \"none\" &&\n                    \"opacity-0 group-hover:opacity-50\",\n                )}\n              >\n                <SortAscIcon />\n              </span>\n            )}\n          </Icon>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":";;;;;;;AAMA,IAAM,IAAc;CAClB,KAAK;CACL,MAAM;CACN,MAAM;CACP,EAEK,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,EACrB,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA,CACtB;IAGF,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,EACrB,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA,CACxB;;AAYR,SAAS,EAAU,EACjB,QACA,cAAW,IACX,mBAAgB,QAChB,WACA,cACA,aACA,GAAG,KACc;CACjB,IAAM,EAAE,eAAY,GAAiB,EAC/B,IAAa,MAAY;AAE/B,QACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,aAAW,IAAW,EAAY,KAAiB,KAAA;EACnD,WAAW,EACT,kDACA,iCACA,KAAc,wDACd,EACD;EACD,GAAI;YAEH,IACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAW,EACT,kDACA,yBACA,kCACA,8BACA,0DACA,8CACD;aAVH,CAYG,GACD,kBAAC,GAAD;IAAM,MAAK;cACR,MAAkB,SACjB,kBAAC,GAAD,EAAgB,CAAA,GAEhB,kBAAC,QAAD;KACE,WAAW,EACT,MAAkB,UAChB,mCACH;eAED,kBAAC,GAAD,EAAe,CAAA;KACV,CAAA;IAEJ,CAAA,CACA;OAET;EAEC,CAAA;;AAIT,EAAU,cAAc"}

package/dist/components/Table/TableHeader.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`thead`,{ref:i,className:t.cn(`border-b border-(--nuka-border-base)`,e),...n}));i.displayName=`TableHeader`,exports.TableHeader=i;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`thead`,{ref:e,className:t.cn(`border-b border-(--nuka-border-base)`,n),...i})}i.displayName=`TableHeader`,exports.TableHeader=i;
 //# sourceMappingURL=TableHeader.cjs.map

package/dist/components/Table/TableHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.cjs","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  ),\n);\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":"mKAKA,IAAM,EAAc,EAAM,YACvB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GAAG,uCAAwC,EAAU,CAChE,GAAI,EACJ,CAAA,CAEL,CAED,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.cjs","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":"mKAOA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GAAG,uCAAwC,EAAU,CAChE,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}

package/dist/components/Table/TableHeader.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLTableSectionElement> | undefined;
+}
+declare function TableHeader({ ref, className, ...props }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TableHeader {
+    var displayName: string;
 }
-declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
 export { TableHeader };
 //# sourceMappingURL=TableHeader.d.ts.map

package/dist/components/Table/TableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1F,QAAA,MAAM,WAAW,kGAQhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,GAAG,SAAS,CAAC;CACtD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQlE;kBARQ,WAAW;;;AAYpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Table/TableHeader.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Table/TableHeader.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("thead", {
-	ref: i,
-	className: e("border-b border-(--nuka-border-base)", t),
-	...r
-}));
-r.displayName = "TableHeader";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("thead", {
+		ref: n,
+		className: e("border-b border-(--nuka-border-base)", r),
+		...i
+	});
+}
+n.displayName = "TableHeader";
 //#endregion
-export { r as TableHeader };
+export { n as TableHeader };
 
 //# sourceMappingURL=TableHeader.js.map

package/dist/components/Table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  ),\n);\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":";;;;AAKA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,SAAD;CACO;CACL,WAAW,EAAG,wCAAwC,EAAU;CAChE,GAAI;CACJ,CAAA,CAEL;AAED,EAAY,cAAc"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":";;;;AAOA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;AACnE,QACE,kBAAC,SAAD;EACO;EACL,WAAW,EAAG,wCAAwC,EAAU;EAChE,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}

package/dist/components/Table/TableRow.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i={default:``,danger:`bg-(--nuka-danger-bg)`,success:`bg-(--nuka-success-bg)`,warning:`bg-(--nuka-warning-bg)`},a=n.forwardRef(({intent:e=`default`,selected:n=!1,className:a,...o},s)=>(0,r.jsx)(`tr`,{ref:s,"aria-selected":n?!0:void 0,className:t.cn(`border-b border-(--nuka-border-base) last:border-b-0`,i[e],n&&`bg-(--nuka-accent-bg-subtle)`,a),...o}));a.displayName=`TableRow`,exports.TableRow=a;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i={default:``,danger:`bg-(--nuka-danger-bg)`,success:`bg-(--nuka-success-bg)`,warning:`bg-(--nuka-warning-bg)`};function a({ref:e,intent:n=`default`,selected:a=!1,className:o,...s}){return(0,r.jsx)(`tr`,{ref:e,"aria-selected":a?!0:void 0,className:t.cn(`border-b border-(--nuka-border-base) last:border-b-0`,i[n],a&&`bg-(--nuka-accent-bg-subtle)`,o),...s})}a.displayName=`TableRow`,exports.TableRow=a;
 //# sourceMappingURL=TableRow.cjs.map

package/dist/components/Table/TableRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ intent = \"default\", selected = false, className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":"mKAKA,IAAM,EAAmD,CACvD,QAAS,GACT,OAAQ,wBACR,QAAS,yBACT,QAAS,yBACV,CAOK,EAAW,EAAM,YACpB,CAAE,SAAS,UAAW,WAAW,GAAO,YAAW,GAAG,GAAS,KAC9D,EAAA,EAAA,KAAC,KAAD,CACO,MACL,gBAAe,EAAW,GAAO,IAAA,GACjC,UAAW,EAAA,GACT,uDAGA,EAAiB,GACjB,GAAY,+BACZ,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAS,YAAc"}
+{"version":3,"file":"TableRow.cjs","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  ref?: React.Ref<HTMLTableRowElement> | undefined;\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nfunction TableRow({\n  ref,\n  intent = \"default\",\n  selected = false,\n  className,\n  ...props\n}: TableRowProps) {\n  return (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":"mKAKA,IAAM,EAAmD,CACvD,QAAS,GACT,OAAQ,wBACR,QAAS,yBACT,QAAS,yBACV,CAQD,SAAS,EAAS,CAChB,MACA,SAAS,UACT,WAAW,GACX,YACA,GAAG,GACa,CAChB,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,gBAAe,EAAW,GAAO,IAAA,GACjC,UAAW,EAAA,GACT,uDAGA,EAAiB,GACjB,GAAY,+BACZ,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc"}

package/dist/components/Table/TableRow.d.ts

@@ -1,9 +1,13 @@
 import * as React from "react";
 export type TableRowIntent = "default" | "danger" | "success" | "warning";
 export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    ref?: React.Ref<HTMLTableRowElement> | undefined;
     intent?: TableRowIntent;
     selected?: boolean;
 }
-declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+declare function TableRow({ ref, intent, selected, className, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TableRow {
+    var displayName: string;
+}
 export { TableRow };
 //# sourceMappingURL=TableRow.d.ts.map

package/dist/components/Table/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1E,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,2FAgBb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1E,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACjD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,MAAkB,EAClB,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAgBf;kBAtBQ,QAAQ;;;AA0BjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Table/TableRow.js

@@ -1,20 +1,23 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Table/TableRow.tsx
-var r = {
+var n = {
 	default: "",
 	danger: "bg-(--nuka-danger-bg)",
 	success: "bg-(--nuka-success-bg)",
 	warning: "bg-(--nuka-warning-bg)"
-}, i = t.forwardRef(({ intent: t = "default", selected: i = !1, className: a, ...o }, s) => /* @__PURE__ */ n("tr", {
-	ref: s,
-	"aria-selected": i ? !0 : void 0,
-	className: e("border-b border-(--nuka-border-base) last:border-b-0", r[t], i && "bg-(--nuka-accent-bg-subtle)", a),
-	...o
-}));
-i.displayName = "TableRow";
+};
+function r({ ref: r, intent: i = "default", selected: a = !1, className: o, ...s }) {
+	return /* @__PURE__ */ t("tr", {
+		ref: r,
+		"aria-selected": a ? !0 : void 0,
+		className: e("border-b border-(--nuka-border-base) last:border-b-0", n[i], a && "bg-(--nuka-accent-bg-subtle)", o),
+		...s
+	});
+}
+r.displayName = "TableRow";
 //#endregion
-export { i as TableRow };
+export { r as TableRow };
 
 //# sourceMappingURL=TableRow.js.map

package/dist/components/Table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ intent = \"default\", selected = false, className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":";;;;AAKA,IAAM,IAAmD;CACvD,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV,EAOK,IAAW,EAAM,YACpB,EAAE,YAAS,WAAW,cAAW,IAAO,cAAW,GAAG,KAAS,MAC9D,kBAAC,MAAD;CACO;CACL,iBAAe,IAAW,KAAO,KAAA;CACjC,WAAW,EACT,wDAGA,EAAiB,IACjB,KAAY,gCACZ,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAS,cAAc"}
+{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  ref?: React.Ref<HTMLTableRowElement> | undefined;\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nfunction TableRow({\n  ref,\n  intent = \"default\",\n  selected = false,\n  className,\n  ...props\n}: TableRowProps) {\n  return (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":";;;;AAKA,IAAM,IAAmD;CACvD,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAQD,SAAS,EAAS,EAChB,QACA,YAAS,WACT,cAAW,IACX,cACA,GAAG,KACa;AAChB,QACE,kBAAC,MAAD;EACO;EACL,iBAAe,IAAW,KAAO,KAAA;EACjC,WAAW,EACT,wDAGA,EAAiB,IACjB,KAAY,gCACZ,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAS,cAAc"}

package/dist/components/Tabs/Tabs.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`./Tabs.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({value:e,defaultValue:o,onValueChange:s,orientation:c=`horizontal`,activationMode:l=`automatic`,className:u,children:d,...f},p)=>{let[m,h]=n.useControllableState(e,o,s),g=i.useId(),[_,v]=i.useState(void 0);return(0,a.jsx)(r.TabsContext,{value:i.useMemo(()=>({value:m,onValueChange:h,orientation:c,activationMode:l,baseId:g,focusedValue:_,setFocusedValue:v}),[m,h,c,l,g,_]),children:(0,a.jsx)(`div`,{ref:p,className:t.cn(c===`horizontal`?`flex flex-col`:`flex flex-row`,u),...f,children:d})})});o.displayName=`Tabs`,exports.Tabs=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`./Tabs.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,value:o,defaultValue:s,onValueChange:c,orientation:l=`horizontal`,activationMode:u=`automatic`,className:d,children:f,...p}){let[m,h]=n.useControllableState(o,s,c),g=i.useId(),[_,v]=i.useState(void 0);return(0,a.jsx)(r.TabsContext,{value:i.useMemo(()=>({value:m,onValueChange:h,orientation:l,activationMode:u,baseId:g,focusedValue:_,setFocusedValue:v}),[m,h,l,u,g,_]),children:(0,a.jsx)(`div`,{ref:e,className:t.cn(l===`horizontal`?`flex flex-col`:`flex flex-row`,d),...p,children:f})})}o.displayName=`Tabs`,exports.Tabs=o;
 //# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { TabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  activationMode?: \"automatic\" | \"manual\";\n}\n\nconst Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      activationMode = \"automatic\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onValueChange,\n    );\n\n    const baseId = React.useId();\n    const [focusedValue, setFocusedValue] = React.useState<string | undefined>(\n      undefined,\n    );\n\n    const contextValue = React.useMemo(\n      () => ({\n        value,\n        onValueChange: setValue,\n        orientation,\n        activationMode,\n        baseId,\n        focusedValue,\n        setFocusedValue,\n      }),\n      [value, setValue, orientation, activationMode, baseId, focusedValue],\n    );\n\n    return (\n      <TabsContext value={contextValue}>\n        <div\n          ref={ref}\n          className={cn(\n            orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </TabsContext>\n    );\n  },\n);\n\nTabs.displayName = \"Tabs\";\n\nexport { Tabs };\n"],"mappings":"oQAcA,IAAM,EAAO,EAAM,YAEf,CACE,MAAO,EACP,eACA,gBACA,cAAc,aACd,iBAAiB,YACjB,YACA,WACA,GAAG,GAEL,IACG,CACH,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,EACA,EACD,CAEK,EAAS,EAAM,OAAO,CACtB,CAAC,EAAc,GAAmB,EAAM,SAC5C,IAAA,GACD,CAeD,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,MAdM,EAAM,aAClB,CACL,QACA,cAAe,EACf,cACA,iBACA,SACA,eACA,kBACD,EACD,CAAC,EAAO,EAAU,EAAa,EAAgB,EAAQ,EAAa,CACrE,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,IAAgB,aAAe,gBAAkB,gBACjD,EACD,CACD,GAAI,EAEH,WACG,CAAA,CACM,CAAA,EAGnB,CAED,EAAK,YAAc"}
+{"version":3,"file":"Tabs.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { TabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  activationMode?: \"automatic\" | \"manual\";\n}\n\nfunction Tabs({\n  ref,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  activationMode = \"automatic\",\n  className,\n  children,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const baseId = React.useId();\n  const [focusedValue, setFocusedValue] = React.useState<string | undefined>(\n    undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      value,\n      onValueChange: setValue,\n      orientation,\n      activationMode,\n      baseId,\n      focusedValue,\n      setFocusedValue,\n    }),\n    [value, setValue, orientation, activationMode, baseId, focusedValue],\n  );\n\n  return (\n    <TabsContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\n          orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </TabsContext>\n  );\n}\n\nTabs.displayName = \"Tabs\";\n\nexport { Tabs };\n"],"mappings":"oQAeA,SAAS,EAAK,CACZ,MACA,MAAO,EACP,eACA,gBACA,cAAc,aACd,iBAAiB,YACjB,YACA,WACA,GAAG,GACS,CACZ,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,EACA,EACD,CAEK,EAAS,EAAM,OAAO,CACtB,CAAC,EAAc,GAAmB,EAAM,SAC5C,IAAA,GACD,CAeD,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,MAdM,EAAM,aAClB,CACL,QACA,cAAe,EACf,cACA,iBACA,SACA,eACA,kBACD,EACD,CAAC,EAAO,EAAU,EAAa,EAAgB,EAAQ,EAAa,CACrE,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,IAAgB,aAAe,gBAAkB,gBACjD,EACD,CACD,GAAI,EAEH,WACG,CAAA,CACM,CAAA,CAIlB,EAAK,YAAc"}