@nuka-ui/core 1.1.1 → 1.1.2

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

@@ -1,11 +1,15 @@
 import * as React from "react";
 export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
     orientation?: "horizontal" | "vertical";
     activationMode?: "automatic" | "manual";
 }
-declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare function Tabs({ ref, value: controlledValue, defaultValue, onValueChange, orientation, activationMode, className, children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Tabs {
+    var displayName: string;
+}
 export { Tabs };
 //# sourceMappingURL=Tabs.d.ts.map

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

package/dist/components/Tabs/Tabs.js

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

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  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  activationMode?: \"automatic\" | \"manual\";\n}\n\nconst Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      activationMode = \"automatic\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onValueChange,\n    );\n\n    const baseId = React.useId();\n    const [focusedValue, setFocusedValue] = React.useState<string | undefined>(\n      undefined,\n    );\n\n    const contextValue = React.useMemo(\n      () => ({\n        value,\n        onValueChange: setValue,\n        orientation,\n        activationMode,\n        baseId,\n        focusedValue,\n        setFocusedValue,\n      }),\n      [value, setValue, orientation, activationMode, baseId, focusedValue],\n    );\n\n    return (\n      <TabsContext value={contextValue}>\n        <div\n          ref={ref}\n          className={cn(\n            orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </TabsContext>\n    );\n  },\n);\n\nTabs.displayName = \"Tabs\";\n\nexport { Tabs };\n"],"mappings":";;;;;;;AAcA,IAAM,IAAO,EAAM,YAEf,EACE,OAAO,GACP,iBACA,kBACA,iBAAc,cACd,oBAAiB,aACjB,cACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,GACA,EACD,EAEK,IAAS,EAAM,OAAO,EACtB,CAAC,GAAc,KAAmB,EAAM,SAC5C,KAAA,EACD;AAeD,QACE,kBAAC,GAAD;EAAa,OAdM,EAAM,eAClB;GACL;GACA,eAAe;GACf;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAO;GAAU;GAAa;GAAgB;GAAQ;GAAa,CACrE;YAIG,kBAAC,OAAD;GACO;GACL,WAAW,EACT,MAAgB,eAAe,kBAAkB,iBACjD,EACD;GACD,GAAI;GAEH;GACG,CAAA;EACM,CAAA;EAGnB;AAED,EAAK,cAAc"}
+{"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"}

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`);var a=r.forwardRef(({value:e,className:r,...a},o)=>{let s=n.useTabsContext(),c=s.value===e,l=`${s.baseId}-trigger-${e}`;return(0,i.jsx)(`div`,{ref:o,role:`tabpanel`,id:`${s.baseId}-panel-${e}`,"aria-labelledby":l,hidden:c?void 0:!0,tabIndex:0,"data-state":c?`active`:`inactive`,className:t.cn(`mt-(--space-2)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,r),...a})});a.displayName=`TabsContent`,exports.TabsContent=a;
+"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;
 //# 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  value: string;\n}\n\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ value, className, ...props }, ref) => {\n    const ctx = useTabsContext();\n    const isActive = ctx.value === value;\n    const triggerId = `${ctx.baseId}-trigger-${value}`;\n    const panelId = `${ctx.baseId}-panel-${value}`;\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        id={panelId}\n        aria-labelledby={triggerId}\n        hidden={!isActive ? true : undefined}\n        tabIndex={0}\n        data-state={isActive ? \"active\" : \"inactive\"}\n        className={cn(\n          \"mt-(--space-2)\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":"gNASA,IAAM,EAAc,EAAM,YACvB,CAAE,QAAO,YAAW,GAAG,GAAS,IAAQ,CACvC,IAAM,EAAM,EAAA,gBAAgB,CACtB,EAAW,EAAI,QAAU,EACzB,EAAY,GAAG,EAAI,OAAO,WAAW,IAG3C,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,WACL,GANY,GAAG,EAAI,OAAO,SAAS,IAOnC,kBAAiB,EACjB,OAAS,EAAkB,IAAA,GAAP,GACpB,SAAU,EACV,aAAY,EAAW,SAAW,WAClC,UAAW,EAAA,GACT,iBACA,yDACA,8CACA,EACD,CACD,GAAI,EACJ,CAAA,EAGP,CAED,EAAY,YAAc"}
+{"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"}

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

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

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

package/dist/components/Tabs/TabsContent.js

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

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

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

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

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

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

package/dist/components/Tabs/TabsList.js

@@ -1,52 +1,40 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { composeRefs as t } from "../../utils/slot.js";
-import { useTabsContext as n } from "./Tabs.context.js";
-import { tabsListVariants as r } from "./Tabs.variants.js";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { getActiveElement as n } from "../../utils/get-active-element.js";
+import { getRovingIndex as r } from "../../utils/roving-index.js";
+import { useTabsContext as i } from "./Tabs.context.js";
+import { tabsListVariants as a } from "./Tabs.variants.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/Tabs/TabsList.tsx
-var o = "[role=\"tab\"]:not([aria-disabled=\"true\"])", s = i.forwardRef(({ variant: o, className: s, onKeyDown: l, children: u, ...d }, f) => {
-	let { orientation: p } = n(), m = i.useRef(null);
-	return /* @__PURE__ */ a("div", {
-		ref: t(f, m),
+var c = "[role=\"tab\"]:not([aria-disabled=\"true\"])";
+function l({ ref: n, variant: r, className: c, onKeyDown: l, children: d, ...f }) {
+	let { orientation: p } = i(), m = o.useRef(null);
+	return /* @__PURE__ */ s("div", {
+		ref: t(n, m),
 		role: "tablist",
 		"aria-orientation": p,
-		className: e(r({ variant: o }), p === "vertical" && "flex-col", s),
+		className: e(a({ variant: r }), p === "vertical" && "flex-col", c),
 		onKeyDown: (e) => {
-			c(e, m), l?.(e);
+			u(e, m), l?.(e);
 		},
-		...d,
-		children: u
+		...f,
+		children: d
 	});
-});
-s.displayName = "TabsList";
-function c(e, t) {
-	let n = t.current;
-	if (!n) return;
-	let r = Array.from(n.querySelectorAll(o));
-	if (r.length === 0) return;
-	let i = document.activeElement, a = r.indexOf(i);
-	if (a === -1) return;
-	let s = n.getAttribute("aria-orientation") !== "vertical", c = s ? "ArrowLeft" : "ArrowUp", l = s ? "ArrowRight" : "ArrowDown", u;
-	switch (e.key) {
-		case l:
-			u = (a + 1) % r.length;
-			break;
-		case c:
-			u = (a - 1 + r.length) % r.length;
-			break;
-		case "Home":
-			u = 0;
-			break;
-		case "End":
-			u = r.length - 1;
-			break;
-		default: return;
-	}
-	e.preventDefault(), r[u]?.focus();
+}
+l.displayName = "TabsList";
+function u(e, t) {
+	let i = t.current;
+	if (!i) return;
+	let a = Array.from(i.querySelectorAll(c));
+	if (a.length === 0) return;
+	let o = n(), s = a.indexOf(o);
+	if (s === -1) return;
+	let l = i.getAttribute("aria-orientation") === "vertical" ? "vertical" : "horizontal", u = r(e.key, s, a.length, l);
+	u !== void 0 && (e.preventDefault(), a[u]?.focus());
 }
 //#endregion
-export { s as TabsList };
+export { l as TabsList };
 
 //# sourceMappingURL=TabsList.js.map

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 { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\nimport {\n  tabsListVariants,\n  type TabsListVariantProps,\n} from \"@nuka/components/Tabs/Tabs.variants\";\n\nconst TRIGGER_SELECTOR = '[role=\"tab\"]:not([aria-disabled=\"true\"])';\n\nexport interface TabsListProps\n  extends React.HTMLAttributes<HTMLDivElement>, TabsListVariantProps {}\n\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ variant, className, onKeyDown, children, ...props }, ref) => {\n    const { orientation } = useTabsContext();\n    const listRef = React.useRef<HTMLDivElement>(null);\n\n    const composedRef = composeRefs(ref, listRef);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      handleTabsKeyboard(e, listRef);\n      onKeyDown?.(e);\n    };\n\n    return (\n      <div\n        ref={composedRef}\n        role=\"tablist\"\n        aria-orientation={orientation}\n        className={cn(\n          tabsListVariants({ variant }),\n          orientation === \"vertical\" && \"flex-col\",\n          className,\n        )}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nTabsList.displayName = \"TabsList\";\n\nfunction handleTabsKeyboard(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  listRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const list = listRef.current;\n  if (!list) return;\n\n  const triggers = Array.from(\n    list.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR),\n  );\n  if (triggers.length === 0) return;\n\n  const active = document.activeElement;\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const prevKey = isHorizontal ? \"ArrowLeft\" : \"ArrowUp\";\n  const nextKey = isHorizontal ? \"ArrowRight\" : \"ArrowDown\";\n\n  let nextIndex: number | undefined;\n\n  switch (e.key) {\n    case nextKey:\n      nextIndex = (currentIndex + 1) % triggers.length;\n      break;\n    case prevKey:\n      nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n      break;\n    case \"Home\":\n      nextIndex = 0;\n      break;\n    case \"End\":\n      nextIndex = triggers.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAmB,gDAKnB,IAAW,EAAM,YACpB,EAAE,YAAS,cAAW,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC9D,IAAM,EAAE,mBAAgB,GAAgB,EAClC,IAAU,EAAM,OAAuB,KAAK;AASlD,QACE,kBAAC,OAAD;EACE,KATgB,EAAY,GAAK,EAAQ;EAUzC,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,EAAiB,EAAE,YAAS,CAAC,EAC7B,MAAgB,cAAc,YAC9B,EACD;EACD,YAfmB,MAA2C;AAEhE,GADA,EAAmB,GAAG,EAAQ,EAC9B,IAAY,EAAE;;EAcZ,GAAI;EAEH;EACG,CAAA;EAGX;AAED,EAAS,cAAc;AAEvB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAO,EAAQ;AACrB,KAAI,CAAC,EAAM;CAEX,IAAM,IAAW,MAAM,KACrB,EAAK,iBAAoC,EAAiB,CAC3D;AACD,KAAI,EAAS,WAAW,EAAG;CAE3B,IAAM,IAAS,SAAS,eAClB,IAAe,EAAS,QAAQ,EAA4B;AAClE,KAAI,MAAiB,GAAI;CAEzB,IAAM,IAAe,EAAK,aAAa,mBAAmB,KAAK,YACzD,IAAU,IAAe,cAAc,WACvC,IAAU,IAAe,eAAe,aAE1C;AAEJ,SAAQ,EAAE,KAAV;EACE,KAAK;AACH,QAAa,IAAe,KAAK,EAAS;AAC1C;EACF,KAAK;AACH,QAAa,IAAe,IAAI,EAAS,UAAU,EAAS;AAC5D;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY,EAAS,SAAS;AAC9B;EACF,QACE;;AAIJ,CADA,EAAE,gBAAgB,EAClB,EAAS,IAAY,OAAO"}
+{"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"}

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

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

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     value: string;
 }
-declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function TabsTrigger({ ref, value, disabled, className, onClick, onFocus, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TabsTrigger {
+    var displayName: string;
+}
 export { TabsTrigger };
 //# sourceMappingURL=TabsTrigger.d.ts.map

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

package/dist/components/Tabs/TabsTrigger.js

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

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

package/dist/components/Tag/Tag.cjs

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

package/dist/components/Tag/Tag.d.ts

@@ -1,9 +1,13 @@
 import { tagVariants, TagVariantProps } from './Tag.variants';
 import * as React from "react";
 export interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {
+    ref?: React.Ref<HTMLSpanElement> | undefined;
     onDismiss?: () => void;
     dismissLabel?: string;
 }
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+declare function Tag({ ref, className, variant, intent, size, onDismiss, dismissLabel, children, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Tag {
+    var displayName: string;
+}
 export { Tag, tagVariants };
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe;IAC9D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,GAAG,kFA2BR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,GAAG,CAAC,EACX,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,QAAQ,2CAaV;kBAvBQ,GAAG;;;AA2BZ,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tag/Tag.js

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

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

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

package/dist/components/Text/Text.cjs

@@ -1,2 +1,2 @@
-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`);var o=i.forwardRef(({as:e=`p`,className:i,size:o=`md`,family:s,weight:c,color:l,align:u=`left`,truncate:d,...f},p)=>(0,a.jsx)(e,{ref:p,className:t.cn(r.textVariants({family:s,weight:c,color:l,truncate:d}),...n.resolveResponsiveClasses(o,n.textSizeClasses),...n.resolveResponsiveClasses(u,n.textAlignClasses),i),...f}));o.displayName=`Text`,exports.Text=o;
+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