@thewrong/ui 0.3.0 → 0.4.0

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

@@ -4,17 +4,19 @@ import { LoadingSpinner as n } from "../loading-spinner/LoadingSpinner.esm.js";
 import { TableCheckbox as r } from "../table-checkbox/TableCheckbox.esm.js";
 import { applyColumnState as i, buildColumnSlots as a, flattenLeafColumns as o, hasGroupSlot as ee } from "./column-group-utils.esm.js";
 import { SortableHeaderCell as s } from "./components/SortableHeaderCell.esm.js";
-import { useColumnResize as te } from "./hooks/useColumnResize.esm.js";
-import { useFillEmptyRows as ne } from "../../hooks/useFillEmptyRows.esm.js";
-import { useTableDragSelection as re } from "../../hooks/useTableDragSelection.esm.js";
-import { useTableSort as ie } from "./hooks/useTableSort.esm.js";
-import { getColumnAlignClasses as c, getHoverableRowClasses as ae, getSelectedRowClasses as oe, getStripedRowClasses as l, getTableBaseClasses as se, getTableCellClasses as u, getTableHeaderCellClasses as d, getTableHeaderClasses as ce, getTableSizeClasses as le, getTableVariantClasses as ue } from "./utils.esm.js";
+import { SortHeader as te } from "./components/SortHeader.esm.js";
+import { ariaSort as ne, nextSort as re, sortDirectionFor as ie } from "./hooks/sort-state.esm.js";
+import { useColumnResize as ae } from "./hooks/useColumnResize.esm.js";
+import { useFillEmptyRows as oe } from "../../hooks/useFillEmptyRows.esm.js";
+import { useTableDragSelection as se } from "../../hooks/useTableDragSelection.esm.js";
+import { useTableSort as ce } from "./hooks/useTableSort.esm.js";
+import { getColumnAlignClasses as c, getHoverableRowClasses as le, getSelectedRowClasses as ue, getStripedRowClasses as l, getTableBaseClasses as de, getTableCellClasses as u, getTableHeaderCellClasses as d, getTableHeaderClasses as fe, getTableSizeClasses as pe, getTableVariantClasses as me } from "./utils.esm.js";
 import { forwardRef as f, useMemo as p, useRef as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { DndContext as de, KeyboardSensor as fe, PointerSensor as pe, closestCenter as me, useSensor as he, useSensors as ge } from "@dnd-kit/core";
-import { SortableContext as _e, arrayMove as ve, horizontalListSortingStrategy as ye, sortableKeyboardCoordinates as be } from "@dnd-kit/sortable";
+import { DndContext as he, KeyboardSensor as ge, PointerSensor as _e, closestCenter as ve, useSensor as ye, useSensors as be } from "@dnd-kit/core";
+import { SortableContext as xe, arrayMove as Se, horizontalListSortingStrategy as Ce, sortableKeyboardCoordinates as we } from "@dnd-kit/sortable";
 //#region src/components/table/table.tsx
-var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
+var Te = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 	let r = {
 		...e,
 		y: 0
@@ -23,11 +25,21 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 	let i = n.left - t.left, a = n.right - t.right;
 	return r.x = Math.min(Math.max(r.x, i), a), r;
 }, _ = f((f, _) => {
-	let { data: v, columns: y, columnGroups: Se, rowHeight: b, loading: Ce = !1, isFetching: x = !1, emptyMessage: we = "데이터가 없어요", onRowClick: S, selectedRows: C = [], onRowSelect: w, enableRowSelection: T = !1, enableSelectAll: E = !1, rowCompare: D, getRowId: O, enableSorting: k = !1, serverSideSorting: A = !1, onSortChange: Te, initialSort: Ee, variant: De = "default", size: Oe = "medium", stickyHeader: j = !0, height: M, maxHeight: N, storageKey: ke, columnState: P, fillEmptyRows: F = !0, totalElements: I, footerSlot: Ae, className: L = "", "data-testid": R, ...z } = f, { sort: je, sortedData: B } = ie({
-		initialSort: Ee,
-		serverSide: A,
-		onSort: Te || void 0
-	}), V = p(() => !k || A ? v : B(v, (e, t) => {
+	let { data: v, columns: y, columnGroups: b, rowHeight: x, loading: Ee = !1, isFetching: S = !1, emptyMessage: De = "데이터가 없어요", onRowClick: C, selectedRows: w = [], onRowSelect: T, enableRowSelection: E = !1, enableSelectAll: D = !1, rowCompare: O, getRowId: k, enableSorting: A = !1, sortCycle: j = "tri", formatSortLabel: Oe, serverSideSorting: M = !1, onSortChange: ke, initialSort: Ae, variant: je = "default", size: Me = "medium", stickyHeader: N = !0, height: P, maxHeight: F, storageKey: Ne, columnState: I, fillEmptyRows: L = !0, totalElements: R, footerSlot: Pe, className: z = "", "data-testid": Fe, ...Ie } = f, { sort: B, sortedData: Le, handleSort: Re } = ce({
+		initialSort: Ae,
+		cycle: j,
+		serverSide: M,
+		onSort: ke || void 0
+	}), V = (e) => !!(e.sortable && (A || M)), ze = (e) => V(e) ? ne(ie(B, e.key)) : void 0, Be = (e) => {
+		if (!V(e)) return /* @__PURE__ */ h("span", { children: e.header });
+		let t = ie(B, e.key), n = re(B, e.key, j)?.direction ?? null;
+		return /* @__PURE__ */ h(te, {
+			current: t,
+			label: Oe?.(e, t, n),
+			onSort: () => Re(e.key),
+			children: e.header
+		});
+	}, H = p(() => !A || M ? v : Le(v, (e, t) => {
 		let n = y.find((e) => e.key === t);
 		if (n?.accessor) {
 			let r = n.accessor(e);
@@ -36,92 +48,92 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 		return e[t];
 	}), [
 		v,
-		k,
 		A,
-		je,
+		M,
 		B,
+		Le,
 		y
-	]), H = m(null), U = m(null), Me = m(null), Ne = m(null), W = !!P, Pe = ge(he(pe, { activationConstraint: { distance: 5 } }), he(fe, { coordinateGetter: be })), G = p(() => a(y, Se), [y, Se]), K = p(() => {
-		if (!P) return G.filter((e) => !(e.kind === "column" && e.leafColumns[0].hidden));
-		let e = new Set(P.hiddenColumns);
-		return i(G, P.columnOrder, e);
-	}, [G, P]), q = p(() => o(K), [K]), J = p(() => ee(K), [K]), Fe = p(() => new Map(G.map((e) => [e.key, e])), [G]), Ie = (e) => {
+	]), Ve = m(null), U = m(null), He = m(null), Ue = m(null), W = !!I, We = be(ye(_e, { activationConstraint: { distance: 5 } }), ye(ge, { coordinateGetter: we })), G = p(() => a(y, b), [y, b]), K = p(() => {
+		if (!I) return G.filter((e) => !(e.kind === "column" && e.leafColumns[0].hidden));
+		let e = new Set(I.hiddenColumns);
+		return i(G, I.columnOrder, e);
+	}, [G, I]), q = p(() => o(K), [K]), J = p(() => ee(K), [K]), Ge = p(() => new Map(G.map((e) => [e.key, e])), [G]), Ke = (e) => {
 		let { active: t, over: n } = e;
-		if (!P || !n || t.id === n.id) return;
-		let r = Fe.get(String(n.id));
+		if (!I || !n || t.id === n.id) return;
+		let r = Ge.get(String(n.id));
 		if (r?.kind === "column" && r.leafColumns[0].excludeFromPreset) return;
-		let i = P.columnOrder, a = i.indexOf(String(t.id)), o = i.indexOf(String(n.id));
-		a === -1 || o === -1 || P.onColumnOrderChange(ve(i, a, o));
-	}, { handleMouseDown: Le, handleDoubleClick: Re, getColumnWidth: Y, measureRef: ze } = te({
+		let i = I.columnOrder, a = i.indexOf(String(t.id)), o = i.indexOf(String(n.id));
+		a === -1 || o === -1 || I.onColumnOrderChange(Se(i, a, o));
+	}, { handleMouseDown: qe, handleDoubleClick: Je, getColumnWidth: Y, measureRef: Ye } = ae({
 		columns: q,
-		data: V,
+		data: H,
 		getCellContent: (e, t) => {
 			let n = q.find((e) => e.key === t);
 			return n?.accessor ? n.accessor(e) : e[t];
 		},
-		tableRef: H,
-		...P ? {
-			controlledWidths: P.columnWidths,
-			onColumnWidthsChange: P.onColumnWidthsChange
-		} : { storageKey: ke }
-	}), Be = se(), Ve = ue(De), He = le(Oe), Ue = T && E ? 48 : 0, We = p(() => q.reduce((e, t) => {
+		tableRef: Ve,
+		...I ? {
+			controlledWidths: I.columnWidths,
+			onColumnWidthsChange: I.onColumnWidthsChange
+		} : { storageKey: Ne }
+	}), Xe = de(), Ze = me(je), Qe = pe(Me), $e = E && D ? 48 : 0, et = p(() => q.reduce((e, t) => {
 		let n = Y(t.key, t.width), r = parseFloat(n);
 		return e + (Number.isFinite(r) ? r : 0);
-	}, 0) + Ue, [
+	}, 0) + $e, [
 		q,
 		Y,
-		Ue
+		$e
 	]), X = p(() => {
 		let e = {};
-		return M && (e.height = typeof M == "number" ? `${M}px` : M), N && (e.maxHeight = typeof N == "number" ? `${N}px` : N), e;
-	}, [M, N]), { emptyRowCount: Ge, measuredRowHeight: Ke } = ne({
-		enabled: F,
+		return P && (e.height = typeof P == "number" ? `${P}px` : P), F && (e.maxHeight = typeof F == "number" ? `${F}px` : F), e;
+	}, [P, F]), { emptyRowCount: tt, measuredRowHeight: nt } = oe({
+		enabled: L,
 		containerRef: U,
-		theadRef: Me,
-		tbodyRef: Ne,
+		theadRef: He,
+		tbodyRef: Ue,
 		excludeRowsSelector: "tr:not([data-empty-row])",
 		remainingMode: "sum-real-rows",
-		deps: [V, q]
-	}), Z = (e) => !T || C.length === 0 ? !1 : D ? C.some((t) => D(t, e)) : C.some((t) => t === e), qe = p(() => !T || !E || V.length === 0 ? !1 : V.every((e) => Z(e)), [
-		T,
+		deps: [H, q]
+	}), Z = (e) => !E || w.length === 0 ? !1 : O ? w.some((t) => O(t, e)) : w.some((t) => t === e), rt = p(() => !E || !D || H.length === 0 ? !1 : H.every((e) => Z(e)), [
 		E,
-		V,
+		D,
+		H,
 		Z
-	]), Je = () => {
-		!T || !w || (qe ? V.forEach((e) => {
-			Z(e) && w(e, !1);
-		}) : V.forEach((e) => {
-			Z(e) || w(e, !0);
+	]), it = () => {
+		!E || !T || (rt ? H.forEach((e) => {
+			Z(e) && T(e, !1);
+		}) : H.forEach((e) => {
+			Z(e) || T(e, !0);
 		}));
-	}, Q = T && !!w && !!O, $ = re({
-		rows: V,
-		getRowId: O ?? (() => -1),
+	}, Q = E && !!T && !!k, $ = se({
+		rows: H,
+		getRowId: k ?? (() => -1),
 		isSelected: (e) => Z(e),
-		setSelected: (e, t) => w?.(e, t),
+		setSelected: (e, t) => T?.(e, t),
 		enabled: Q,
 		scrollContainerRef: U
-	}), Ye = (t, n) => {
+	}), at = (t, n) => {
 		let r = [l(n)];
-		return Z(t) && r.push(oe()), S && r.push(ae()), e(r);
+		return Z(t) && r.push(ue()), C && r.push(le()), e(r);
 	};
-	return Ce ? /* @__PURE__ */ h("div", {
+	return Ee ? /* @__PURE__ */ h("div", {
 		ref: _,
-		className: e("flex items-center justify-center p-8 flex-1", L),
+		className: e("flex items-center justify-center p-8 flex-1", z),
 		style: X,
-		"data-testid": R,
-		...z,
+		"data-testid": Fe,
+		...Ie,
 		children: /* @__PURE__ */ h(n, {
 			message: "데이터를 불러오는 중이에요...",
 			className: "min-h-0"
 		})
 	}) : /* @__PURE__ */ g("div", {
 		ref: _,
-		className: e("isolate relative flex flex-col min-h-0 gap-4 md:gap-5 xl:gap-6", L),
+		className: e("isolate relative flex flex-col min-h-0 gap-4 md:gap-5 xl:gap-6", z),
 		style: X,
-		"data-testid": R,
-		...z,
+		"data-testid": Fe,
+		...Ie,
 		children: [/* @__PURE__ */ h("div", {
-			ref: ze,
+			ref: Ye,
 			className: "absolute invisible whitespace-nowrap",
 			style: {
 				top: "-9999px",
@@ -132,8 +144,8 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 			children: [/* @__PURE__ */ g("div", {
 				className: "relative flex flex-1 flex-col min-h-0",
 				children: [/* @__PURE__ */ h("div", {
-					className: e("pointer-events-none absolute inset-0 z-30 flex items-center justify-center bg-bg-surface/60 backdrop-blur-[2px] transition-opacity duration-150", x ? "opacity-100" : "opacity-0"),
-					...x ? {
+					className: e("pointer-events-none absolute inset-0 z-30 flex items-center justify-center bg-bg-surface/60 backdrop-blur-[2px] transition-opacity duration-150", S ? "opacity-100" : "opacity-0"),
+					...S ? {
 						role: "status",
 						"aria-live": "polite"
 					} : { "aria-hidden": !0 },
@@ -144,52 +156,52 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 				}), /* @__PURE__ */ h("div", {
 					ref: U,
 					className: "scrollbar-table overflow-auto flex-1 bg-bg-page",
-					children: V.length === 0 ? /* @__PURE__ */ h("div", {
+					children: H.length === 0 ? /* @__PURE__ */ h("div", {
 						className: "flex items-center justify-center p-8 h-full",
 						children: /* @__PURE__ */ h("p", {
 							className: "text-fg-muted",
-							children: we
+							children: De
 						})
-					}) : /* @__PURE__ */ h(de, {
-						sensors: Pe,
-						collisionDetection: me,
-						onDragEnd: Ie,
-						modifiers: [xe],
+					}) : /* @__PURE__ */ h(he, {
+						sensors: We,
+						collisionDetection: ve,
+						onDragEnd: Ke,
+						modifiers: [Te],
 						children: /* @__PURE__ */ g("table", {
-							ref: H,
-							className: e(Be, Ve, He),
+							ref: Ve,
+							className: e(Xe, Ze, Qe),
 							style: {
 								tableLayout: "fixed",
 								minWidth: "100%",
-								width: `${We}px`
+								width: `${et}px`
 							},
 							children: [
-								/* @__PURE__ */ g("colgroup", { children: [T && E && /* @__PURE__ */ h("col", { style: { width: "48px" } }), q.map((e) => /* @__PURE__ */ h("col", {
+								/* @__PURE__ */ g("colgroup", { children: [E && D && /* @__PURE__ */ h("col", { style: { width: "48px" } }), q.map((e) => /* @__PURE__ */ h("col", {
 									"data-col-key": e.key,
 									style: { width: Y(e.key, e.width) }
 								}, e.key))] }),
 								/* @__PURE__ */ g("thead", {
-									ref: Me,
-									className: ce(),
+									ref: He,
+									className: fe(),
 									style: {
-										position: j ? "sticky" : "relative",
-										top: j ? 0 : void 0,
-										zIndex: j ? 20 : void 0
+										position: N ? "sticky" : "relative",
+										top: N ? 0 : void 0,
+										zIndex: N ? 20 : void 0
 									},
-									children: [/* @__PURE__ */ g("tr", { children: [T && E && /* @__PURE__ */ h("th", {
+									children: [/* @__PURE__ */ g("tr", { children: [E && D && /* @__PURE__ */ h("th", {
 										rowSpan: J ? 2 : 1,
 										className: e(d(), c("center"), "w-12 px-0"),
 										children: /* @__PURE__ */ h("div", {
 											className: "flex items-center justify-center",
 											children: /* @__PURE__ */ h(r, {
-												checked: qe,
-												onChange: () => Je(),
+												checked: rt,
+												onChange: () => it(),
 												ariaLabel: "전체 선택"
 											})
 										})
-									}), /* @__PURE__ */ h(_e, {
+									}), /* @__PURE__ */ h(xe, {
 										items: K.map((e) => e.key),
-										strategy: ye,
+										strategy: Ce,
 										children: K.map((n) => {
 											if (n.kind === "group") return /* @__PURE__ */ g(s, {
 												id: n.key,
@@ -211,6 +223,8 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 												id: r.key,
 												disabled: i,
 												as: "th",
+												"aria-sort": ze(r),
+												hasSortButton: V(r),
 												rowSpan: J ? 2 : 1,
 												className: e(d(), c("center"), "group/header-cell relative", r.sticky && "sticky left-0 z-20 bg-bg-table-header", r.hideOnMobile && "hidden md:table-cell"),
 												style: {
@@ -225,16 +239,16 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 													}),
 													/* @__PURE__ */ h("div", {
 														className: "flex items-center justify-center w-full pr-1 pl-3 select-none",
-														children: /* @__PURE__ */ h("span", { children: r.header })
+														children: Be(r)
 													}),
 													r.excludeFromPreset !== !0 && /* @__PURE__ */ h("div", {
 														className: "group/resize absolute right-0 top-0 h-full w-3 cursor-col-resize z-50 flex items-center justify-center",
 														onPointerDown: (e) => e.stopPropagation(),
 														onMouseDown: (e) => {
-															e.preventDefault(), e.stopPropagation(), Le(r.key, e);
+															e.preventDefault(), e.stopPropagation(), qe(r.key, e);
 														},
 														onDoubleClick: (e) => {
-															e.preventDefault(), e.stopPropagation(), Re(r.key, e);
+															e.preventDefault(), e.stopPropagation(), Je(r.key, e);
 														},
 														onClick: (e) => {
 															e.preventDefault(), e.stopPropagation();
@@ -250,6 +264,7 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 											}, r.key);
 										})
 									})] }), J && /* @__PURE__ */ h("tr", { children: K.filter((e) => e.kind === "group").flatMap((e) => e.leafColumns).map((t) => /* @__PURE__ */ h("th", {
+										"aria-sort": ze(t),
 										className: e(d(), c(t.align ?? "center"), t.hideOnMobile && "hidden md:table-cell"),
 										style: {
 											width: Y(t.key, t.width),
@@ -257,19 +272,19 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 										},
 										children: /* @__PURE__ */ h("div", {
 											className: "flex items-center justify-center w-full pr-1 pl-3 select-none",
-											children: /* @__PURE__ */ h("span", { children: t.header })
+											children: Be(t)
 										})
 									}, t.key)) })]
 								}),
 								/* @__PURE__ */ g("tbody", {
-									ref: Ne,
-									children: [V.map((t, n) => {
+									ref: Ue,
+									children: [H.map((t, n) => {
 										let i = Z(t);
 										return /* @__PURE__ */ g("tr", {
-											className: Ye(t, n),
-											onClick: () => S?.(t, n),
-											style: b ? { height: `${b}px` } : void 0,
-											children: [T && E && /* @__PURE__ */ h("td", {
+											className: at(t, n),
+											onClick: () => C?.(t, n),
+											style: x ? { height: `${x}px` } : void 0,
+											children: [E && D && /* @__PURE__ */ h("td", {
 												className: e(u(), c("center"), "w-12 select-none"),
 												onClick: (e) => e.stopPropagation(),
 												onMouseDown: Q ? (e) => {
@@ -280,7 +295,7 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 													className: "flex items-center justify-center",
 													children: /* @__PURE__ */ h(r, {
 														checked: i,
-														onChange: (e) => w?.(t, e),
+														onChange: (e) => T?.(t, e),
 														pointerEventsNone: Q,
 														ariaLabel: "행 선택"
 													})
@@ -292,9 +307,9 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 													style: {
 														width: Y(n.key, n.width),
 														minWidth: n.minWidth || 50,
-														...b ? {
-															height: `${b}px`,
-															maxHeight: `${b}px`,
+														...x ? {
+															height: `${x}px`,
+															maxHeight: `${x}px`,
 															overflow: "hidden"
 														} : {}
 													},
@@ -302,14 +317,14 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 												}, n.key);
 											})]
 										}, n);
-									}), F && Array.from({ length: Ge }).map((t, n) => {
-										let r = V.length + n, i = b ?? Ke ?? void 0;
+									}), L && Array.from({ length: tt }).map((t, n) => {
+										let r = H.length + n, i = x ?? nt ?? void 0;
 										return /* @__PURE__ */ g("tr", {
 											"data-empty-row": !0,
 											"aria-hidden": "true",
 											className: l(r),
 											style: i ? { height: `${i}px` } : void 0,
-											children: [T && E && /* @__PURE__ */ h("td", {
+											children: [E && D && /* @__PURE__ */ h("td", {
 												className: e(u(), "w-12"),
 												style: i ? { height: `${i}px` } : void 0
 											}), q.map((t) => /* @__PURE__ */ h("td", {
@@ -327,11 +342,11 @@ var xe = ({ transform: e, draggingNodeRect: t, containerNodeRect: n }) => {
 						})
 					})
 				})]
-			}), Ae ?? (I === void 0 ? null : /* @__PURE__ */ h("div", {
+			}), Pe ?? (R === void 0 ? null : /* @__PURE__ */ h("div", {
 				className: "flex justify-end shrink-0 text-sm text-fg-muted",
 				children: /* @__PURE__ */ g("span", { children: [
 					"총 ",
-					I.toLocaleString(),
+					R.toLocaleString(),
 					"건"
 				] })
 			}))]

package/dist/components/table/types.d.ts

@@ -60,12 +60,11 @@ export interface TableColumn<T> {
      */
     sortable?: boolean;
     /**
-     * 컬럼 정렬 방향
-     * @default null
+     * @deprecated 무시됨. 정렬은 Table의 enableSorting/serverSideSorting과 useTableSort로 설정한다.
      */
     sortDirection?: SortDirection;
     /**
-     * 컬럼 정렬 변경 콜백
+     * @deprecated 무시됨. 정렬은 Table의 enableSorting/serverSideSorting과 useTableSort로 설정한다.
      */
     onSort?: (direction: SortDirection) => void;
     /**
@@ -206,10 +205,18 @@ export interface TableCommonProps<T> {
      */
     getRowId?: (row: T) => string | number;
     /**
-     * 정렬 사용 여부 (클라이언트 사이드 정렬)
+     * 정렬 사용 여부 (클라이언트 사이드 정렬). 전달된 현재 페이지 데이터만 정렬한다.
+     * 서버 페이지네이션이면 serverSideSorting을 사용하고, 정렬 변경 시 페이지 초기화는 호출부에서 처리한다.
      * @default false
      */
     enableSorting?: boolean;
+    /** 정렬 순서. 기본 tri(오름차순 → 내림차순 → 해제), toggle은 두 방향만 순환한다. */
+    sortCycle?: "tri" | "toggle";
+    /**
+     * 정렬 버튼 이름을 지정한다. 기본값은 헤더 텍스트이며 정렬 상태는 헤더의 aria-sort로 전달한다.
+     * 보이는 헤더 텍스트가 있으면 반환하는 이름에 그 텍스트를 포함한다(WCAG 2.5.3).
+     */
+    formatSortLabel?: (column: TableColumn<T>, current: SortDirection, next: SortDirection) => string;
     /**
      * 서버 사이드 정렬 사용 여부
      * @default false

package/dist/components/tabs/Tabs.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs"),t=require("./navigation.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,value:a,defaultValue:o,onValueChange:s,activation:c=`auto`,"aria-label":l,"aria-labelledby":u,className:d}){let f=(0,n.useId)(),p=(0,n.useRef)([]),[m,h]=(0,n.useState)(o),[g,_]=(0,n.useState)(),v=a??m,y=i.find(e=>e.value===v&&!e.disabled)?.value??i.find(e=>!e.disabled)?.value,b=i.find(e=>e.value===g&&!e.disabled)?.value??y,x=e=>{e!==y&&(a===void 0&&h(e),s?.(e))},S=(e,n)=>{if(e.altKey||e.ctrlKey||e.metaKey)return;let r=t.nextTabIndex(i.map(e=>!!e.disabled),n,e.key);r!==null&&(e.preventDefault(),p.current[r]?.focus(),c===`auto`&&r!==n&&x(i[r].value))};return(0,r.jsxs)(`div`,{className:e.cn(`w-full`,d),children:[(0,r.jsx)(`div`,{role:`tablist`,"aria-label":l,"aria-labelledby":u,className:`flex gap-1 border-b border-border-subtle`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||_(void 0)},children:i.map((t,n)=>(0,r.jsx)(`button`,{ref:e=>{p.current[n]=e},type:`button`,role:`tab`,id:`${f}-tab-${n}`,"aria-controls":`${f}-panel-${n}`,"aria-selected":t.value===y,tabIndex:t.value===b?0:-1,disabled:t.disabled,onFocus:()=>_(t.value),onClick:()=>x(t.value),onKeyDown:e=>S(e,n),className:e.cn(`-mb-px border-b-2 px-3 py-2 text-sm font-medium outline-none transition-colors focus-visible:ring-control focus-visible:ring-inset focus-visible:ring-focus-primary disabled:cursor-not-allowed disabled:text-fg-disabled disabled:opacity-60`,t.value===y?`border-primary-fg text-primary-fg`:`border-transparent text-fg-muted hover:text-fg-default`),children:t.label},t.value))}),i.map((e,t)=>(0,r.jsx)(`div`,{role:`tabpanel`,id:`${f}-panel-${t}`,"aria-labelledby":`${f}-tab-${t}`,hidden:e.value!==y,tabIndex:0,className:`pt-4 outline-none focus-visible:ring-control focus-visible:ring-focus-primary`,children:e.value===y?e.content:null},e.value))]})}exports.Tabs=i;

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

@@ -0,0 +1,8 @@
+import { TabsProps } from './types.js';
+/**
+ * 가로 탭. SegmentedControl처럼 항목 배열을 받으며 패널 내용은 선택된 경우에만 마운트한다.
+ * 자동 활성화는 패널 내용이 즉시 준비될 때 적합하다. 지연이 있으면 manual을 사용한다.
+ * 탭 목록의 접근성 이름은 aria-label 또는 aria-labelledby로 지정한다.
+ * value가 활성 항목에 없으면 첫 활성 탭을 표시하며 onValueChange는 호출하지 않는다. 부모에서 값을 맞춘다.
+ */
+export declare function Tabs<V extends string>({ items, value, defaultValue, onValueChange, activation, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, }: TabsProps<V>): import("react").JSX.Element;

package/dist/components/tabs/Tabs.esm.js

@@ -0,0 +1,53 @@
+import { cn as e } from "../../lib/utils.esm.js";
+import { nextTabIndex as t } from "./navigation.esm.js";
+import { useId as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/tabs/Tabs.tsx
+function s({ items: s, value: c, defaultValue: l, onValueChange: u, activation: d = "auto", "aria-label": f, "aria-labelledby": p, className: m }) {
+	let h = n(), g = r([]), [_, v] = i(l), [y, b] = i(), x = c ?? _, S = s.find((e) => e.value === x && !e.disabled)?.value ?? s.find((e) => !e.disabled)?.value, C = s.find((e) => e.value === y && !e.disabled)?.value ?? S, w = (e) => {
+		e !== S && (c === void 0 && v(e), u?.(e));
+	}, T = (e, n) => {
+		if (e.altKey || e.ctrlKey || e.metaKey) return;
+		let r = t(s.map((e) => !!e.disabled), n, e.key);
+		r !== null && (e.preventDefault(), g.current[r]?.focus(), d === "auto" && r !== n && w(s[r].value));
+	};
+	return /* @__PURE__ */ o("div", {
+		className: e("w-full", m),
+		children: [/* @__PURE__ */ a("div", {
+			role: "tablist",
+			"aria-label": f,
+			"aria-labelledby": p,
+			className: "flex gap-1 border-b border-border-subtle",
+			onBlur: (e) => {
+				e.currentTarget.contains(e.relatedTarget) || b(void 0);
+			},
+			children: s.map((t, n) => /* @__PURE__ */ a("button", {
+				ref: (e) => {
+					g.current[n] = e;
+				},
+				type: "button",
+				role: "tab",
+				id: `${h}-tab-${n}`,
+				"aria-controls": `${h}-panel-${n}`,
+				"aria-selected": t.value === S,
+				tabIndex: t.value === C ? 0 : -1,
+				disabled: t.disabled,
+				onFocus: () => b(t.value),
+				onClick: () => w(t.value),
+				onKeyDown: (e) => T(e, n),
+				className: e("-mb-px border-b-2 px-3 py-2 text-sm font-medium outline-none transition-colors focus-visible:ring-control focus-visible:ring-inset focus-visible:ring-focus-primary disabled:cursor-not-allowed disabled:text-fg-disabled disabled:opacity-60", t.value === S ? "border-primary-fg text-primary-fg" : "border-transparent text-fg-muted hover:text-fg-default"),
+				children: t.label
+			}, t.value))
+		}), s.map((e, t) => /* @__PURE__ */ a("div", {
+			role: "tabpanel",
+			id: `${h}-panel-${t}`,
+			"aria-labelledby": `${h}-tab-${t}`,
+			hidden: e.value !== S,
+			tabIndex: 0,
+			className: "pt-4 outline-none focus-visible:ring-control focus-visible:ring-focus-primary",
+			children: e.value === S ? e.content : null
+		}, e.value))]
+	});
+}
+//#endregion
+export { s as Tabs };

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs.js';
+export type { TabItem, TabsProps } from './types.js';

package/dist/components/tabs/navigation.cjs

@@ -0,0 +1 @@
+function e(e,t,n){let r=e.length;if(!r||e.every(Boolean))return null;if(n===`Home`)return e.findIndex(e=>!e);if(n===`End`){for(let t=r-1;t>=0;t--)if(!e[t])return t}let i=n===`ArrowRight`?1:n===`ArrowLeft`?-1:0;if(!i)return null;for(let n=1;n<=r;n++){let a=(t+i*n+r*n)%r;if(!e[a])return a}return null}exports.nextTabIndex=e;

package/dist/components/tabs/navigation.d.ts

@@ -0,0 +1,2 @@
+/** 비활성 항목을 건너뛰며 가로 탭의 다음 포커스 인덱스를 찾는다. */
+export declare function nextTabIndex(disabled: readonly boolean[], current: number, key: string): number | null;

package/dist/components/tabs/navigation.esm.js

@@ -0,0 +1,18 @@
+//#region src/components/tabs/navigation.ts
+function e(e, t, n) {
+	let r = e.length;
+	if (!r || e.every(Boolean)) return null;
+	if (n === "Home") return e.findIndex((e) => !e);
+	if (n === "End") {
+		for (let t = r - 1; t >= 0; t--) if (!e[t]) return t;
+	}
+	let i = n === "ArrowRight" ? 1 : n === "ArrowLeft" ? -1 : 0;
+	if (!i) return null;
+	for (let n = 1; n <= r; n++) {
+		let a = (t + i * n + r * n) % r;
+		if (!e[a]) return a;
+	}
+	return null;
+}
+//#endregion
+export { e as nextTabIndex };

package/dist/components/tabs/types.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface TabItem<V extends string> {
+    value: V;
+    label: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps<V extends string> {
+    items: readonly TabItem<V>[];
+    /** 활성 항목에 없으면 첫 활성 탭을 표시하며 콜백은 호출하지 않는다. 부모에서 값을 맞춘다. */
+    value?: V;
+    defaultValue?: V;
+    onValueChange?: (value: V) => void;
+    /** auto는 화살표·Home·End 이동 시 선택하고 manual은 Enter 또는 Space로 선택한다. 기본 auto. */
+    activation?: "auto" | "manual";
+    /** 가로 탭만 지원한다. */
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    className?: string;
+}

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./_virtual/_rolldown/runtime.cjs");/* empty css                  */const e=require("./lib/utils.cjs"),t=require("./components/button/Button.cjs"),n=require("./components/badge/Badge.cjs"),r=require("./components/switch/Switch.cjs"),i=require("./components/checkbox/Checkbox.cjs"),ee=require("./components/input/use-input-format.cjs"),a=require("./components/input/Input.cjs"),te=require("./components/input/PasswordInput.cjs"),ne=require("./components/input/DecimalInput.cjs"),re=require("./components/input/format.cjs"),ie=require("./components/textarea/Textarea.cjs"),ae=require("./components/collapsible/Collapsible.cjs"),oe=require("./components/animated-height/AnimatedHeight.cjs"),se=require("./components/tooltip/Tooltip.cjs"),ce=require("./components/info-tooltip/InfoTooltip.cjs"),le=require("./components/popover/Popover.cjs"),o=require("./components/loading-spinner/LoadingSpinner.cjs"),s=require("./components/select/Select.cjs"),c=require("./components/select/MultiSelect.cjs"),l=require("./components/table-checkbox/TableCheckbox.cjs"),u=require("./hooks/useFillEmptyRows.cjs"),d=require("./hooks/useTableDragSelection.cjs"),f=require("./components/table/hooks/useTableSort.cjs"),p=require("./components/table/table.cjs"),m=require("./components/table/components/Pagination.cjs"),h=require("./components/table/paginated-table.cjs"),g=require("./components/table/mini-table.cjs"),_=require("./components/table/paginated-mini-table.cjs"),v=require("./components/table/accordion-table.cjs"),y=require("./hooks/useVirtualRows.cjs"),b=require("./components/table/hooks/useVirtualTable.cjs"),x=require("./hooks/useInfiniteScroll.cjs"),S=require("./hooks/useClickOutside.cjs"),C=require("./hooks/useMediaQuery.cjs"),w=require("./hooks/useBottomSheetDrag.cjs"),T=require("./hooks/useScrollLock.cjs"),E=require("./hooks/useFocusTrap.cjs"),D=require("./hooks/useAwaitableOverlay.cjs"),O=require("./components/stepper/use-stepper.cjs"),k=require("./lib/overlay-stack.cjs"),A=require("./lib/Portal.cjs"),j=require("./components/modal/Modal.cjs"),M=require("./components/modal/ModalSubView.cjs"),N=require("./components/modal/StandardModal.cjs"),P=require("./components/table/components/ColumnSettingsTable.cjs"),F=require("./components/table/components/ColumnPresetSelector.cjs"),I=require("./lib/column-preset-storage.cjs"),L=require("./components/table/hooks/useColumnPresets.cjs"),R=require("./components/table/hooks/useTableColumnState.cjs"),z=require("./components/page-title/PageTitle.cjs"),B=require("./components/toolbar/Toolbar.cjs"),V=require("./components/table-page-layout/TablePageLayout.cjs"),H=require("./components/date-picker/date-range-picker.cjs"),U=require("./components/date-picker/date-picker.cjs"),W=require("./components/date-picker/month-picker.cjs"),G=require("./components/time-picker/time-picker.cjs"),ue=require("./components/month-range-picker/month-range-picker.cjs"),de=require("./components/date-input/DateInput.cjs"),K=require("./components/search-box/parseDateRange.cjs"),fe=require("./components/search-box/SearchBox.cjs"),q=require("./components/search-box/parseSearchValues.cjs"),J=require("./components/search-box/dateRangePresets.cjs"),Y=require("./components/action-toast/ActionToast.cjs"),pe=require("./components/toast/ToastProvider.cjs"),me=require("./components/drawer/Drawer.cjs"),X=require("./components/radio/Radio.cjs"),he=require("./components/segmented-control/SegmentedControl.cjs"),Z=require("./components/progress/Progress.cjs"),ge=require("./components/skeleton/Skeleton.cjs"),_e=require("./components/field/Field.cjs"),ve=require("./components/field/FieldMessage.cjs"),Q=require("./components/error-boundary/chunk-reload.cjs"),ye=require("./components/error-boundary/ErrorBoundary.cjs"),be=require("./components/typing-dots/TypingDots.cjs"),xe=require("./components/typewriter-text/TypewriterText.cjs"),$=require("./components/stepper/Stepper.cjs"),Se=require("./components/segmented-code-input/SegmentedCodeInput.cjs"),Ce=require("./components/copyable-text/CopyableText.cjs");let we=require("react-hot-toast");exports.AccordionTable=v.AccordionTable,exports.AnimatedHeight=oe.AnimatedHeight,exports.Badge=n.Badge,exports.Button=t.Button,exports.CHUNK_RELOAD_TTL_MS=Q.CHUNK_RELOAD_TTL_MS,exports.Checkbox=i.Checkbox,exports.CheckboxCircle=i.CheckboxCircle,exports.CheckboxLine=i.CheckboxLine,exports.CheckboxLineTransparent=i.CheckboxLineTransparent,exports.Collapsible=ae.Collapsible,exports.ColumnPresetSelector=F.ColumnPresetSelector,exports.ColumnPresetStorage=I.ColumnPresetStorage,exports.ColumnSettingsTable=P.ColumnSettingsTable,exports.CopyableText=Ce.CopyableText,exports.DEFAULT_DATE_RANGE_PRESETS=J.DEFAULT_DATE_RANGE_PRESETS,exports.DateInput=de.DateInput,exports.DatePicker=U.DatePicker,exports.DatePickerBody=U.DatePickerBody,exports.DateRangePicker=H.DateRangePicker,exports.DecimalInput=ne.DecimalInput,exports.Drawer=me.Drawer,exports.ErrorBoundary=ye.ErrorBoundary,exports.Field=_e.Field,exports.FieldMessage=ve.FieldMessage,exports.InfoTooltip=ce.InfoTooltip,exports.InlineSpinner=o.InlineSpinner,exports.Input=a.Input,exports.LoadingSpinner=o.LoadingSpinner,exports.MOBILE_MEDIA_QUERY=C.MOBILE_MEDIA_QUERY,exports.MiniTable=g.MiniTable,exports.Modal=j.Modal,exports.ModalSubView=M.ModalSubView,exports.MonthPicker=W.MonthPicker,exports.MonthRangePicker=ue.MonthRangePicker,exports.MultiSelect=c.MultiSelect,exports.PageHeader=V.PageHeader,exports.PageTitle=z.PageTitle,exports.PaginatedMiniTable=_.PaginatedMiniTable,exports.PaginatedTable=h.PaginatedTable,exports.Pagination=m.Pagination,exports.PasswordInput=te.PasswordInput,exports.Popover=le.Popover,exports.Portal=A.Portal,exports.Progress=Z.Progress,exports.Radio=X.Radio,exports.RadioGroup=X.RadioGroup,exports.RadioItem=X.RadioItem,exports.SearchBox=fe.SearchBox,exports.SegmentedCodeInput=Se.SegmentedCodeInput,exports.SegmentedControl=he.SegmentedControl,exports.Select=s.Select,exports.Skeleton=ge.Skeleton,exports.Spinner=o.Spinner,exports.StandardModal=N.StandardModal,exports.Stepper=$.Stepper,exports.StepperContent=$.StepperContent,exports.Switch=r.Switch,exports.Table=p.Table,exports.TableCard=V.TableCard,exports.TableCheckbox=l.TableCheckbox,exports.TablePageLayout=V.TablePageLayout,exports.Textarea=ie.Textarea,exports.TimeInput=G.TimeInput,exports.TimePicker=G.TimePicker,exports.ToastProvider=pe.ToastProvider,exports.Toolbar=B.Toolbar,exports.Tooltip=se.Tooltip,exports.TypewriterText=xe.TypewriterText,exports.TypingDots=be.TypingDots,exports.clearChunkReloadGuard=Q.clearChunkReloadGuard,exports.cn=e.cn,exports.dismissActionToast=Y.dismissActionToast,exports.formatYearMonth=e.formatYearMonth,exports.getTodayDateRange=J.getTodayDateRange,exports.getTodayDateRangeValue=J.getTodayDateRangeValue,exports.inputFormats=re.inputFormats,exports.isActionToastActive=Y.isActionToastActive,exports.isChunkLoadError=Q.isChunkLoadError,exports.listenForChunkPreloadError=Q.listenForChunkPreloadError,exports.overlayStack=k.overlayStack,exports.parseDateRangeValue=K.parseDateRangeValue,exports.parseMultiSelectValue=q.parseMultiSelectValue,exports.parseSearchValues=q.parseSearchValues,exports.reloadAfterClearingChunkGuard=Q.reloadAfterClearingChunkGuard,exports.reloadOnceForChunkError=Q.reloadOnceForChunkError,exports.serializeDateRangeValue=K.serializeDateRangeValue,exports.showActionToast=Y.showActionToast,Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return we.default}}),exports.tryAcquireChunkReloadGuard=Q.tryAcquireChunkReloadGuard,exports.useAwaitableOverlay=D.useAwaitableOverlay,exports.useBottomSheetDrag=w.useBottomSheetDrag,exports.useClickOutside=S.useClickOutside,exports.useColumnPresets=L.useColumnPresets,exports.useFillEmptyRows=u.useFillEmptyRows,exports.useFocusTrap=E.useFocusTrap,exports.useHeaderButtonSize=V.useHeaderButtonSize,exports.useInfiniteScroll=x.useInfiniteScroll,exports.useInputFormat=ee.useInputFormat,exports.useIsMobile=C.useIsMobile,exports.useMediaQuery=C.useMediaQuery,exports.useScrollLock=T.useScrollLock,exports.useStepper=O.useStepper,exports.useTableColumnState=R.useTableColumnState,exports.useTableDragSelection=d.useTableDragSelection,exports.useTableSort=f.useTableSort,exports.useVirtualRows=y.useVirtualRows,exports.useVirtualTable=b.useVirtualTable;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./_virtual/_rolldown/runtime.cjs");/* empty css                  */const e=require("./lib/utils.cjs"),t=require("./components/button/Button.cjs"),n=require("./components/badge/Badge.cjs"),r=require("./components/switch/Switch.cjs"),i=require("./components/checkbox/Checkbox.cjs"),ee=require("./components/input/use-input-format.cjs"),a=require("./components/input/Input.cjs"),te=require("./components/input/PasswordInput.cjs"),ne=require("./components/input/DecimalInput.cjs"),re=require("./components/input/format.cjs"),ie=require("./components/textarea/Textarea.cjs"),ae=require("./components/collapsible/Collapsible.cjs"),oe=require("./components/animated-height/AnimatedHeight.cjs"),se=require("./components/tooltip/Tooltip.cjs"),ce=require("./components/info-tooltip/InfoTooltip.cjs"),le=require("./components/popover/Popover.cjs"),o=require("./components/loading-spinner/LoadingSpinner.cjs"),s=require("./components/select/Select.cjs"),c=require("./components/select/MultiSelect.cjs"),l=require("./components/table-checkbox/TableCheckbox.cjs"),u=require("./hooks/useFillEmptyRows.cjs"),d=require("./hooks/useTableDragSelection.cjs"),f=require("./components/table/hooks/useTableSort.cjs"),p=require("./components/table/table.cjs"),m=require("./components/table/components/Pagination.cjs"),h=require("./components/table/paginated-table.cjs"),g=require("./components/table/mini-table.cjs"),_=require("./components/table/paginated-mini-table.cjs"),v=require("./components/table/accordion-table.cjs"),y=require("./hooks/useVirtualRows.cjs"),b=require("./components/table/hooks/useVirtualTable.cjs"),x=require("./hooks/useInfiniteScroll.cjs"),S=require("./hooks/useClickOutside.cjs"),C=require("./hooks/useMediaQuery.cjs"),w=require("./hooks/useBottomSheetDrag.cjs"),T=require("./hooks/useScrollLock.cjs"),E=require("./hooks/useFocusTrap.cjs"),D=require("./hooks/useAwaitableOverlay.cjs"),O=require("./components/stepper/use-stepper.cjs"),k=require("./lib/overlay-stack.cjs"),A=require("./lib/Portal.cjs"),j=require("./components/modal/Modal.cjs"),M=require("./components/modal/ModalSubView.cjs"),N=require("./components/modal/StandardModal.cjs"),P=require("./components/table/components/ColumnSettingsTable.cjs"),F=require("./components/table/components/ColumnPresetSelector.cjs"),I=require("./lib/column-preset-storage.cjs"),L=require("./components/table/hooks/useColumnPresets.cjs"),R=require("./components/table/hooks/useTableColumnState.cjs"),z=require("./components/page-title/PageTitle.cjs"),B=require("./components/toolbar/Toolbar.cjs"),V=require("./components/table-page-layout/TablePageLayout.cjs"),H=require("./components/date-picker/date-range-picker.cjs"),U=require("./components/date-picker/date-picker.cjs"),W=require("./components/date-picker/month-picker.cjs"),G=require("./components/time-picker/time-picker.cjs"),ue=require("./components/month-range-picker/month-range-picker.cjs"),de=require("./components/date-input/DateInput.cjs"),K=require("./components/search-box/parseDateRange.cjs"),fe=require("./components/search-box/SearchBox.cjs"),q=require("./components/search-box/parseSearchValues.cjs"),J=require("./components/search-box/dateRangePresets.cjs"),Y=require("./components/action-toast/ActionToast.cjs"),pe=require("./components/toast/ToastProvider.cjs"),me=require("./components/drawer/Drawer.cjs"),X=require("./components/radio/Radio.cjs"),he=require("./components/segmented-control/SegmentedControl.cjs"),ge=require("./components/progress/Progress.cjs"),_e=require("./components/skeleton/Skeleton.cjs"),ve=require("./components/field/Field.cjs"),ye=require("./components/field/FieldMessage.cjs"),Z=require("./components/error-boundary/chunk-reload.cjs"),be=require("./components/error-boundary/ErrorBoundary.cjs"),xe=require("./components/typing-dots/TypingDots.cjs"),Q=require("./components/typewriter-text/TypewriterText.cjs"),$=require("./components/stepper/Stepper.cjs"),Se=require("./components/segmented-code-input/SegmentedCodeInput.cjs"),Ce=require("./components/copyable-text/CopyableText.cjs"),we=require("./components/tabs/Tabs.cjs"),Te=require("./components/slider/Slider.cjs");let Ee=require("react-hot-toast");exports.AccordionTable=v.AccordionTable,exports.AnimatedHeight=oe.AnimatedHeight,exports.Badge=n.Badge,exports.Button=t.Button,exports.CHUNK_RELOAD_TTL_MS=Z.CHUNK_RELOAD_TTL_MS,exports.Checkbox=i.Checkbox,exports.CheckboxCircle=i.CheckboxCircle,exports.CheckboxLine=i.CheckboxLine,exports.CheckboxLineTransparent=i.CheckboxLineTransparent,exports.Collapsible=ae.Collapsible,exports.ColumnPresetSelector=F.ColumnPresetSelector,exports.ColumnPresetStorage=I.ColumnPresetStorage,exports.ColumnSettingsTable=P.ColumnSettingsTable,exports.CopyableText=Ce.CopyableText,exports.DEFAULT_DATE_RANGE_PRESETS=J.DEFAULT_DATE_RANGE_PRESETS,exports.DateInput=de.DateInput,exports.DatePicker=U.DatePicker,exports.DatePickerBody=U.DatePickerBody,exports.DateRangePicker=H.DateRangePicker,exports.DecimalInput=ne.DecimalInput,exports.Drawer=me.Drawer,exports.ErrorBoundary=be.ErrorBoundary,exports.Field=ve.Field,exports.FieldMessage=ye.FieldMessage,exports.InfoTooltip=ce.InfoTooltip,exports.InlineSpinner=o.InlineSpinner,exports.Input=a.Input,exports.LoadingSpinner=o.LoadingSpinner,exports.MOBILE_MEDIA_QUERY=C.MOBILE_MEDIA_QUERY,exports.MiniTable=g.MiniTable,exports.Modal=j.Modal,exports.ModalSubView=M.ModalSubView,exports.MonthPicker=W.MonthPicker,exports.MonthRangePicker=ue.MonthRangePicker,exports.MultiSelect=c.MultiSelect,exports.PageHeader=V.PageHeader,exports.PageTitle=z.PageTitle,exports.PaginatedMiniTable=_.PaginatedMiniTable,exports.PaginatedTable=h.PaginatedTable,exports.Pagination=m.Pagination,exports.PasswordInput=te.PasswordInput,exports.Popover=le.Popover,exports.Portal=A.Portal,exports.Progress=ge.Progress,exports.Radio=X.Radio,exports.RadioGroup=X.RadioGroup,exports.RadioItem=X.RadioItem,exports.SearchBox=fe.SearchBox,exports.SegmentedCodeInput=Se.SegmentedCodeInput,exports.SegmentedControl=he.SegmentedControl,exports.Select=s.Select,exports.Skeleton=_e.Skeleton,exports.Slider=Te.Slider,exports.Spinner=o.Spinner,exports.StandardModal=N.StandardModal,exports.Stepper=$.Stepper,exports.StepperContent=$.StepperContent,exports.Switch=r.Switch,exports.Table=p.Table,exports.TableCard=V.TableCard,exports.TableCheckbox=l.TableCheckbox,exports.TablePageLayout=V.TablePageLayout,exports.Tabs=we.Tabs,exports.Textarea=ie.Textarea,exports.TimeInput=G.TimeInput,exports.TimePicker=G.TimePicker,exports.ToastProvider=pe.ToastProvider,exports.Toolbar=B.Toolbar,exports.Tooltip=se.Tooltip,exports.TypewriterText=Q.TypewriterText,exports.TypingDots=xe.TypingDots,exports.clearChunkReloadGuard=Z.clearChunkReloadGuard,exports.cn=e.cn,exports.dismissActionToast=Y.dismissActionToast,exports.formatYearMonth=e.formatYearMonth,exports.getTodayDateRange=J.getTodayDateRange,exports.getTodayDateRangeValue=J.getTodayDateRangeValue,exports.inputFormats=re.inputFormats,exports.isActionToastActive=Y.isActionToastActive,exports.isChunkLoadError=Z.isChunkLoadError,exports.listenForChunkPreloadError=Z.listenForChunkPreloadError,exports.overlayStack=k.overlayStack,exports.parseDateRangeValue=K.parseDateRangeValue,exports.parseMultiSelectValue=q.parseMultiSelectValue,exports.parseSearchValues=q.parseSearchValues,exports.reloadAfterClearingChunkGuard=Z.reloadAfterClearingChunkGuard,exports.reloadOnceForChunkError=Z.reloadOnceForChunkError,exports.serializeDateRangeValue=K.serializeDateRangeValue,exports.showActionToast=Y.showActionToast,Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Ee.default}}),exports.tryAcquireChunkReloadGuard=Z.tryAcquireChunkReloadGuard,exports.useAwaitableOverlay=D.useAwaitableOverlay,exports.useBottomSheetDrag=w.useBottomSheetDrag,exports.useClickOutside=S.useClickOutside,exports.useColumnPresets=L.useColumnPresets,exports.useFillEmptyRows=u.useFillEmptyRows,exports.useFocusTrap=E.useFocusTrap,exports.useHeaderButtonSize=V.useHeaderButtonSize,exports.useInfiniteScroll=x.useInfiniteScroll,exports.useInputFormat=ee.useInputFormat,exports.useIsMobile=C.useIsMobile,exports.useMediaQuery=C.useMediaQuery,exports.useScrollLock=T.useScrollLock,exports.useStepper=O.useStepper,exports.useTableColumnState=R.useTableColumnState,exports.useTableDragSelection=d.useTableDragSelection,exports.useTableSort=f.useTableSort,exports.useVirtualRows=y.useVirtualRows,exports.useVirtualTable=b.useVirtualTable;

package/dist/index.d.ts

@@ -38,3 +38,5 @@ export * from './components/typewriter-text/index.js';
 export * from './components/stepper/index.js';
 export * from './components/segmented-code-input/index.js';
 export * from './components/copyable-text/index.js';
+export * from './components/tabs/index.js';
+export * from './components/slider/index.js';