@net-advantage/nabs-ui-tab 0.70.0 → 0.71.0

package/dist/nabs-ui-tab.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.forwardRef)(({label:e=`Tab`,children:n,showHeader:r=!0,className:i=``,headerClassName:a=``,contentClassName:o=``,labelClassName:s=``,id:c,...l},u)=>{let d=[`nabs-ui-tab`,i].filter(Boolean).join(` `),f=[`nabs-ui-tab__header`,a].filter(Boolean).join(` `),p=[`nabs-ui-tab__content`,o].filter(Boolean).join(` `),m=[`nabs-ui-tab__label`,s].filter(Boolean).join(` `);return(0,t.jsxs)(`section`,{ref:u,id:c,className:d,...l,children:[r?(0,t.jsx)(`div`,{className:f,children:(0,t.jsx)(`div`,{className:m,children:e})}):null,(0,t.jsx)(`div`,{className:p,children:n})]})});n.displayName=`Tab`,exports.Tab=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");function n({className:e,headerClassName:t,contentClassName:n,labelClassName:r}){return{classes:[`nabs-ui-tab`,e??``].filter(Boolean).join(` `),headerClasses:[`nabs-ui-tab__header`,t??``].filter(Boolean).join(` `),contentClasses:[`nabs-ui-tab__content`,n??``].filter(Boolean).join(` `),labelClasses:[`nabs-ui-tab__label`,r??``].filter(Boolean).join(` `)}}var r=(0,e.forwardRef)(({label:e=`Tab`,children:r,showHeader:i=!0,className:a=``,headerClassName:o=``,contentClassName:s=``,labelClassName:c=``,id:l,...u},d)=>{let{classes:f,headerClasses:p,contentClasses:m,labelClasses:h}=n({className:a,headerClassName:o,contentClassName:s,labelClassName:c});return(0,t.jsxs)(`section`,{ref:d,id:l,className:f,...u,children:[i?(0,t.jsx)(`div`,{className:p,children:(0,t.jsx)(`div`,{className:h,children:e})}):null,(0,t.jsx)(`div`,{className:m,children:r})]})});r.displayName=`Tab`,exports.Tab=r;

package/dist/nabs-ui-tab.js

@@ -1,25 +1,40 @@
 import { forwardRef as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/tab.view-model.ts
+function r({ className: e, headerClassName: t, contentClassName: n, labelClassName: r }) {
+	return {
+		classes: ["nabs-ui-tab", e ?? ""].filter(Boolean).join(" "),
+		headerClasses: ["nabs-ui-tab__header", t ?? ""].filter(Boolean).join(" "),
+		contentClasses: ["nabs-ui-tab__content", n ?? ""].filter(Boolean).join(" "),
+		labelClasses: ["nabs-ui-tab__label", r ?? ""].filter(Boolean).join(" ")
+	};
+}
+//#endregion
 //#region src/Tab.tsx
-var r = e(({ label: e = "Tab", children: r, showHeader: i = !0, className: a = "", headerClassName: o = "", contentClassName: s = "", labelClassName: c = "", id: l, ...u }, d) => {
-	let f = ["nabs-ui-tab", a].filter(Boolean).join(" "), p = ["nabs-ui-tab__header", o].filter(Boolean).join(" "), m = ["nabs-ui-tab__content", s].filter(Boolean).join(" "), h = ["nabs-ui-tab__label", c].filter(Boolean).join(" ");
+var i = e(({ label: e = "Tab", children: i, showHeader: a = !0, className: o = "", headerClassName: s = "", contentClassName: c = "", labelClassName: l = "", id: u, ...d }, f) => {
+	let { classes: p, headerClasses: m, contentClasses: h, labelClasses: g } = r({
+		className: o,
+		headerClassName: s,
+		contentClassName: c,
+		labelClassName: l
+	});
 	return /* @__PURE__ */ n("section", {
-		ref: d,
-		id: l,
-		className: f,
-		...u,
-		children: [i ? /* @__PURE__ */ t("div", {
-			className: p,
+		ref: f,
+		id: u,
+		className: p,
+		...d,
+		children: [a ? /* @__PURE__ */ t("div", {
+			className: m,
 			children: /* @__PURE__ */ t("div", {
-				className: h,
+				className: g,
 				children: e
 			})
 		}) : null, /* @__PURE__ */ t("div", {
-			className: m,
-			children: r
+			className: h,
+			children: i
 		})]
 	});
 });
-r.displayName = "Tab";
+i.displayName = "Tab";
 //#endregion
-export { r as Tab };
+export { i as Tab };

package/dist/tab.model.d.ts

@@ -0,0 +1,4 @@
+export declare function toTabStateLabel({ showHeader, label, }: {
+    showHeader: boolean;
+    label: string;
+}): string;

package/dist/tab.model.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tab.view-model.d.ts

@@ -0,0 +1,11 @@
+export declare function buildTabClassNames({ className, headerClassName, contentClassName, labelClassName, }: {
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    labelClassName?: string;
+}): {
+    classes: string;
+    headerClasses: string;
+    contentClasses: string;
+    labelClasses: string;
+};

package/dist/tab.view-model.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net-advantage/nabs-ui-tab",
-  "version": "0.70.0",
+  "version": "0.71.0",
   "description": "Reusable tab container control for the Nabs UI library.",
   "type": "module",
   "main": "./dist/nabs-ui-tab.cjs",
@@ -25,11 +25,16 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^3.2.4",
     "react-dom": "^19.2.6",
-    "vite": "^8.0.12"
+    "vite": "^8.0.12",
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "build": "vite build",
-    "dev": "vite"
+    "dev": "vite",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "test:unit:coverage": "vitest run --coverage --coverage.reporter=html --coverage.reporter=json-summary --coverage.reporter=text-summary"
   }
 }