@nuka-ui/core 1.1.3 → 1.1.5

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

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

package/dist/components/Table/TableHeader.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.cjs","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":"gLASA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GAAG,uCAAwC,EAAU,CAChE,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.cjs","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":"gLASA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GAAG,uCAAwC,CAAS,EAC/D,YAAU,SACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAY,YAAc"}

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

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

package/dist/components/Table/TableHeader.js

@@ -7,6 +7,7 @@ function n({ ref: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("thead", {
 		ref: n,
 		className: e("border-b border-(--nuka-border-base)", r),
+		"data-slot": "header",
 		...i
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":";;;;;AASA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;AACnE,QACE,kBAAC,SAAD;EACO;EACL,WAAW,EAAG,wCAAwC,EAAU;EAChE,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":";;;;;AASA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;CACnE,OACE,kBAAC,SAAD;EACO;EACL,WAAW,EAAG,wCAAwC,CAAS;EAC/D,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAY,cAAc"}

package/dist/components/Table/TableRow.cjs

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

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

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

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

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

package/dist/components/Table/TableRow.js

@@ -14,6 +14,7 @@ function r({ ref: r, intent: i = "default", selected: a = !1, className: o, ...s
 		ref: r,
 		"aria-selected": a ? !0 : void 0,
 		className: e("border-b border-(--nuka-border-base) last:border-b-0", n[i], a && "bg-(--nuka-accent-bg-subtle)", o),
+		"data-slot": "row",
 		...s
 	});
 }

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

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

package/dist/components/Tabs/Tabs.cjs

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

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

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

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

@@ -1,2 +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;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(){let n=(0,e.use)(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

@@ -1 +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"}
+{"version":3,"file":"Tabs.context.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } 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 = use(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":"oCAaA,IAAM,GAAA,EAAA,EAAA,eAAqD,IAAI,EAE/D,SAAS,GAAmC,CAC1C,IAAM,GAAA,EAAA,EAAA,KAAc,CAAW,EAC/B,GAAI,IAAY,KACd,MAAU,MAAM,qDAAqD,EAEvE,OAAO,CACT"}

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

@@ -1,5 +1,5 @@
 "use client";
-import { createContext as e, useContext as t } from "react";
+import { createContext as e, use as t } from "react";
 //#region src/components/Tabs/Tabs.context.tsx
 var n = e(null);
 function r() {

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

@@ -1 +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"}
+{"version":3,"file":"Tabs.context.js","names":[],"sources":["../../../src/components/Tabs/Tabs.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } 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 = use(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,IAAI;AAE/D,SAAS,IAAmC;CAC1C,IAAM,IAAU,EAAI,CAAW;CAC/B,IAAI,MAAY,MACd,MAAU,MAAM,qDAAqD;CAEvE,OAAO;AACT"}

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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,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,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,cAA4B,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAuCX;kBAjDQ,IAAI;;;AAqDb,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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,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,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,cAA4B,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAwCX;kBAlDQ,IAAI;;;AAsDb,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -27,6 +27,7 @@ function a({ ref: a, value: o, defaultValue: s, onValueChange: c, orientation: l
 		children: /* @__PURE__ */ i("div", {
 			ref: a,
 			className: e(l === "horizontal" ? "flex flex-col" : "flex flex-row", d),
+			"data-slot": "root",
 			...p,
 			children: f
 		})

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  activationMode?: \"automatic\" | \"manual\";\n}\n\nfunction Tabs({\n  ref,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  activationMode = \"automatic\",\n  className,\n  children,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const baseId = React.useId();\n  const [focusedValue, setFocusedValue] = React.useState<string | undefined>(\n    undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      value,\n      onValueChange: setValue,\n      orientation,\n      activationMode,\n      baseId,\n      focusedValue,\n      setFocusedValue,\n    }),\n    [value, setValue, orientation, activationMode, baseId, focusedValue],\n  );\n\n  return (\n    <TabsContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\n          orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </TabsContext>\n  );\n}\n\nTabs.displayName = \"Tabs\";\n\nexport { Tabs };\n"],"mappings":";;;;;;;AAeA,SAAS,EAAK,EACZ,QACA,OAAO,GACP,iBACA,kBACA,iBAAc,cACd,oBAAiB,aACjB,cACA,aACA,GAAG,KACS;CACZ,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;;AAIlB,EAAK,cAAc"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  activationMode?: \"automatic\" | \"manual\";\n}\n\nfunction Tabs({\n  ref,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  activationMode = \"automatic\",\n  className,\n  children,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const baseId = React.useId();\n  const [focusedValue, setFocusedValue] = React.useState<string | undefined>(\n    undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      value,\n      onValueChange: setValue,\n      orientation,\n      activationMode,\n      baseId,\n      focusedValue,\n      setFocusedValue,\n    }),\n    [value, setValue, orientation, activationMode, baseId, focusedValue],\n  );\n\n  return (\n    <TabsContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\n          orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\",\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </TabsContext>\n  );\n}\n\nTabs.displayName = \"Tabs\";\n\nexport { Tabs };\n"],"mappings":";;;;;;;AAeA,SAAS,EAAK,EACZ,QACA,OAAO,GACP,iBACA,kBACA,iBAAc,cACd,oBAAiB,aACjB,cACA,aACA,GAAG,KACS;CACZ,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,GACA,CACF,GAEM,IAAS,EAAM,MAAM,GACrB,CAAC,GAAc,KAAmB,EAAM,SAC5C,KAAA,CACF;CAeA,OACE,kBAAC,GAAD;EAAa,OAdM,EAAM,eAClB;GACL;GACA,eAAe;GACf;GACA;GACA;GACA;GACA;EACF,IACA;GAAC;GAAO;GAAU;GAAa;GAAgB;GAAQ;EAAY,CAI/C;YAClB,kBAAC,OAAD;GACO;GACL,WAAW,EACT,MAAgB,eAAe,kBAAkB,iBACjD,CACF;GACA,aAAU;GACV,GAAI;GAEH;EACE,CAAA;CACM,CAAA;AAEjB;AAEA,EAAK,cAAc"}

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

@@ -1,2 +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;
+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

@@ -1 +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"}
+{"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,sEAAmB,EAAA,IAC9B,CAAC,gBAAiB,4BAA4B,EAC9C,CACE,SAAU,CACR,QAAS,CACP,UAAW,CAAC,uCAAwC,iBAAiB,EACrE,KAAM,CACJ,uBACA,wBACA,gBACA,iBACF,EACA,MAAO,CACL,qCACA,wBACA,gBACA,iBACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,WACX,CACF,CACF"}

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

@@ -1 +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"}
+{"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,4BAA4B,GAC9C;CACE,UAAU,EACR,SAAS;EACP,WAAW,CAAC,wCAAwC,iBAAiB;EACrE,MAAM;GACJ;GACA;GACA;GACA;EACF;EACA,OAAO;GACL;GACA;GACA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,YACX;AACF,CACF"}

package/dist/components/Tabs/TabsContent.cjs

@@ -1,2 +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`);function a({ref:e,value:r,className:a,...o}){let s=n.useTabsContext(),c=s.value===r,l=`${s.baseId}-trigger-${r}`;return(0,i.jsx)(`div`,{ref:e,role:`tabpanel`,id:`${s.baseId}-panel-${r}`,"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)`,a),...o})}a.displayName=`TabsContent`,exports.TabsContent=a;
+"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");function a({ref:e,value:r,className:a,...o}){let s=n.useTabsContext(),c=s.value===r,l=`${s.baseId}-trigger-${r}`;return(0,i.jsx)(`div`,{ref:e,role:`tabpanel`,id:`${s.baseId}-panel-${r}`,"aria-labelledby":l,hidden:c?void 0:!0,tabIndex:0,"data-slot":`content`,"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)`,a),...o})}a.displayName=`TabsContent`,exports.TabsContent=a;
 //# sourceMappingURL=TabsContent.cjs.map

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n}\n\nfunction TabsContent({ ref, value, className, ...props }: TabsContentProps) {\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\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":"gNAUA,SAAS,EAAY,CAAE,MAAK,QAAO,YAAW,GAAG,GAA2B,CAC1E,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,CAIN,EAAY,YAAc"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n}\n\nfunction TabsContent({ ref, value, className, ...props }: TabsContentProps) {\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-slot=\"content\"\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\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":"gNAUA,SAAS,EAAY,CAAE,MAAK,QAAO,YAAW,GAAG,GAA2B,CAC1E,IAAM,EAAM,EAAA,eAAe,EACrB,EAAW,EAAI,QAAU,EACzB,EAAY,GAAG,EAAI,OAAO,WAAW,IAG3C,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,WACL,GAAI,GANW,EAAI,OAAO,SAAS,IAOnC,kBAAiB,EACjB,OAAS,EAAkB,IAAA,GAAP,GACpB,SAAU,EACV,YAAU,UACV,aAAY,EAAW,SAAW,WAClC,UAAW,EAAA,GACT,iBACA,yDACA,8CACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAwBzE;kBAxBQ,WAAW;;;AA4BpB,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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAyBzE;kBAzBQ,WAAW;;;AA6BpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tabs/TabsContent.js

@@ -13,6 +13,7 @@ function r({ ref: r, value: i, className: a, ...o }) {
 		"aria-labelledby": l,
 		hidden: c ? void 0 : !0,
 		tabIndex: 0,
+		"data-slot": "content",
 		"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)", a),
 		...o

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n}\n\nfunction TabsContent({ ref, value, className, ...props }: TabsContentProps) {\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\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EAAE,QAAK,UAAO,cAAW,GAAG,KAA2B;CAC1E,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;;AAIN,EAAY,cAAc"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n}\n\nfunction TabsContent({ ref, value, className, ...props }: TabsContentProps) {\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-slot=\"content\"\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\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EAAE,QAAK,UAAO,cAAW,GAAG,KAA2B;CAC1E,IAAM,IAAM,EAAe,GACrB,IAAW,EAAI,UAAU,GACzB,IAAY,GAAG,EAAI,OAAO,WAAW;CAG3C,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,IAAI,GANW,EAAI,OAAO,SAAS;EAOnC,mBAAiB;EACjB,QAAS,IAAkB,KAAA,IAAP;EACpB,UAAU;EACV,aAAU;EACV,cAAY,IAAW,WAAW;EAClC,WAAW,EACT,kBACA,0DACA,+CACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,EAAY,cAAc"}

package/dist/components/Tabs/TabsList.cjs

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

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

@@ -1 +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 { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\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\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 = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":"6WAaA,IAAM,EAAmB,2CAOzB,SAAS,EAAS,CAChB,MACA,UACA,YACA,YACA,WACA,GAAG,GACa,CAChB,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,CAIV,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,EAAA,kBAAkB,CAC3B,EAAe,EAAS,QAAQ,EAA4B,CAClE,GAAI,IAAiB,GAAI,OAGzB,IAAM,EADe,EAAK,aAAa,mBAAmB,GAAK,WAG3D,WADA,aAGE,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAS,OACT,EACD,CACG,IAAc,IAAA,KAElB,EAAE,gBAAgB,CAClB,EAAS,IAAY,OAAO"}
+{"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 { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\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      data-slot=\"list\"\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\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 = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":"6WAaA,IAAM,EAAmB,2CAOzB,SAAS,EAAS,CAChB,MACA,UACA,YACA,YACA,WACA,GAAG,GACa,CAChB,GAAM,CAAE,eAAgB,EAAA,eAAe,EACjC,EAAU,EAAM,OAAuB,IAAI,EAE3C,EAAc,EAAA,YAAY,EAAK,CAAO,EAO5C,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,mBAAkB,EAClB,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,SAAQ,CAAC,EAC5B,IAAgB,YAAc,WAC9B,CACF,EACA,YAAU,OACV,UAhBmB,GAA2C,CAChE,EAAmB,EAAG,CAAO,EAC7B,IAAY,CAAC,CACf,EAcI,GAAI,EAEH,UACE,CAAA,CAET,CAEA,EAAS,YAAc,WAEvB,SAAS,EACP,EACA,EACA,CACA,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAW,MAAM,KACrB,EAAK,iBAAoC,CAAgB,CAC3D,EACA,GAAI,EAAS,SAAW,EAAG,OAE3B,IAAM,EAAS,EAAA,iBAAiB,EAC1B,EAAe,EAAS,QAAQ,CAA2B,EACjE,GAAI,IAAiB,GAAI,OAGzB,IAAM,EADe,EAAK,aAAa,kBAAkB,IAAM,WAG3D,WADA,aAGE,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAS,OACT,CACF,EACI,IAAc,IAAA,KAElB,EAAE,eAAe,EACjB,EAAS,IAAY,MAAM,EAC7B"}

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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qCAAqC,CAAC;AAI7C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Bf;kBAlCQ,QAAQ;;;AAuEjB,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;AAO/B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qCAAqC,CAAC;AAI7C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Bf;kBAnCQ,QAAQ;;;AAwEjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Tabs/TabsList.js

@@ -16,6 +16,7 @@ function l({ ref: n, variant: r, className: c, onKeyDown: l, children: d, ...f }
 		role: "tablist",
 		"aria-orientation": p,
 		className: e(a({ variant: r }), p === "vertical" && "flex-col", c),
+		"data-slot": "list",
 		onKeyDown: (e) => {
 			u(e, m), l?.(e);
 		},

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

@@ -1 +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 { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\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\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 = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAmB;AAOzB,SAAS,EAAS,EAChB,QACA,YACA,cACA,cACA,aACA,GAAG,KACa;CAChB,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;;AAIV,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,GAAkB,EAC3B,IAAe,EAAS,QAAQ,EAA4B;AAClE,KAAI,MAAiB,GAAI;CAGzB,IAAM,IADe,EAAK,aAAa,mBAAmB,KAAK,aAG3D,aADA,cAGE,IAAY,EAChB,EAAE,KACF,GACA,EAAS,QACT,EACD;AACG,OAAc,KAAA,MAElB,EAAE,gBAAgB,EAClB,EAAS,IAAY,OAAO"}
+{"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 { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\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      data-slot=\"list\"\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\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 = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAmB;AAOzB,SAAS,EAAS,EAChB,QACA,YACA,cACA,cACA,aACA,GAAG,KACa;CAChB,IAAM,EAAE,mBAAgB,EAAe,GACjC,IAAU,EAAM,OAAuB,IAAI;CASjD,OACE,kBAAC,OAAD;EACE,KATgB,EAAY,GAAK,CAS5B;EACL,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,EAAiB,EAAE,WAAQ,CAAC,GAC5B,MAAgB,cAAc,YAC9B,CACF;EACA,aAAU;EACV,YAhBmB,MAA2C;GAEhE,AADA,EAAmB,GAAG,CAAO,GAC7B,IAAY,CAAC;EACf;EAcI,GAAI;EAEH;CACE,CAAA;AAET;AAEA,EAAS,cAAc;AAEvB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAO,EAAQ;CACrB,IAAI,CAAC,GAAM;CAEX,IAAM,IAAW,MAAM,KACrB,EAAK,iBAAoC,CAAgB,CAC3D;CACA,IAAI,EAAS,WAAW,GAAG;CAE3B,IAAM,IAAS,EAAiB,GAC1B,IAAe,EAAS,QAAQ,CAA2B;CACjE,IAAI,MAAiB,IAAI;CAGzB,IAAM,IADe,EAAK,aAAa,kBAAkB,MAAM,aAG3D,aADA,cAGE,IAAY,EAChB,EAAE,KACF,GACA,EAAS,QACT,CACF;CACI,MAAc,KAAA,MAElB,EAAE,eAAe,GACjB,EAAS,IAAY,MAAM;AAC7B"}

package/dist/components/Tabs/TabsTrigger.cjs

@@ -1,2 +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`);function a({ref:e,value:r,disabled:a=!1,className:o,onClick:s,onFocus:c,...l}){let u=n.useTabsContext(),d=u.value===r,f=`${u.baseId}-trigger-${r}`,p=`${u.baseId}-panel-${r}`,m=u.focusedValue?u.focusedValue===r:d;return(0,i.jsx)(`button`,{ref:e,type:`button`,role:`tab`,id:f,"aria-selected":d,"aria-controls":p,"aria-disabled":a||void 0,disabled:a,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`,o),onFocus:e=>{u.setFocusedValue(r),u.activationMode===`automatic`&&u.onValueChange(r),c?.(e)},onClick:e=>{u.onValueChange(r),s?.(e)},...l})}a.displayName=`TabsTrigger`,exports.TabsTrigger=a;
+"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");function a({ref:e,value:r,disabled:a=!1,className:o,onClick:s,onFocus:c,...l}){let u=n.useTabsContext(),d=u.value===r,f=`${u.baseId}-trigger-${r}`,p=`${u.baseId}-panel-${r}`,m=u.focusedValue?u.focusedValue===r:d;return(0,i.jsx)(`button`,{ref:e,type:`button`,role:`tab`,id:f,"aria-selected":d,"aria-controls":p,"aria-disabled":a||void 0,disabled:a,tabIndex:m?0:-1,"data-slot":`trigger`,"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`,o),onFocus:e=>{u.setFocusedValue(r),u.activationMode===`automatic`&&u.onValueChange(r),c?.(e)},onClick:e=>{u.onValueChange(r),s?.(e)},...l})}a.displayName=`TabsTrigger`,exports.TabsTrigger=a;
 //# sourceMappingURL=TabsTrigger.cjs.map

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

@@ -1 +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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\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\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":"gNAUA,SAAS,EAAY,CACnB,MACA,QACA,WAAW,GACX,YACA,UACA,UACA,GAAG,GACgB,CACnB,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,CAIN,EAAY,YAAc"}
+{"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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\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-slot=\"trigger\"\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\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":"gNAUA,SAAS,EAAY,CACnB,MACA,QACA,WAAW,GACX,YACA,UACA,UACA,GAAG,GACgB,CACnB,IAAM,EAAM,EAAA,eAAe,EACrB,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,YAAU,UACV,aAAY,EAAa,SAAW,WACpC,UAAW,EAAA,GACT,4DACA,oCACA,0CACA,iCACA,yDACA,8CACA,mDACA,iBACA,gCACA,2BACA,gCACA,8CACA,wBACA,0CACA,gCACA,CACF,EACA,QA5CiB,GAA2C,CAC9D,EAAI,gBAAgB,CAAK,EACrB,EAAI,iBAAmB,aACzB,EAAI,cAAc,CAAK,EAEzB,IAAU,CAAC,CACb,EAuCI,QArCiB,GAA2C,CAC9D,EAAI,cAAc,CAAK,EACvB,IAAU,CAAC,CACb,EAmCI,GAAI,CACL,CAAA,CAEL,CAEA,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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0DlB;kBAlEQ,WAAW;;;AAsEpB,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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA2DlB;kBAnEQ,WAAW;;;AAuEpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tabs/TabsTrigger.js

@@ -16,6 +16,7 @@ function r({ ref: r, value: i, disabled: a = !1, className: o, onClick: s, onFoc
 		"aria-disabled": a || void 0,
 		disabled: a,
 		tabIndex: m ? 0 : -1,
+		"data-slot": "trigger",
 		"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", o),
 		onFocus: (e) => {

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

@@ -1 +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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\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\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EACnB,QACA,UACA,cAAW,IACX,cACA,YACA,YACA,GAAG,KACgB;CACnB,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;;AAIN,EAAY,cAAc"}
+{"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  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\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-slot=\"trigger\"\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\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EACnB,QACA,UACA,cAAW,IACX,cACA,YACA,YACA,GAAG,KACgB;CACnB,IAAM,IAAM,EAAe,GACrB,IAAa,EAAI,UAAU,GAC3B,IAAY,GAAG,EAAI,OAAO,WAAW,KACrC,IAAU,GAAG,EAAI,OAAO,SAAS,KAEjC,IAAgB,EAAI,eACtB,EAAI,iBAAiB,IACrB;CAeJ,OACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,MAAK;EACL,IAAI;EACJ,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAY,KAAA;EACjB;EACV,UAAU,IAAgB,IAAI;EAC9B,aAAU;EACV,cAAY,IAAa,WAAW;EACpC,WAAW,EACT,6DACA,qCACA,2CACA,kCACA,0DACA,+CACA,oDACA,kBACA,iCACA,4BACA,iCACA,+CACA,yBACA,2CACA,iCACA,CACF;EACA,UA5CiB,MAA2C;GAK9D,AAJA,EAAI,gBAAgB,CAAK,GACrB,EAAI,mBAAmB,eACzB,EAAI,cAAc,CAAK,GAEzB,IAAU,CAAC;EACb;EAuCI,UArCiB,MAA2C;GAE9D,AADA,EAAI,cAAc,CAAK,GACvB,IAAU,CAAC;EACb;EAmCI,GAAI;CACL,CAAA;AAEL;AAEA,EAAY,cAAc"}

package/dist/components/Tag/Tag.cjs

@@ -1,2 +1,2 @@
-"use client";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`);function o({ref:e,className:i,variant:o,intent:s,size:c,onDismiss:l,dismissLabel:u=`Remove`,children:d,...f}){return(0,a.jsxs)(`span`,{ref:e,className:t.cn(r.tagVariants({variant:o,intent:s,size:c}),i),...f,children:[d,l!==void 0&&(0,a.jsx)(n.DismissButton,{onClick:l,label:u})]})}o.displayName=`Tag`,exports.Tag=o;
+"use client";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");function o({ref:e,className:i,variant:o,intent:s,size:c,onDismiss:l,dismissLabel:u=`Remove`,children:d,...f}){return(0,a.jsxs)(`span`,{ref:e,className:t.cn(r.tagVariants({variant:o,intent:s,size:c}),i),...f,children:[d,l!==void 0&&(0,a.jsx)(n.DismissButton,{onClick:l,label:u})]})}o.displayName=`Tag`,exports.Tag=o;
 //# sourceMappingURL=Tag.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLSpanElement> | undefined;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nfunction Tag({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  dismissLabel = \"Remove\",\n  children,\n  ...props\n}: TagProps) {\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\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":"4PAiBA,SAAS,EAAI,CACX,MACA,YACA,UACA,SACA,OACA,YACA,eAAe,SACf,WACA,GAAG,GACQ,CACX,OACE,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,GAIX,EAAI,YAAc"}
+{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLSpanElement> | undefined;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nfunction Tag({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  dismissLabel = \"Remove\",\n  children,\n  ...props\n}: TagProps) {\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\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":"4PAiBA,SAAS,EAAI,CACX,MACA,YACA,UACA,SACA,OACA,YACA,eAAe,SACf,WACA,GAAG,GACQ,CACX,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,UAAS,SAAQ,MAAK,CAAC,EAAG,CAAS,EAC/D,GAAI,WAHN,CAKG,EACA,IAAc,IAAA,KACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAW,MAAO,CAAe,CAAA,CAEvD,GAEV,CAEA,EAAI,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLSpanElement> | undefined;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nfunction Tag({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  dismissLabel = \"Remove\",\n  children,\n  ...props\n}: TagProps) {\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\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":";;;;;;;AAiBA,SAAS,EAAI,EACX,QACA,cACA,YACA,WACA,SACA,cACA,kBAAe,UACf,aACA,GAAG,KACQ;AACX,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EAAG,EAAY;GAAE;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EAChE,GAAI;YAHN,CAKG,GACA,MAAc,KAAA,KACb,kBAAC,GAAD;GAAe,SAAS;GAAW,OAAO;GAAgB,CAAA,CAEvD;;;AAIX,EAAI,cAAc"}
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLSpanElement> | undefined;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nfunction Tag({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  dismissLabel = \"Remove\",\n  children,\n  ...props\n}: TagProps) {\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\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":";;;;;;;AAiBA,SAAS,EAAI,EACX,QACA,cACA,YACA,WACA,SACA,cACA,kBAAe,UACf,aACA,GAAG,KACQ;CACX,OACE,kBAAC,QAAD;EACO;EACL,WAAW,EAAG,EAAY;GAAE;GAAS;GAAQ;EAAK,CAAC,GAAG,CAAS;EAC/D,GAAI;YAHN,CAKG,GACA,MAAc,KAAA,KACb,kBAAC,GAAD;GAAe,SAAS;GAAW,OAAO;EAAe,CAAA,CAEvD;;AAEV;AAEA,EAAI,cAAc"}

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

@@ -1,2 +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;
+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-[number:var(--font-weight-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

@@ -1 +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"}
+{"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-[number:var(--font-weight-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,yEACA,wBACA,QACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,CAAC,oBAAoB,EAC9B,UAAW,CAAC,EACZ,QAAS,CAAC,gBAAgB,EAC1B,MAAO,CAAC,iBAAkB,oBAAoB,CAChD,EACA,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,EACX,EACA,KAAM,CACJ,GAAI,wDACJ,GAAI,wDACJ,GAAI,uDACN,CACF,EAEA,iBAAkB,EAAA,uBAAuB,EAEzC,gBAAiB,CACf,QAAS,YACT,OAAQ,UACR,KAAM,IACR,CACF,CACF"}

package/dist/components/Tag/Tag.variants.js

@@ -3,7 +3,7 @@ import { intentCompoundVariants as t } from "../../utils/variants.js";
 //#region src/components/Tag/Tag.variants.ts
 var n = e([
 	"inline-flex items-center",
-	"font-medium leading-none whitespace-nowrap",
+	"font-[number:var(--font-weight-medium)] leading-none whitespace-nowrap",
 	"rounded-(--radius-md)",
 	"border"
 ], {

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.variants.js","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":";;;AAMA,IAAa,IAAc,EACzB;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS,CAAC,qBAAqB;GAC/B,WAAW,EAAE;GACb,SAAS,CAAC,iBAAiB;GAC3B,OAAO,CAAC,kBAAkB,qBAAqB;GAChD;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CAED,kBAAkB,GAAwB;CAE1C,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;EACP;CACF,CACF"}
+{"version":3,"file":"Tag.variants.js","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-[number:var(--font-weight-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":";;;AAMA,IAAa,IAAc,EACzB;CACE;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS,CAAC,oBAAoB;GAC9B,WAAW,CAAC;GACZ,SAAS,CAAC,gBAAgB;GAC1B,OAAO,CAAC,kBAAkB,oBAAoB;EAChD;EACA,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CAEA,kBAAkB,EAAuB;CAEzC,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;CACR;AACF,CACF"}

package/dist/components/Text/Text.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`./Text.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,as:i=`p`,className:o,size:s=`md`,family:c,weight:l,color:u,align:d=`left`,truncate:f,...p}){return(0,a.jsx)(i,{ref:e,className:t.cn(r.textVariants({family:c,weight:l,color:u,truncate:f}),...n.resolveResponsiveClasses(s,n.textSizeClasses),...n.resolveResponsiveClasses(d,n.textAlignClasses),o),...p})}o.displayName=`Text`,exports.Text=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/responsive.cjs"),r=require("./Text.variants.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,as:i=`p`,className:o,size:s=`md`,family:c,weight:l,color:u,align:d=`left`,truncate:f,...p}){return(0,a.jsx)(i,{ref:e,className:t.cn(r.textVariants({family:c,weight:l,color:u,truncate:f}),...n.resolveResponsiveClasses(s,n.textSizeClasses),...n.resolveResponsiveClasses(d,n.textAlignClasses),o),...p})}o.displayName=`Text`,exports.Text=o;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"label\"\n  | \"li\"\n  | \"time\"\n  | \"abbr\"\n  | \"figcaption\"\n  | \"div\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":"yPAiCA,SAAS,EAAK,CACZ,MACA,GAAI,EAAO,IACX,YACA,OAAO,KACP,SACA,SACA,QACA,QAAQ,OACR,WACA,GAAG,GACS,CACZ,OACE,EAAA,EAAA,KAAC,EAAD,CAIO,MACL,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACjD,GAAG,EAAA,yBAAyB,EAAM,EAAA,gBAAgB,CAClD,GAAG,EAAA,yBAAyB,EAAO,EAAA,iBAAiB,CACpD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}
+{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"div\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"address\"\n  | \"li\"\n  | \"dt\"\n  | \"dd\"\n  | \"figcaption\"\n  | \"caption\"\n  | \"span\"\n  | \"strong\"\n  | \"em\"\n  | \"b\"\n  | \"i\"\n  | \"u\"\n  | \"s\"\n  | \"small\"\n  | \"mark\"\n  | \"cite\"\n  | \"q\"\n  | \"abbr\"\n  | \"dfn\"\n  | \"samp\"\n  | \"var\"\n  | \"sub\"\n  | \"sup\"\n  | \"time\"\n  | \"data\"\n  | \"label\"\n  | \"legend\"\n  | \"output\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":"yPAyDA,SAAS,EAAK,CACZ,MACA,GAAI,EAAO,IACX,YACA,OAAO,KACP,SACA,SACA,QACA,QAAQ,OACR,WACA,GAAG,GACS,CACZ,OACE,EAAA,EAAA,KAAC,EAAD,CAIO,MACL,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,SAAQ,SAAQ,QAAO,UAAS,CAAC,EAChD,GAAG,EAAA,yBAAyB,EAAM,EAAA,eAAe,EACjD,GAAG,EAAA,yBAAyB,EAAO,EAAA,gBAAgB,EACnD,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,EAAK,YAAc"}

package/dist/components/Text/Text.d.ts

@@ -1,7 +1,7 @@
 import { Responsive, TextSize, TextAlign } from '../../utils/responsive';
 import { textVariants, TextVariantProps } from './Text.variants';
 import * as React from "react";
-type TextElement = "p" | "span" | "label" | "li" | "time" | "abbr" | "figcaption" | "div";
+type TextElement = "p" | "div" | "blockquote" | "pre" | "address" | "li" | "dt" | "dd" | "figcaption" | "caption" | "span" | "strong" | "em" | "b" | "i" | "u" | "s" | "small" | "mark" | "cite" | "q" | "abbr" | "dfn" | "samp" | "var" | "sub" | "sup" | "time" | "data" | "label" | "legend" | "output";
 export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, TextVariantProps {
     ref?: React.Ref<HTMLElement> | undefined;
     as?: TextElement;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GACZ,GAAG,GACH,MAAM,GACN,OAAO,GACP,IAAI,GACJ,MAAM,GACN,MAAM,GACN,YAAY,GACZ,KAAK,CAAC;AAEV,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,EAAE,EAAE,IAAU,EACd,SAAS,EACT,IAAW,EACX,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX;kBA3BQ,IAAI;;;AA+Bb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GACZ,GAAG,GACH,KAAK,GACL,YAAY,GACZ,KAAK,GACL,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,YAAY,GACZ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,OAAO,GACP,MAAM,GACN,MAAM,GACN,GAAG,GACH,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,EAAE,EAAE,IAAU,EACd,SAAS,EACT,IAAW,EACX,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX;kBA3BQ,IAAI;;;AA+Bb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}