haze-ui 1.32.0 → 1.34.0

package/dist/components/Splitter/index.js

@@ -0,0 +1,3 @@
+"use client";
+import { Splitter as e, SplitterPane as t } from "./Splitter.js";
+export { e as Splitter, t as SplitterPane };

package/dist/components/StatusBar/StatusBar.js

@@ -1,5 +1,4 @@
 
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/StatusBar/index.js

@@ -1,3 +1,2 @@
-"use client";
 import e, { StatusItem as t } from "./StatusBar.js";
 export { e as StatusBar, t as StatusItem };

package/dist/components/StepTimeline/StepTimeline.js

@@ -2,43 +2,109 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { c as t } from "react/compiler-runtime";
+import { useId as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useControl as o } from "react-use-control";
 //#region src/lib/components/StepTimeline/StepTimeline.tsx
-var r = "haze-StepTimeline__list", i = "haze-StepTimeline__item", a = "haze-StepTimeline__marker", o = "haze-StepTimeline__markerPending", s = "haze-StepTimeline__markerActive", c = "haze-StepTimeline__markerDone", l = "haze-StepTimeline__markerError", u = "haze-StepTimeline__body", d = "haze-StepTimeline__labelStyle", f = "haze-StepTimeline__descriptionStyle", p = {
-	pending: o,
-	active: s,
-	done: c,
-	error: l
+var s = "haze-StepTimeline__list", c = "haze-StepTimeline__item", l = "haze-StepTimeline__itemStacked", u = "haze-StepTimeline__headerButton", d = "haze-StepTimeline__marker", f = "haze-StepTimeline__markerPending", p = "haze-StepTimeline__markerActive", m = "haze-StepTimeline__markerRunning", h = "haze-StepTimeline__markerDone", g = "haze-StepTimeline__markerError", _ = "haze-StepTimeline__body", v = "haze-StepTimeline__labelRow", y = "haze-StepTimeline__labelStyle", b = "haze-StepTimeline__timeStyle", x = "haze-StepTimeline__descriptionStyle", S = "haze-StepTimeline__chevron", C = "haze-StepTimeline__chevronOpen", w = "haze-StepTimeline__panelStyle", T = "haze-StepTimeline__subSteps", E = () => {
+	let e = t(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: i("path", { d: "M6 4l4 4-4 4" })
+	}), e[0] = n) : n = e[0], n;
+}, D = {
+	pending: f,
+	active: p,
+	running: m,
+	done: h,
+	error: g
 };
-function m({ label: r, description: o, status: s = "pending", className: c }) {
-	return /* @__PURE__ */ n("div", {
+function O({ label: t, description: s, status: f = "pending", time: p, icon: m, collapsible: h = !1, content: g, open: O, onOpenChange: A, children: j, className: M }) {
+	let [N, P] = o(O, !1), F = n(), I = g != null || j != null, L = h && I, R = () => {
+		let e = !N;
+		P(e), A?.(e);
+	}, z = m ?? (f === "done" ? "✓" : f === "error" ? "!" : void 0), B = /* @__PURE__ */ i("div", {
+		"data-slot": "dot",
+		className: e([d, D[f]]),
+		children: z
+	}), V = /* @__PURE__ */ a("div", {
+		"data-slot": "content",
+		className: e([_]),
+		children: [/* @__PURE__ */ a("div", {
+			"data-slot": "label-row",
+			className: e([v]),
+			children: [/* @__PURE__ */ i("div", {
+				"data-slot": "label",
+				className: e([y]),
+				children: t
+			}), p != null && /* @__PURE__ */ i("span", {
+				"data-slot": "time",
+				className: e([b]),
+				children: p
+			})]
+		}), s && /* @__PURE__ */ i("div", {
+			"data-slot": "description",
+			className: e([x]),
+			children: s
+		})]
+	});
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "item",
-		className: e([i, c]),
-		children: [/* @__PURE__ */ n("div", {
-			"data-slot": "dot",
-			className: e([a, p[s]]),
-			children: [s === "done" && "✓", s === "error" && "!"]
-		}), /* @__PURE__ */ n("div", {
-			"data-slot": "content",
+		"data-status": f,
+		className: e([
+			c,
+			L && l,
+			M
+		]),
+		children: [L ? /* @__PURE__ */ a("button", {
+			type: "button",
+			"data-slot": "header",
+			"aria-expanded": N,
+			"aria-controls": F,
+			onClick: R,
 			className: e([u]),
-			children: [/* @__PURE__ */ t("div", {
-				"data-slot": "label",
-				className: e([d]),
-				children: r
-			}), o && /* @__PURE__ */ t("div", {
-				"data-slot": "description",
-				className: e([f]),
-				children: o
+			children: [
+				B,
+				V,
+				/* @__PURE__ */ i("span", {
+					"data-slot": "icon",
+					"aria-hidden": "true",
+					className: e([S, N && C]),
+					children: /* @__PURE__ */ i(E, {})
+				})
+			]
+		}) : /* @__PURE__ */ a(r, { children: [B, V] }), I && /* @__PURE__ */ a("div", {
+			"data-slot": "panel",
+			id: L ? F : void 0,
+			hidden: L && !N,
+			className: e([w]),
+			children: [g, j != null && /* @__PURE__ */ i("div", {
+				"data-slot": "sub-steps",
+				className: e([T]),
+				children: /* @__PURE__ */ i(k, { children: j })
 			})]
 		})]
 	});
 }
-function h({ children: n, className: i }) {
-	return /* @__PURE__ */ t("div", {
+function k(n) {
+	let r = t(5), { children: a, className: o } = n, c;
+	r[0] === o ? c = r[1] : (c = [s, o], r[0] = o, r[1] = c);
+	let l;
+	return r[2] !== a || r[3] !== c ? (l = /* @__PURE__ */ i("div", {
 		"data-slot": "step-timeline",
-		className: e([r, i]),
-		children: n
-	});
+		className: e(c),
+		children: a
+	}), r[2] = a, r[3] = c, r[4] = l) : l = r[4], l;
 }
 //#endregion
-export { m as StepTimelineItem, h as default };
+export { O as StepTimelineItem, k as default };

package/dist/components/Stepper/Stepper.js

@@ -3,26 +3,40 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { StepperProvider as t } from "./StepperContext.js";
 /* empty css                  */
-import { Children as n, cloneElement as r, isValidElement as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { useControl as o } from "react-use-control";
+import { c as n } from "react/compiler-runtime";
+import { Children as r, cloneElement as i, isValidElement as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useControl as s } from "react-use-control";
 //#region src/lib/components/Stepper/Stepper.tsx
-var s = "haze-Stepper__stepper";
-function c({ activeStep: c, children: l, className: u }) {
-	let [d, f] = o(c, 0), p = n.count(l);
-	return /* @__PURE__ */ a(t, {
-		value: {
-			activeStep: d,
-			setActiveStep: f,
-			totalSteps: p
-		},
-		children: a("div", {
-			"data-slot": "stepper",
-			role: "list",
-			className: e([s, u]),
-			children: n.map(l, (e, t) => i(e) ? r(e, { index: t }) : e)
-		})
-	});
+var c = "haze-Stepper__stepper";
+function l(i) {
+	let a = n(16), { activeStep: l, children: d, className: f } = i, [p, m] = s(l, 0), h;
+	a[0] === d ? h = a[1] : (h = r.count(d), a[0] = d, a[1] = h);
+	let g = h, _;
+	a[2] !== p || a[3] !== m || a[4] !== g ? (_ = {
+		activeStep: p,
+		setActiveStep: m,
+		totalSteps: g
+	}, a[2] = p, a[3] = m, a[4] = g, a[5] = _) : _ = a[5];
+	let v;
+	a[6] === f ? v = a[7] : (v = [c, f], a[6] = f, a[7] = v);
+	let y;
+	a[8] === d ? y = a[9] : (y = r.map(d, u), a[8] = d, a[9] = y);
+	let b;
+	a[10] !== v || a[11] !== y ? (b = /* @__PURE__ */ o("div", {
+		"data-slot": "stepper",
+		role: "list",
+		className: e(v),
+		children: y
+	}), a[10] = v, a[11] = y, a[12] = b) : b = a[12];
+	let x;
+	return a[13] !== _ || a[14] !== b ? (x = /* @__PURE__ */ o(t, {
+		value: _,
+		children: b
+	}), a[13] = _, a[14] = b, a[15] = x) : x = a[15], x;
+}
+function u(e, t) {
+	return a(e) ? i(e, { index: t }) : e;
 }
 //#endregion
-export { c as default };
+export { l as default };

package/dist/components/StreamingText/StreamingText.js

@@ -3,86 +3,88 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                        */
-import { memo as n, useEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { memo as r, useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/lib/components/StreamingText/StreamingText.tsx
-var c = 1200, l = "haze-StreamingText__wrapper", u = "haze-StreamingText__cursor", d = "haze-StreamingText__srOnly", f = 512;
-function p(e, t) {
+var l = 1200, u = "haze-StreamingText__wrapper", d = "haze-StreamingText__cursor", f = "haze-StreamingText__srOnly", p = 512;
+function m(e, t) {
 	let n = e.tail + t;
-	t === "\n" || n.length >= f ? (e.finalized = [...e.finalized, n], e.tail = "") : e.tail = n;
+	t === "\n" || n.length >= p ? (e.finalized = [...e.finalized, n], e.tail = "") : e.tail = n;
 }
-function m(e) {
+function h(e) {
 	let t = {
 		finalized: [],
 		tail: ""
 	};
-	for (let n of e) p(t, n);
+	for (let n of e) m(t, n);
 	return t;
 }
-var h = n(function({ text: e }) {
-	return /* @__PURE__ */ o("span", { children: e });
+var g = r(function(e) {
+	let t = n(2), { text: r } = e, i;
+	return t[0] === r ? i = t[1] : (i = /* @__PURE__ */ s("span", { children: r }), t[0] = r, t[1] = i), i;
 });
-function g({ text: n, speed: f = 20, announceInterval: g = c, onComplete: _, showCursor: v = !0, className: y }) {
-	let b = t("streamingText"), [x, S] = a(""), C = i(!1), [w, T] = a(""), E = i(""), D = i(null), O = i({
+function _({ text: n, speed: r = 20, announceInterval: p = l, onComplete: _, showCursor: v = !0, className: y }) {
+	let b = t("streamingText"), [x, S] = o(""), C = a(!1), [w, T] = o(""), E = a(""), D = a(null), O = a({
 		finalized: [],
 		tail: ""
 	});
-	O.current.tail.length + O.current.finalized.reduce((e, t) => e + t.length, 0) !== x.length && (O.current = m(x));
-	let { finalized: k, tail: A } = O.current, j = A ? [...k, A] : k, [M, N] = a(n);
+	O.current.tail.length + O.current.finalized.reduce((e, t) => e + t.length, 0) !== x.length && (O.current = h(x));
+	let { finalized: k, tail: A } = O.current, j = A ? [...k, A] : k, [M, N] = o(n);
 	n !== M && (N(n), S(""), T(""));
 	let P = x.length >= n.length;
-	return r(() => {
+	return i(() => {
 		E.current = x;
-	}, [x]), r(() => {
+	}, [x]), i(() => {
 		if (P) {
 			C.current || (C.current = !0, _?.());
 			return;
 		}
 		C.current = !1;
 		let e = setTimeout(() => {
-			p(O.current, n.charAt(x.length)), S(n.slice(0, x.length + 1));
-		}, f);
+			m(O.current, n.charAt(x.length)), S(n.slice(0, x.length + 1));
+		}, r);
 		return () => clearTimeout(e);
 	}, [
 		P,
 		x,
 		n,
-		f,
+		r,
 		_
-	]), r(() => {
+	]), i(() => {
 		if (P || D.current !== null) return;
 		w === "" && T(b.generating);
 		let e = setTimeout(() => {
 			D.current = null, T(E.current);
-		}, g);
+		}, p);
 		D.current = e;
 	}, [
 		x,
 		P,
 		w,
-		g,
+		p,
 		b.generating
-	]), r(() => {
+	]), i(() => {
 		P && (D.current !== null && (clearTimeout(D.current), D.current = null), T(n));
-	}, [P, n]), r(() => () => {
+	}, [P, n]), i(() => () => {
 		D.current !== null && clearTimeout(D.current);
-	}, []), /* @__PURE__ */ s("span", {
+	}, []), /* @__PURE__ */ c("span", {
 		"data-slot": "streaming-text",
-		className: e([l, y]),
-		children: [/* @__PURE__ */ o("span", {
+		className: e([u, y]),
+		children: [/* @__PURE__ */ s("span", {
 			"data-slot": "live-region",
 			role: "status",
-			className: e([d]),
+			className: e([f]),
 			children: w
-		}), /* @__PURE__ */ s("span", {
+		}), /* @__PURE__ */ c("span", {
 			"data-slot": "content",
 			"aria-busy": !P || void 0,
-			children: [j.map((e, t) => /* @__PURE__ */ o(h, { text: e }, t)), v && !P && /* @__PURE__ */ o("span", {
+			children: [j.map((e, t) => /* @__PURE__ */ s(g, { text: e }, t)), v && !P && /* @__PURE__ */ s("span", {
 				"data-slot": "caret",
-				className: e([u])
+				className: e([d])
 			})]
 		})]
 	});
 }
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/components/Switch/Switch.js

@@ -1,19 +1,31 @@
 "use client";
-import e from "./SwitchCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { NativeBooleanField as e } from "../../utils/native-form.js";
+import t from "./SwitchCore.js";
+import { c as n } from "react/compiler-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useControl as o } from "react-use-control";
 //#region src/lib/components/Switch/Switch.tsx
-function r({ checked: r, size: i, className: a, onClick: o, ref: s, ...c }) {
-	let [l, u] = n(r, !1);
-	return /* @__PURE__ */ t(e, {
-		ref: s,
-		checked: l,
-		onChange: u,
-		onNativeClick: o,
-		size: i,
-		className: a,
-		...c
-	});
+function s(s) {
+	let c = n(22), l, u, d, f, p, m, h;
+	c[0] === s ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6], h = c[7]) : ({checked: l, size: h, className: u, onClick: f, name: d, ref: p, ...m} = s, c[0] = s, c[1] = l, c[2] = u, c[3] = d, c[4] = f, c[5] = p, c[6] = m, c[7] = h);
+	let [g, _] = o(l, !1), v;
+	c[8] !== g || c[9] !== u || c[10] !== f || c[11] !== p || c[12] !== m || c[13] !== _ || c[14] !== h ? (v = /* @__PURE__ */ i(t, {
+		ref: p,
+		checked: g,
+		onChange: _,
+		onNativeClick: f,
+		size: h,
+		className: u,
+		...m
+	}), c[8] = g, c[9] = u, c[10] = f, c[11] = p, c[12] = m, c[13] = _, c[14] = h, c[15] = v) : v = c[15];
+	let y;
+	c[16] !== g || c[17] !== d ? (y = /* @__PURE__ */ i(e, {
+		name: d,
+		type: "checkbox",
+		checked: g
+	}), c[16] = g, c[17] = d, c[18] = y) : y = c[18];
+	let b;
+	return c[19] !== v || c[20] !== y ? (b = /* @__PURE__ */ a(r, { children: [v, y] }), c[19] = v, c[20] = y, c[21] = b) : b = c[21], b;
 }
 //#endregion
-export { r as default };
+export { s as default };

package/dist/components/Switch/SwitchCore.js

@@ -1,48 +1,37 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { thumbCheckedSizes as t, thumbSizes as n, trackSizes as r } from "./switch-styles.js";
 /* empty css                     */
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/lib/components/Switch/SwitchCore.tsx
-var n = "haze-SwitchCore__track", r = "haze-SwitchCore__trackChecked", i = "haze-SwitchCore__thumb", a = "haze-SwitchCore__trackSm", o = "haze-SwitchCore__trackMd", s = "haze-SwitchCore__trackLg", c = "haze-SwitchCore__thumbSm", l = "haze-SwitchCore__thumbMd", u = "haze-SwitchCore__thumbLg", d = "haze-SwitchCore__thumbCheckedSm", f = "haze-SwitchCore__thumbCheckedMd", p = "haze-SwitchCore__thumbCheckedLg", m = {
-	sm: a,
-	md: o,
-	lg: s
-}, h = {
-	sm: c,
-	md: l,
-	lg: u
-}, g = {
-	sm: d,
-	md: f,
-	lg: p
-};
-function _({ checked: a, onChange: o, onNativeClick: s, size: c = "md", className: l, ref: u, ...d }) {
-	return /* @__PURE__ */ t("button", {
-		ref: u,
+var a = "haze-SwitchCore__track", o = "haze-SwitchCore__trackChecked", s = "haze-SwitchCore__thumb";
+function c({ checked: c, onChange: l, onNativeClick: u, size: d = "md", className: f, ref: p, ...m }) {
+	return /* @__PURE__ */ i("button", {
+		ref: p,
 		type: "button",
 		role: "switch",
 		"data-slot": "switch",
-		"aria-checked": a,
+		"aria-checked": c,
 		onClick: (e) => {
-			o(!a), s?.(e);
+			l(!c), u?.(e);
 		},
-		...d,
+		...m,
 		className: e([
-			n,
-			m[c],
-			a && r,
-			l
+			a,
+			r[d],
+			c && o,
+			f
 		]),
-		children: t("span", {
+		children: i("span", {
 			"data-slot": "thumb",
 			className: e([
-				i,
-				h[c],
-				a && g[c]
+				s,
+				n[d],
+				c && t[d]
 			])
 		})
 	});
 }
 //#endregion
-export { _ as default };
+export { c as default };

package/dist/components/Switch/index.js

@@ -1,4 +1,5 @@
 "use client";
-import e from "./SwitchCore.js";
-import t from "./Switch.js";
-export { t as Switch, e as SwitchCore };
+import { thumbSizes as e, trackSizes as t } from "./switch-styles.js";
+import n from "./SwitchCore.js";
+import r from "./Switch.js";
+export { r as Switch, n as SwitchCore, e as thumbSizes, t as trackSizes };

package/dist/components/Switch/switch-styles.js

@@ -0,0 +1,19 @@
+
+"use client";
+/* empty css                        */
+//#region src/lib/components/Switch/switch-styles.ts
+var e = "haze-switch-styles__trackSm", t = "haze-switch-styles__trackMd", n = "haze-switch-styles__trackLg", r = "haze-switch-styles__thumbSm", i = "haze-switch-styles__thumbMd", a = "haze-switch-styles__thumbLg", o = "haze-switch-styles__thumbCheckedSm", s = "haze-switch-styles__thumbCheckedMd", c = "haze-switch-styles__thumbCheckedLg", l = {
+	sm: e,
+	md: t,
+	lg: n
+}, u = {
+	sm: r,
+	md: i,
+	lg: a
+}, d = {
+	sm: o,
+	md: s,
+	lg: c
+};
+//#endregion
+export { d as thumbCheckedSizes, u as thumbSizes, l as trackSizes };

package/dist/components/TabBar/TabBar.js

@@ -1,5 +1,4 @@
 
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import t from "../Badge/Badge.js";
 /* empty css                 */

package/dist/components/TabBar/index.js

@@ -1,3 +1,2 @@
-"use client";
 import e, { TabBarItem as t } from "./TabBar.js";
 export { e as TabBar, t as TabBarItem };

package/dist/components/Table/Table.js

@@ -1,25 +1,46 @@
 
 "use client";
+import "../../tokens/spacing.js";
+import "../../tokens/density.js";
 import { classnames as e } from "../../utils/classnames.js";
+import { useConfigDefaults as t, useConfigDensity as n } from "../ConfigProvider/useConfigDefaults.js";
+import { TableClassNamesProvider as r } from "./TableContext.js";
+import "./table-styles.js";
 /* empty css                */
-import { jsx as t } from "react/jsx-runtime";
+import { c as i } from "react/compiler-runtime";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/lib/components/Table/Table.tsx
-var n = "haze-Table__wrapper", r = "haze-Table__base", i = "haze-Table__stripedStyle", a = "haze-Table__borderedStyle";
-function o({ striped: o = !1, bordered: s = !1, className: c, children: l }) {
-	return /* @__PURE__ */ t("div", {
+var o = "haze-Table__wrapper", s = "haze-Table__base";
+function c(c) {
+	let l = i(18), { striped: u, bordered: d, classNames: f, className: p, children: m, ref: h } = c, g = t("Table"), _ = u ?? g.striped ?? !1, v = d ?? g.bordered ?? !1, y = n() === "compact", b = f?.wrapper, x;
+	l[0] === b ? x = l[1] : (x = [o, b], l[0] = b, l[1] = x);
+	let S = _ && "haze-table-styles__stripedStyle", C = v && "haze-table-styles__borderedStyle", w = y && "haze-spacing__spacing", T = y && "haze-density__compact", E;
+	l[2] !== p || l[3] !== S || l[4] !== C || l[5] !== w || l[6] !== T ? (E = [
+		s,
+		S,
+		C,
+		w,
+		T,
+		p
+	], l[2] = p, l[3] = S, l[4] = C, l[5] = w, l[6] = T, l[7] = E) : E = l[7];
+	let D;
+	l[8] !== m || l[9] !== h || l[10] !== E ? (D = /* @__PURE__ */ a("table", {
+		ref: h,
+		"data-slot": "table",
+		className: e(E),
+		children: m
+	}), l[8] = m, l[9] = h, l[10] = E, l[11] = D) : D = l[11];
+	let O;
+	l[12] !== x || l[13] !== D ? (O = /* @__PURE__ */ a("div", {
 		"data-slot": "table-container",
-		className: e([n]),
-		children: t("table", {
-			"data-slot": "table",
-			className: e([
-				r,
-				o && i,
-				s && a,
-				c
-			]),
-			children: l
-		})
-	});
+		className: e(x),
+		children: D
+	}), l[12] = x, l[13] = D, l[14] = O) : O = l[14];
+	let k;
+	return l[15] !== f || l[16] !== O ? (k = /* @__PURE__ */ a(r, {
+		value: f,
+		children: O
+	}), l[15] = f, l[16] = O, l[17] = k) : k = l[17], k;
 }
 //#endregion
-export { o as default };
+export { c as default };

package/dist/components/Table/TableBody.js

@@ -1,16 +1,25 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { useTableClassNames as t } from "./TableContext.js";
 /* empty css                    */
-import { jsx as t } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableBody.tsx
-var n = "haze-TableBody__body";
-function r({ className: r, children: i }) {
-	return /* @__PURE__ */ t("tbody", {
+var i = "haze-TableBody__body";
+function a(a) {
+	let o = n(6), { className: s, children: c } = a, l = t()?.body, u;
+	o[0] !== s || o[1] !== l ? (u = [
+		i,
+		l,
+		s
+	], o[0] = s, o[1] = l, o[2] = u) : u = o[2];
+	let d;
+	return o[3] !== c || o[4] !== u ? (d = /* @__PURE__ */ r("tbody", {
 		"data-slot": "body",
-		className: e([n, r]),
-		children: i
-	});
+		className: e(u),
+		children: c
+	}), o[3] = c, o[4] = u, o[5] = d) : d = o[5], d;
 }
 //#endregion
-export { r as default };
+export { a as default };

package/dist/components/Table/TableCell.js

@@ -1,14 +1,16 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { jsx as t } from "react/jsx-runtime";
+import { useTableClassNames as t } from "./TableContext.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableCell.tsx
-function n({ as: n = "td", className: r, children: i, ...a }) {
-	return /* @__PURE__ */ t(n, {
+function r({ as: r = "td", className: i, children: a, ...o }) {
+	let s = t();
+	return /* @__PURE__ */ n(r, {
 		"data-slot": "cell",
-		...a,
-		className: e([r]),
-		children: i
+		...o,
+		className: e([s?.cell, i]),
+		children: a
 	});
 }
 //#endregion
-export { n as default };
+export { r as default };

package/dist/components/Table/TableContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/Table/TableContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	return t(n);
+}
+//#endregion
+export { r as TableClassNamesProvider, i as useTableClassNames };