@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/Table/Table.js

@@ -0,0 +1,28 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { TableContext as t } from "./Table.context.js";
+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]
+		})
+	})
+}));
+o.displayName = "Table";
+//#endregion
+export { o as Table };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +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"}

package/dist/components/Table/Table.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`overflow-x-auto`],{variants:{variant:{default:``,bordered:[`border border-(--nuka-border-base)`,`rounded-(--radius-lg)`]}},defaultVariants:{variant:`default`}});exports.tableVariants=e;
+//# sourceMappingURL=Table.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.variants.cjs","names":[],"sources":["../../../src/components/Table/Table.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tableVariants = cva([\"overflow-x-auto\"], {\n  variants: {\n    variant: {\n      default: \"\",\n      bordered: [\"border border-(--nuka-border-base)\", \"rounded-(--radius-lg)\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TableVariantProps = VariantProps<typeof tableVariants>;\n"],"mappings":"AAEA,IAAa,wEAAgB,IAAI,CAAC,kBAAkB,CAAE,CACpD,SAAU,CACR,QAAS,CACP,QAAS,GACT,SAAU,CAAC,qCAAsC,wBAAwB,CAC1E,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CAAC"}

package/dist/components/Table/Table.variants.js

@@ -0,0 +1,13 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Table/Table.variants.ts
+var t = e(["overflow-x-auto"], {
+	variants: { variant: {
+		default: "",
+		bordered: ["border border-(--nuka-border-base)", "rounded-(--radius-lg)"]
+	} },
+	defaultVariants: { variant: "default" }
+});
+//#endregion
+export { t as tableVariants };
+
+//# sourceMappingURL=Table.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.variants.js","names":[],"sources":["../../../src/components/Table/Table.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tableVariants = cva([\"overflow-x-auto\"], {\n  variants: {\n    variant: {\n      default: \"\",\n      bordered: [\"border border-(--nuka-border-base)\", \"rounded-(--radius-lg)\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TableVariantProps = VariantProps<typeof tableVariants>;\n"],"mappings":";;AAEA,IAAa,IAAgB,EAAI,CAAC,kBAAkB,EAAE;CACpD,UAAU,EACR,SAAS;EACP,SAAS;EACT,UAAU,CAAC,sCAAsC,wBAAwB;EAC1E,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC"}

package/dist/components/Table/TableBody.cjs

@@ -0,0 +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;
+//# sourceMappingURL=TableBody.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableBody.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } 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";
+//#endregion
+export { r as TableBody };
+
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableCell.cjs

@@ -0,0 +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;
+//# sourceMappingURL=TableCell.cjs.map

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

@@ -0,0 +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"}

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":"AAAA,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;CAAG;AAEvF,QAAA,MAAM,SAAS,6FAiBd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Table/TableCell.js

@@ -0,0 +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";
+//#region src/components/Table/TableCell.tsx
+var i = n.forwardRef(({ className: n, ...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
+	});
+});
+i.displayName = "TableCell";
+//#endregion
+export { i as TableCell };
+
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableFooter.cjs

@@ -0,0 +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;
+//# sourceMappingURL=TableFooter.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableFooter.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } 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";
+//#endregion
+export { r as TableFooter };
+
+//# sourceMappingURL=TableFooter.js.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableHead.cjs

@@ -0,0 +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;
+//# sourceMappingURL=TableHead.cjs.map

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

@@ -0,0 +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"}

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":"AAAA,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,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"}

package/dist/components/Table/TableHead.js

@@ -0,0 +1,54 @@
+"use client";
+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";
+//#region src/components/Table/TableHead.tsx
+var o = {
+	asc: "ascending",
+	desc: "descending",
+	none: "none"
+}, s = () => /* @__PURE__ */ a("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", {
+	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) => {
+	let { variant: h } = n(), g = h === "bordered";
+	return /* @__PURE__ */ i("th", {
+		ref: m,
+		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", {
+			type: "button",
+			onClick: u,
+			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, {
+				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, {})
+				})
+			})]
+		}) : f
+	});
+});
+l.displayName = "TableHead";
+//#endregion
+export { l as TableHead };
+
+//# sourceMappingURL=TableHead.js.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableHeader.cjs

@@ -0,0 +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;
+//# sourceMappingURL=TableHeader.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableHeader.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } 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";
+//#endregion
+export { r as TableHeader };
+
+//# sourceMappingURL=TableHeader.js.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableRow.cjs

@@ -0,0 +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;
+//# sourceMappingURL=TableRow.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Table/TableRow.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Table/TableRow.tsx
+var r = {
+	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";
+//#endregion
+export { i as TableRow };
+
+//# sourceMappingURL=TableRow.js.map

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

@@ -0,0 +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"}

package/dist/components/Tabs/Tabs.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Tabs.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Tabs/Tabs.context.cjs

@@ -0,0 +1,2 @@
+"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(null);function n(){let n=(0,e.useContext)(t);if(n===null)throw Error(`Tabs compound components must be used within <Tabs>`);return n}exports.TabsContext=t,exports.useTabsContext=n;
+//# sourceMappingURL=Tabs.context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.context.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface TabsContextValue {\n  value: string | undefined;\n  onValueChange: (value: string) => void;\n  orientation: \"horizontal\" | \"vertical\";\n  activationMode: \"automatic\" | \"manual\";\n  baseId: string;\n  focusedValue: string | undefined;\n  setFocusedValue: (value: string | undefined) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nfunction useTabsContext(): TabsContextValue {\n  const context = useContext(TabsContext);\n  if (context === null) {\n    throw new Error(\"Tabs compound components must be used within <Tabs>\");\n  }\n  return context;\n}\n\nexport { TabsContext, useTabsContext };\n"],"mappings":"oFAaA,IAAM,GAAA,EAAA,EAAA,eAAqD,KAAK,CAEhE,SAAS,GAAmC,CAC1C,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAY,CACvC,GAAI,IAAY,KACd,MAAU,MAAM,sDAAsD,CAExE,OAAO"}

package/dist/components/Tabs/Tabs.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.context.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.context.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,cAAc,EAAE,WAAW,GAAG,QAAQ,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAED,QAAA,MAAM,WAAW,kDAA+C,CAAC;AAEjE,iBAAS,cAAc,IAAI,gBAAgB,CAM1C;AAED,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Tabs.context.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.context.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,cAAc,EAAE,WAAW,GAAG,QAAQ,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAED,QAAA,MAAM,WAAW,kDAA+C,CAAC;AAEjE,iBAAS,cAAc,IAAI,gBAAgB,CAM1C;AAED,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Tabs/Tabs.context.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/Tabs/Tabs.context.tsx
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (e === null) throw Error("Tabs compound components must be used within <Tabs>");
+	return e;
+}
+//#endregion
+export { n as TabsContext, r as useTabsContext };
+
+//# sourceMappingURL=Tabs.context.js.map

package/dist/components/Tabs/Tabs.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.context.js","names":[],"sources":["../../../src/components/Tabs/Tabs.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface TabsContextValue {\n  value: string | undefined;\n  onValueChange: (value: string) => void;\n  orientation: \"horizontal\" | \"vertical\";\n  activationMode: \"automatic\" | \"manual\";\n  baseId: string;\n  focusedValue: string | undefined;\n  setFocusedValue: (value: string | undefined) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nfunction useTabsContext(): TabsContextValue {\n  const context = useContext(TabsContext);\n  if (context === null) {\n    throw new Error(\"Tabs compound components must be used within <Tabs>\");\n  }\n  return context;\n}\n\nexport { TabsContext, useTabsContext };\n"],"mappings":";;;AAaA,IAAM,IAAc,EAAuC,KAAK;AAEhE,SAAS,IAAmC;CAC1C,IAAM,IAAU,EAAW,EAAY;AACvC,KAAI,MAAY,KACd,OAAU,MAAM,sDAAsD;AAExE,QAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CACzC;AAED,QAAA,MAAM,IAAI,kFAqDT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CACzC;AAED,QAAA,MAAM,IAAI,kFAqDT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,39 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { TabsContext as n } from "./Tabs.context.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Tabs/Tabs.tsx
+var a = r.forwardRef(({ value: a, defaultValue: o, onValueChange: s, orientation: c = "horizontal", activationMode: l = "automatic", className: u, children: d, ...f }, p) => {
+	let [m, h] = t(a, o, s), g = r.useId(), [_, v] = r.useState(void 0);
+	return /* @__PURE__ */ i(n, {
+		value: r.useMemo(() => ({
+			value: m,
+			onValueChange: h,
+			orientation: c,
+			activationMode: l,
+			baseId: g,
+			focusedValue: _,
+			setFocusedValue: v
+		}), [
+			m,
+			h,
+			c,
+			l,
+			g,
+			_
+		]),
+		children: /* @__PURE__ */ i("div", {
+			ref: p,
+			className: e(c === "horizontal" ? "flex flex-col" : "flex flex-row", u),
+			...f,
+			children: d
+		})
+	});
+});
+a.displayName = "Tabs";
+//#endregion
+export { a as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","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":";;;;;;;AAcA,IAAM,IAAO,EAAM,YAEf,EACE,OAAO,GACP,iBACA,kBACA,iBAAc,cACd,oBAAiB,aACjB,cACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,GACA,EACD,EAEK,IAAS,EAAM,OAAO,EACtB,CAAC,GAAc,KAAmB,EAAM,SAC5C,KAAA,EACD;AAeD,QACE,kBAAC,GAAD;EAAa,OAdM,EAAM,eAClB;GACL;GACA,eAAe;GACf;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAO;GAAU;GAAa;GAAgB;GAAQ;GAAa,CACrE;YAIG,kBAAC,OAAD;GACO;GACL,WAAW,EACT,MAAgB,eAAe,kBAAkB,iBACjD,EACD;GACD,GAAI;GAEH;GACG,CAAA;EACM,CAAA;EAGnB;AAED,EAAK,cAAc"}

package/dist/components/Tabs/Tabs.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`flex shrink-0`,`focus-visible:outline-none`],{variants:{variant:{underline:[`border-b border-(--nuka-border-base)`,`gap-(--space-4)`],pill:[`bg-(--nuka-bg-muted)`,`rounded-(--radius-lg)`,`p-(--space-1)`,`gap-(--space-1)`],boxed:[`border border-(--nuka-border-base)`,`rounded-(--radius-lg)`,`p-(--space-1)`,`gap-(--space-1)`]}},defaultVariants:{variant:`underline`}});exports.tabsListVariants=e;
+//# sourceMappingURL=Tabs.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.variants.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tabsListVariants = cva(\n  [\"flex shrink-0\", \"focus-visible:outline-none\"],\n  {\n    variants: {\n      variant: {\n        underline: [\"border-b border-(--nuka-border-base)\", \"gap-(--space-4)\"],\n        pill: [\n          \"bg-(--nuka-bg-muted)\",\n          \"rounded-(--radius-lg)\",\n          \"p-(--space-1)\",\n          \"gap-(--space-1)\",\n        ],\n        boxed: [\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-lg)\",\n          \"p-(--space-1)\",\n          \"gap-(--space-1)\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"underline\",\n    },\n  },\n);\n\nexport type TabsListVariantProps = VariantProps<typeof tabsListVariants>;\n"],"mappings":"AAEA,IAAa,wEAAmB,IAC9B,CAAC,gBAAiB,6BAA6B,CAC/C,CACE,SAAU,CACR,QAAS,CACP,UAAW,CAAC,uCAAwC,kBAAkB,CACtE,KAAM,CACJ,uBACA,wBACA,gBACA,kBACD,CACD,MAAO,CACL,qCACA,wBACA,gBACA,kBACD,CACF,CACF,CACD,gBAAiB,CACf,QAAS,YACV,CACF,CACF"}

package/dist/components/Tabs/Tabs.variants.js

@@ -0,0 +1,24 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Tabs/Tabs.variants.ts
+var t = e(["flex shrink-0", "focus-visible:outline-none"], {
+	variants: { variant: {
+		underline: ["border-b border-(--nuka-border-base)", "gap-(--space-4)"],
+		pill: [
+			"bg-(--nuka-bg-muted)",
+			"rounded-(--radius-lg)",
+			"p-(--space-1)",
+			"gap-(--space-1)"
+		],
+		boxed: [
+			"border border-(--nuka-border-base)",
+			"rounded-(--radius-lg)",
+			"p-(--space-1)",
+			"gap-(--space-1)"
+		]
+	} },
+	defaultVariants: { variant: "underline" }
+});
+//#endregion
+export { t as tabsListVariants };
+
+//# sourceMappingURL=Tabs.variants.js.map

package/dist/components/Tabs/Tabs.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.variants.js","names":[],"sources":["../../../src/components/Tabs/Tabs.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tabsListVariants = cva(\n  [\"flex shrink-0\", \"focus-visible:outline-none\"],\n  {\n    variants: {\n      variant: {\n        underline: [\"border-b border-(--nuka-border-base)\", \"gap-(--space-4)\"],\n        pill: [\n          \"bg-(--nuka-bg-muted)\",\n          \"rounded-(--radius-lg)\",\n          \"p-(--space-1)\",\n          \"gap-(--space-1)\",\n        ],\n        boxed: [\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-lg)\",\n          \"p-(--space-1)\",\n          \"gap-(--space-1)\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"underline\",\n    },\n  },\n);\n\nexport type TabsListVariantProps = VariantProps<typeof tabsListVariants>;\n"],"mappings":";;AAEA,IAAa,IAAmB,EAC9B,CAAC,iBAAiB,6BAA6B,EAC/C;CACE,UAAU,EACR,SAAS;EACP,WAAW,CAAC,wCAAwC,kBAAkB;EACtE,MAAM;GACJ;GACA;GACA;GACA;GACD;EACD,OAAO;GACL;GACA;GACA;GACA;GACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,aACV;CACF,CACF"}

package/dist/components/Tabs/TabsContent.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Tabs.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({value:e,className:r,...a},o)=>{let s=n.useTabsContext(),c=s.value===e,l=`${s.baseId}-trigger-${e}`;return(0,i.jsx)(`div`,{ref:o,role:`tabpanel`,id:`${s.baseId}-panel-${e}`,"aria-labelledby":l,hidden:c?void 0:!0,tabIndex:0,"data-state":c?`active`:`inactive`,className:t.cn(`mt-(--space-2)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,r),...a})});a.displayName=`TabsContent`,exports.TabsContent=a;
+//# sourceMappingURL=TabsContent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.cjs","names":[],"sources":["../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ value, className, ...props }, ref) => {\n    const ctx = useTabsContext();\n    const isActive = ctx.value === value;\n    const triggerId = `${ctx.baseId}-trigger-${value}`;\n    const panelId = `${ctx.baseId}-panel-${value}`;\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        id={panelId}\n        aria-labelledby={triggerId}\n        hidden={!isActive ? true : undefined}\n        tabIndex={0}\n        data-state={isActive ? \"active\" : \"inactive\"}\n        className={cn(\n          \"mt-(--space-2)\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":"gNASA,IAAM,EAAc,EAAM,YACvB,CAAE,QAAO,YAAW,GAAG,GAAS,IAAQ,CACvC,IAAM,EAAM,EAAA,gBAAgB,CACtB,EAAW,EAAI,QAAU,EACzB,EAAY,GAAG,EAAI,OAAO,WAAW,IAG3C,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,WACL,GANY,GAAG,EAAI,OAAO,SAAS,IAOnC,kBAAiB,EACjB,OAAS,EAAkB,IAAA,GAAP,GACpB,SAAU,EACV,aAAY,EAAW,SAAW,WAClC,UAAW,EAAA,GACT,iBACA,yDACA,8CACA,EACD,CACD,GAAI,EACJ,CAAA,EAGP,CAED,EAAY,YAAc"}

package/dist/components/Tabs/TabsContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,yFA0BhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"TabsContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,yFA0BhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tabs/TabsContent.js

@@ -0,0 +1,25 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useTabsContext as t } from "./Tabs.context.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Tabs/TabsContent.tsx
+var i = n.forwardRef(({ value: n, className: i, ...a }, o) => {
+	let s = t(), c = s.value === n, l = `${s.baseId}-trigger-${n}`;
+	return /* @__PURE__ */ r("div", {
+		ref: o,
+		role: "tabpanel",
+		id: `${s.baseId}-panel-${n}`,
+		"aria-labelledby": l,
+		hidden: c ? void 0 : !0,
+		tabIndex: 0,
+		"data-state": c ? "active" : "inactive",
+		className: e("mt-(--space-2)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", i),
+		...a
+	});
+});
+i.displayName = "TabsContent";
+//#endregion
+export { i as TabsContent };
+
+//# sourceMappingURL=TabsContent.js.map

package/dist/components/Tabs/TabsContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.js","names":[],"sources":["../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ value, className, ...props }, ref) => {\n    const ctx = useTabsContext();\n    const isActive = ctx.value === value;\n    const triggerId = `${ctx.baseId}-trigger-${value}`;\n    const panelId = `${ctx.baseId}-panel-${value}`;\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        id={panelId}\n        aria-labelledby={triggerId}\n        hidden={!isActive ? true : undefined}\n        tabIndex={0}\n        data-state={isActive ? \"active\" : \"inactive\"}\n        className={cn(\n          \"mt-(--space-2)\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":";;;;;;AASA,IAAM,IAAc,EAAM,YACvB,EAAE,UAAO,cAAW,GAAG,KAAS,MAAQ;CACvC,IAAM,IAAM,GAAgB,EACtB,IAAW,EAAI,UAAU,GACzB,IAAY,GAAG,EAAI,OAAO,WAAW;AAG3C,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,IANY,GAAG,EAAI,OAAO,SAAS;EAOnC,mBAAiB;EACjB,QAAS,IAAkB,KAAA,IAAP;EACpB,UAAU;EACV,cAAY,IAAW,WAAW;EAClC,WAAW,EACT,kBACA,0DACA,+CACA,EACD;EACD,GAAI;EACJ,CAAA;EAGP;AAED,EAAY,cAAc"}

package/dist/components/Tabs/TabsList.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Tabs.context.cjs`),i=require(`./Tabs.variants.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=`[role="tab"]:not([aria-disabled="true"])`,c=a.forwardRef(({variant:e,className:s,onKeyDown:c,children:u,...d},f)=>{let{orientation:p}=r.useTabsContext(),m=a.useRef(null),h=n.composeRefs(f,m);return(0,o.jsx)(`div`,{ref:h,role:`tablist`,"aria-orientation":p,className:t.cn(i.tabsListVariants({variant:e}),p===`vertical`&&`flex-col`,s),onKeyDown:e=>{l(e,m),c?.(e)},...d,children:u})});c.displayName=`TabsList`;function l(e,t){let n=t.current;if(!n)return;let r=Array.from(n.querySelectorAll(s));if(r.length===0)return;let i=document.activeElement,a=r.indexOf(i);if(a===-1)return;let o=n.getAttribute(`aria-orientation`)!==`vertical`,c=o?`ArrowLeft`:`ArrowUp`,l=o?`ArrowRight`:`ArrowDown`,u;switch(e.key){case l:u=(a+1)%r.length;break;case c:u=(a-1+r.length)%r.length;break;case`Home`:u=0;break;case`End`:u=r.length-1;break;default:return}e.preventDefault(),r[u]?.focus()}exports.TabsList=c;
+//# sourceMappingURL=TabsList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.cjs","names":[],"sources":["../../../src/components/Tabs/TabsList.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\nimport {\n  tabsListVariants,\n  type TabsListVariantProps,\n} from \"@nuka/components/Tabs/Tabs.variants\";\n\nconst TRIGGER_SELECTOR = '[role=\"tab\"]:not([aria-disabled=\"true\"])';\n\nexport interface TabsListProps\n  extends React.HTMLAttributes<HTMLDivElement>, TabsListVariantProps {}\n\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ variant, className, onKeyDown, children, ...props }, ref) => {\n    const { orientation } = useTabsContext();\n    const listRef = React.useRef<HTMLDivElement>(null);\n\n    const composedRef = composeRefs(ref, listRef);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      handleTabsKeyboard(e, listRef);\n      onKeyDown?.(e);\n    };\n\n    return (\n      <div\n        ref={composedRef}\n        role=\"tablist\"\n        aria-orientation={orientation}\n        className={cn(\n          tabsListVariants({ variant }),\n          orientation === \"vertical\" && \"flex-col\",\n          className,\n        )}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nTabsList.displayName = \"TabsList\";\n\nfunction handleTabsKeyboard(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  listRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const list = listRef.current;\n  if (!list) return;\n\n  const triggers = Array.from(\n    list.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR),\n  );\n  if (triggers.length === 0) return;\n\n  const active = document.activeElement;\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const prevKey = isHorizontal ? \"ArrowLeft\" : \"ArrowUp\";\n  const nextKey = isHorizontal ? \"ArrowRight\" : \"ArrowDown\";\n\n  let nextIndex: number | undefined;\n\n  switch (e.key) {\n    case nextKey:\n      nextIndex = (currentIndex + 1) % triggers.length;\n      break;\n    case prevKey:\n      nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n      break;\n    case \"Home\":\n      nextIndex = 0;\n      break;\n    case \"End\":\n      nextIndex = triggers.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":"mRAUA,IAAM,EAAmB,2CAKnB,EAAW,EAAM,YACpB,CAAE,UAAS,YAAW,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC9D,GAAM,CAAE,eAAgB,EAAA,gBAAgB,CAClC,EAAU,EAAM,OAAuB,KAAK,CAE5C,EAAc,EAAA,YAAY,EAAK,EAAQ,CAO7C,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,mBAAkB,EAClB,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,UAAS,CAAC,CAC7B,IAAgB,YAAc,WAC9B,EACD,CACD,UAfmB,GAA2C,CAChE,EAAmB,EAAG,EAAQ,CAC9B,IAAY,EAAE,EAcZ,GAAI,EAEH,WACG,CAAA,EAGX,CAED,EAAS,YAAc,WAEvB,SAAS,EACP,EACA,EACA,CACA,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAW,MAAM,KACrB,EAAK,iBAAoC,EAAiB,CAC3D,CACD,GAAI,EAAS,SAAW,EAAG,OAE3B,IAAM,EAAS,SAAS,cAClB,EAAe,EAAS,QAAQ,EAA4B,CAClE,GAAI,IAAiB,GAAI,OAEzB,IAAM,EAAe,EAAK,aAAa,mBAAmB,GAAK,WACzD,EAAU,EAAe,YAAc,UACvC,EAAU,EAAe,aAAe,YAE1C,EAEJ,OAAQ,EAAE,IAAV,CACE,KAAK,EACH,GAAa,EAAe,GAAK,EAAS,OAC1C,MACF,KAAK,EACH,GAAa,EAAe,EAAI,EAAS,QAAU,EAAS,OAC5D,MACF,IAAK,OACH,EAAY,EACZ,MACF,IAAK,MACH,EAAY,EAAS,OAAS,EAC9B,MACF,QACE,OAGJ,EAAE,gBAAgB,CAClB,EAAS,IAAY,OAAO"}

package/dist/components/Tabs/TabsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qCAAqC,CAAC;AAI7C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAAG;AAEvE,QAAA,MAAM,QAAQ,sFA6Bb,CAAC;AA+CF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qCAAqC,CAAC;AAI7C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAAG;AAEvE,QAAA,MAAM,QAAQ,sFA6Bb,CAAC;AA+CF,OAAO,EAAE,QAAQ,EAAE,CAAC"}