@noxickon/onyx 5.0.2 → 6.1.0

package/dist/components/NumberInput/NumberInput.js

@@ -0,0 +1,120 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { addonEdge as n } from "../../internal/styles/addonStyles.js";
+import { getFieldControlAttributes as r } from "../../internal/utils/getFieldControlAttributes/getFieldControlAttributes.js";
+import { NumberFieldRoot as i } from "../../node_modules/@base-ui/react/number-field/root/NumberFieldRoot.js";
+import { NumberFieldGroup as a } from "../../node_modules/@base-ui/react/number-field/group/NumberFieldGroup.js";
+import { NumberFieldIncrement as o } from "../../node_modules/@base-ui/react/number-field/increment/NumberFieldIncrement.js";
+import { NumberFieldDecrement as s } from "../../node_modules/@base-ui/react/number-field/decrement/NumberFieldDecrement.js";
+import { NumberFieldInput as c } from "../../node_modules/@base-ui/react/number-field/input/NumberFieldInput.js";
+import { numberInputAddonVariants as l, numberInputGroupVariants as u, numberInputVariants as d } from "./NumberInput.styles.js";
+import { jsx as f } from "react/jsx-runtime";
+import { Minus as p, Plus as m } from "lucide-react";
+//#region src/components/NumberInput/NumberInput.tsx
+var h = e(), { Provider: g, useOptionalContext: _, useRequiredContext: v } = t("OxNumberInput.Group");
+function y(e) {
+	let t = (0, h.c)(11), n, i;
+	t[0] === e ? (n = t[1], i = t[2]) : ({className: n, ...i} = e, t[0] = e, t[1] = n, t[2] = i);
+	let a = _()?.invalid, o;
+	t[3] === n ? o = t[4] : (o = d({ class: n }), t[3] = n, t[4] = o);
+	let s;
+	t[5] === a ? s = t[6] : (s = r({ invalid: a }), t[5] = a, t[6] = s);
+	let l;
+	return t[7] !== i || t[8] !== o || t[9] !== s ? (l = /* @__PURE__ */ f(c, {
+		...i,
+		className: o,
+		"data-ox-group-control": "",
+		"data-ox-slot": "number-input",
+		...s
+	}), t[7] = i, t[8] = o, t[9] = s, t[10] = l) : l = t[10], l;
+}
+function b(e) {
+	let t = (0, h.c)(43), n, r, o, s, c, l, d, p;
+	t[0] === e ? (n = t[1], r = t[2], o = t[3], s = t[4], c = t[5], l = t[6], d = t[7], p = t[8]) : ({children: n, className: r, decrementLabel: s, disabled: c, incrementLabel: l, invalid: d, readOnly: p, ...o} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = o, t[4] = s, t[5] = c, t[6] = l, t[7] = d, t[8] = p);
+	let m = s === void 0 ? "Decrement" : s, _ = c === void 0 ? !1 : c, v = l === void 0 ? "Increment" : l, y = d === void 0 ? !1 : d, b = p === void 0 ? !1 : p, x, S, C, w, T, E, D, O, k;
+	if (t[9] !== r || t[10] !== m || t[11] !== _ || t[12] !== v || t[13] !== y || t[14] !== o || t[15] !== b) {
+		let e = u();
+		C = g, T = {
+			decrementLabel: m,
+			disabled: _,
+			incrementLabel: v,
+			invalid: y,
+			readOnly: b,
+			slots: e
+		}, S = i, D = o, O = e.root(), k = _, w = b, x = a, E = e.base({ class: r }), t[9] = r, t[10] = m, t[11] = _, t[12] = v, t[13] = y, t[14] = o, t[15] = b, t[16] = x, t[17] = S, t[18] = C, t[19] = w, t[20] = T, t[21] = E, t[22] = D, t[23] = O, t[24] = k;
+	} else x = t[16], S = t[17], C = t[18], w = t[19], T = t[20], E = t[21], D = t[22], O = t[23], k = t[24];
+	let A = _ || void 0, j = y || void 0, M = b || void 0, N;
+	t[25] !== x || t[26] !== n || t[27] !== A || t[28] !== j || t[29] !== M || t[30] !== E ? (N = /* @__PURE__ */ f(x, {
+		className: E,
+		"data-disabled": A,
+		"data-invalid": j,
+		"data-ox-slot": "number-input-group",
+		"data-readonly": M,
+		children: n
+	}), t[25] = x, t[26] = n, t[27] = A, t[28] = j, t[29] = M, t[30] = E, t[31] = N) : N = t[31];
+	let P;
+	t[32] !== S || t[33] !== w || t[34] !== N || t[35] !== D || t[36] !== O || t[37] !== k ? (P = /* @__PURE__ */ f(S, {
+		...D,
+		className: O,
+		disabled: k,
+		readOnly: w,
+		children: N
+	}), t[32] = S, t[33] = w, t[34] = N, t[35] = D, t[36] = O, t[37] = k, t[38] = P) : P = t[38];
+	let F;
+	return t[39] !== C || t[40] !== T || t[41] !== P ? (F = /* @__PURE__ */ f(C, {
+		value: T,
+		children: P
+	}), t[39] = C, t[40] = T, t[41] = P, t[42] = F) : F = t[42], F;
+}
+function x(e) {
+	let t = (0, h.c)(14), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({children: n, className: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let { decrementLabel: a, slots: o } = v("OxNumberInput.Decrement"), c;
+	t[4] !== r || t[5] !== o ? (c = o.button({ class: r }), t[4] = r, t[5] = o, t[6] = c) : c = t[6];
+	let l;
+	t[7] === n ? l = t[8] : (l = n ?? /* @__PURE__ */ f(p, { "aria-hidden": "true" }), t[7] = n, t[8] = l);
+	let u;
+	return t[9] !== a || t[10] !== i || t[11] !== c || t[12] !== l ? (u = /* @__PURE__ */ f(s, {
+		...i,
+		"aria-label": a,
+		className: c,
+		"data-ox-slot": "number-input-decrement",
+		children: l
+	}), t[9] = a, t[10] = i, t[11] = c, t[12] = l, t[13] = u) : u = t[13], u;
+}
+function S(e) {
+	let t = (0, h.c)(14), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({children: n, className: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let { incrementLabel: a, slots: s } = v("OxNumberInput.Increment"), c;
+	t[4] !== r || t[5] !== s ? (c = s.button({ class: r }), t[4] = r, t[5] = s, t[6] = c) : c = t[6];
+	let l;
+	t[7] === n ? l = t[8] : (l = n ?? /* @__PURE__ */ f(m, { "aria-hidden": "true" }), t[7] = n, t[8] = l);
+	let u;
+	return t[9] !== a || t[10] !== i || t[11] !== c || t[12] !== l ? (u = /* @__PURE__ */ f(o, {
+		...i,
+		"aria-label": a,
+		className: c,
+		"data-ox-slot": "number-input-increment",
+		children: l
+	}), t[9] = a, t[10] = i, t[11] = c, t[12] = l, t[13] = u) : u = t[13], u;
+}
+function C(e) {
+	let t = (0, h.c)(17), r, i, a, o;
+	t[0] === e ? (r = t[1], i = t[2], a = t[3], o = t[4]) : ({align: a, className: r, variant: o, ...i} = e, t[0] = e, t[1] = r, t[2] = i, t[3] = a, t[4] = o);
+	let s = a === void 0 ? "inline-start" : a, { slots: c } = v("OxNumberInput.Addon"), u = o ?? "inline", d;
+	t[5] !== s || t[6] !== r || t[7] !== u || t[8] !== c ? (d = c.addon({ class: [l({
+		variant: u,
+		align: s
+	}), r] }), t[5] = s, t[6] = r, t[7] = u, t[8] = c, t[9] = d) : d = t[9];
+	let p;
+	t[10] === s ? p = t[11] : (p = n(s), t[10] = s, t[11] = p);
+	let m = `number-input-${p}`, g;
+	return t[12] !== u || t[13] !== i || t[14] !== d || t[15] !== m ? (g = /* @__PURE__ */ f("span", {
+		...i,
+		className: d,
+		"data-ox-addon": u,
+		"data-ox-slot": m
+	}), t[12] = u, t[13] = i, t[14] = d, t[15] = m, t[16] = g) : g = t[16], g;
+}
+//#endregion
+export { C as OxNumberInputAddon, y as OxNumberInputBase, x as OxNumberInputDecrement, b as OxNumberInputGroup, S as OxNumberInputIncrement };

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

@@ -0,0 +1,72 @@
+export declare const numberInputVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const numberInputGroupVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            button?: import('tailwind-merge').ClassNameValue;
+            addon?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            button?: import('tailwind-merge').ClassNameValue;
+            addon?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    base: string[];
+    button: string[];
+    addon: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            button?: import('tailwind-merge').ClassNameValue;
+            addon?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    base: string[];
+    button: string[];
+    addon: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    base: string[];
+    button: string[];
+    addon: string[];
+}, undefined, unknown, unknown, undefined>>;
+export declare const numberInputAddonVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'inline-start': string;
+        'inline-end': string;
+    };
+}, undefined, undefined, {
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'inline-start': string;
+        'inline-end': string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'inline-start': string;
+        'inline-end': string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;

package/dist/components/NumberInput/NumberInput.styles.js

@@ -0,0 +1,47 @@
+import { tv as e } from "../../internal/tv.js";
+import { addonBaseField as t, controlInnerSquareWidth as n, createInlineAddonVariants as r, nestedControlReset as i } from "../../internal/styles/addonStyles.js";
+import { controlDisabled as a, controlFocusVisible as o, controlFocusWithin as s, controlReadonly as c, controlSurface as l } from "../../internal/styles/controlStyles.js";
+//#region src/components/NumberInput/NumberInput.styles.ts
+var u = e({ base: [
+	"inline-flex w-full items-center",
+	"h-control px-control tabular-nums",
+	...l,
+	"placeholder:text-fg-subtle",
+	...o,
+	c,
+	"ox-readonly:cursor-default",
+	"ox-disabled:cursor-not-allowed ox-disabled:opacity-50 ox-disabled:bg-surface-raised",
+	"[-moz-appearance:textfield]",
+	"[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
+	"[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none"
+] }), d = [
+	`grid place-items-center shrink-0 ${n} pointer-coarse:w-10.5`,
+	"text-fg-muted bg-surface-raised outline-none select-none cursor-pointer",
+	"transition-colors ease-out",
+	"enabled:hover:text-fg enabled:hover:bg-surface-high",
+	"focus-visible:text-fg focus-visible:bg-surface-high",
+	"disabled:cursor-not-allowed disabled:opacity-40",
+	"group-data-[readonly]/number-input-group:pointer-events-none group-data-[readonly]/number-input-group:opacity-60",
+	"border-line",
+	"[&[data-ox-slot=number-input-decrement]]:border-e",
+	"[&[data-ox-slot=number-input-increment]]:border-s",
+	"[&_svg]:size-icon"
+], f = e({ slots: {
+	root: "contents",
+	base: [
+		"group/number-input-group",
+		"inline-flex w-full items-stretch overflow-hidden",
+		"min-h-control",
+		...l,
+		...s,
+		a,
+		...i
+	],
+	button: [...d],
+	addon: [...t, "group-data-[readonly]/number-input-group:cursor-default"]
+} }), p = r({
+	surface: "bg-surface-raised",
+	inlinePadding: "collapse"
+});
+//#endregion
+export { p as numberInputAddonVariants, f as numberInputGroupVariants, u as numberInputVariants };

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

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { NumberFieldIncrementProps as BaseNumberFieldIncrementProps, NumberFieldInputProps as BaseNumberFieldInputProps, NumberFieldRootProps as BaseNumberFieldRootProps } from '@base-ui/react/number-field';
+import { AddonVariant, InlineAddonAlign } from '../../internal/styles/addonStyles';
+interface OxNumberInputGroupProps extends Omit<BaseNumberFieldRootProps, 'className' | 'onChange'> {
+    className?: string;
+    decrementLabel?: string;
+    incrementLabel?: string;
+    invalid?: boolean;
+}
+interface OxNumberInputProps extends Omit<BaseNumberFieldInputProps, 'className' | 'size'> {
+    className?: string;
+}
+interface OxNumberInputButtonProps extends Omit<BaseNumberFieldIncrementProps, 'className'> {
+    children?: ReactNode;
+    className?: string;
+}
+interface OxNumberInputAddonProps extends Omit<ComponentPropsWithoutRef<'span'>, 'className'> {
+    align?: InlineAddonAlign;
+    className?: string;
+    variant?: AddonVariant;
+}
+export type { OxNumberInputAddonProps, OxNumberInputButtonProps, OxNumberInputGroupProps, OxNumberInputProps, };

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

@@ -0,0 +1,8 @@
+import { OxNumberInputAddon, OxNumberInputBase, OxNumberInputDecrement, OxNumberInputGroup, OxNumberInputIncrement } from './NumberInput';
+export declare const OxNumberInput: typeof OxNumberInputBase & {
+    Addon: typeof OxNumberInputAddon;
+    Decrement: typeof OxNumberInputDecrement;
+    Group: typeof OxNumberInputGroup;
+    Increment: typeof OxNumberInputIncrement;
+};
+export type { OxNumberInputAddonProps, OxNumberInputButtonProps, OxNumberInputGroupProps, OxNumberInputProps, } from './NumberInput.types';

package/dist/components/NumberInput/index.js

@@ -0,0 +1,10 @@
+import { OxNumberInputAddon as e, OxNumberInputBase as t, OxNumberInputDecrement as n, OxNumberInputGroup as r, OxNumberInputIncrement as i } from "./NumberInput.js";
+//#region src/components/NumberInput/index.ts
+var a = Object.assign(t, {
+	Addon: e,
+	Decrement: n,
+	Group: r,
+	Increment: i
+});
+//#endregion
+export { a as OxNumberInput };

package/dist/components/OtpField/OtpField.d.ts

@@ -0,0 +1,3 @@
+import { OxOtpFieldProps } from './OtpField.types';
+declare function OxOtpField({ className, disabled, groups, invalid, length, onChange, onComplete, readOnly, required, separator, ...props }: OxOtpFieldProps): import("react").JSX.Element;
+export { OxOtpField };

package/dist/components/OtpField/OtpField.js

@@ -0,0 +1,54 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { Separator as t } from "../../node_modules/@base-ui/react/separator/Separator.js";
+import { getFieldControlAttributes as n } from "../../internal/utils/getFieldControlAttributes/getFieldControlAttributes.js";
+import { OTPFieldRoot as r } from "../../node_modules/@base-ui/react/otp-field/root/OTPFieldRoot.js";
+import { OTPFieldInput as i } from "../../node_modules/@base-ui/react/otp-field/input/OTPFieldInput.js";
+import { otpFieldVariants as a } from "./OtpField.styles.js";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/OtpField/OtpField.tsx
+var s = e(), c = a();
+function l(e, n, r) {
+	let i = [], a = 0;
+	return n.forEach((n, s) => {
+		s > 0 && i.push(/* @__PURE__ */ o(t, {
+			className: c.separator(),
+			"data-ox-slot": "otp-separator",
+			children: r
+		}, `separator-${s}`)), i.push(...e.slice(a, a + n)), a += n;
+	}), a < e.length && i.push(...e.slice(a)), i;
+}
+function u(e) {
+	let t = (0, s.c)(59), a, u, d, f, p, m, h, g, _, v, y;
+	t[0] === e ? (a = t[1], u = t[2], d = t[3], f = t[4], p = t[5], m = t[6], h = t[7], g = t[8], _ = t[9], v = t[10], y = t[11]) : ({className: a, disabled: u, groups: d, invalid: f, length: p, onChange: m, onComplete: h, readOnly: _, required: v, separator: y, ...g} = e, t[0] = e, t[1] = a, t[2] = u, t[3] = d, t[4] = f, t[5] = p, t[6] = m, t[7] = h, t[8] = g, t[9] = _, t[10] = v, t[11] = y);
+	let b = y === void 0 ? "–" : y, x;
+	t[12] === f ? x = t[13] : (x = n({ invalid: f }), t[12] = f, t[13] = x);
+	let S = x, C, w, T, E, D, O, k, A, j, M, N, P;
+	if (t[14] !== a || t[15] !== S || t[16] !== u || t[17] !== d || t[18] !== p || t[19] !== m || t[20] !== h || t[21] !== g || t[22] !== _ || t[23] !== v || t[24] !== b) {
+		let e;
+		t[37] !== S || t[38] !== p ? (e = (e, t) => /* @__PURE__ */ o(i, {
+			"aria-label": t === 0 ? void 0 : `Character ${t + 1} of ${p}`,
+			className: c.input(),
+			"data-ox-slot": "otp-slot",
+			...S
+		}, t), t[37] = S, t[38] = p, t[39] = e) : e = t[39];
+		let n = Array.from({ length: p }, e);
+		C = r, O = g, t[40] === a ? k = t[41] : (k = c.root({ class: a }), t[40] = a, t[41] = k), A = "otp-field", j = u, M = p, N = _, P = v, t[42] === m ? w = t[43] : (w = m ? (e, t) => m(e, t.event) : void 0, t[42] = m, t[43] = w), t[44] === h ? T = t[45] : (T = h ? (e) => h(e) : void 0, t[44] = h, t[45] = T), E = S, D = d ? l(n, d, b) : n, t[14] = a, t[15] = S, t[16] = u, t[17] = d, t[18] = p, t[19] = m, t[20] = h, t[21] = g, t[22] = _, t[23] = v, t[24] = b, t[25] = C, t[26] = w, t[27] = T, t[28] = E, t[29] = D, t[30] = O, t[31] = k, t[32] = A, t[33] = j, t[34] = M, t[35] = N, t[36] = P;
+	} else C = t[25], w = t[26], T = t[27], E = t[28], D = t[29], O = t[30], k = t[31], A = t[32], j = t[33], M = t[34], N = t[35], P = t[36];
+	let F;
+	return t[46] !== C || t[47] !== w || t[48] !== T || t[49] !== E || t[50] !== D || t[51] !== O || t[52] !== k || t[53] !== A || t[54] !== j || t[55] !== M || t[56] !== N || t[57] !== P ? (F = /* @__PURE__ */ o(C, {
+		...O,
+		className: k,
+		"data-ox-slot": A,
+		disabled: j,
+		length: M,
+		readOnly: N,
+		required: P,
+		onValueChange: w,
+		onValueComplete: T,
+		...E,
+		children: D
+	}), t[46] = C, t[47] = w, t[48] = T, t[49] = E, t[50] = D, t[51] = O, t[52] = k, t[53] = A, t[54] = j, t[55] = M, t[56] = N, t[57] = P, t[58] = F) : F = t[58], F;
+}
+//#endregion
+export { u as OxOtpField };

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

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

package/dist/components/OtpField/OtpField.styles.js

@@ -0,0 +1,19 @@
+import { tv as e } from "../../internal/tv.js";
+import { controlFocusVisible as t, controlReadonly as n, controlSurface as r } from "../../internal/styles/controlStyles.js";
+//#region src/components/OtpField/OtpField.styles.ts
+var i = e({ slots: {
+	root: "inline-flex items-center gap-2 ox-disabled:cursor-not-allowed",
+	input: [
+		"inline-flex shrink-0 items-center justify-center text-center",
+		"h-control w-[var(--control-h-md)] px-0",
+		"font-medium tabular-nums caret-primary-outline",
+		...r,
+		...t,
+		n,
+		"ox-readonly:cursor-default",
+		"ox-disabled:cursor-not-allowed ox-disabled:opacity-50 ox-disabled:bg-surface-raised"
+	],
+	separator: "select-none text-fg-subtle"
+} });
+//#endregion
+export { i as otpFieldVariants };

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

@@ -0,0 +1,10 @@
+import { OTPFieldRootProps } from '@base-ui/react/otp-field';
+interface OxOtpFieldProps extends Omit<OTPFieldRootProps, 'className' | 'render' | 'onValueChange' | 'onValueComplete'> {
+    className?: string;
+    groups?: number[];
+    invalid?: boolean;
+    onChange?: (value: string, event: Event) => void;
+    onComplete?: (value: string) => void;
+    separator?: string;
+}
+export type { OxOtpFieldProps };

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

@@ -0,0 +1,2 @@
+export { OxOtpField } from './OtpField';
+export type { OxOtpFieldProps } from './OtpField.types';

package/dist/components/PageProgress/PageProgress.d.ts

@@ -0,0 +1,3 @@
+import { OxPageProgressProps } from './PageProgress.types';
+declare function OxPageProgress({ active, className, label, render, style, tone, ...props }: OxPageProgressProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export { OxPageProgress };

package/dist/components/PageProgress/PageProgress.js

@@ -0,0 +1,75 @@
+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 { pageProgressVariants as n } from "./PageProgress.styles.js";
+import { useEffect as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/PageProgress/PageProgress.tsx
+var c = e(), l = .08, u = .92, d = .06, f = 200, p = 250, m = 200, h = n();
+function g(e) {
+	let n = (0, c.c)(34), u, d, g, v, y, b, x;
+	n[0] === e ? (u = n[1], d = n[2], g = n[3], v = n[4], y = n[5], b = n[6], x = n[7]) : ({active: u, className: d, label: b, render: v, style: y, tone: x, ...g} = e, n[0] = e, n[1] = u, n[2] = d, n[3] = g, n[4] = v, n[5] = y, n[6] = b, n[7] = x);
+	let S = b === void 0 ? "Loading" : b, C = x === void 0 ? "primary" : x, [w, T] = i("idle"), [E, D] = i(0);
+	u && w !== "loading" && (T("loading"), D(l)), !u && w === "loading" && (T("completing"), D(1));
+	let O, k;
+	n[8] === w ? (O = n[9], k = n[10]) : (O = () => {
+		if (w === "loading") {
+			let e = globalThis.setInterval(() => {
+				D(_);
+			}, f);
+			return () => globalThis.clearInterval(e);
+		}
+		if (w === "completing") {
+			let e = globalThis.setTimeout(() => T("fading"), p);
+			return () => globalThis.clearTimeout(e);
+		}
+		if (w === "fading") {
+			let e = globalThis.setTimeout(() => {
+				T("idle"), D(0);
+			}, m);
+			return () => globalThis.clearTimeout(e);
+		}
+	}, k = [w], n[8] = w, n[9] = O, n[10] = k), r(O, k);
+	let A;
+	n[11] === v ? A = n[12] : (A = v ?? /* @__PURE__ */ o("div", {}), n[11] = v, n[12] = A);
+	let j;
+	n[13] === d ? j = n[14] : (j = h.root({ class: d }), n[13] = d, n[14] = j);
+	let M;
+	n[15] !== E || n[16] !== y ? (M = {
+		...y,
+		"--ox-page-progress": E
+	}, n[15] = E, n[16] = y, n[17] = M) : M = n[17];
+	let N = M, P;
+	n[18] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ o("span", {
+		"aria-hidden": "true",
+		className: h.indicator(),
+		"data-ox-slot": "page-progress-indicator"
+	}), n[18] = P) : P = n[18];
+	let F;
+	n[19] !== S || n[20] !== w ? (F = w === "loading" ? /* @__PURE__ */ o("span", {
+		className: h.label(),
+		children: S
+	}) : null, n[19] = S, n[20] = w, n[21] = F) : F = n[21];
+	let I;
+	n[22] === F ? I = n[23] : (I = /* @__PURE__ */ s(a, { children: [P, F] }), n[22] = F, n[23] = I);
+	let L;
+	n[24] !== w || n[25] !== g || n[26] !== I || n[27] !== j || n[28] !== N || n[29] !== C ? (L = {
+		...g,
+		className: j,
+		"data-ox-slot": "page-progress",
+		"data-ox-tone": C,
+		"data-phase": w,
+		role: "status",
+		style: N,
+		children: I
+	}, n[24] = w, n[25] = g, n[26] = I, n[27] = j, n[28] = N, n[29] = C, n[30] = L) : L = n[30];
+	let R;
+	return n[31] !== L || n[32] !== A ? (R = {
+		render: A,
+		props: L
+	}, n[31] = L, n[32] = A, n[33] = R) : R = n[33], t(R);
+}
+function _(e) {
+	return e + (u - e) * d;
+}
+//#endregion
+export { g as OxPageProgress };

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

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

package/dist/components/PageProgress/PageProgress.styles.js

@@ -0,0 +1,20 @@
+import { tv as e } from "../../internal/tv.js";
+//#region src/components/PageProgress/PageProgress.styles.ts
+var t = e({ slots: {
+	root: [
+		"group/page-progress pointer-events-none fixed inset-x-0 top-0 h-0.5",
+		"z-[var(--z-page-progress)]",
+		"transition-opacity duration-200 ease-out-quint",
+		"data-[phase=idle]:opacity-0 data-[phase=fading]:opacity-0"
+	],
+	indicator: [
+		"block size-full origin-left bg-tone rtl:origin-right",
+		"group-data-[ox-tone=warning]/page-progress:bg-warning-bar",
+		"scale-x-[var(--ox-page-progress)] will-change-transform",
+		"transition-transform duration-200 ease-linear",
+		"group-data-[phase=completing]/page-progress:ease-out-quint"
+	],
+	label: "sr-only"
+} });
+//#endregion
+export { t as pageProgressVariants };

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

@@ -0,0 +1,10 @@
+import { useRender } from '@base-ui/react/use-render';
+import { OxTone } from '../../internal/types/tone';
+type OxPageProgressTone = OxTone;
+type OxPageProgressPhase = 'idle' | 'loading' | 'completing' | 'fading';
+interface OxPageProgressProps extends Omit<useRender.ComponentProps<'div'>, 'children' | 'role'> {
+    active: boolean;
+    label?: string;
+    tone?: OxPageProgressTone;
+}
+export type { OxPageProgressPhase, OxPageProgressProps, OxPageProgressTone };

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

@@ -0,0 +1,2 @@
+export { OxPageProgress } from './PageProgress';
+export type { OxPageProgressPhase, OxPageProgressProps, OxPageProgressTone, } from './PageProgress.types';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,10 @@
+import { OxPaginationControlProps, OxPaginationEllipsisProps, OxPaginationItemProps, OxPaginationProps, OxPaginationSummaryProps } from './Pagination.types';
+declare function OxPaginationItem({ children, ...props }: OxPaginationItemProps): import("react").JSX.Element;
+declare function OxPaginationPrevious({ children, ...props }: OxPaginationControlProps): import("react").JSX.Element;
+declare function OxPaginationNext({ children, ...props }: OxPaginationControlProps): import("react").JSX.Element;
+declare function OxPaginationFirst({ children, ...props }: OxPaginationControlProps): import("react").JSX.Element;
+declare function OxPaginationLast({ children, ...props }: OxPaginationControlProps): import("react").JSX.Element;
+declare function OxPaginationEllipsis({ className }: OxPaginationEllipsisProps): import("react").JSX.Element;
+declare function OxPaginationSummary({ children, className, render, ...props }: OxPaginationSummaryProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+declare function OxPaginationRoot({ 'aria-label': ariaLabel, children, className, itemLabel, render, total, variant, ...props }: OxPaginationProps): import("react").JSX.Element;
+export { OxPaginationEllipsis, OxPaginationFirst, OxPaginationItem, OxPaginationLast, OxPaginationNext, OxPaginationPrevious, OxPaginationRoot, OxPaginationSummary, };