@noxickon/onyx 5.0.1 → 6.0.0

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,76 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { PortalContainerContext as t } from "../../internal/context/PortalContainerContext/PortalContainerContext.js";
+import { TooltipRoot as n } from "../../node_modules/@base-ui/react/tooltip/root/TooltipRoot.js";
+import { TooltipTrigger as r } from "../../node_modules/@base-ui/react/tooltip/trigger/TooltipTrigger.js";
+import { TooltipPortal as i } from "../../node_modules/@base-ui/react/tooltip/portal/TooltipPortal.js";
+import { TooltipPositioner as a } from "../../node_modules/@base-ui/react/tooltip/positioner/TooltipPositioner.js";
+import { TooltipPopup as o } from "../../node_modules/@base-ui/react/tooltip/popup/TooltipPopup.js";
+import { TooltipArrow as s } from "../../node_modules/@base-ui/react/tooltip/arrow/TooltipArrow.js";
+import { TooltipProvider as c } from "../../node_modules/@base-ui/react/tooltip/provider/TooltipProvider.js";
+import { tooltipVariants as l } from "./Tooltip.styles.js";
+import { isValidElement as u, use as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/Tooltip/Tooltip.tsx
+var m = e(), h = l();
+function g(e) {
+	let c = (0, m.c)(25), { align: l, children: g, closeDelay: _, defaultOpen: v, delay: y, label: b, onOpenChange: x, open: S, side: C, sideOffset: w } = e, T = l === void 0 ? "center" : l, E = _ === void 0 ? 0 : _, D = v === void 0 ? !1 : v, O = y === void 0 ? 600 : y, k = C === void 0 ? "top" : C, A = w === void 0 ? 8 : w, j = d(t) ?? void 0, M = u(g) ? g : void 0, N;
+	c[0] === Symbol.for("react.memo_cache_sentinel") ? (N = h.trigger(), c[0] = N) : N = c[0];
+	let P = !M && g, F;
+	c[1] !== E || c[2] !== O || c[3] !== P || c[4] !== M ? (F = /* @__PURE__ */ f(r, {
+		className: N,
+		closeDelay: E,
+		"data-ox-slot": "tooltip-trigger",
+		delay: O,
+		render: M,
+		children: P
+	}), c[1] = E, c[2] = O, c[3] = P, c[4] = M, c[5] = F) : F = c[5];
+	let I;
+	c[6] === Symbol.for("react.memo_cache_sentinel") ? (I = h.positioner(), c[6] = I) : I = c[6];
+	let L;
+	c[7] === Symbol.for("react.memo_cache_sentinel") ? (L = h.popup(), c[7] = L) : L = c[7];
+	let R;
+	c[8] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ f(s, {
+		className: h.arrow(),
+		"data-ox-slot": "tooltip-arrow"
+	}), c[8] = R) : R = c[8];
+	let z;
+	c[9] === b ? z = c[10] : (z = /* @__PURE__ */ p(o, {
+		className: L,
+		"data-ox-slot": "tooltip",
+		role: "tooltip",
+		children: [R, b]
+	}), c[9] = b, c[10] = z);
+	let B;
+	c[11] !== T || c[12] !== k || c[13] !== A || c[14] !== z ? (B = /* @__PURE__ */ f(a, {
+		align: T,
+		className: I,
+		side: k,
+		sideOffset: A,
+		children: z
+	}), c[11] = T, c[12] = k, c[13] = A, c[14] = z, c[15] = B) : B = c[15];
+	let V;
+	c[16] !== j || c[17] !== B ? (V = /* @__PURE__ */ f(i, {
+		container: j,
+		children: B
+	}), c[16] = j, c[17] = B, c[18] = V) : V = c[18];
+	let H;
+	return c[19] !== D || c[20] !== x || c[21] !== S || c[22] !== V || c[23] !== F ? (H = /* @__PURE__ */ p(n, {
+		defaultOpen: D,
+		open: S,
+		onOpenChange: x,
+		children: [F, V]
+	}), c[19] = D, c[20] = x, c[21] = S, c[22] = V, c[23] = F, c[24] = H) : H = c[24], H;
+}
+function _(e) {
+	let t = (0, m.c)(10), n, r, i, a;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4]) : ({closeDelay: r, delay: i, timeout: a, ...n} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a);
+	let o = r === void 0 ? 0 : r, s = i === void 0 ? 600 : i, l = a === void 0 ? 400 : a, u;
+	return t[5] !== o || t[6] !== s || t[7] !== n || t[8] !== l ? (u = /* @__PURE__ */ f(c, {
+		closeDelay: o,
+		delay: s,
+		timeout: l,
+		...n
+	}), t[5] = o, t[6] = s, t[7] = n, t[8] = l, t[9] = u) : u = t[9], u;
+}
+//#endregion
+export { g as OxTooltip, _ as OxTooltipProvider };

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

@@ -0,0 +1,45 @@
+import { VariantProps } from '../../internal/tv';
+export declare const tooltipVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            trigger?: import('tailwind-merge').ClassNameValue;
+            popup?: import('tailwind-merge').ClassNameValue;
+            positioner?: import('tailwind-merge').ClassNameValue;
+            arrow?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            trigger?: import('tailwind-merge').ClassNameValue;
+            popup?: import('tailwind-merge').ClassNameValue;
+            positioner?: import('tailwind-merge').ClassNameValue;
+            arrow?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string;
+    positioner: string;
+    popup: string[];
+    arrow: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            trigger?: import('tailwind-merge').ClassNameValue;
+            popup?: import('tailwind-merge').ClassNameValue;
+            positioner?: import('tailwind-merge').ClassNameValue;
+            arrow?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string;
+    positioner: string;
+    popup: string[];
+    arrow: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    trigger: string;
+    positioner: string;
+    popup: string[];
+    arrow: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type TooltipVariants = VariantProps<typeof tooltipVariants>;

package/dist/components/Tooltip/Tooltip.styles.js

@@ -0,0 +1,20 @@
+import { tv as e } from "../../internal/tv.js";
+import { popupMotion as t } from "../../internal/styles/popupMotionStyles.js";
+//#region src/components/Tooltip/Tooltip.styles.ts
+var n = e({ slots: {
+	trigger: "",
+	positioner: "z-[var(--z-tooltip)]",
+	popup: [
+		"max-w-xs px-[9px] py-1.5 rounded-sm",
+		"bg-tooltip-bg text-tooltip-fg shadow-[var(--shadow-pop)]",
+		"text-2xs font-medium leading-normal select-none",
+		...t
+	],
+	arrow: [
+		"absolute size-2 rotate-45 bg-tooltip-bg",
+		"data-[side=bottom]:-top-0.75 data-[side=top]:-bottom-0.75",
+		"data-[side=right]:-left-0.75 data-[side=left]:-right-0.75"
+	]
+} });
+//#endregion
+export { n as tooltipVariants };

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { TooltipProviderProps as BaseTooltipProviderProps } from '@base-ui/react/tooltip';
+interface OxTooltipProps {
+    align?: 'start' | 'center' | 'end';
+    children: ReactNode;
+    closeDelay?: number;
+    defaultOpen?: boolean;
+    delay?: number;
+    label: ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+}
+type OxTooltipProviderProps = BaseTooltipProviderProps;
+export type { OxTooltipProps, OxTooltipProviderProps };

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

@@ -0,0 +1,2 @@
+export { OxTooltip, OxTooltipProvider } from './Tooltip';
+export type { OxTooltipProps, OxTooltipProviderProps } from './Tooltip.types';

package/dist/components/Typewriter/Typewriter.css

@@ -0,0 +1 @@
+@keyframes ox-typewriter-blink{0%,to{opacity:1}50%{opacity:0}}[data-ox-slot=typewriter-cursor]{animation:1s step-end infinite ox-typewriter-blink}[data-ox-slot=typewriter-cursor][data-active]{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){[data-ox-slot=typewriter-cursor]{opacity:1;animation:none}}

package/dist/components/Typewriter/Typewriter.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { OxTypewriterItemProps, OxTypewriterProps } from './Typewriter.types';
+declare function OxTypewriterItem(_props: OxTypewriterItemProps): null;
+declare function OxTypewriterRoot({ children, className, cursorClassName, delay, deleteSpeed, loop, pauseDuration, render, showCursor, speed, ...props }: OxTypewriterProps): ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
+export { OxTypewriterItem, OxTypewriterRoot };

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

@@ -0,0 +1,39 @@
+import { VariantProps } from '../../internal/tv';
+export declare const typewriterVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            cursor?: import('tailwind-merge').ClassNameValue;
+            text?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            cursor?: import('tailwind-merge').ClassNameValue;
+            text?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    text: string;
+    cursor: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            cursor?: import('tailwind-merge').ClassNameValue;
+            text?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    text: string;
+    cursor: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    text: string;
+    cursor: string;
+}, undefined, unknown, unknown, undefined>>;
+export type TypewriterVariants = VariantProps<typeof typewriterVariants>;

package/dist/components/Typewriter/Typewriter.styles.js

@@ -0,0 +1,9 @@
+import { tv as e } from "../../internal/tv.js";
+//#region src/components/Typewriter/Typewriter.styles.ts
+var t = e({ slots: {
+	root: "inline",
+	text: "transition-colors duration-200 ease-out-quint",
+	cursor: "ml-0.5 inline-block h-[1.05em] w-0.5 rounded-[1px] bg-primary-ink align-text-bottom"
+} });
+//#endregion
+export { t as typewriterVariants };

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { useRender } from '@base-ui/react/use-render';
+interface OxTypewriterItemProps {
+    children: string;
+    className?: string;
+}
+interface OxTypewriterProps extends Omit<useRender.ComponentProps<'span'>, 'children'> {
+    children?: string | ReactNode;
+    className?: string;
+    cursorClassName?: string;
+    delay?: number;
+    deleteSpeed?: number;
+    loop?: boolean;
+    pauseDuration?: number;
+    showCursor?: boolean;
+    speed?: number;
+}
+export type { OxTypewriterItemProps, OxTypewriterProps };

package/dist/components/Typewriter/Typewriter2.js

@@ -0,0 +1,149 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { useRender as t } from "../../node_modules/@base-ui/react/use-render/useRender.js";
+import './Typewriter.css';/* empty css           */
+import { typewriterVariants as n } from "./Typewriter.styles.js";
+import { Children as r, isValidElement as i, useEffect as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/Typewriter/Typewriter.tsx
+var u = e();
+function d(e) {
+	return null;
+}
+function f(e) {
+	return i(e) && e.type === d;
+}
+function ee(e) {
+	let t = p(e);
+	return t.length > 0 ? t : typeof e == "string" ? [{ text: e }] : [];
+}
+function p(e) {
+	return r.toArray(e).filter(f).map((e) => ({
+		text: String(e.props.children),
+		className: e.props.className
+	}));
+}
+function te() {
+	let e = (0, u.c)(2), [t, n] = o(m), r, i;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
+		if (typeof globalThis.matchMedia != "function") return;
+		let e = globalThis.matchMedia("(prefers-reduced-motion: reduce)"), t = (e) => n(e.matches);
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, i = [], e[0] = r, e[1] = i) : (r = e[0], i = e[1]), a(r, i), t;
+}
+function m() {
+	return typeof globalThis.matchMedia == "function" ? globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+}
+function h(e) {
+	let r = (0, u.c)(53), i, d, f, p, m, h, y, b, x, S, C;
+	r[0] === e ? (i = r[1], d = r[2], f = r[3], p = r[4], m = r[5], h = r[6], y = r[7], b = r[8], x = r[9], S = r[10], C = r[11]) : ({children: i, className: d, cursorClassName: f, delay: h, deleteSpeed: y, loop: b, pauseDuration: x, render: m, showCursor: S, speed: C, ...p} = e, r[0] = e, r[1] = i, r[2] = d, r[3] = f, r[4] = p, r[5] = m, r[6] = h, r[7] = y, r[8] = b, r[9] = x, r[10] = S, r[11] = C);
+	let w = h === void 0 ? 0 : h, T = y === void 0 ? 40 : y, E = b === void 0 ? !1 : b, D = x === void 0 ? 1500 : x, O = S === void 0 ? !0 : S, k = C === void 0 ? 80 : C, A, j;
+	r[12] === i ? (A = r[13], j = r[14]) : (A = ee(i), j = A.map(ne).join(" "), r[12] = i, r[13] = A, r[14] = j);
+	let M = j, N = n(), P = te(), [F, I] = o(0), [L, R] = o(w > 0 ? "idle" : "typing"), [z, B] = o(0), V = A[F], H;
+	r[15] === V ? H = r[16] : (H = V ? [...V.text] : [], r[15] = V, r[16] = H);
+	let U = H, W = A.length > 1, G = F < A.length - 1, K = W ? E || G : E, q, J;
+	r[17] !== U || r[18] !== w || r[19] !== T || r[20] !== z || r[21] !== G || r[22] !== W || r[23] !== P || r[24] !== A.length || r[25] !== E || r[26] !== D || r[27] !== L || r[28] !== K || r[29] !== k ? (J = () => {
+		if (!(A.length === 0 || P)) switch (L) {
+			case "idle": {
+				let e = setTimeout(() => R("typing"), w);
+				return () => clearTimeout(e);
+			}
+			case "typing":
+				if (z < U.length) {
+					let e = setTimeout(() => B(v), k);
+					return () => clearTimeout(e);
+				}
+				if (K) {
+					let e = setTimeout(() => R("deleting"), D);
+					return () => clearTimeout(e);
+				}
+				return;
+			case "deleting": {
+				if (z > 0) {
+					let e = setTimeout(() => B(_), T);
+					return () => clearTimeout(e);
+				}
+				let e = setTimeout(() => {
+					W && G ? (I(g), B(0)) : W && E && (I(0), B(0)), R("typing");
+				}, 0);
+				return () => clearTimeout(e);
+			}
+		}
+	}, q = [
+		L,
+		z,
+		U,
+		w,
+		k,
+		T,
+		D,
+		K,
+		W,
+		G,
+		E,
+		A.length,
+		P
+	], r[17] = U, r[18] = w, r[19] = T, r[20] = z, r[21] = G, r[22] = W, r[23] = P, r[24] = A.length, r[25] = E, r[26] = D, r[27] = L, r[28] = K, r[29] = k, r[30] = q, r[31] = J) : (q = r[30], J = r[31]), a(J, q);
+	let re = L === "typing" && z < U.length || L === "deleting" && z > 0, Y = null;
+	if (A.length === 0) typeof i != "string" && i && (Y = i);
+	else if (P) {
+		let e;
+		r[32] === A[0].text ? e = r[33] : (e = /* @__PURE__ */ c("span", {
+			"aria-hidden": "true",
+			children: A[0].text
+		}), r[32] = A[0].text, r[33] = e);
+		let t;
+		r[34] === M ? t = r[35] : (t = /* @__PURE__ */ c("span", {
+			className: "sr-only",
+			children: M
+		}), r[34] = M, r[35] = t);
+		let n;
+		r[36] !== e || r[37] !== t ? (n = /* @__PURE__ */ l(s, { children: [e, t] }), r[36] = e, r[37] = t, r[38] = n) : n = r[38], Y = n;
+	} else {
+		let e;
+		r[39] !== U || r[40] !== z ? (e = U.slice(0, z), r[39] = U, r[40] = z, r[41] = e) : e = r[41];
+		let t = e.join(""), n;
+		r[42] === M ? n = r[43] : (n = /* @__PURE__ */ c("span", {
+			className: "sr-only",
+			children: M
+		}), r[42] = M, r[43] = n), Y = /* @__PURE__ */ l(s, { children: [n, /* @__PURE__ */ l("span", {
+			"aria-hidden": "true",
+			className: N.text({ class: V?.className }),
+			"data-ox-slot": "typewriter-text",
+			children: [t, O && /* @__PURE__ */ c("span", {
+				className: N.cursor({ class: f }),
+				"data-active": re ? "" : void 0,
+				"data-ox-slot": "typewriter-cursor"
+			})]
+		})] });
+	}
+	let X;
+	r[44] === m ? X = r[45] : (X = m ?? /* @__PURE__ */ c("span", {}), r[44] = m, r[45] = X);
+	let Z = N.root({ class: d }), Q;
+	r[46] !== Y || r[47] !== p || r[48] !== Z ? (Q = {
+		...p,
+		className: Z,
+		"data-ox-slot": "typewriter",
+		children: Y
+	}, r[46] = Y, r[47] = p, r[48] = Z, r[49] = Q) : Q = r[49];
+	let $;
+	r[50] !== X || r[51] !== Q ? ($ = {
+		render: X,
+		props: Q
+	}, r[50] = X, r[51] = Q, r[52] = $) : $ = r[52];
+	let ie = t($);
+	return A.length === 0 && Y === null ? null : ie;
+}
+function g(e) {
+	return e + 1;
+}
+function _(e) {
+	return e - 1;
+}
+function v(e) {
+	return e + 1;
+}
+function ne(e) {
+	return e.text;
+}
+//#endregion
+export { d as OxTypewriterItem, h as OxTypewriterRoot };

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

@@ -0,0 +1,5 @@
+import { OxTypewriterItem, OxTypewriterRoot } from './Typewriter';
+export type { OxTypewriterItemProps, OxTypewriterProps } from './Typewriter.types';
+export declare const OxTypewriter: typeof OxTypewriterRoot & {
+    Item: typeof OxTypewriterItem;
+};

package/dist/components/Typewriter/index.js

@@ -0,0 +1,5 @@
+import { OxTypewriterItem as e, OxTypewriterRoot as t } from "./Typewriter2.js";
+//#region src/components/Typewriter/index.ts
+var n = Object.assign(t, { Item: e });
+//#endregion
+export { n as OxTypewriter };

package/dist/components/VirtualList/VirtualList.d.ts

@@ -0,0 +1,3 @@
+import { OxVirtualListProps } from './VirtualList.types';
+declare function OxVirtualList<T>({ apiRef, axis, className, endReachedThreshold, estimateSize, fade, getItemKey, itemClassName, itemRole, items, onEndReached, overscan, renderItem, role, scrollbarClassName, stickyIndices, thumbClassName, totalCount, viewportClassName, }: OxVirtualListProps<T>): import("react").JSX.Element;
+export { OxVirtualList };

package/dist/components/VirtualList/VirtualList.js

@@ -0,0 +1,81 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { OxScrollArea as t } from "../ScrollArea/ScrollArea2.js";
+import { useOxVirtualizer as n } from "../../hooks/useVirtualizer/useVirtualizer.js";
+import { virtualListVariants as r } from "./VirtualList.styles.js";
+import { useImperativeHandle as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/VirtualList/VirtualList.tsx
+var s = e();
+function c(e) {
+	let c = (0, s.c)(33), { apiRef: l, axis: u, className: d, endReachedThreshold: f, estimateSize: p, fade: m, getItemKey: h, itemClassName: ee, itemRole: g, items: _, onEndReached: v, overscan: y, renderItem: b, role: x, scrollbarClassName: S, stickyIndices: C, thumbClassName: w, totalCount: T, viewportClassName: E } = e, D = u === void 0 ? "vertical" : u, O = g === void 0 ? "listitem" : g, k = x === void 0 ? "list" : x, A = a(null), j = D === "vertical", M = r(), N;
+	c[0] !== D || c[1] !== f || c[2] !== p || c[3] !== h || c[4] !== _.length || c[5] !== v || c[6] !== y || c[7] !== C ? (N = {
+		axis: D,
+		count: _.length,
+		endReachedThreshold: f,
+		estimateSize: p,
+		getItemKey: h,
+		onEndReached: v,
+		overscan: y,
+		scrollRef: A,
+		stickyIndices: C
+	}, c[0] = D, c[1] = f, c[2] = p, c[3] = h, c[4] = _.length, c[5] = v, c[6] = y, c[7] = C, c[8] = N) : N = c[8];
+	let { measureElement: P, scrollToIndex: F, scrollToOffset: I, totalSize: L, virtualItems: R } = n(N), z, B;
+	c[9] !== F || c[10] !== I ? (z = () => ({
+		scrollToIndex: F,
+		scrollToOffset: I
+	}), B = [F, I], c[9] = F, c[10] = I, c[11] = z, c[12] = B) : (z = c[11], B = c[12]), i(l, z, B);
+	let V = T ?? _.length, H;
+	c[13] !== j || c[14] !== L ? (H = j ? {
+		height: L,
+		width: "100%"
+	} : {
+		height: "100%",
+		width: L
+	}, c[13] = j, c[14] = L, c[15] = H) : H = c[15];
+	let U = H, W;
+	c[16] === j ? W = c[17] : (W = (e) => ({
+		...j ? {
+			height: e.size,
+			transform: `translateY(${e.start}px)`,
+			width: "100%"
+		} : {
+			height: "100%",
+			transform: `translateX(${e.start}px)`,
+			width: e.size
+		},
+		zIndex: e.sticky ? 1 : void 0
+	}), c[16] = j, c[17] = W);
+	let G = W, K = t, q = M.root({ class: d }), J = j ? void 0 : "h-full", Y = j ? "vertical" : "horizontal", X = M.inner(), Z = R.map((e) => /* @__PURE__ */ o("div", {
+		"aria-posinset": e.index + 1,
+		"aria-setsize": V,
+		className: M.item({ class: ee }),
+		"data-index": e.index,
+		"data-ox-slot": "virtual-list-item",
+		"data-sticky": e.sticky ? "" : void 0,
+		ref: P,
+		role: O,
+		style: G(e),
+		children: b(_[e.index], e)
+	}, e.key)), Q;
+	c[18] !== U || c[19] !== k || c[20] !== X || c[21] !== Z ? (Q = /* @__PURE__ */ o("div", {
+		className: X,
+		"data-ox-slot": "virtual-list-inner",
+		role: k,
+		style: U,
+		children: Z
+	}), c[18] = U, c[19] = k, c[20] = X, c[21] = Z, c[22] = Q) : Q = c[22];
+	let $;
+	return c[23] !== K || c[24] !== m || c[25] !== S || c[26] !== J || c[27] !== Y || c[28] !== Q || c[29] !== q || c[30] !== w || c[31] !== E ? ($ = /* @__PURE__ */ o(K, {
+		className: q,
+		contentClassName: J,
+		fade: m,
+		orientation: Y,
+		scrollbarClassName: S,
+		thumbClassName: w,
+		viewportClassName: E,
+		viewportRef: A,
+		children: Q
+	}), c[23] = K, c[24] = m, c[25] = S, c[26] = J, c[27] = Y, c[28] = Q, c[29] = q, c[30] = w, c[31] = E, c[32] = $) : $ = c[32], $;
+}
+//#endregion
+export { c as OxVirtualList };

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

@@ -0,0 +1,37 @@
+export declare const virtualListVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            item?: import('tailwind-merge').ClassNameValue;
+            inner?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            item?: import('tailwind-merge').ClassNameValue;
+            inner?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    inner: string;
+    item: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            item?: import('tailwind-merge').ClassNameValue;
+            inner?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    inner: string;
+    item: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    inner: string;
+    item: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/VirtualList/VirtualList.styles.js

@@ -0,0 +1,9 @@
+import { tv as e } from "../../internal/tv.js";
+//#region src/components/VirtualList/VirtualList.styles.ts
+var t = e({ slots: {
+	root: "",
+	inner: "relative",
+	item: "absolute top-0 left-0"
+} });
+//#endregion
+export { t as virtualListVariants };

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

@@ -0,0 +1,27 @@
+import { ReactNode, Ref } from 'react';
+import { OxVirtualItem, OxVirtualizerAxis, OxVirtualizerScrollAlign } from '../../hooks/useVirtualizer';
+export interface OxVirtualListHandle {
+    scrollToIndex: (index: number, align?: OxVirtualizerScrollAlign) => void;
+    scrollToOffset: (offset: number) => void;
+}
+export interface OxVirtualListProps<T> {
+    apiRef?: Ref<OxVirtualListHandle>;
+    axis?: OxVirtualizerAxis;
+    className?: string;
+    endReachedThreshold?: number;
+    estimateSize: (index: number) => number;
+    fade?: boolean;
+    getItemKey?: (index: number) => string | number;
+    itemClassName?: string;
+    itemRole?: string;
+    items: T[];
+    onEndReached?: () => void;
+    overscan?: number;
+    renderItem: (item: T, virtualItem: OxVirtualItem) => ReactNode;
+    role?: string;
+    scrollbarClassName?: string;
+    stickyIndices?: number[];
+    thumbClassName?: string;
+    totalCount?: number;
+    viewportClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export { OxVirtualList } from './VirtualList';
+export type { OxVirtualListHandle, OxVirtualListProps } from './VirtualList.types';

package/dist/components/index.d.ts

@@ -0,0 +1,62 @@
+export * from './Accordion';
+export * from './Alert';
+export * from './AlertDialog';
+export * from './AnimatedGradientText';
+export * from './AppLayout';
+export * from './Autocomplete';
+export * from './Avatar';
+export * from './Badge';
+export * from './BlurSwitch';
+export * from './Breadcrumb';
+export * from './Button';
+export * from './Card';
+export * from './Collapsible';
+export * from './Combobox';
+export * from './Command';
+export * from './Checkbox';
+export * from './CheckboxGroup';
+export * from './ContextMenu';
+export * from './CopyButton';
+export * from './DataTable';
+export * from './DescriptionList';
+export * from './Dialog';
+export * from './Drawer';
+export * from './Dropdown';
+export * from './Field';
+export * from './Fieldset';
+export * from './Footer';
+export * from './Header';
+export * from './HoldToDelete';
+export * from './IconTile';
+export * from './Input';
+export * from './Kbd';
+export * from './Main';
+export * from './Meter';
+export * from './NavigationMenu';
+export * from './NumberInput';
+export * from './OtpField';
+export * from './PageProgress';
+export * from './Pagination';
+export * from './Popover';
+export * from './Progress';
+export * from './Radio';
+export * from './Select';
+export * from './ScrollArea';
+export * from './Separator';
+export * from './Sidebar';
+export * from './SidebarRail';
+export * from './Switch';
+export * from './TabBar';
+export * from './Table';
+export * from './Tabs';
+export * from './Skeleton';
+export * from './Slider';
+export * from './Spinner';
+export * from './StatusDisplay';
+export * from './Chip';
+export * from './Textarea';
+export * from './Toast';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './Typewriter';
+export * from './VirtualList';

package/dist/context/Auth/Auth.d.ts

@@ -0,0 +1,9 @@
+import { OxPermissionName, OxUser } from '..';
+import { OxAuthContextValue, OxAuthGuardProps, OxAuthProviderProps } from './Auth.types';
+declare function OxAuthProvider({ children, fetchUser, initialUser, onLogout, performLogout, refreshIntervalMs, revalidateOnFocus, }: OxAuthProviderProps): import("react").JSX.Element;
+declare function useOxAuth(): OxAuthContextValue;
+declare function useOxAuthUser(): OxUser;
+declare function useOxPermission(name: OxPermissionName): boolean;
+declare function OxAuthRequired({ children, fallback, loading }: OxAuthGuardProps): import('react').ReactNode;
+declare function OxGuestOnly({ children, fallback, loading }: OxAuthGuardProps): import('react').ReactNode;
+export { OxAuthProvider, OxAuthRequired, OxGuestOnly, useOxAuth, useOxAuthUser, useOxPermission };