@noxickon/onyx 6.6.0 → 6.7.0

package/dist/components/DataTable/DataTable.styles.d.ts

@@ -6,6 +6,12 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
             toolbar: string;
         };
     };
+    stickyHeader: {
+        true: {
+            scrollScrollbar: string;
+        };
+        false: {};
+    };
     sortActive: {
         true: {
             headSort: string;
@@ -36,6 +42,8 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     filterChipsRow: string;
     selectionActions: string;
     scroll: string;
+    scrollViewport: string;
+    scrollScrollbar: string;
     selectCol: string;
     frozenHead: string;
     frozenCell: string[];
@@ -52,6 +60,7 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     footer: string;
     spinner: string;
     empty: string;
+    virtualSpacerCell: string;
     configPanel: string;
     configTitle: string;
     configList: string;
@@ -72,6 +81,12 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
             toolbar: string;
         };
     };
+    stickyHeader: {
+        true: {
+            scrollScrollbar: string;
+        };
+        false: {};
+    };
     sortActive: {
         true: {
             headSort: string;
@@ -102,6 +117,8 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     filterChipsRow: string;
     selectionActions: string;
     scroll: string;
+    scrollViewport: string;
+    scrollScrollbar: string;
     selectCol: string;
     frozenHead: string;
     frozenCell: string[];
@@ -118,6 +135,7 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     footer: string;
     spinner: string;
     empty: string;
+    virtualSpacerCell: string;
     configPanel: string;
     configTitle: string;
     configList: string;
@@ -138,6 +156,12 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
             toolbar: string;
         };
     };
+    stickyHeader: {
+        true: {
+            scrollScrollbar: string;
+        };
+        false: {};
+    };
     sortActive: {
         true: {
             headSort: string;
@@ -168,6 +192,8 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     filterChipsRow: string;
     selectionActions: string;
     scroll: string;
+    scrollViewport: string;
+    scrollScrollbar: string;
     selectCol: string;
     frozenHead: string;
     frozenCell: string[];
@@ -184,6 +210,7 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     footer: string;
     spinner: string;
     empty: string;
+    virtualSpacerCell: string;
     configPanel: string;
     configTitle: string;
     configList: string;

package/dist/components/DataTable/DataTable.styles.js

@@ -15,7 +15,9 @@ var t = e({
 		collapseClip: "overflow-hidden",
 		filterChipsRow: "flex min-h-[calc(var(--control-h-md)+1.25rem+1px)] flex-wrap items-center gap-2 border-b border-line px-3.5 py-2.5",
 		selectionActions: "flex min-w-0 items-center gap-3",
-		scroll: "relative w-full overflow-auto [-webkit-overflow-scrolling:touch]",
+		scroll: "relative w-full",
+		scrollViewport: "max-h-(--ox-data-table-max-h) [-webkit-overflow-scrolling:touch]",
+		scrollScrollbar: "",
 		selectCol: "pointer-coarse:w-11",
 		frozenHead: "pointer-coarse:sticky pointer-coarse:left-(--ox-frozen-left) pointer-coarse:z-30 pointer-coarse:bg-card",
 		frozenCell: [
@@ -45,6 +47,7 @@ var t = e({
 		footer: "flex items-center justify-center gap-2 border-t border-line py-2.5 text-xs text-fg-subtle",
 		spinner: "size-3.5 animate-spin rounded-full border-2 border-line border-t-primary",
 		empty: "px-6 py-12 text-center text-body text-fg-subtle pointer-coarse:px-6 pointer-coarse:py-12",
+		virtualSpacerCell: "border-0 p-0",
 		configPanel: "flex w-64 flex-col",
 		configTitle: "px-2 pt-1.5 pb-2 text-body font-semibold text-fg",
 		configList: "flex flex-col gap-0.5 py-1",
@@ -64,6 +67,10 @@ var t = e({
 			comfortable: {},
 			compact: { toolbar: "min-h-12 py-2" }
 		},
+		stickyHeader: {
+			true: { scrollScrollbar: "data-[orientation=vertical]:pt-[calc(var(--ox-data-table-head-h,0px)+2px)]" },
+			false: {}
+		},
 		sortActive: {
 			true: {
 				headSort: "text-fg",

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

@@ -3,7 +3,7 @@ import { DataTableVariants } from './DataTable.styles';
 type DataTableDensity = NonNullable<DataTableVariants['density']>;
 type DataTableAlign = 'start' | 'center' | 'end';
 type SortDirection = 'asc' | 'desc';
-type DataTablePaginationMode = 'pages' | 'infinite';
+type DataTablePaginationMode = 'pages' | 'infinite' | 'virtual';
 type DataTablePaginationLayout = 'end' | 'center' | 'split';
 type ColumnAccessor<TRow> = keyof TRow | ((row: TRow) => unknown);
 interface OxDataTableColumn<TRow> {
@@ -47,6 +47,7 @@ interface OxDataTableProps<TRow> {
     density?: DataTableDensity;
     emptyState?: ReactNode;
     endReachedThreshold?: number;
+    estimateSize?: (index: number) => number;
     frozenColumns?: string[];
     getRowCanExpand?: (row: TRow) => boolean;
     getRowId: (row: TRow) => string;
@@ -60,6 +61,7 @@ interface OxDataTableProps<TRow> {
     onPageChange?: (page: number) => void;
     onSelectionChange?: (ids: Set<string>) => void;
     onSortChange?: (columnId: string, direction: SortDirection | null) => void;
+    overscan?: number;
     page?: number;
     pageSize?: number;
     paginationMode?: DataTablePaginationMode;

package/dist/components/ScrollArea/ScrollArea2.js

@@ -11,9 +11,9 @@ function a(a) {
 	if (o[13] !== s || o[14] !== c || o[15] !== l || o[16] !== u || o[17] !== w || o[18] !== C || o[19] !== S || o[20] !== b || o[21] !== x || o[22] !== d || o[23] !== f || o[24] !== g || o[25] !== _ || o[26] !== v) {
 		let t = e();
 		T = /* @__PURE__ */ r(i.Root, {
+			"data-ox-slot": "scroll-area",
 			...d,
 			className: t.root({ class: c }),
-			"data-ox-slot": "scroll-area",
 			children: [
 				/* @__PURE__ */ n(i.Viewport, {
 					className: t.viewport({ class: _ }),

package/dist/components/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import { OxTableBodyProps, OxTableCaptionProps, OxTableCellProps, OxTableExpandedRowProps, OxTableExpandTriggerProps, OxTableFooterProps, OxTableHeadProps, OxTableProps, OxTableRowProps, OxTableSectionProps, OxTableSelectAllCellProps, OxTableSelectCellProps } from './Table.types';
-declare function OxTableRoot({ children, className, defaultExpandedRows, defaultSelectedRows, density, dividers, hover, onSelectedChange, selectable, selectedRows, stickyHeader, stripe, unwrapped, wrapperClassName, ...props }: OxTableProps): import("react").JSX.Element;
+declare function OxTableRoot({ children, className, defaultExpandedRows, defaultSelectedRows, density, dividers, expandedRows, hover, onExpandedChange, onSelectedChange, selectable, selectableRowIds, selectedRows, stickyHeader, stripe, unwrapped, wrapperClassName, ...props }: OxTableProps): import("react").JSX.Element;
 declare function OxTableHeader({ children, className, ...props }: OxTableSectionProps): import("react").JSX.Element;
 declare function OxTableBody({ children, className, ...props }: OxTableBodyProps): import("react").JSX.Element;
 declare function OxTableFooter({ children, className, ...props }: OxTableFooterProps): import("react").JSX.Element;

package/dist/components/Table/Table.js

@@ -29,86 +29,92 @@ function y() {
 	}, e[4] = i, e[5] = p), p;
 }
 function b(e) {
-	let t = a(54), n, o, s, p, m, h, g, _, v, b, x, S, C, w, T;
-	t[0] === e ? (n = t[1], o = t[2], s = t[3], p = t[4], m = t[5], h = t[6], g = t[7], _ = t[8], v = t[9], b = t[10], x = t[11], S = t[12], C = t[13], w = t[14], T = t[15]) : ({children: n, className: o, defaultExpandedRows: s, defaultSelectedRows: p, density: _, dividers: v, hover: b, onSelectedChange: m, selectable: x, selectedRows: g, stickyHeader: S, stripe: C, unwrapped: w, wrapperClassName: T, ...h} = e, t[0] = e, t[1] = n, t[2] = o, t[3] = s, t[4] = p, t[5] = m, t[6] = h, t[7] = g, t[8] = _, t[9] = v, t[10] = b, t[11] = x, t[12] = S, t[13] = C, t[14] = w, t[15] = T);
-	let E = _ === void 0 ? "comfortable" : _, D = v === void 0 ? "rows" : v, O = b === void 0 ? !0 : b, k = x === void 0 ? !1 : x, A = S === void 0 ? !0 : S, j = C === void 0 ? !1 : C, ee = w === void 0 ? !1 : w, M = c(), te = i({ density: E }), N;
-	t[16] === p ? N = t[17] : (N = p ?? /* @__PURE__ */ new Set(), t[16] = p, t[17] = N);
-	let P;
-	t[18] !== m || t[19] !== g || t[20] !== N ? (P = {
-		prop: g,
-		defaultProp: N,
-		onChange: m
-	}, t[18] = m, t[19] = g, t[20] = N, t[21] = P) : P = t[21];
-	let [F, I] = r(P), L;
-	t[22] === s ? L = t[23] : (L = () => s ?? /* @__PURE__ */ new Set(), t[22] = s, t[23] = L);
-	let [R, ne] = u(L), { ids: z, register: B } = y(), [V, re] = u(0), H = l(0), U;
-	t[24] === Symbol.for("react.memo_cache_sentinel") ? (U = () => (H.current += 1, re(H.current), () => {
-		--H.current, re(H.current);
-	}), t[24] = U) : U = t[24];
-	let ie = U, W;
-	t[25] === I ? W = t[26] : (W = (e) => {
-		I((t) => {
+	let t = a(63), n, o, s, p, m, h, g, _, v, b, x, S, C, w, T, E, D, O;
+	t[0] === e ? (n = t[1], o = t[2], s = t[3], p = t[4], m = t[5], h = t[6], g = t[7], _ = t[8], v = t[9], b = t[10], x = t[11], S = t[12], C = t[13], w = t[14], T = t[15], E = t[16], D = t[17], O = t[18]) : ({children: n, className: o, defaultExpandedRows: s, defaultSelectedRows: p, density: x, dividers: S, expandedRows: m, hover: C, onExpandedChange: h, onSelectedChange: g, selectable: w, selectableRowIds: v, selectedRows: b, stickyHeader: T, stripe: E, unwrapped: D, wrapperClassName: O, ..._} = e, t[0] = e, t[1] = n, t[2] = o, t[3] = s, t[4] = p, t[5] = m, t[6] = h, t[7] = g, t[8] = _, t[9] = v, t[10] = b, t[11] = x, t[12] = S, t[13] = C, t[14] = w, t[15] = T, t[16] = E, t[17] = D, t[18] = O);
+	let k = x === void 0 ? "comfortable" : x, A = S === void 0 ? "rows" : S, j = C === void 0 ? !0 : C, M = w === void 0 ? !1 : w, N = T === void 0 ? !0 : T, ee = E === void 0 ? !1 : E, te = D === void 0 ? !1 : D, ne = c(), re = i({ density: k }), P;
+	t[19] === p ? P = t[20] : (P = p ?? /* @__PURE__ */ new Set(), t[19] = p, t[20] = P);
+	let F;
+	t[21] !== g || t[22] !== b || t[23] !== P ? (F = {
+		prop: b,
+		defaultProp: P,
+		onChange: g
+	}, t[21] = g, t[22] = b, t[23] = P, t[24] = F) : F = t[24];
+	let [I, L] = r(F), R;
+	t[25] === s ? R = t[26] : (R = s ?? /* @__PURE__ */ new Set(), t[25] = s, t[26] = R);
+	let z;
+	t[27] !== m || t[28] !== h || t[29] !== R ? (z = {
+		prop: m,
+		defaultProp: R,
+		onChange: h
+	}, t[27] = m, t[28] = h, t[29] = R, t[30] = z) : z = t[30];
+	let [B, ie] = r(z), { ids: ae, register: oe } = y(), V = v ?? ae, [se, ce] = u(0), H = l(0), U;
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (U = () => (H.current += 1, ce(H.current), () => {
+		--H.current, ce(H.current);
+	}), t[31] = U) : U = t[31];
+	let le = U, W;
+	t[32] === L ? W = t[33] : (W = (e) => {
+		L((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, t[25] = I, t[26] = W);
+	}, t[32] = L, t[33] = W);
 	let G = W, K = "none";
-	if (z.length > 0) {
-		let e = z.filter((e) => F.has(e)).length;
-		e > 0 && (K = e === z.length ? "all" : "some");
+	if (V.length > 0) {
+		let e = V.filter((e) => I.has(e)).length;
+		e > 0 && (K = e === V.length ? "all" : "some");
 	}
 	let q;
-	t[27] !== z || t[28] !== I ? (q = () => {
-		I((e) => {
-			let t = new Set(e), n = z.every((e) => t.has(e));
-			for (let e of z) n ? t.delete(e) : t.add(e);
+	t[34] !== V || t[35] !== L ? (q = () => {
+		L((e) => {
+			let t = new Set(e), n = V.every((e) => t.has(e));
+			for (let e of V) n ? t.delete(e) : t.add(e);
 			return t;
 		});
-	}, t[27] = z, t[28] = I, t[29] = q) : q = t[29];
-	let J = q, Y;
-	t[30] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => {
-		ne((t) => {
+	}, t[34] = V, t[35] = L, t[36] = q) : q = t[36];
+	let ue = q, J;
+	t[37] === ie ? J = t[38] : (J = (e) => {
+		ie((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, t[30] = Y) : Y = t[30];
-	let ae = Y, X;
-	t[31] === F ? X = t[32] : (X = (e) => F.has(e), t[31] = F, t[32] = X);
-	let oe = X, Z;
-	t[33] === R ? Z = t[34] : (Z = (e) => R.has(e), t[33] = R, t[34] = Z);
-	let se = Z, Q;
-	t[35] !== M || t[36] !== V || t[37] !== E || t[38] !== D || t[39] !== O || t[40] !== se || t[41] !== oe || t[42] !== B || t[43] !== k || t[44] !== K || t[45] !== A || t[46] !== j || t[47] !== J || t[48] !== G ? (Q = {
-		baseId: M,
-		columnCount: V,
-		density: E,
-		dividers: D,
-		hover: O,
-		isRowExpanded: se,
-		isRowSelected: oe,
-		registerColumn: ie,
-		registerSelectableRow: B,
-		selectable: k,
+	}, t[37] = ie, t[38] = J);
+	let de = J, Y;
+	t[39] === I ? Y = t[40] : (Y = (e) => I.has(e), t[39] = I, t[40] = Y);
+	let fe = Y, X;
+	t[41] === B ? X = t[42] : (X = (e) => B.has(e), t[41] = B, t[42] = X);
+	let Z = X, Q;
+	t[43] !== ne || t[44] !== se || t[45] !== k || t[46] !== A || t[47] !== j || t[48] !== Z || t[49] !== fe || t[50] !== oe || t[51] !== M || t[52] !== K || t[53] !== N || t[54] !== ee || t[55] !== ue || t[56] !== de || t[57] !== G ? (Q = {
+		baseId: ne,
+		columnCount: se,
+		density: k,
+		dividers: A,
+		hover: j,
+		isRowExpanded: Z,
+		isRowSelected: fe,
+		registerColumn: le,
+		registerSelectableRow: oe,
+		selectable: M,
 		selectionState: K,
-		stickyHeader: A,
-		stripe: j,
-		toggleAll: J,
-		toggleExpanded: ae,
+		stickyHeader: N,
+		stripe: ee,
+		toggleAll: ue,
+		toggleExpanded: de,
 		toggleSelected: G
-	}, t[35] = M, t[36] = V, t[37] = E, t[38] = D, t[39] = O, t[40] = se, t[41] = oe, t[42] = B, t[43] = k, t[44] = K, t[45] = A, t[46] = j, t[47] = J, t[48] = G, t[49] = Q) : Q = t[49];
-	let ce = Q, le = /* @__PURE__ */ d("table", {
-		...h,
-		className: te.table({ class: o }),
+	}, t[43] = ne, t[44] = se, t[45] = k, t[46] = A, t[47] = j, t[48] = Z, t[49] = fe, t[50] = oe, t[51] = M, t[52] = K, t[53] = N, t[54] = ee, t[55] = ue, t[56] = de, t[57] = G, t[58] = Q) : Q = t[58];
+	let pe = Q, me = /* @__PURE__ */ d("table", {
+		..._,
+		className: re.table({ class: o }),
 		"data-ox-slot": "table",
 		children: n
-	}), ue = f, de = ee ? le : /* @__PURE__ */ d("div", {
-		className: te.wrapper({ class: T }),
+	}), he = f, ge = te ? me : /* @__PURE__ */ d("div", {
+		className: re.wrapper({ class: O }),
 		"data-ox-slot": "table-wrapper",
-		children: le
+		children: me
 	}), $;
-	return t[50] !== ue || t[51] !== ce || t[52] !== de ? ($ = /* @__PURE__ */ d(ue, {
-		value: ce,
-		children: de
-	}), t[50] = ue, t[51] = ce, t[52] = de, t[53] = $) : $ = t[53], $;
+	return t[59] !== he || t[60] !== pe || t[61] !== ge ? ($ = /* @__PURE__ */ d(he, {
+		value: pe,
+		children: ge
+	}), t[59] = he, t[60] = pe, t[61] = ge, t[62] = $) : $ = t[62], $;
 }
 function x(e) {
 	let t = a(19), n, r, o;

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
 import { TableVariants } from './Table.styles';
 type TableDensity = NonNullable<TableVariants['density']>;
 type TableDividers = NonNullable<TableVariants['dividers']>;
@@ -11,9 +11,12 @@ interface OxTableProps extends Omit<ComponentPropsWithoutRef<'table'>, 'classNam
     defaultSelectedRows?: Set<string>;
     density?: TableDensity;
     dividers?: TableDividers;
+    expandedRows?: Set<string>;
     hover?: boolean;
+    onExpandedChange?: (ids: Set<string>) => void;
     onSelectedChange?: (ids: Set<string>) => void;
     selectable?: boolean;
+    selectableRowIds?: string[];
     selectedRows?: Set<string>;
     stickyHeader?: boolean;
     stripe?: boolean;
@@ -23,6 +26,7 @@ interface OxTableProps extends Omit<ComponentPropsWithoutRef<'table'>, 'classNam
 interface OxTableSectionProps extends Omit<ComponentPropsWithoutRef<'thead'>, 'className'> {
     children: ReactNode;
     className?: string;
+    ref?: Ref<HTMLTableSectionElement>;
 }
 interface OxTableBodyProps extends Omit<ComponentPropsWithoutRef<'tbody'>, 'className'> {
     children: ReactNode;
@@ -39,6 +43,7 @@ interface OxTableCaptionProps extends Omit<ComponentPropsWithoutRef<'caption'>,
 interface OxTableRowProps extends Omit<ComponentPropsWithoutRef<'tr'>, 'className'> {
     children: ReactNode;
     className?: string;
+    ref?: Ref<HTMLTableRowElement>;
     rowId?: string;
     selected?: boolean;
 }
@@ -72,6 +77,7 @@ interface OxTableExpandedRowProps extends Omit<ComponentPropsWithoutRef<'tr'>, '
     children: ReactNode;
     className?: string;
     colSpan?: number;
+    ref?: Ref<HTMLTableRowElement>;
     rowId: string;
 }
 export type { OxTableBodyProps, OxTableCaptionProps, OxTableCellProps, OxTableExpandedRowProps, OxTableExpandTriggerProps, OxTableFooterProps, OxTableHeadProps, OxTableProps, OxTableRowProps, OxTableSectionProps, OxTableSelectAllCellProps, OxTableSelectCellProps, TableAlign, TableDensity, TableDividers, TableSticky, };

package/dist/hooks.js

@@ -1,7 +1,7 @@
 import { useOxMediaQuery as e } from "./hooks/useMediaQuery/useMediaQuery.js";
 import { useOxPagination as t } from "./hooks/usePagination/usePagination.js";
-import { oxBreakpoints as n, useOxBreakpoint as r, useOxBreakpointDown as i, useOxBreakpointUp as a } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { useOxVirtualizer as o } from "./hooks/useVirtualizer/useVirtualizer.js";
+import { useOxVirtualizer as n } from "./hooks/useVirtualizer/useVirtualizer.js";
+import { oxBreakpoints as r, useOxBreakpoint as i, useOxBreakpointDown as a, useOxBreakpointUp as o } from "./hooks/useBreakpoint/useBreakpoint.js";
 import { useOxCommandShortcut as s } from "./hooks/useCommandShortcut/useCommandShortcut.js";
 import { useOxDebounce as c, useOxDebouncedValue as l } from "./hooks/useDebounce/useDebounce.js";
 import { OxFormErrors as u, formErrors as d, useOxForm as f } from "./hooks/useForm/useForm.js";
@@ -11,4 +11,4 @@ import { useOxPoll as h } from "./hooks/usePoll/usePoll.js";
 import { useOxQuery as g } from "./hooks/useQuery/useQuery.js";
 import { oxHistoryStateAdapter as _, oxLocalStorageAdapter as v, oxSessionStorageAdapter as y } from "./hooks/useRemember/useRemember.adapters.js";
 import { useOxRemember as b } from "./hooks/useRemember/useRemember.js";
-export { u as OxFormErrors, d as formErrors, n as oxBreakpoints, _ as oxHistoryStateAdapter, v as oxLocalStorageAdapter, y as oxSessionStorageAdapter, p as standardSchemaResolver, r as useOxBreakpoint, i as useOxBreakpointDown, a as useOxBreakpointUp, s as useOxCommandShortcut, c as useOxDebounce, l as useOxDebouncedValue, m as useOxFilter, f as useOxForm, e as useOxMediaQuery, t as useOxPagination, h as useOxPoll, g as useOxQuery, b as useOxRemember, o as useOxVirtualizer };
+export { u as OxFormErrors, d as formErrors, r as oxBreakpoints, _ as oxHistoryStateAdapter, v as oxLocalStorageAdapter, y as oxSessionStorageAdapter, p as standardSchemaResolver, i as useOxBreakpoint, a as useOxBreakpointDown, o as useOxBreakpointUp, s as useOxCommandShortcut, c as useOxDebounce, l as useOxDebouncedValue, m as useOxFilter, f as useOxForm, e as useOxMediaQuery, t as useOxPagination, h as useOxPoll, g as useOxQuery, b as useOxRemember, n as useOxVirtualizer };

package/dist/index.js

@@ -24,29 +24,29 @@ import { OxInput as D } from "./components/Input/index.js";
 import { OxCopyInput as O } from "./components/CopyInput/CopyInput.js";
 import { OxPagination as k } from "./components/Pagination/index.js";
 import { OxPopover as A } from "./components/Popover/index.js";
-import { OxSkeleton as j } from "./components/Skeleton/Skeleton2.js";
-import { OxTable as M } from "./components/Table/index.js";
-import { OxDataTable as N } from "./components/DataTable/index.js";
-import { OxDescriptionList as P } from "./components/DescriptionList/index.js";
-import { OxDialog as F } from "./components/Dialog/index.js";
-import { OxDrawer as I } from "./components/Drawer/index.js";
-import { OxField as L } from "./components/Field/index.js";
-import { OxFieldset as R } from "./components/Fieldset/index.js";
-import { OxFooter as z } from "./components/Footer/index.js";
-import { OxHeader as B } from "./components/Header/index.js";
-import { OxHoldToDelete as V } from "./components/HoldToDelete/HoldToDelete2.js";
-import { OxKbd as H } from "./components/Kbd/Kbd.js";
-import { OxMain as U } from "./components/Main/Main.js";
-import { OxMeter as W } from "./components/Meter/index.js";
-import { OxNavigationMenu as G } from "./components/NavigationMenu/index.js";
-import { OxNumberInput as K } from "./components/NumberInput/index.js";
-import { OxOtpField as q } from "./components/OtpField/OtpField.js";
-import { OxPageProgress as J } from "./components/PageProgress/PageProgress.js";
-import { OxProgress as Y } from "./components/Progress/index.js";
-import { OxRadio as X, OxRadioGroup as Z } from "./components/Radio/Radio.js";
-import { OxResponsiveOverlay as Q } from "./components/ResponsiveOverlay/index.js";
-import { OxSelect as $ } from "./components/Select/index.js";
-import { OxScrollArea as ee } from "./components/ScrollArea/ScrollArea2.js";
+import { OxScrollArea as j } from "./components/ScrollArea/ScrollArea2.js";
+import { OxSkeleton as M } from "./components/Skeleton/Skeleton2.js";
+import { OxTable as N } from "./components/Table/index.js";
+import { OxDataTable as P } from "./components/DataTable/index.js";
+import { OxDescriptionList as F } from "./components/DescriptionList/index.js";
+import { OxDialog as I } from "./components/Dialog/index.js";
+import { OxDrawer as L } from "./components/Drawer/index.js";
+import { OxField as R } from "./components/Field/index.js";
+import { OxFieldset as z } from "./components/Fieldset/index.js";
+import { OxFooter as B } from "./components/Footer/index.js";
+import { OxHeader as V } from "./components/Header/index.js";
+import { OxHoldToDelete as H } from "./components/HoldToDelete/HoldToDelete2.js";
+import { OxKbd as U } from "./components/Kbd/Kbd.js";
+import { OxMain as W } from "./components/Main/Main.js";
+import { OxMeter as G } from "./components/Meter/index.js";
+import { OxNavigationMenu as K } from "./components/NavigationMenu/index.js";
+import { OxNumberInput as q } from "./components/NumberInput/index.js";
+import { OxOtpField as J } from "./components/OtpField/OtpField.js";
+import { OxPageProgress as Y } from "./components/PageProgress/PageProgress.js";
+import { OxProgress as X } from "./components/Progress/index.js";
+import { OxRadio as Z, OxRadioGroup as Q } from "./components/Radio/Radio.js";
+import { OxResponsiveOverlay as $ } from "./components/ResponsiveOverlay/index.js";
+import { OxSelect as ee } from "./components/Select/index.js";
 import { OxSeparator as te } from "./components/Separator/Separator.js";
 import { OxSidebar as ne } from "./components/Sidebar/index.js";
 import { OxTooltip as re, OxTooltipProvider as ie } from "./components/Tooltip/Tooltip.js";
@@ -63,4 +63,4 @@ import { OxToast as ge } from "./components/Toast/index.js";
 import { OxToggle as _e } from "./components/Toggle/index.js";
 import { OxTypewriter as ve } from "./components/Typewriter/index.js";
 import { OxVirtualList as ye } from "./components/VirtualList/VirtualList.js";
-export { e as OxAccordion, t as OxAlert, r as OxAlertDialog, i as OxAnimatedGradientText, a as OxAppLayout, s as OxAutocomplete, u as OxAvatar, d as OxAvatarGroup, f as OxBadge, m as OxBlurSwitch, g as OxBreadcrumb, p as OxButton, _ as OxCard, C as OxCheckbox, w as OxCheckboxGroup, de as OxChip, v as OxCollapsible, y as OxCombobox, S as OxCommand, T as OxContextMenu, E as OxCopyButton, O as OxCopyInput, N as OxDataTable, P as OxDescriptionList, F as OxDialog, I as OxDrawer, h as OxDropdown, L as OxField, R as OxFieldset, z as OxFooter, B as OxHeader, V as OxHoldToDelete, n as OxIconTile, D as OxInput, H as OxKbd, U as OxMain, W as OxMeter, G as OxNavigationMenu, K as OxNumberInput, q as OxOtpField, J as OxPageProgress, k as OxPagination, A as OxPopover, Y as OxProgress, X as OxRadio, Z as OxRadioGroup, Q as OxResponsiveOverlay, ee as OxScrollArea, $ as OxSelect, te as OxSeparator, ne as OxSidebar, ae as OxSidebarRail, j as OxSkeleton, le as OxSlider, o as OxSpinner, ue as OxStatusDisplay, oe as OxSwitch, se as OxTabBar, M as OxTable, ce as OxTabs, fe as OxTextarea, ge as OxToast, _e as OxToggle, re as OxTooltip, ie as OxTooltipProvider, ve as OxTypewriter, ye as OxVirtualList, pe as createOxToastManager, me as oxToast, c as useOxAutocompleteFilter, l as useOxAutocompleteFilteredItems, b as useOxComboboxFilter, x as useOxComboboxFilteredItems, he as useOxToast };
+export { e as OxAccordion, t as OxAlert, r as OxAlertDialog, i as OxAnimatedGradientText, a as OxAppLayout, s as OxAutocomplete, u as OxAvatar, d as OxAvatarGroup, f as OxBadge, m as OxBlurSwitch, g as OxBreadcrumb, p as OxButton, _ as OxCard, C as OxCheckbox, w as OxCheckboxGroup, de as OxChip, v as OxCollapsible, y as OxCombobox, S as OxCommand, T as OxContextMenu, E as OxCopyButton, O as OxCopyInput, P as OxDataTable, F as OxDescriptionList, I as OxDialog, L as OxDrawer, h as OxDropdown, R as OxField, z as OxFieldset, B as OxFooter, V as OxHeader, H as OxHoldToDelete, n as OxIconTile, D as OxInput, U as OxKbd, W as OxMain, G as OxMeter, K as OxNavigationMenu, q as OxNumberInput, J as OxOtpField, Y as OxPageProgress, k as OxPagination, A as OxPopover, X as OxProgress, Z as OxRadio, Q as OxRadioGroup, $ as OxResponsiveOverlay, j as OxScrollArea, ee as OxSelect, te as OxSeparator, ne as OxSidebar, ae as OxSidebarRail, M as OxSkeleton, le as OxSlider, o as OxSpinner, ue as OxStatusDisplay, oe as OxSwitch, se as OxTabBar, N as OxTable, ce as OxTabs, fe as OxTextarea, ge as OxToast, _e as OxToggle, re as OxTooltip, ie as OxTooltipProvider, ve as OxTypewriter, ye as OxVirtualList, pe as createOxToastManager, me as oxToast, c as useOxAutocompleteFilter, l as useOxAutocompleteFilteredItems, b as useOxComboboxFilter, x as useOxComboboxFilteredItems, he as useOxToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxickon/onyx",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",