haze-ui 1.25.0 → 1.26.0

package/dist/components/DataTable/DataTable.js

@@ -1,151 +1,193 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import t from "../Checkbox/CheckboxCore.js";
 import n from "../Skeleton/Skeleton.js";
-import r from "../Table/TableHead.js";
+import r from "../VirtualList/VirtualList.js";
+import ee from "../Table/TableHead.js";
 import i from "../Table/TableBody.js";
 import a from "../Table/TableCell.js";
-import ee from "../Empty/Empty.js";
+import te from "../Empty/Empty.js";
 import o from "../Pagination/Pagination.js";
 /* empty css                    */
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useEffect as u, useMemo as d, useRef as f } from "react";
-import { useControl as p } from "react-use-control";
-import { createPaginatedRowModel as m, createSortedRowModel as h, metaHelper as g, rowPaginationFeature as _, rowSelectionFeature as v, rowSortingFeature as y, sortFn_alphanumeric as b, sortFn_text as x, tableFeatures as S, useTable as te } from "@tanstack/react-table";
+import { Fragment as ne, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useEffect as l, useMemo as u, useRef as d, useState as re } from "react";
+import { useControl as f } from "react-use-control";
+import { createPaginatedRowModel as p, createSortedRowModel as m, metaHelper as h, rowPaginationFeature as g, rowSelectionFeature as _, rowSortingFeature as v, sortFn_alphanumeric as y, sortFn_text as b, tableFeatures as x, useTable as S } from "@tanstack/react-table";
 //#region src/lib/components/DataTable/DataTable.tsx
-var ne = S({
-	rowPaginationFeature: _,
-	paginatedRowModel: m(),
-	rowSelectionFeature: v,
-	rowSortingFeature: y,
-	sortedRowModel: h(),
+var C = x({
+	rowPaginationFeature: g,
+	paginatedRowModel: p(),
+	rowSelectionFeature: _,
+	rowSortingFeature: v,
+	sortedRowModel: m(),
 	sortFns: {
-		alphanumeric: b,
-		text: x
+		alphanumeric: y,
+		text: b
 	},
-	columnMeta: g()
+	columnMeta: h()
 });
-function C(e, t) {
+function w(e, t) {
 	let n = {
 		...e,
 		enableSorting: e.enableSorting ?? e.meta?.sortable ?? t
 	};
 	return "columns" in n && n.columns ? {
 		...n,
-		columns: n.columns.map((e) => C(e, t))
+		columns: n.columns.map((e) => w(e, t))
 	} : n;
 }
-var re = "haze-DataTable__root", ie = "haze-DataTable__scrollArea", ae = "haze-DataTable__stickyScrollArea", w = "haze-DataTable__tableBase", T = "haze-DataTable__stickyHead", E = "haze-DataTable__sortButton", D = "haze-DataTable__sortIcon", O = "haze-DataTable__rowHover", k = "haze-DataTable__rowSelected", A = "haze-DataTable__clickableRow", j = "haze-DataTable__checkCell", M = "haze-DataTable__emptyCell", N = "haze-DataTable__footer";
-function P({ columns: m, data: h, sortable: g = !1, selectable: _ = !1, rowSelection: v, sorting: y, pageSize: b, page: x, loading: S = !1, stickyHeader: P = !1, getRowId: F, onRowClick: I, empty: L, className: R, ...z }) {
-	let [oe, B] = p(y, []), [V, H] = p(v, {}), [U, W, G] = p(x, 1), K = b ?? Math.max(h.length, 1), q = d(() => m.map((e) => C(e, g)), [m, g]), J = te({
-		features: ne,
-		columns: q,
-		data: h,
-		getRowId: F,
+var ie = 34, ae = "haze-DataTable__root", oe = "haze-DataTable__scrollArea", se = "haze-DataTable__stickyScrollArea", ce = "haze-DataTable__virtualArea", T = "haze-DataTable__fixedLayout", le = "haze-DataTable__virtualRowTable", ue = "haze-DataTable__virtualCheckCell", E = "haze-DataTable__tableBase", de = "haze-DataTable__stickyHead", fe = "haze-DataTable__sortButton", pe = "haze-DataTable__sortIcon", me = "haze-DataTable__rowHover", he = "haze-DataTable__rowSelected", ge = "haze-DataTable__clickableRow", D = "haze-DataTable__checkCell", O = "haze-DataTable__emptyCell", k = "haze-DataTable__footer";
+function A({ columns: p, data: m, sortable: h = !1, selectable: g = !1, rowSelection: _, sorting: v, pageSize: y, page: b, loading: x = !1, stickyHeader: A = !1, virtualized: j, getRowId: M, onRowClick: N, empty: P, className: F, ...I }) {
+	let [L, _e] = f(v, []), [ve, ye] = f(_, {}), [R, be, xe] = f(b, 1), z = j === !0 || typeof j == "object", B = typeof j == "object" ? j.rowHeight : ie, Se = typeof j == "object" ? j.overscan : void 0, V = y ?? Math.max(m.length, 1), Ce = u(() => p.map((e) => w(e, h)), [p, h]), H = S({
+		features: C,
+		columns: Ce,
+		data: m,
+		getRowId: M,
 		state: {
-			sorting: oe,
-			rowSelection: V,
+			sorting: L,
+			rowSelection: ve,
 			pagination: {
-				pageIndex: U - 1,
-				pageSize: K
+				pageIndex: R - 1,
+				pageSize: V
 			}
 		},
-		onSortingChange: B,
-		onRowSelectionChange: H,
+		onSortingChange: _e,
+		onRowSelectionChange: ye,
 		onPaginationChange: (e) => {
 			let t = typeof e == "function" ? e({
-				pageIndex: U - 1,
-				pageSize: K
+				pageIndex: R - 1,
+				pageSize: V
 			}) : e;
-			W(Math.max(1, t.pageIndex + 1));
+			be(Math.max(1, t.pageIndex + 1));
 		}
-	}), Y = f(null), se = J.getIsSomeRowsSelected() && !J.getIsAllRowsSelected();
-	u(() => {
-		let e = Y.current?.querySelector("input");
-		e && (e.indeterminate = se);
+	}), U = d(null), we = H.getIsSomeRowsSelected() && !H.getIsAllRowsSelected();
+	l(() => {
+		let e = U.current?.querySelector("input");
+		e && (e.indeterminate = we);
 	});
-	let X = J.getHeaderGroups(), Z = J.getLeafHeaders(), ce = Z.length + +!!_, Q = J.getRowModel().rows, $ = I ? (e, t) => {
-		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || I(e, t);
-	} : void 0;
-	return /* @__PURE__ */ l("div", {
-		className: e([re, R]),
-		children: [/* @__PURE__ */ c("div", {
-			className: e([P ? ae : ie]),
-			children: /* @__PURE__ */ l("table", {
-				...z,
-				className: e([w]),
-				children: [/* @__PURE__ */ c(r, {
-					className: P ? T : void 0,
-					children: X.map((n, r) => /* @__PURE__ */ l("tr", { children: [_ && r === 0 && /* @__PURE__ */ c(a, {
-						as: "th",
-						rowSpan: X.length > 1 ? X.length : void 0,
-						className: e([j]),
-						children: /* @__PURE__ */ c("span", {
-							ref: Y,
-							children: /* @__PURE__ */ c(t, {
-								checked: J.getIsAllRowsSelected(),
-								onChange: (e) => J.toggleAllRowsSelected(e),
-								"aria-label": "Select all rows"
-							})
-						})
-					}), n.headers.map((t) => {
-						if (t.rowSpan === 0) return null;
-						if (t.isPlaceholder) return /* @__PURE__ */ c(a, {
-							as: "th",
-							children: null
-						}, t.placeholderId ?? t.id);
-						let n = t.column.getIsSorted();
-						return /* @__PURE__ */ c(a, {
-							as: "th",
-							colSpan: t.colSpan > 1 ? t.colSpan : void 0,
-							rowSpan: t.rowSpan > 1 ? t.rowSpan : void 0,
-							"aria-sort": n === "asc" ? "ascending" : n === "desc" ? "descending" : void 0,
-							children: t.column.getCanSort() ? /* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: t.column.getToggleSortingHandler(),
-								className: e([E]),
-								children: [/* @__PURE__ */ c(J.FlexRender, { header: t }), /* @__PURE__ */ c("span", {
-									"aria-hidden": "true",
-									className: e([D]),
-									children: n === "asc" ? "↑" : n === "desc" ? "↓" : "↕"
-								})]
-							}) : /* @__PURE__ */ c(J.FlexRender, { header: t })
-						}, t.id);
-					})] }, n.id))
-				}), /* @__PURE__ */ c(i, { children: S ? Array.from({ length: b ?? 5 }, (t, r) => /* @__PURE__ */ l("tr", { children: [_ && /* @__PURE__ */ c(a, {
-					className: e([j]),
-					children: /* @__PURE__ */ c(n, {})
-				}), Z.map((e) => /* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(n, {}) }, e.id))] }, `skeleton-${r}`)) : /* @__PURE__ */ l(s, { children: [Q.map((n) => /* @__PURE__ */ l("tr", {
-					onClick: $ ? (e) => $(n.original, e) : void 0,
+	let W = d(null), [Te, Ee] = re(0);
+	l(() => {
+		if (!z) return;
+		let e = W.current, t = e?.querySelector("thead");
+		if (!e || !t) return;
+		let n = () => {
+			let n = Math.floor(e.getBoundingClientRect().height), r = Math.floor(t.getBoundingClientRect().height);
+			Ee(Math.max(B, n - r));
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r.observe(e), r.observe(t), () => r.disconnect();
+	}, [z, B]);
+	let G = H.getHeaderGroups(), K = H.getLeafHeaders(), De = K.length + +!!g, q = H.getRowModel().rows, J = N ? (e, t) => {
+		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || N(e, t);
+	} : void 0, Y = z ? ue : D, X = /* @__PURE__ */ s(ee, {
+		className: A ? de : void 0,
+		children: G.map((n, r) => /* @__PURE__ */ c("tr", { children: [g && r === 0 && /* @__PURE__ */ s(a, {
+			as: "th",
+			rowSpan: G.length > 1 ? G.length : void 0,
+			className: e([Y]),
+			children: /* @__PURE__ */ s("span", {
+				ref: U,
+				children: /* @__PURE__ */ s(t, {
+					checked: H.getIsAllRowsSelected(),
+					onChange: (e) => H.toggleAllRowsSelected(e),
+					"aria-label": "Select all rows"
+				})
+			})
+		}), n.headers.map((t) => {
+			if (t.rowSpan === 0) return null;
+			if (t.isPlaceholder) return /* @__PURE__ */ s(a, {
+				as: "th",
+				children: null
+			}, t.placeholderId ?? t.id);
+			let n = t.column.getIsSorted();
+			return /* @__PURE__ */ s(a, {
+				as: "th",
+				colSpan: t.colSpan > 1 ? t.colSpan : void 0,
+				rowSpan: t.rowSpan > 1 ? t.rowSpan : void 0,
+				"aria-sort": n === "asc" ? "ascending" : n === "desc" ? "descending" : void 0,
+				children: t.column.getCanSort() ? /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: t.column.getToggleSortingHandler(),
+					className: e([fe]),
+					children: [/* @__PURE__ */ s(H.FlexRender, { header: t }), /* @__PURE__ */ s("span", {
+						"aria-hidden": "true",
+						className: e([pe]),
+						children: n === "asc" ? "↑" : n === "desc" ? "↓" : "↕"
+					})]
+				}) : /* @__PURE__ */ s(H.FlexRender, { header: t })
+			}, t.id);
+		})] }, n.id))
+	}), Z = (n) => /* @__PURE__ */ c("tr", {
+		onClick: J ? (e) => J(n.original, e) : void 0,
+		className: e([
+			me,
+			n.getIsSelected() && he,
+			N && ge
+		]),
+		children: [g && /* @__PURE__ */ s(a, {
+			className: e([Y]),
+			children: /* @__PURE__ */ s(t, {
+				checked: n.getIsSelected(),
+				onChange: (e) => n.toggleSelected(e),
+				"aria-label": `Select row ${n.id}`
+			})
+		}), n.getAllCells().map((e) => /* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(H.FlexRender, { cell: e }) }, e.id))]
+	}, n.id), Oe = (t) => /* @__PURE__ */ c("tr", { children: [g && /* @__PURE__ */ s(a, {
+		className: e([Y]),
+		children: /* @__PURE__ */ s(n, {})
+	}), K.map((e) => /* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(n, {}) }, e.id))] }, `skeleton-${t}`), Q = Array.from({ length: y ?? 5 }, (e, t) => Oe(t)), $ = /* @__PURE__ */ s("tr", { children: s(a, {
+		colSpan: De,
+		className: e([O]),
+		children: P ?? /* @__PURE__ */ s(te, {})
+	}) });
+	return /* @__PURE__ */ c("div", {
+		className: e([ae, F]),
+		children: [z ? /* @__PURE__ */ c("div", {
+			ref: W,
+			className: e([ce]),
+			children: [/* @__PURE__ */ s("table", {
+				...I,
+				className: e([E, T]),
+				children: X
+			}), x ? /* @__PURE__ */ s("table", {
+				className: e([E, T]),
+				children: /* @__PURE__ */ s(i, { children: Q })
+			}) : q.length > 0 ? /* @__PURE__ */ s(r, {
+				items: q,
+				height: Te,
+				itemHeight: B,
+				overscan: Se,
+				renderItem: (t) => /* @__PURE__ */ s("table", {
 					className: e([
-						O,
-						n.getIsSelected() && k,
-						I && A
+						E,
+						T,
+						le
 					]),
-					children: [_ && /* @__PURE__ */ c(a, {
-						className: e([j]),
-						children: /* @__PURE__ */ c(t, {
-							checked: n.getIsSelected(),
-							onChange: (e) => n.toggleSelected(e),
-							"aria-label": `Select row ${n.id}`
-						})
-					}), n.getAllCells().map((e) => /* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(J.FlexRender, { cell: e }) }, e.id))]
-				}, n.id)), Q.length === 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c(a, {
-					colSpan: ce,
-					className: e([M]),
-					children: L ?? /* @__PURE__ */ c(ee, {})
-				}) })] }) })]
+					children: /* @__PURE__ */ s(i, { children: Z(t) })
+				})
+			}) : /* @__PURE__ */ s("table", {
+				className: e([E, T]),
+				children: /* @__PURE__ */ s(i, { children: $ })
+			})]
+		}) : /* @__PURE__ */ s("div", {
+			className: e([A ? se : oe]),
+			children: /* @__PURE__ */ c("table", {
+				...I,
+				className: e([E]),
+				children: [X, /* @__PURE__ */ s(i, { children: x ? Q : /* @__PURE__ */ c(ne, { children: [q.map(Z), q.length === 0 && $] }) })]
 			})
-		}), b !== void 0 && /* @__PURE__ */ c("div", {
-			className: e([N]),
-			children: /* @__PURE__ */ c(o, {
-				page: G,
-				total: h.length,
-				pageSize: b,
+		}), y !== void 0 && /* @__PURE__ */ s("div", {
+			className: e([k]),
+			children: /* @__PURE__ */ s(o, {
+				page: xe,
+				total: m.length,
+				pageSize: y,
 				size: "sm"
 			})
 		})]
 	});
 }
 //#endregion
-export { P as default };
+export { A as default };

package/dist/components/DataTable/index.js

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

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./DateRangePickerCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/DateRangePicker/DateRangePickerCore.js

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

package/dist/components/DateRangePicker/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./DateRangePickerCore.js";
 import t from "./DateRangePicker.js";
 export { t as DateRangePicker, e as DateRangePickerCore };

package/dist/components/Datepicker/Datepicker.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./DatepickerCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/Datepicker/DatepickerCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
 import r from "../Calendar/Calendar.js";

package/dist/components/Datepicker/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./DatepickerCore.js";
 import t from "./Datepicker.js";
 export { t as Datepicker, e as DatepickerCore };

package/dist/components/Dialog/Dialog.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFocusScope as t } from "../../utils/focus-scope.js";
 import { whenExitSettles as n } from "../../utils/presence.js";

package/dist/components/Dialog/index.js

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

package/dist/components/DiffViewer/DiffViewer.js

@@ -1,4 +1,5 @@
 
+"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/DiffViewer/index.js

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

package/dist/components/Disclosure/Disclosure.js

@@ -1,4 +1,5 @@
 
+"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/Disclosure/index.js

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

package/dist/components/Divider/Divider.js

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

package/dist/components/Divider/index.js

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

package/dist/components/Drawer/Drawer.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFocusScope as t } from "../../utils/focus-scope.js";
 import { whenExitSettles as n } from "../../utils/presence.js";

package/dist/components/Drawer/index.js

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

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFloating as t } from "../../utils/floating.js";
 import { DropdownMenuProvider as n } from "./DropdownMenuContext.js";

package/dist/components/DropdownMenu/DropdownMenuContent.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { FloatingPanel as e } from "../../utils/floating.js";
 import { getEnabledMenuItems as t, useMenuKeyboard as n, useRovingTabindex as r } from "../../utils/menuKeyboard.js";
 import { useDropdownMenuContext as i } from "./DropdownMenuContext.js";

package/dist/components/DropdownMenu/DropdownMenuContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext as e, useContext as t } from "react";
 //#region src/lib/components/DropdownMenu/DropdownMenuContext.ts
 var n = e(void 0), r = n.Provider;

package/dist/components/DropdownMenu/DropdownMenuItem.js

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

package/dist/components/DropdownMenu/DropdownMenuSeparator.js

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

package/dist/components/DropdownMenu/DropdownMenuTrigger.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { getEnabledMenuItems as t } from "../../utils/menuKeyboard.js";
 import { useDropdownMenuContext as n } from "./DropdownMenuContext.js";

package/dist/components/DropdownMenu/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./DropdownMenu.js";
 import t from "./DropdownMenuTrigger.js";
 import n from "./DropdownMenuContent.js";

package/dist/components/Empty/Empty.js

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

package/dist/components/Empty/index.js

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

package/dist/components/FileInput/FileInput.js

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

package/dist/components/FileInput/index.js

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

package/dist/components/Flex/Flex.js

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

package/dist/components/Flex/index.js

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

package/dist/components/Grid/Grid.js

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

package/dist/components/Grid/GridItem.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/lib/components/Grid/GridItem.tsx
 function t({ span: t = 1, start: n, className: r, children: i }) {

package/dist/components/Grid/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./Grid.js";
 import t from "./GridItem.js";
 export { e as Grid, t as GridItem };

package/dist/components/HoverCard/HoverCard.js

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

package/dist/components/HoverCard/index.js

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

package/dist/components/Icon/Icon.js

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

package/dist/components/Icon/index.js

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

package/dist/components/Image/Image.js

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

package/dist/components/Image/index.js

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

package/dist/components/InlineEdit/InlineEdit.js

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

package/dist/components/InlineEdit/index.js

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

package/dist/components/Input/Input.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./InputCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/Input/InputCore.js

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

package/dist/components/Input/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./InputCore.js";
 import t from "./Input.js";
 export { t as Input, e as InputCore };

package/dist/components/Kbd/Kbd.js

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

package/dist/components/Kbd/index.js

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

package/dist/components/List/List.js

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

package/dist/components/List/ListItem.js

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