@nuka-ui/core 1.0.2 → 1.1.0

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"}

package/dist/components/Tabs/TabsList.js

@@ -0,0 +1,52 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { useTabsContext as n } from "./Tabs.context.js";
+import { tabsListVariants as r } from "./Tabs.variants.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Tabs/TabsList.tsx
+var o = "[role=\"tab\"]:not([aria-disabled=\"true\"])", s = i.forwardRef(({ variant: o, className: s, onKeyDown: l, children: u, ...d }, f) => {
+	let { orientation: p } = n(), m = i.useRef(null);
+	return /* @__PURE__ */ a("div", {
+		ref: t(f, m),
+		role: "tablist",
+		"aria-orientation": p,
+		className: e(r({ variant: o }), p === "vertical" && "flex-col", s),
+		onKeyDown: (e) => {
+			c(e, m), l?.(e);
+		},
+		...d,
+		children: u
+	});
+});
+s.displayName = "TabsList";
+function c(e, t) {
+	let n = t.current;
+	if (!n) return;
+	let r = Array.from(n.querySelectorAll(o));
+	if (r.length === 0) return;
+	let i = document.activeElement, a = r.indexOf(i);
+	if (a === -1) return;
+	let s = n.getAttribute("aria-orientation") !== "vertical", c = s ? "ArrowLeft" : "ArrowUp", l = s ? "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();
+}
+//#endregion
+export { s as TabsList };
+
+//# sourceMappingURL=TabsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.js","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":";;;;;;;;AAUA,IAAM,IAAmB,gDAKnB,IAAW,EAAM,YACpB,EAAE,YAAS,cAAW,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC9D,IAAM,EAAE,mBAAgB,GAAgB,EAClC,IAAU,EAAM,OAAuB,KAAK;AASlD,QACE,kBAAC,OAAD;EACE,KATgB,EAAY,GAAK,EAAQ;EAUzC,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,EAAiB,EAAE,YAAS,CAAC,EAC7B,MAAgB,cAAc,YAC9B,EACD;EACD,YAfmB,MAA2C;AAEhE,GADA,EAAmB,GAAG,EAAQ,EAC9B,IAAY,EAAE;;EAcZ,GAAI;EAEH;EACG,CAAA;EAGX;AAED,EAAS,cAAc;AAEvB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAO,EAAQ;AACrB,KAAI,CAAC,EAAM;CAEX,IAAM,IAAW,MAAM,KACrB,EAAK,iBAAoC,EAAiB,CAC3D;AACD,KAAI,EAAS,WAAW,EAAG;CAE3B,IAAM,IAAS,SAAS,eAClB,IAAe,EAAS,QAAQ,EAA4B;AAClE,KAAI,MAAiB,GAAI;CAEzB,IAAM,IAAe,EAAK,aAAa,mBAAmB,KAAK,YACzD,IAAU,IAAe,cAAc,WACvC,IAAU,IAAe,eAAe,aAE1C;AAEJ,SAAQ,EAAE,KAAV;EACE,KAAK;AACH,QAAa,IAAe,KAAK,EAAS;AAC1C;EACF,KAAK;AACH,QAAa,IAAe,IAAI,EAAS,UAAU,EAAS;AAC5D;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY,EAAS,SAAS;AAC9B;EACF,QACE;;AAIJ,CADA,EAAE,gBAAgB,EAClB,EAAS,IAAY,OAAO"}

package/dist/components/Tabs/TabsTrigger.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,disabled:r=!1,className:a,onClick:o,onFocus:s,...c},l)=>{let u=n.useTabsContext(),d=u.value===e,f=`${u.baseId}-trigger-${e}`,p=`${u.baseId}-panel-${e}`,m=u.focusedValue?u.focusedValue===e:d;return(0,i.jsx)(`button`,{ref:l,type:`button`,role:`tab`,id:f,"aria-selected":d,"aria-controls":p,"aria-disabled":r||void 0,disabled:r,tabIndex:m?0:-1,"data-state":d?`active`:`inactive`,className:t.cn(`inline-flex items-center justify-center whitespace-nowrap`,`text-[length:var(--font-size-sm)]`,`font-[number:var(--font-weight-medium)]`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:pointer-events-none disabled:opacity-50`,`cursor-pointer`,`px-(--space-3) py-(--space-2)`,`text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base)`,`data-[state=active]:text-(--nuka-text-base)`,`rounded-(--radius-md)`,`data-[state=active]:bg-(--nuka-bg-base)`,`data-[state=active]:shadow-sm`,a),onFocus:t=>{u.setFocusedValue(e),u.activationMode===`automatic`&&u.onValueChange(e),s?.(t)},onClick:t=>{u.onValueChange(e),o?.(t)},...c})});a.displayName=`TabsTrigger`,exports.TabsTrigger=a;
+//# sourceMappingURL=TabsTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.cjs","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.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 TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ value, disabled = false, className, onClick, onFocus, ...props }, ref) => {\n    const ctx = useTabsContext();\n    const isSelected = ctx.value === value;\n    const triggerId = `${ctx.baseId}-trigger-${value}`;\n    const panelId = `${ctx.baseId}-panel-${value}`;\n\n    const isFocusTarget = ctx.focusedValue\n      ? ctx.focusedValue === value\n      : isSelected;\n\n    const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n      ctx.setFocusedValue(value);\n      if (ctx.activationMode === \"automatic\") {\n        ctx.onValueChange(value);\n      }\n      onFocus?.(e);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      ctx.onValueChange(value);\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        id={triggerId}\n        aria-selected={isSelected}\n        aria-controls={panelId}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        tabIndex={isFocusTarget ? 0 : -1}\n        data-state={isSelected ? \"active\" : \"inactive\"}\n        className={cn(\n          \"inline-flex items-center justify-center whitespace-nowrap\",\n          \"text-[length:var(--font-size-sm)]\",\n          \"font-[number:var(--font-weight-medium)]\",\n          \"transition-colors duration-150\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          \"cursor-pointer\",\n          \"px-(--space-3) py-(--space-2)\",\n          \"text-(--nuka-text-muted)\",\n          \"hover:text-(--nuka-text-base)\",\n          \"data-[state=active]:text-(--nuka-text-base)\",\n          \"rounded-(--radius-md)\",\n          \"data-[state=active]:bg-(--nuka-bg-base)\",\n          \"data-[state=active]:shadow-sm\",\n          className,\n        )}\n        onFocus={handleFocus}\n        onClick={handleClick}\n        {...props}\n      />\n    );\n  },\n);\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":"gNASA,IAAM,EAAc,EAAM,YACvB,CAAE,QAAO,WAAW,GAAO,YAAW,UAAS,UAAS,GAAG,GAAS,IAAQ,CAC3E,IAAM,EAAM,EAAA,gBAAgB,CACtB,EAAa,EAAI,QAAU,EAC3B,EAAY,GAAG,EAAI,OAAO,WAAW,IACrC,EAAU,GAAG,EAAI,OAAO,SAAS,IAEjC,EAAgB,EAAI,aACtB,EAAI,eAAiB,EACrB,EAeJ,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,KAAK,MACL,GAAI,EACJ,gBAAe,EACf,gBAAe,EACf,gBAAe,GAAY,IAAA,GACjB,WACV,SAAU,EAAgB,EAAI,GAC9B,aAAY,EAAa,SAAW,WACpC,UAAW,EAAA,GACT,4DACA,oCACA,0CACA,iCACA,yDACA,8CACA,mDACA,iBACA,gCACA,2BACA,gCACA,8CACA,wBACA,0CACA,gCACA,EACD,CACD,QA3CiB,GAA2C,CAC9D,EAAI,gBAAgB,EAAM,CACtB,EAAI,iBAAmB,aACzB,EAAI,cAAc,EAAM,CAE1B,IAAU,EAAE,EAuCV,QApCiB,GAA2C,CAC9D,EAAI,cAAc,EAAM,CACxB,IAAU,EAAE,EAmCV,GAAI,EACJ,CAAA,EAGP,CAED,EAAY,YAAc"}

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

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

package/dist/components/Tabs/TabsTrigger.js

@@ -0,0 +1,34 @@
+"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/TabsTrigger.tsx
+var i = n.forwardRef(({ value: n, disabled: i = !1, className: a, onClick: o, onFocus: s, ...c }, l) => {
+	let u = t(), d = u.value === n, f = `${u.baseId}-trigger-${n}`, p = `${u.baseId}-panel-${n}`, m = u.focusedValue ? u.focusedValue === n : d;
+	return /* @__PURE__ */ r("button", {
+		ref: l,
+		type: "button",
+		role: "tab",
+		id: f,
+		"aria-selected": d,
+		"aria-controls": p,
+		"aria-disabled": i || void 0,
+		disabled: i,
+		tabIndex: m ? 0 : -1,
+		"data-state": d ? "active" : "inactive",
+		className: e("inline-flex items-center justify-center whitespace-nowrap", "text-[length:var(--font-size-sm)]", "font-[number:var(--font-weight-medium)]", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", "disabled:pointer-events-none disabled:opacity-50", "cursor-pointer", "px-(--space-3) py-(--space-2)", "text-(--nuka-text-muted)", "hover:text-(--nuka-text-base)", "data-[state=active]:text-(--nuka-text-base)", "rounded-(--radius-md)", "data-[state=active]:bg-(--nuka-bg-base)", "data-[state=active]:shadow-sm", a),
+		onFocus: (e) => {
+			u.setFocusedValue(n), u.activationMode === "automatic" && u.onValueChange(n), s?.(e);
+		},
+		onClick: (e) => {
+			u.onValueChange(n), o?.(e);
+		},
+		...c
+	});
+});
+i.displayName = "TabsTrigger";
+//#endregion
+export { i as TabsTrigger };
+
+//# sourceMappingURL=TabsTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.js","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.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 TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ value, disabled = false, className, onClick, onFocus, ...props }, ref) => {\n    const ctx = useTabsContext();\n    const isSelected = ctx.value === value;\n    const triggerId = `${ctx.baseId}-trigger-${value}`;\n    const panelId = `${ctx.baseId}-panel-${value}`;\n\n    const isFocusTarget = ctx.focusedValue\n      ? ctx.focusedValue === value\n      : isSelected;\n\n    const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n      ctx.setFocusedValue(value);\n      if (ctx.activationMode === \"automatic\") {\n        ctx.onValueChange(value);\n      }\n      onFocus?.(e);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      ctx.onValueChange(value);\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        id={triggerId}\n        aria-selected={isSelected}\n        aria-controls={panelId}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        tabIndex={isFocusTarget ? 0 : -1}\n        data-state={isSelected ? \"active\" : \"inactive\"}\n        className={cn(\n          \"inline-flex items-center justify-center whitespace-nowrap\",\n          \"text-[length:var(--font-size-sm)]\",\n          \"font-[number:var(--font-weight-medium)]\",\n          \"transition-colors duration-150\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          \"cursor-pointer\",\n          \"px-(--space-3) py-(--space-2)\",\n          \"text-(--nuka-text-muted)\",\n          \"hover:text-(--nuka-text-base)\",\n          \"data-[state=active]:text-(--nuka-text-base)\",\n          \"rounded-(--radius-md)\",\n          \"data-[state=active]:bg-(--nuka-bg-base)\",\n          \"data-[state=active]:shadow-sm\",\n          className,\n        )}\n        onFocus={handleFocus}\n        onClick={handleClick}\n        {...props}\n      />\n    );\n  },\n);\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AASA,IAAM,IAAc,EAAM,YACvB,EAAE,UAAO,cAAW,IAAO,cAAW,YAAS,YAAS,GAAG,KAAS,MAAQ;CAC3E,IAAM,IAAM,GAAgB,EACtB,IAAa,EAAI,UAAU,GAC3B,IAAY,GAAG,EAAI,OAAO,WAAW,KACrC,IAAU,GAAG,EAAI,OAAO,SAAS,KAEjC,IAAgB,EAAI,eACtB,EAAI,iBAAiB,IACrB;AAeJ,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,MAAK;EACL,IAAI;EACJ,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAY,KAAA;EACjB;EACV,UAAU,IAAgB,IAAI;EAC9B,cAAY,IAAa,WAAW;EACpC,WAAW,EACT,6DACA,qCACA,2CACA,kCACA,0DACA,+CACA,oDACA,kBACA,iCACA,4BACA,iCACA,+CACA,yBACA,2CACA,iCACA,EACD;EACD,UA3CiB,MAA2C;AAK9D,GAJA,EAAI,gBAAgB,EAAM,EACtB,EAAI,mBAAmB,eACzB,EAAI,cAAc,EAAM,EAE1B,IAAU,EAAE;;EAuCV,UApCiB,MAA2C;AAE9D,GADA,EAAI,cAAc,EAAM,EACxB,IAAU,EAAE;;EAmCV,GAAI;EACJ,CAAA;EAGP;AAED,EAAY,cAAc"}

package/dist/components/Tag/Tag.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`./Tag.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,variant:i,intent:o,size:s,onDismiss:c,dismissLabel:l=`Remove`,children:u,...d},f)=>(0,a.jsxs)(`span`,{ref:f,className:t.cn(r.tagVariants({variant:i,intent:o,size:s}),e),...d,children:[u,c!==void 0&&(0,a.jsx)(n.DismissButton,{onClick:c,label:l})]}));o.displayName=`Tag`,exports.Tag=o;
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/Tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      onDismiss,\n      dismissLabel = \"Remove\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(tagVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {children}\n        {onDismiss !== undefined && (\n          <DismissButton onClick={onDismiss} label={dismissLabel} />\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":"+OAcA,IAAM,EAAM,EAAM,YAEd,CACE,YACA,UACA,SACA,OACA,YACA,eAAe,SACf,WACA,GAAG,GAEL,KAGE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CAChE,GAAI,WAHN,CAKG,EACA,IAAc,IAAA,KACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAW,MAAO,EAAgB,CAAA,CAEvD,GAGZ,CAED,EAAI,YAAc"}

package/dist/components/Tag/Tag.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../utils/cn.js";
+import { DismissButton as t } from "../../utils/dismiss-button.js";
+import { tagVariants as n } from "./Tag.variants.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Tag/Tag.tsx
+var o = r.forwardRef(({ className: r, variant: o, intent: s, size: c, onDismiss: l, dismissLabel: u = "Remove", children: d, ...f }, p) => /* @__PURE__ */ a("span", {
+	ref: p,
+	className: e(n({
+		variant: o,
+		intent: s,
+		size: c
+	}), r),
+	...f,
+	children: [d, l !== void 0 && /* @__PURE__ */ i(t, {
+		onClick: l,
+		label: u
+	})]
+}));
+o.displayName = "Tag";
+//#endregion
+export { o as Tag };
+
+//# sourceMappingURL=Tag.js.map

package/dist/components/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      onDismiss,\n      dismissLabel = \"Remove\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(tagVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {children}\n        {onDismiss !== undefined && (\n          <DismissButton onClick={onDismiss} label={dismissLabel} />\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":";;;;;;AAcA,IAAM,IAAM,EAAM,YAEd,EACE,cACA,YACA,WACA,SACA,cACA,kBAAe,UACf,aACA,GAAG,KAEL,MAGE,kBAAC,QAAD;CACO;CACL,WAAW,EAAG,EAAY;EAAE;EAAS;EAAQ;EAAM,CAAC,EAAE,EAAU;CAChE,GAAI;WAHN,CAKG,GACA,MAAc,KAAA,KACb,kBAAC,GAAD;EAAe,SAAS;EAAW,OAAO;EAAgB,CAAA,CAEvD;GAGZ;AAED,EAAI,cAAc"}

package/dist/components/Tag/Tag.variants.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/variants.cjs`);var n=e.cva([`inline-flex items-center`,`font-medium leading-none whitespace-nowrap`,`rounded-(--radius-md)`,`border`],{variants:{variant:{primary:[`border-transparent`],secondary:[],outline:[`bg-transparent`],ghost:[`bg-transparent`,`border-transparent`]},intent:{default:``,danger:``,success:``,warning:``},size:{sm:`gap-(--space-1) px-(--space-2) py-(--space-1) text-xs`,md:`gap-(--space-1) px-(--space-3) py-(--space-1) text-xs`,lg:`gap-(--space-2) px-(--space-3) py-(--space-2) text-sm`}},compoundVariants:t.intentCompoundVariants(),defaultVariants:{variant:`secondary`,intent:`default`,size:`md`}});exports.tagVariants=n;
+//# sourceMappingURL=Tag.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.variants.cjs","names":[],"sources":["../../../src/components/Tag/Tag.variants.ts"],"sourcesContent":["import {\n  cva,\n  intentCompoundVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const tagVariants = cva(\n  [\n    \"inline-flex items-center\",\n    \"font-medium leading-none whitespace-nowrap\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\"border-transparent\"],\n        secondary: [],\n        outline: [\"bg-transparent\"],\n        ghost: [\"bg-transparent\", \"border-transparent\"],\n      },\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"gap-(--space-1) px-(--space-2) py-(--space-1) text-xs\",\n        md: \"gap-(--space-1) px-(--space-3) py-(--space-1) text-xs\",\n        lg: \"gap-(--space-2) px-(--space-3) py-(--space-2) text-sm\",\n      },\n    },\n\n    compoundVariants: intentCompoundVariants(),\n\n    defaultVariants: {\n      variant: \"secondary\",\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type TagVariantProps = VariantProps<typeof tagVariants>;\n"],"mappings":"oHAMA,IAAa,EAAc,EAAA,IACzB,CACE,2BACA,6CACA,wBACA,SACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CAAC,qBAAqB,CAC/B,UAAW,EAAE,CACb,QAAS,CAAC,iBAAiB,CAC3B,MAAO,CAAC,iBAAkB,qBAAqB,CAChD,CACD,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACD,KAAM,CACJ,GAAI,wDACJ,GAAI,wDACJ,GAAI,wDACL,CACF,CAED,iBAAkB,EAAA,wBAAwB,CAE1C,gBAAiB,CACf,QAAS,YACT,OAAQ,UACR,KAAM,KACP,CACF,CACF"}