@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      className,\n      size,\n      checked: controlledChecked,\n      defaultChecked,\n      onChange,\n      children,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const field = useFormFieldProps(\n      {\n        id,\n        disabled,\n        \"aria-describedby\": props[\"aria-describedby\"],\n      },\n      { skipInvalid: true },\n    );\n    const [isChecked, setChecked] = useControllableState(\n      controlledChecked,\n      defaultChecked ?? false,\n      onChange,\n    );\n\n    const handleClick = () => {\n      setChecked(!isChecked);\n    };\n\n    const translateClass = {\n      sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n      md: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n      lg: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n    }[size ?? \"md\"];\n\n    return (\n      <div className=\"inline-flex items-center gap-(--space-2)\">\n        <button\n          ref={ref}\n          type=\"button\"\n          role=\"switch\"\n          id={field.resolvedId}\n          aria-checked={isChecked}\n          aria-describedby={field.ariaDescribedBy}\n          disabled={field.resolvedDisabled}\n          className={cn(\n            switchVariants({ size }),\n            isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n            className,\n          )}\n          onClick={handleClick}\n          {...props}\n        >\n          <span\n            aria-hidden=\"true\"\n            className={cn(switchThumbVariants({ size }), translateClass)}\n          />\n        </button>\n        {children && (\n          <Text as=\"span\" size=\"sm\">\n            {children}\n          </Text>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;AAsBA,IAAM,IAAS,EAAM,YAEjB,EACE,cACA,SACA,SAAS,GACT,mBACA,aACA,aACA,OACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,IAAQ,EACZ;EACE;EACA;EACA,oBAAoB,EAAM;EAC3B,EACD,EAAE,aAAa,IAAM,CACtB,EACK,CAAC,GAAW,KAAc,EAC9B,GACA,KAAkB,IAClB,EACD,EAEK,UAAoB;AACxB,IAAW,CAAC,EAAU;IAGlB,IAAiB;EACrB,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EACnC,CAAC,KAAQ;AAEV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACO;GACL,MAAK;GACL,MAAK;GACL,IAAI,EAAM;GACV,gBAAc;GACd,oBAAkB,EAAM;GACxB,UAAU,EAAM;GAChB,WAAW,EACT,EAAe,EAAE,SAAM,CAAC,EACxB,IAAY,0BAA0B,6BACtC,EACD;GACD,SAAS;GACT,GAAI;aAEJ,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAoB,EAAE,SAAM,CAAC,EAAE,EAAe;IAC5D,CAAA;GACK,CAAA,EACR,KACC,kBAAC,GAAD;GAAM,IAAG;GAAO,MAAK;GAClB;GACI,CAAA,CAEL;;EAGX;AAED,EAAO,cAAc"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAO,EACd,QACA,cACA,SACA,SAAS,GACT,mBACA,aACA,aACA,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EACZ;EACE;EACA;EACA,oBAAoB,EAAM;EAC3B,EACD,EAAE,aAAa,IAAM,CACtB,EACK,CAAC,GAAW,KAAc,EAC9B,GACA,KAAkB,IAClB,EACD,EAEK,UAAoB;AACxB,IAAW,CAAC,EAAU;IAGlB,IAAiB;EACrB,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EACnC,CAAC,KAAQ;AAEV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACO;GACL,MAAK;GACL,MAAK;GACL,IAAI,EAAM;GACV,gBAAc;GACd,oBAAkB,EAAM;GACxB,UAAU,EAAM;GAChB,WAAW,EACT,EAAe,EAAE,SAAM,CAAC,EACxB,IAAY,0BAA0B,6BACtC,EACD;GACD,SAAS;GACT,GAAI;aAEJ,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAoB,EAAE,SAAM,CAAC,EAAE,EAAe;IAC5D,CAAA;GACK,CAAA,EACR,KACC,kBAAC,GAAD;GAAM,IAAG;GAAO,MAAK;GAClB;GACI,CAAA,CAEL;;;AAIV,EAAO,cAAc"}

package/dist/components/Table/Table.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`),r=require(`./Table.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({caption:e,variant:o=`default`,className:s,children:c,...l},u)=>(0,a.jsx)(n.TableContext,{value:i.useMemo(()=>({variant:o??`default`}),[o]),children:(0,a.jsx)(`div`,{ref:u,"data-variant":o,className:t.cn(r.tableVariants({variant:o}),s),...l,children:(0,a.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,a.jsx)(`caption`,{className:`sr-only`,children:e}),c]})})}));o.displayName=`Table`,exports.Table=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`),r=require(`./Table.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,caption:o,variant:s=`default`,className:c,children:l,...u}){return(0,a.jsx)(n.TableContext,{value:i.useMemo(()=>({variant:s??`default`}),[s]),children:(0,a.jsx)(`div`,{ref:e,"data-variant":s,className:t.cn(r.tableVariants({variant:s}),c),...u,children:(0,a.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,a.jsx)(`caption`,{className:`sr-only`,children:o}),l]})})})}o.displayName=`Table`,exports.Table=o;
 //# sourceMappingURL=Table.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nconst Table = React.forwardRef<HTMLDivElement, TableProps>(\n  ({ caption, variant = \"default\", className, children, ...props }, ref) => {\n    const contextValue: TableContextValue = React.useMemo(\n      () => ({ variant: variant ?? \"default\" }),\n      [variant],\n    );\n\n    return (\n      <TableContext value={contextValue}>\n        <div\n          ref={ref}\n          data-variant={variant}\n          className={cn(tableVariants({ variant }), className)}\n          {...props}\n        >\n          <table className=\"w-full border-collapse text-sm\">\n            <caption className=\"sr-only\">{caption}</caption>\n            {children}\n          </table>\n        </div>\n      </TableContext>\n    );\n  },\n);\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":"mPAmBA,IAAM,EAAQ,EAAM,YACjB,CAAE,UAAS,UAAU,UAAW,YAAW,WAAU,GAAG,GAAS,KAO9D,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,MANwB,EAAM,aACrC,CAAE,QAAS,GAAW,UAAW,EACxC,CAAC,EAAQ,CACV,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,eAAc,EACd,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CACpD,GAAI,YAEJ,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,0CAAjB,EACE,EAAA,EAAA,KAAC,UAAD,CAAS,UAAU,mBAAW,EAAkB,CAAA,CAC/C,EACK,GACJ,CAAA,CACO,CAAA,CAGpB,CAED,EAAM,YAAc"}
+{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table className=\"w-full border-collapse text-sm\">\n          <caption className=\"sr-only\">{caption}</caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":"mPAoBA,SAAS,EAAM,CACb,MACA,UACA,UAAU,UACV,YACA,WACA,GAAG,GACU,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,MANwB,EAAM,aACrC,CAAE,QAAS,GAAW,UAAW,EACxC,CAAC,EAAQ,CACV,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,eAAc,EACd,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CACpD,GAAI,YAEJ,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,0CAAjB,EACE,EAAA,EAAA,KAAC,UAAD,CAAS,UAAU,mBAAW,EAAkB,CAAA,CAC/C,EACK,GACJ,CAAA,CACO,CAAA,CAInB,EAAM,YAAc"}

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

@@ -1,8 +1,12 @@
 import { TableVariantProps } from './Table.variants';
 import * as React from "react";
 export interface TableProps extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     caption: string;
 }
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;
+declare function Table({ ref, caption, variant, className, children, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
 export { Table };
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,iBAAiB;IAC/D,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD,QAAA,MAAM,KAAK,mFAuBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,iBAAiB;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,OAAO,EACP,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAqBZ;kBA5BQ,KAAK;;;AAgCd,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Table/Table.js

@@ -5,22 +5,24 @@ import { tableVariants as n } from "./Table.variants.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Table/Table.tsx
-var o = r.forwardRef(({ caption: o, variant: s = "default", className: c, children: l, ...u }, d) => /* @__PURE__ */ i(t, {
-	value: r.useMemo(() => ({ variant: s ?? "default" }), [s]),
-	children: /* @__PURE__ */ i("div", {
-		ref: d,
-		"data-variant": s,
-		className: e(n({ variant: s }), c),
-		...u,
-		children: /* @__PURE__ */ a("table", {
-			className: "w-full border-collapse text-sm",
-			children: [/* @__PURE__ */ i("caption", {
-				className: "sr-only",
-				children: o
-			}), l]
+function o({ ref: o, caption: s, variant: c = "default", className: l, children: u, ...d }) {
+	return /* @__PURE__ */ i(t, {
+		value: r.useMemo(() => ({ variant: c ?? "default" }), [c]),
+		children: /* @__PURE__ */ i("div", {
+			ref: o,
+			"data-variant": c,
+			className: e(n({ variant: c }), l),
+			...d,
+			children: /* @__PURE__ */ a("table", {
+				className: "w-full border-collapse text-sm",
+				children: [/* @__PURE__ */ i("caption", {
+					className: "sr-only",
+					children: s
+				}), u]
+			})
 		})
-	})
-}));
+	});
+}
 o.displayName = "Table";
 //#endregion
 export { o as Table };

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nconst Table = React.forwardRef<HTMLDivElement, TableProps>(\n  ({ caption, variant = \"default\", className, children, ...props }, ref) => {\n    const contextValue: TableContextValue = React.useMemo(\n      () => ({ variant: variant ?? \"default\" }),\n      [variant],\n    );\n\n    return (\n      <TableContext value={contextValue}>\n        <div\n          ref={ref}\n          data-variant={variant}\n          className={cn(tableVariants({ variant }), className)}\n          {...props}\n        >\n          <table className=\"w-full border-collapse text-sm\">\n            <caption className=\"sr-only\">{caption}</caption>\n            {children}\n          </table>\n        </div>\n      </TableContext>\n    );\n  },\n);\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":";;;;;;;AAmBA,IAAM,IAAQ,EAAM,YACjB,EAAE,YAAS,aAAU,WAAW,cAAW,aAAU,GAAG,KAAS,MAO9D,kBAAC,GAAD;CAAc,OANwB,EAAM,eACrC,EAAE,SAAS,KAAW,WAAW,GACxC,CAAC,EAAQ,CACV;WAIG,kBAAC,OAAD;EACO;EACL,gBAAc;EACd,WAAW,EAAG,EAAc,EAAE,YAAS,CAAC,EAAE,EAAU;EACpD,GAAI;YAEJ,kBAAC,SAAD;GAAO,WAAU;aAAjB,CACE,kBAAC,WAAD;IAAS,WAAU;cAAW;IAAkB,CAAA,EAC/C,EACK;;EACJ,CAAA;CACO,CAAA,CAGpB;AAED,EAAM,cAAc"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table className=\"w-full border-collapse text-sm\">\n          <caption className=\"sr-only\">{caption}</caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":";;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,YACA,aAAU,WACV,cACA,aACA,GAAG,KACU;AAMb,QACE,kBAAC,GAAD;EAAc,OANwB,EAAM,eACrC,EAAE,SAAS,KAAW,WAAW,GACxC,CAAC,EAAQ,CACV;YAIG,kBAAC,OAAD;GACO;GACL,gBAAc;GACd,WAAW,EAAG,EAAc,EAAE,YAAS,CAAC,EAAE,EAAU;GACpD,GAAI;aAEJ,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,WAAD;KAAS,WAAU;eAAW;KAAkB,CAAA,EAC/C,EACK;;GACJ,CAAA;EACO,CAAA;;AAInB,EAAM,cAAc"}

package/dist/components/Table/TableBody.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)(`tbody`,{ref:i,className:t.cn(e),...n}));i.displayName=`TableBody`,exports.TableBody=i;
+"use client";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)(`tbody`,{ref:e,className:t.cn(n),...i})}i.displayName=`TableBody`,exports.TableBody=i;
 //# sourceMappingURL=TableBody.cjs.map

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":["\"use client\";\n\nimport * 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":"gLASA,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":"AAEA,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,17 @@
+"use client";
 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":["\"use client\";\n\nimport * 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":";;;;;AASA,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;
+"use client";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":["\"use client\";\n\nimport * 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":"gLASA,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":"AAEA,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,17 @@
+"use client";
 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":["\"use client\";\n\nimport * 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":";;;;;AASA,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;
+"use client";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":["\"use client\";\n\nimport * 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":"gLASA,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":"AAEA,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,17 @@
+"use client";
 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