@payfit/unity-components 3.1.13 → 3.1.15

package/dist/esm/components/spinner/Spinner.js

@@ -1,78 +0,0 @@
-import e from "../../hooks/use-id.js";
-import { forwardRef as t } from "react";
-import { uyTv as n } from "@payfit/unity-themes";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/spinner/Spinner.tsx
-var a = n({
-	slots: {
-		base: "uy:flex uy:flex-col uy:items-center uy:gap-200",
-		indicator: "",
-		label: "uy:typography-body uy:text-left uy:truncate"
-	},
-	variants: {
-		size: {
-			small: {
-				indicator: "uy:w-200 uy:h-200",
-				label: "uy:hidden"
-			},
-			medium: { indicator: "uy:w-300 uy:h-300" }
-		},
-		color: {
-			primary: { indicator: "uy:text-content-neutral" },
-			inverted: {
-				indicator: "uy:text-content-inverted",
-				label: "uy:text-content-inverted"
-			},
-			inherit: { indicator: "" }
-		}
-	},
-	defaultVariants: {
-		size: "small",
-		color: "primary"
-	}
-});
-function o({ label: t, color: n, size: o, role: s = "status", ...c }, l) {
-	let u = `spinner-label-${e()}`, { base: d, indicator: f, label: p } = a({
-		size: o,
-		color: n
-	});
-	return /* @__PURE__ */ i("div", {
-		...c,
-		ref: l,
-		role: s,
-		className: d(),
-		"aria-labelledby": s === "status" ? u : void 0,
-		"aria-live": "polite",
-		"data-dd-privacy": "allow",
-		children: [/* @__PURE__ */ i("svg", {
-			viewBox: "0 0 100 100",
-			"aria-hidden": "true",
-			className: f(),
-			children: [/* @__PURE__ */ r("title", { children: "Loading" }), /* @__PURE__ */ r("circle", {
-				cx: "50",
-				cy: "50",
-				r: "45",
-				fill: "none",
-				stroke: "currentColor",
-				style: {
-					"--r": "45px",
-					"--1deg": "calc(2 * pi * var(--r) / 360)",
-					strokeWidth: "9.6px",
-					shapeRendering: "geometricPrecision",
-					strokeDasharray: "calc(40 * var(--1deg)) calc(80 * var(--1deg))",
-					transformOrigin: "50% 50%",
-					animation: "arc-shrink 1.4s ease-in-out infinite, spin 2s linear infinite"
-				}
-			})]
-		}), /* @__PURE__ */ r("span", {
-			id: u,
-			className: p(),
-			"aria-hidden": o !== "small",
-			children: t
-		})]
-	});
-}
-o.displayName = "Spinner";
-var s = t(o);
-//#endregion
-export { s as Spinner };

package/dist/esm/components/stepper/Stepper.context.js

@@ -1,17 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/stepper/Stepper.context.tsx
-var r = e({ currentStep: 0 });
-function i({ children: e, currentStep: t }) {
-	return /* @__PURE__ */ n(r.Provider, {
-		value: { currentStep: t },
-		children: e
-	});
-}
-function a() {
-	let e = t(r);
-	if (!e) throw Error("useStepperContext must be used within an StepperProvider");
-	return e;
-}
-//#endregion
-export { r as StepperContext, i as StepperProvider, a as useStepperContext };

package/dist/esm/components/stepper/Stepper.js

@@ -1,17 +0,0 @@
-import { StepperProvider as e } from "./Stepper.context.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/stepper/Stepper.tsx
-var r = t(({ children: t, currentStep: r, ...i }, a) => /* @__PURE__ */ n(e, {
-	currentStep: r,
-	children: /* @__PURE__ */ n("ol", {
-		"data-dd-privacy": "allow",
-		ref: a,
-		className: "uy:flex uy:gap-200",
-		...i,
-		children: t
-	})
-}));
-r.displayName = "Stepper";
-//#endregion
-export { r as Stepper };

package/dist/esm/components/stepper/hooks/useStepper.js

@@ -1,21 +0,0 @@
-import { useState as e } from "react";
-//#region src/components/stepper/hooks/useStepper.ts
-var t = ({ initialStep: t, totalSteps: n }) => {
-	let [r, i] = e(t), [a, o] = e(t <= 1), [s, c] = e(t >= n), l = () => {
-		r >= n || d("next");
-	}, u = () => {
-		r <= 1 || d("previous");
-	}, d = (e) => {
-		let t = e === "next" ? r + 1 : r - 1;
-		o(t <= 1), c(t >= n), i(t);
-	};
-	return {
-		currentStep: r,
-		goNext: l,
-		goPrevious: u,
-		isLastStep: s,
-		isFirstStep: a
-	};
-};
-//#endregion
-export { t as useStepper };

package/dist/esm/components/stepper/parts/Step.js

@@ -1,47 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { useStepperContext as t } from "../Stepper.context.js";
-import { forwardRef as n } from "react";
-import { uyTv as r } from "@payfit/unity-themes";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Icon as o } from "@payfit/unity-icons";
-//#region src/components/stepper/parts/Step.tsx
-var s = r({
-	slots: {
-		base: "uy:flex uy:flex-1 uy:flex-col uy:gap-75",
-		bar: "uy:h-50 uy:w-full uy:rounded-full uy:transition-all",
-		labelRow: "uy:flex uy:flex-row uy:items-center uy:gap-50",
-		text: "uy:typography-body-strong",
-		statusIcon: "uy:starting:scale-0 uy:scale-100 uy:transition-transform uy:duration-150"
-	},
-	variants: { stepStatus: {
-		current: { bar: "uy:bg-surface-primary" },
-		completed: { bar: "uy:bg-surface-primary" },
-		uncompleted: { bar: "uy:bg-surface-neutral-lowest" }
-	} }
-}), c = n(({ label: n, stepNumber: r, ...c }, l) => {
-	let { currentStep: u } = t(), d = u === r ? "current" : u > r ? "completed" : "uncompleted", { base: f, bar: p, labelRow: m, text: h, statusIcon: g } = s({ stepStatus: d });
-	return /* @__PURE__ */ a("li", {
-		ref: l,
-		className: f(),
-		"aria-current": d === "current" ? "step" : void 0,
-		...c,
-		children: [/* @__PURE__ */ i("div", {
-			className: p(),
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ a("div", {
-			className: m(),
-			children: [/* @__PURE__ */ i(e, {
-				className: h(),
-				children: `${r}. ${n}`
-			}), d === "completed" && /* @__PURE__ */ i(o, {
-				src: "CheckCircleOutlined",
-				color: "content.success",
-				size: 20,
-				className: g()
-			})]
-		})]
-	});
-});
-c.displayName = "Step";
-//#endregion
-export { c as Step };

package/dist/esm/components/table/Table.js

@@ -1,158 +0,0 @@
-import { TableContextProvider as e, useTableContext as t } from "./Table.context.js";
-import n, { forwardRef as r, useCallback as i, useImperativeHandle as a, useMemo as o, useRef as s } from "react";
-import { uyMerge as c, uyTv as l } from "@payfit/unity-themes";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useResizeObserver as f } from "usehooks-ts";
-import { useVirtualizer as p } from "@tanstack/react-virtual";
-//#region src/components/table/Table.tsx
-var m = l({
-	base: [
-		"uy:w-full uy:border uy:border-solid uy:border-border-neutral uy:rounded-100",
-		"uy:relative uy:flex uy:flex-col uy:overflow-hidden",
-		"uy:min-h-(--uy-table-min-rows)"
-	],
-	variants: { height: {
-		fillSpace: ["uy:h-full"],
-		fixed: ["uy:max-h-(--uy-table-max-rows)"]
-	} },
-	defaultVariants: { height: "fixed" }
-}), h = r(({ minRows: e = 10, maxRows: t, children: n }, r) => /* @__PURE__ */ u("div", {
-	ref: r,
-	className: m({ height: t === void 0 ? "fillSpace" : "fixed" }),
-	"data-unity-slot": "table-root",
-	style: {
-		"--uy-table-min-rows": `calc(var(--uy-spacing-600) * ${e})`,
-		"--uy-table-max-rows": `calc(var(--uy-spacing-600) * ${t})`
-	},
-	children: n
-}));
-h.displayName = "TableRoot";
-var g = l({
-	slots: {
-		wrapper: ["uy:flex-1 uy:bg-surface-neutral", "uy:w-full uy:overflow-x-auto uy:overflow-y-auto"],
-		table: [
-			"uy:relative",
-			"uy:text-left uy:typography-body uy:text-content-neutral uy:border-collapse",
-			"uy:focus:outline-2 uy:focus:outline-utility-focus-ring uy:focus:outline-offset-[-2px]"
-		]
-	},
-	variants: {
-		horizontalScroll: {
-			true: { table: "uy:w-max" },
-			false: {
-				wrapper: "uy:overflow-x-hidden",
-				table: "uy:w-fit"
-			}
-		},
-		layout: {
-			fixed: {
-				wrapper: "uy:overflow-x-hidden",
-				table: "uy:w-full uy:table-fixed"
-			},
-			auto: { table: "uy:min-w-full uy:table-auto" }
-		}
-	},
-	defaultVariants: {
-		horizontalScroll: !0,
-		layout: "auto"
-	}
-}), _ = r((t, r) => {
-	let { children: i, label: c, description: l, isHorizontalScrollEnabled: d = !0, enableVirtualization: f = !1, estimatedRowHeight: m = 40, overscan: h = 5, layout: g = "auto", ..._ } = t, y = s(null), { rowCount: b, columnCount: x } = o(() => {
-		let e = 0, t = 0;
-		return n.Children.forEach(i, (r) => {
-			if (!n.isValidElement(r)) return;
-			let i = n.Children.toArray(r.props.children).filter((e) => n.isValidElement(e));
-			t += i.length, i.forEach((t) => {
-				if (!n.isValidElement(t)) return;
-				let r = n.Children.toArray(t.props.children).filter((e) => n.isValidElement(e));
-				e = Math.max(e, r.length);
-			});
-		}), {
-			rowCount: t,
-			columnCount: e
-		};
-	}, [i]);
-	return a(r, () => ({ scrollToTop: () => {
-		let e = y.current, t = e?.closest("[data-unity-slot=\"table-root\"]"), n;
-		if (t ? n = t : e && (n = e), n) {
-			if (typeof n.scrollTo == "function") {
-				n.scrollTo({
-					top: 0,
-					behavior: "smooth"
-				});
-				return;
-			}
-			n.scrollTop = 0;
-		}
-	} })), /* @__PURE__ */ u(e, {
-		rowCount: b,
-		columnCount: x,
-		virtualizer: p({
-			count: f ? b : 0,
-			getScrollElement: () => y.current,
-			estimateSize: () => m,
-			overscan: h
-		}),
-		enableVirtualization: f,
-		children: /* @__PURE__ */ u(v, {
-			scrollContainerRef: y,
-			rowCount: b,
-			columnCount: x,
-			label: c,
-			description: l,
-			isHorizontalScrollEnabled: d,
-			layout: g,
-			..._,
-			children: i
-		})
-	});
-});
-_.displayName = "Table";
-var v = (e) => {
-	let { children: n, label: r, description: a, scrollContainerRef: s, layout: l, rowCount: p, columnCount: m, onKeyDown: h, isHorizontalScrollEnabled: _ = !0, ...v } = e, { wrapper: y, table: b } = g({
-		horizontalScroll: _,
-		layout: l
-	}), { keyboardNavigation: x } = t(), { tableRef: S, handleTableKeyDown: C } = x, { height: w = 0 } = f({
-		ref: s,
-		box: "border-box"
-	}), T = i((e) => {
-		e.key !== "Tab" && (C(e), h?.(e));
-	}, [C, h]), E = s.current?.closest("[data-unity-slot=\"table-root\"]"), D = o(() => {
-		if (!E || p === 0) return !1;
-		let e = E.clientHeight;
-		return (S.current?.clientHeight ?? 0) / e < .9;
-	}, [
-		E,
-		p,
-		S,
-		w
-	]);
-	return /* @__PURE__ */ d("div", {
-		className: c(y()),
-		ref: s,
-		style: { "--uy-table-has-remaining-space": D ? "1" : "0" },
-		children: [/* @__PURE__ */ d("table", {
-			ref: S,
-			className: c(b()),
-			role: "grid",
-			"aria-rowcount": p,
-			"aria-colcount": m,
-			"aria-label": r,
-			"aria-describedby": a ? `table-desc-${S.current?.id}` : void 0,
-			onKeyDown: T,
-			...v,
-			children: [n, a && /* @__PURE__ */ u("caption", {
-				id: `table-desc-${S.current?.id}`,
-				className: "uy:sr-only",
-				children: a
-			})]
-		}), /* @__PURE__ */ u("div", {
-			className: "uy:sr-only",
-			"aria-live": "polite",
-			children: "Table navigation: Use arrow keys to move between cells. Tab key exits the table. Home and End keys navigate to the first and last cell in a row. Page Up and Page Down move between rows."
-		})]
-	});
-};
-v.displayName = "TableContent";
-//#endregion
-export { _ as Table, h as TableRoot };

package/dist/esm/components/table/hooks/useTableKeyboardNavigation.js

@@ -1,183 +0,0 @@
-import { useCallback as e, useRef as t, useState as n } from "react";
-//#region src/components/table/hooks/useTableKeyboardNavigation.ts
-var r = "input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])";
-function i() {
-	let [i, a] = n({
-		rowIndex: 0,
-		colIndex: 0
-	}), o = t(null), s = e((e, t, n) => {
-		let i = e.querySelectorAll(r);
-		if (i.length > 0) {
-			let e = i[0];
-			return a({
-				rowIndex: t,
-				colIndex: n
-			}), requestAnimationFrame(() => {
-				e.focus({ preventScroll: !1 });
-			}), !0;
-		}
-		return !1;
-	}, [a]), c = e((e, t, n) => {
-		if (!o.current) return null;
-		let r = Array.from(o.current.querySelectorAll("tr"));
-		if (e < 0 || e >= r.length) return null;
-		let i = r[e];
-		if (!i) return null;
-		let a = Array.from(i.querySelectorAll("td, th"));
-		if (n === "right") {
-			for (let n = t + 1; n < a.length; n++) if (a[n].dataset.focusable !== "false") return {
-				rowIndex: e,
-				colIndex: n
-			};
-		} else for (let n = t - 1; n >= 0; n--) if (a[n].dataset.focusable !== "false") return {
-			rowIndex: e,
-			colIndex: n
-		};
-		return null;
-	}, []), l = e((e, t, n) => {
-		if (!o.current) return;
-		let r = Array.from(o.current.querySelectorAll("tr"));
-		if (e < 0 || e >= r.length) return;
-		let i = r[e];
-		if (!i) return;
-		let u = Array.from(i.querySelectorAll("td, th"));
-		if (t < 0 || t >= u.length) return;
-		let d = u[t];
-		if (d.dataset.focusable === "false") {
-			if (s(d, e, t)) return;
-			if (n) {
-				let r = c(e, t, n);
-				if (r) {
-					l(r.rowIndex, r.colIndex);
-					return;
-				}
-			}
-			return;
-		}
-		a({
-			rowIndex: e,
-			colIndex: t
-		}), requestAnimationFrame(() => {
-			document.activeElement !== d && d.focus({ preventScroll: !1 });
-		});
-	}, [
-		a,
-		s,
-		c
-	]), u = e((e) => {
-		if (!o.current) return;
-		let t = Array.from(o.current.querySelectorAll("tr"));
-		e < 0 || e >= t.length || t[e] && l(e, 0);
-	}, [l]), d = e((e) => {
-		e.target === e.currentTarget && (e.preventDefault(), requestAnimationFrame(() => {
-			l(0, 0);
-		}));
-	}, [l]), f = e((e) => {
-		let t = e.target;
-		if (t !== e.currentTarget) return;
-		let n = t.closest("tr");
-		if (!n || !o.current) return;
-		let r = Array.from(o.current.querySelectorAll("tr")).indexOf(n), i = Array.from(n.querySelectorAll("td, th")).indexOf(t);
-		r >= 0 && i >= 0 && (a({
-			rowIndex: r,
-			colIndex: i
-		}), requestAnimationFrame(() => {
-			o.current && (o.current.querySelectorAll("td, th").forEach((e) => {
-				e.setAttribute("tabindex", "-1");
-			}), t.setAttribute("tabindex", "0"));
-		}));
-	}, [a]), p = e((e, t) => i.rowIndex === e && i.colIndex === t, [i]), m = e((e) => {
-		if (e.key !== "Tab" && e.target === e.currentTarget && o.current) switch (e.key) {
-			case "ArrowDown":
-			case "ArrowRight":
-				e.preventDefault(), l(0, 0);
-				break;
-			case "Home":
-				e.preventDefault(), l(0, 0);
-				break;
-			case "End":
-				e.preventDefault();
-				let t = Array.from(o.current.querySelectorAll("tr")), n = t.length - 1;
-				if (n >= 0) {
-					let e = t[n];
-					if (!e) break;
-					let r = Array.from(e.querySelectorAll("td, th"));
-					l(n, r.length - 1);
-				}
-				break;
-		}
-	}, [l]);
-	return {
-		focusedCell: i,
-		setFocusedCell: a,
-		isCellFocused: p,
-		handleCellKeyDown: e((e) => {
-			if (e.key === "RawTab" || !o.current) return;
-			let t = e.currentTarget, n = e.target;
-			if (n !== t) {
-				let e = n.closest("td, th");
-				e && (t = e);
-			}
-			let r = t.closest("tr");
-			if (!r) return;
-			let i = Array.from(o.current.querySelectorAll("tr")), a = i.indexOf(r), s = Array.from(r.querySelectorAll("td, th")), c = s.indexOf(t);
-			switch (e.key) {
-				case "ArrowRight":
-					e.preventDefault(), c < s.length - 1 ? l(a, c + 1, "right") : l(a, 0, "right");
-					break;
-				case "ArrowLeft":
-					e.preventDefault(), c > 0 ? l(a, c - 1, "left") : l(a, s.length - 1, "left");
-					break;
-				case "ArrowDown":
-					if (e.preventDefault(), a < i.length - 1) {
-						let e = i[a + 1];
-						if (!e) break;
-						let t = Array.from(e.querySelectorAll("td, th")), n = Math.min(c, t.length - 1);
-						l(a + 1, n);
-					}
-					break;
-				case "ArrowUp":
-					if (e.preventDefault(), a > 0) {
-						let e = i[a - 1];
-						if (!e) break;
-						let t = Array.from(e.querySelectorAll("td, th")), n = Math.min(c, t.length - 1);
-						l(a - 1, n);
-					}
-					break;
-				case "Home":
-					e.preventDefault(), e.ctrlKey ? l(0, 0) : l(a, 0);
-					break;
-				case "End":
-					if (e.preventDefault(), e.ctrlKey) {
-						let e = i.length - 1, t = i[e];
-						if (!t) break;
-						let n = Array.from(t.querySelectorAll("td, th"));
-						l(e, n.length - 1);
-					} else l(a, s.length - 1);
-					break;
-				case "PageUp":
-					e.preventDefault();
-					let t = Math.max(0, a - 5), n = i[t];
-					if (!n) break;
-					let r = Array.from(n.querySelectorAll("td, th")), o = Math.min(c, r.length - 1);
-					l(t, o);
-					break;
-				case "PageDown":
-					e.preventDefault();
-					let u = Math.min(i.length - 1, a + 5), d = i[u];
-					if (!d) break;
-					let f = Array.from(d.querySelectorAll("td, th")), p = Math.min(c, f.length - 1);
-					l(u, p);
-					break;
-			}
-		}, [l]),
-		handleTableKeyDown: m,
-		handleTableFocus: d,
-		handleCellFocus: f,
-		tableRef: o,
-		focusCell: l,
-		focusRow: u
-	};
-}
-//#endregion
-export { i as useTableKeyboardNavigation };

package/dist/esm/components/table/parts/TableBody.js

@@ -1,81 +0,0 @@
-import { useTableContext as e } from "../Table.context.js";
-import t, { Children as n, cloneElement as r, forwardRef as i } from "react";
-import { uyTv as a } from "@payfit/unity-themes";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/components/table/parts/TableBody.tsx
-var s = a({
-	base: ["uy:transition-all uy:duration-200 uy:ease-in-out uy:relative"],
-	variants: { isEmpty: {
-		true: ["uy:h-[var(--uy-table-min-rows)]"],
-		false: ["uy:[&_tr:last-child]:border-b", "uy:[&_tr:last-child]:border-b-[length:calc(1px*var(--uy-table-has-remaining-space,0))]"]
-	} }
-}), c = ({ children: e, hasDataStateContent: i, enableVirtualization: a, virtualizer: s }) => {
-	if (i) return [];
-	if (a && s) {
-		let n = s.getVirtualItems(), r = s.getTotalSize(), i = n[0], a = n[n.length - 1], c = i ? i.start : 0, l = a ? r - a.end : 0, u = [];
-		return c > 0 && u.push(/* @__PURE__ */ o("tr", {
-			"aria-hidden": "true",
-			style: {
-				border: 0,
-				borderBottom: 0
-			},
-			children: /* @__PURE__ */ o("td", {
-				colSpan: 1e3,
-				style: {
-					height: c,
-					padding: 0,
-					border: 0
-				}
-			})
-		}, "__spacer-top__")), n.forEach((n) => {
-			let r = t.Children.toArray(e)[n.index];
-			t.isValidElement(r) && u.push(t.cloneElement(r, {
-				key: n.index,
-				rowIndex: n.index,
-				ref: (e) => {
-					e && s.measureElement(e);
-				}
-			}));
-		}), l > 0 && u.push(/* @__PURE__ */ o("tr", {
-			"aria-hidden": "true",
-			style: {
-				border: 0,
-				borderBottom: 0
-			},
-			children: /* @__PURE__ */ o("td", {
-				colSpan: 1e3,
-				style: {
-					height: l,
-					padding: 0,
-					border: 0
-				}
-			})
-		}, "__spacer-bottom__")), u;
-	}
-	return n.map(e, (e, n) => t.isValidElement(e) ? r(e, {
-		rowIndex: n,
-		...e.props
-	}) : e);
-}, l = i(({ children: t, renderEmptyState: n, renderDataState: r, ...i }, a) => {
-	let { virtualizer: l, enableVirtualization: u } = e(), d = r ? r() : void 0, f = d !== void 0, p = c({
-		children: t,
-		hasDataStateContent: f,
-		enableVirtualization: u,
-		virtualizer: l
-	}), m = !p || p.length === 0 || f, h = m && n ? n() : null, g = null;
-	return f ? g = d : m && h && (g = h), /* @__PURE__ */ o("tbody", {
-		ref: a,
-		className: s({ isEmpty: m }),
-		"data-dd-privacy": "mask",
-		"data-empty": m || f || void 0,
-		...i,
-		children: g ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", {
-			colSpan: 1e3,
-			className: "uy:p-0",
-			children: g
-		}) }) : p
-	});
-});
-l.displayName = "TableBody";
-//#endregion
-export { l as TableBody, s as tableBody };

package/dist/esm/components/table/parts/TableCell.js

@@ -1,38 +0,0 @@
-import { useTableContext as e } from "../Table.context.js";
-import { forwardRef as t, memo as n, useMemo as r } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/components/table/parts/TableCell.tsx
-var o = i({
-	base: ["uy:px-200 uy:py-150 uy:text-content-neutral uy:typography-body", "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-[-2px] uy:focus-visible:outline-utility-focus-ring"],
-	variants: { align: {
-		left: "uy:text-left",
-		center: "uy:text-center",
-		right: "uy:text-right"
-	} }
-}), s = n(t(({ children: t, colIndex: n = 0, rowIndex: i = 0, align: s, onKeyDown: c, onFocus: l, className: u, isRowHeader: d = !1, isFocusable: f = !0, ...p }, m) => {
-	let { keyboardNavigation: h } = e(), { isCellFocused: g, handleCellKeyDown: _, handleCellFocus: v } = h, y = r(() => o({
-		align: s,
-		className: u
-	}), [s, u]), b = f && g(i, n);
-	return /* @__PURE__ */ a(d ? "th" : "td", {
-		ref: m,
-		role: d ? "rowheader" : "gridcell",
-		"aria-colindex": n + 1,
-		tabIndex: b ? 0 : -1,
-		"data-focusable": f,
-		className: y,
-		onKeyDown: (e) => {
-			e.key !== "Tab" && (_(e), c?.(e));
-		},
-		onFocus: (e) => {
-			v(e), l?.(e);
-		},
-		"data-dd-privacy": "mask",
-		...p,
-		children: t
-	});
-}));
-s.displayName = "TableCell";
-//#endregion
-export { s as TableCell, o as tableCell };