@ponti-studios/ui 2.0.1 → 3.0.0

package/dist/components/primitives/card.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/primitives/card.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card",
+		className: e("bg-card text-card-foreground flex flex-col gap-4 rounded border", n),
+		...r
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-header",
+		className: e("flex flex-col items-start justify-between gap-1 p-4 has-data-[slot=card-action]:grid has-data-[slot=card-action]:grid-cols-[1fr_auto]", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("h3", {
+		"data-slot": "card-title",
+		className: e("text-xl", n),
+		...r,
+		children: r.children
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-description",
+		className: e("text-muted-foreground text-xs", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-action",
+		className: e("col-start-2 self-start justify-self-end", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-content",
+		className: e("p-4", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-footer",
+		className: e("flex items-center p-4", n),
+		...r
+	});
+}
+//#endregion
+export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };

package/{src/components/primitives/index.ts → dist/components/primitives/index.d.ts}

@@ -3,12 +3,4 @@ export { Badge, badgeVariants } from "./badge";
 export { Button, buttonVariants } from "./button";
 export { SegmentedControl, type SegmentedControlProps, type SegmentedOption } from "./segmented-control";
 export { Separator } from "./separator";
-export {
-  Card,
-  CardAction,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "./card";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card";

package/dist/components/primitives/index.js

@@ -0,0 +1,7 @@
+import { Avatar as e, AvatarFallback as t, AvatarGroup as n, AvatarGroupCount as r, AvatarImage as i } from "./avatar.js";
+import { Badge as a, badgeVariants as o } from "./badge.js";
+import { Button as s, buttonVariants as c } from "./button.js";
+import { SegmentedControl as l } from "./segmented-control.js";
+import { Separator as u } from "./separator.js";
+import { Card as d, CardAction as f, CardContent as p, CardDescription as m, CardFooter as h, CardHeader as g, CardTitle as _ } from "./card.js";
+export { e as Avatar, t as AvatarFallback, n as AvatarGroup, r as AvatarGroupCount, i as AvatarImage, a as Badge, s as Button, d as Card, f as CardAction, p as CardContent, m as CardDescription, h as CardFooter, g as CardHeader, _ as CardTitle, l as SegmentedControl, u as Separator, o as badgeVariants, c as buttonVariants };

package/dist/components/primitives/segmented-control.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export type SegmentedOption = {
+    value: string;
+    label: React.ReactNode;
+    ariaLabel?: string;
+};
+export type SegmentedControlProps = {
+    options: SegmentedOption[];
+    /** Selected values. Single mode: pass at most one. */
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    /** @default false — single-select. True allows several pressed. */
+    multiple?: boolean;
+    /** Accessible name for the group. Falls back to joining option labels. */
+    label?: string;
+    className?: string;
+    itemClassName?: string;
+};
+export declare function SegmentedControl({ options, value, defaultValue, onValueChange, multiple, label, className, itemClassName, }: SegmentedControlProps): React.JSX.Element;

package/dist/components/primitives/segmented-control.js

@@ -0,0 +1,27 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { ToggleGroup as n } from "@base-ui/react/toggle-group";
+import { Toggle as r } from "@base-ui/react/toggle";
+//#region src/components/primitives/segmented-control.tsx
+function i({ options: i, value: a, defaultValue: o, onValueChange: s, multiple: c = !1, label: l, className: u, itemClassName: d }) {
+	return /* @__PURE__ */ t(n, {
+		"data-slot": "segmented-control",
+		"aria-label": l ?? i.map((e) => e.ariaLabel ?? e.value).join(", "),
+		multiple: c,
+		value: a,
+		defaultValue: o,
+		onValueChange: s,
+		className: e("border-border bg-card inline-flex items-center gap-0.5 rounded-full border p-0.5", u),
+		children: i.map((n) => /* @__PURE__ */ t(r, {
+			"data-slot": "segmented-control-item",
+			value: n.value,
+			"aria-label": n.ariaLabel ?? (typeof n.label == "string" ? n.label : n.value),
+			className: e("text-muted-foreground hover:text-foreground rounded-full px-4 py-1.5 text-[11px] font-semibold tracking-wider whitespace-nowrap uppercase transition-colors", "data-pressed:bg-foreground data-pressed:text-background", "focus-visible:outline-ring focus-visible:outline-2 focus-visible:outline-offset-2", "data-disabled:pointer-events-none data-disabled:opacity-50", d),
+			children: n.label
+		}, n.value))
+	});
+}
+//#endregion
+export { i as SegmentedControl };

package/dist/components/primitives/separator.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import * as React from "react";
+declare function Separator({ className, orientation, ...props }: React.ComponentProps<typeof SeparatorPrimitive>): React.JSX.Element;
+export { Separator };

package/dist/components/primitives/separator.js

@@ -0,0 +1,16 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Separator as n } from "@base-ui/react/separator";
+//#region src/components/primitives/separator.tsx
+function r({ className: r, orientation: i = "horizontal", ...a }) {
+	return /* @__PURE__ */ t(n, {
+		"data-slot": "separator",
+		orientation: i,
+		className: e("bg-border shrink-0", i === "horizontal" ? "h-px w-full" : "h-full w-px", r),
+		...a
+	});
+}
+//#endregion
+export { r as Separator };

package/dist/constants/chart-colors.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Chart colors are CSS-variable-backed so they stay in sync with the active
+ * color system and mode at runtime.
+ */
+export declare const CHART_COLORS: {
+    readonly chart1: "var(--chart-1)";
+    readonly chart2: "var(--chart-2)";
+    readonly chart3: "var(--chart-3)";
+    readonly chart4: "var(--chart-4)";
+    readonly chart5: "var(--chart-5)";
+    readonly positive: "var(--chart-positive)";
+    readonly negative: "var(--chart-negative)";
+    readonly neutral: "var(--chart-neutral)";
+    readonly background: "var(--color-background)";
+    readonly grid: "var(--color-border)";
+    readonly axis: "var(--color-muted-foreground)";
+    readonly label: "var(--color-muted-foreground)";
+    readonly tooltip: {
+        readonly background: "var(--color-card)";
+        readonly text: "var(--color-foreground)";
+        readonly border: "var(--color-border)";
+    };
+};
+export declare const CHART_CSS_VARS: {
+    readonly positive: "var(--chart-positive)";
+    readonly negative: "var(--chart-negative)";
+    readonly neutral: "var(--chart-neutral)";
+    readonly chart1: "var(--chart-1)";
+    readonly chart2: "var(--chart-2)";
+    readonly chart3: "var(--chart-3)";
+    readonly chart4: "var(--chart-4)";
+    readonly chart5: "var(--chart-5)";
+};

package/dist/constants/chart-colors.js

@@ -0,0 +1,31 @@
+//#region src/constants/chart-colors.ts
+var e = {
+	chart1: "var(--chart-1)",
+	chart2: "var(--chart-2)",
+	chart3: "var(--chart-3)",
+	chart4: "var(--chart-4)",
+	chart5: "var(--chart-5)",
+	positive: "var(--chart-positive)",
+	negative: "var(--chart-negative)",
+	neutral: "var(--chart-neutral)",
+	background: "var(--color-background)",
+	grid: "var(--color-border)",
+	axis: "var(--color-muted-foreground)",
+	label: "var(--color-muted-foreground)",
+	tooltip: {
+		background: "var(--color-card)",
+		text: "var(--color-foreground)",
+		border: "var(--color-border)"
+	}
+}, t = {
+	positive: "var(--chart-positive)",
+	negative: "var(--chart-negative)",
+	neutral: "var(--chart-neutral)",
+	chart1: "var(--chart-1)",
+	chart2: "var(--chart-2)",
+	chart3: "var(--chart-3)",
+	chart4: "var(--chart-4)",
+	chart5: "var(--chart-5)"
+};
+//#endregion
+export { e as CHART_COLORS, t as CHART_CSS_VARS };

package/dist/hooks/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { useApiClient as e } from "./use-api-client.js";
+import { useDebouncedValue as t } from "./use-debounced-value.js";
+import { useDerivedFilterState as n } from "./use-derived-filter-state.js";
+import { useFilterState as r } from "./use-filter-state.js";
+import { useMediaQuery as i } from "./use-media-query.js";
+import { useIsMobile as a } from "./use-mobile.js";
+import { useSort as o } from "./use-sort.js";
+export { e as useApiClient, t as useDebouncedValue, n as useDerivedFilterState, r as useFilterState, a as useIsMobile, i as useMediaQuery, o as useSort };

package/{src/hooks/sort.types.ts → dist/hooks/sort.types.d.ts}

@@ -2,11 +2,9 @@
  * Sort types for use across packages
  * These types are exported from the shared UI package for shared usage
  */
-
 export type SortField = string;
 export type SortDirection = "asc" | "desc";
-
 export interface SortOption {
-  field: SortField;
-  direction: SortDirection;
+    field: SortField;
+    direction: SortDirection;
 }

package/dist/hooks/use-api-client.d.ts

@@ -0,0 +1,30 @@
+export interface UseApiClientOptions {
+    /** Base URL prepended to relative endpoints. Defaults to same-origin requests. */
+    baseUrl?: string;
+    /** Fetch credentials policy. Defaults to the browser's same-origin behavior. */
+    credentials?: RequestCredentials;
+    /** Injectable Fetch implementation for custom runtimes and deterministic tests. */
+    fetcher?: typeof fetch;
+}
+export interface ApiRequestOptions<T> {
+    method?: "GET" | "POST" | "PUT" | "DELETE";
+    body?: T | null;
+    headers?: HeadersInit;
+    stream?: boolean;
+    signal?: AbortSignal;
+}
+/**
+ * Same-origin by default, with explicit configuration for applications that
+ * need another API host. The hook owns request status only; server state and
+ * caching belong in the consuming application's query layer.
+ */
+export declare function useApiClient({ baseUrl, credentials, fetcher, }?: UseApiClientOptions): {
+    get: <S>(endpoint: string, options?: Omit<ApiRequestOptions<never>, "method" | "body">) => Promise<S>;
+    post: <T, S>(endpoint: string, data?: T, options?: Omit<ApiRequestOptions<T>, "method">) => Promise<S>;
+    postStream: <T>(endpoint: string, data: T, options?: Omit<ApiRequestOptions<T>, "method" | "stream">) => Promise<Response>;
+    postFormData: <S>(endpoint: string, formData: FormData, options?: Omit<ApiRequestOptions<FormData>, "method">) => Promise<S>;
+    put: <T, S>(endpoint: string, data: T, options?: Omit<ApiRequestOptions<T>, "method">) => Promise<S>;
+    delete: <S>(endpoint: string, options?: Omit<ApiRequestOptions<never>, "method">) => Promise<S>;
+    isLoading: boolean;
+    error: Error | null;
+};

package/dist/hooks/use-api-client.js

@@ -0,0 +1,106 @@
+"use client";
+import { useCallback as e, useMemo as t, useRef as n, useState as r } from "react";
+//#region src/hooks/use-api-client.ts
+function i(e, t) {
+	if (/^https?:\/\//i.test(t)) return t;
+	let n = e.replace(/\/+$/, ""), r = t.replace(/^\/+/, "");
+	return n ? `${n}/${r}` : `/${r}`;
+}
+async function a(e) {
+	if ((e.headers.get("content-type") ?? "").includes("json")) {
+		let t = await e.json().catch(() => null);
+		if (t && typeof t == "object" && "message" in t) {
+			let e = t.message;
+			if (typeof e == "string" && e.length > 0) return e;
+		}
+	} else {
+		let t = await e.text().catch(() => "");
+		if (t.length > 0) return t;
+	}
+	return `Request failed with status ${e.status}`;
+}
+function o({ baseUrl: o = "", credentials: s = "same-origin", fetcher: c = fetch } = {}) {
+	let [l, u] = r({
+		isLoading: !1,
+		error: null
+	}), d = n(0), f = e(async (e, t = {}) => {
+		let { method: n = "GET", body: r, headers: l, stream: f = !1, signal: p } = t;
+		d.current += 1, u((e) => ({
+			...e,
+			isLoading: !0,
+			error: null
+		}));
+		try {
+			let t = new Headers(l), u = typeof FormData < "u" && r instanceof FormData, d = r != null;
+			d && !u && !t.has("Content-Type") && t.set("Content-Type", "application/json");
+			let m = await c(i(o, e), {
+				method: n,
+				headers: t,
+				body: d ? u ? r : JSON.stringify(r) : null,
+				credentials: s,
+				signal: p
+			});
+			if (!m.ok) throw Error(await a(m));
+			if (f) return m;
+			if (m.status === 204 || m.status === 205) return;
+			if ((m.headers.get("content-type") ?? "").includes("json")) return await m.json();
+			if (m.status === 0 || m.headers.get("content-length") === "0") return;
+			let h = await m.text();
+			return h.length === 0 ? void 0 : h;
+		} catch (e) {
+			let t = e instanceof Error ? e : /* @__PURE__ */ Error("An unknown request error occurred");
+			throw u((e) => ({
+				...e,
+				error: t
+			})), t;
+		} finally {
+			d.current = Math.max(0, d.current - 1);
+			let e = d.current > 0;
+			u((t) => ({
+				...t,
+				isLoading: e
+			}));
+		}
+	}, [
+		o,
+		s,
+		c
+	]);
+	return {
+		...t(() => ({
+			get: (e, t) => f(e, {
+				...t,
+				method: "GET"
+			}),
+			post: (e, t, n) => f(e, {
+				...n,
+				method: "POST",
+				body: t
+			}),
+			postStream: (e, t, n) => f(e, {
+				...n,
+				method: "POST",
+				body: t,
+				stream: !0
+			}),
+			postFormData: (e, t, n) => f(e, {
+				...n,
+				method: "POST",
+				body: t
+			}),
+			put: (e, t, n) => f(e, {
+				...n,
+				method: "PUT",
+				body: t
+			}),
+			delete: (e, t) => f(e, {
+				...t,
+				method: "DELETE"
+			})
+		}), [f]),
+		isLoading: l.isLoading,
+		error: l.error
+	};
+}
+//#endregion
+export { o as useApiClient };

package/dist/hooks/use-debounced-value.d.ts

@@ -0,0 +1 @@
+export declare function useDebouncedValue<T>(value: T, delayMs: number): T;

package/dist/hooks/use-debounced-value.js

@@ -0,0 +1,12 @@
+"use client";
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-debounced-value.ts
+function n(n, r) {
+	let [i, a] = t(n);
+	return e(() => {
+		let e = setTimeout(() => a(n), r);
+		return () => clearTimeout(e);
+	}, [r, n]), i;
+}
+//#endregion
+export { n as useDebouncedValue };

package/dist/hooks/use-derived-filter-state.d.ts

@@ -0,0 +1,20 @@
+import type { ActiveFilter } from "../components/filters/active-filters-bar";
+export interface FilterConfig {
+    default: string;
+    label?: (value: string) => string;
+}
+interface UseDerivedFilterStateOptions<T extends Record<string, FilterConfig>> {
+    fields: T;
+    sync: {
+        read: () => Record<string, string>;
+        write: (values: Record<string, string>) => void;
+    };
+}
+export declare function useDerivedFilterState<T extends Record<string, FilterConfig>>({ fields, sync, }: UseDerivedFilterStateOptions<T>): {
+    values: Record<string, string>;
+    setValue: (key: string, value: string) => void;
+    activeFilters: ActiveFilter[];
+    clearAll: () => void;
+    hasActive: boolean;
+};
+export {};

package/dist/hooks/use-derived-filter-state.js

@@ -0,0 +1,39 @@
+"use client";
+import { useCallback as e, useMemo as t, useState as n } from "react";
+//#region src/hooks/use-derived-filter-state.ts
+function r({ fields: r, sync: i }) {
+	let [a, o] = n(() => {
+		let e = i.read(), t = {};
+		for (let n of Object.keys(r)) t[n] = e[n] ?? r[n].default;
+		return t;
+	}), s = e((e, t) => {
+		o((n) => {
+			let r = {
+				...n,
+				[e]: t
+			};
+			return i.write(r), r;
+		});
+	}, [i]), c = e(() => {
+		let e = {};
+		for (let t of Object.keys(r)) e[t] = r[t].default;
+		o(e), i.write(e);
+	}, [r, i]), l = t(() => Object.entries(a).filter(([, e]) => e !== "").map(([e, t]) => ({
+		id: e,
+		label: r[e]?.label ? r[e].label(t) : `${e}: ${t}`,
+		onRemove: () => s(e, "")
+	})), [
+		a,
+		r,
+		s
+	]);
+	return {
+		values: a,
+		setValue: s,
+		activeFilters: l,
+		clearAll: c,
+		hasActive: l.length > 0
+	};
+}
+//#endregion
+export { r as useDerivedFilterState };

package/dist/hooks/use-filter-state.d.ts

@@ -0,0 +1,12 @@
+interface UseFilterStateOptions<T> {
+    initialFilters: T;
+    onFiltersChange?: (filters: T) => void;
+    debounceMs?: number;
+}
+export declare function useFilterState<T extends Record<string, unknown>>(options: UseFilterStateOptions<T>): {
+    filters: T;
+    setFilters: (newFilters: T | ((prev: T) => T)) => void;
+    updateFilter: <K extends keyof T>(key: K, value: T[K]) => void;
+    clearFilters: () => void;
+};
+export {};

package/dist/hooks/use-filter-state.js

@@ -0,0 +1,37 @@
+"use client";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/use-filter-state.ts
+function i(i) {
+	let { initialFilters: a, onFiltersChange: o, debounceMs: s } = i, [c, l] = r(a), u = n(o), d = n(c);
+	u.current = o;
+	let f = e((e) => {
+		l(e);
+	}, []), p = e((e, t) => {
+		f((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, [f]), m = e(() => {
+		l(a);
+	}, [a]);
+	return t(() => {
+		if (Object.is(d.current, c)) return;
+		if (d.current = c, !s || s <= 0) {
+			u.current?.(c);
+			return;
+		}
+		let e = setTimeout(() => {
+			u.current?.(c);
+		}, s);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [c, s]), {
+		filters: c,
+		setFilters: f,
+		updateFilter: p,
+		clearFilters: m
+	};
+}
+//#endregion
+export { i as useFilterState };

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Listens for changes to a media query and returns a boolean indicating whether the query matches.
+ * @param query - The media query string to listen for.
+ * @returns A boolean indicating whether the media query matches.
+ */
+export declare function useMediaQuery(query: string): boolean;

package/dist/hooks/use-media-query.js

@@ -0,0 +1,27 @@
+"use client";
+import { useCallback as e, useSyncExternalStore as t } from "react";
+//#region src/hooks/use-media-query.ts
+function n(e, t) {
+	if (t?.width !== void 0) {
+		let n = e.match(/\(min-width:\s*(\d+)px\)/), r = e.match(/\(max-width:\s*(\d+)px\)/);
+		if (n && n[1]) return t.width >= Number.parseInt(n[1], 10);
+		if (r && r[1]) return t.width <= Number.parseInt(r[1], 10);
+	}
+	return window.matchMedia(e).matches;
+}
+function r() {
+	return !1;
+}
+function i(i) {
+	return t(e((e) => {
+		if (typeof window > "u") return () => {};
+		let t = window.matchMedia(i), n = () => {
+			e();
+		};
+		return t.addEventListener("change", n), () => {
+			t.removeEventListener("change", n);
+		};
+	}, [i]), e(() => typeof window > "u" ? !1 : n(i), [i]), r);
+}
+//#endregion
+export { i as useMediaQuery };

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-mobile.js

@@ -0,0 +1,14 @@
+import * as e from "react";
+//#region src/hooks/use-mobile.tsx
+var t = 768;
+function n() {
+	let [n, r] = e.useState(void 0);
+	return e.useEffect(() => {
+		let e = window.matchMedia(`(max-width: ${t - 1}px)`), n = () => {
+			r(window.innerWidth < t);
+		};
+		return e.addEventListener("change", n), r(window.innerWidth < t), () => e.removeEventListener("change", n);
+	}, []), !!n;
+}
+//#endregion
+export { n as useIsMobile };

package/dist/hooks/use-sort.d.ts

@@ -0,0 +1,11 @@
+import type { SortOption } from "./sort.types";
+interface UseSortOptions {
+    initialSortOptions?: SortOption[];
+}
+export declare function useSort(options?: UseSortOptions): {
+    sortOptions: SortOption[];
+    addSortOption: (opt: SortOption) => void;
+    updateSortOption: (index: number, opt: SortOption) => void;
+    removeSortOption: (index: number) => void;
+};
+export {};

package/dist/hooks/use-sort.js

@@ -0,0 +1,14 @@
+"use client";
+import { useState as e } from "react";
+//#region src/hooks/use-sort.ts
+function t(t = {}) {
+	let [n, r] = e(t.initialSortOptions ?? []);
+	return {
+		sortOptions: n,
+		addSortOption: (e) => r((t) => [...t, e]),
+		updateSortOption: (e, t) => r((n) => n.map((n, r) => r === e ? t : n)),
+		removeSortOption: (e) => r((t) => t.filter((t, n) => n !== e))
+	};
+}
+//#endregion
+export { t as useSort };

package/{src/index.ts → dist/index.d.ts}

@@ -1,5 +1,4 @@
 import "../dist/styles.css";
-
 export { CHART_COLORS, CHART_CSS_VARS } from "./constants/chart-colors";
 export type { SortDirection, SortField, SortOption } from "./hooks/sort.types";
 export { useApiClient } from "./hooks/use-api-client";
@@ -13,34 +12,7 @@ export { normalizeOtp, OTP_LENGTH } from "./lib/auth";
 export { copyToClipboard } from "./lib/clipboard";
 export { cn } from "./lib/utils";
 export { colors } from "./styles/tokens/css-vars";
-export {
-  animations,
-  breakpoints,
-  colorThemes,
-  colorTokenNames,
-  containers,
-  easing,
-  fontFamilies,
-  fontWeights,
-  leading,
-  radii,
-  shadows,
-  spacing,
-  textLineHeights,
-  textSizes,
-  tracking,
-  transitionDurations,
-  zIndices,
-} from "./styles/tokens/index";
-export type {
-  ColorMode,
-  ColorTheme,
-  ColorToken,
-  FontWeightToken,
-  LeadingToken,
-  RadiusToken,
-  ShadowToken,
-  SpacingToken,
-  TextSizeToken,
-  TrackingToken,
-} from "./styles/tokens/index";
+export { animations, breakpoints, colorThemes, colorTokenNames, containers, easing, fontFamilies, fontWeights, leading, radii, shadows, spacing, textLineHeights, textSizes, tracking, transitionDurations, zIndices, } from "./styles/tokens/index";
+export type { ColorMode, ColorTheme, ColorToken, FontWeightToken, LeadingToken, RadiusToken, ShadowToken, SpacingToken, TextSizeToken, TrackingToken, } from "./styles/tokens/index";
+export { UiTextProvider, useUiText } from "./translations/ui-provider";
+export type { UiMessageKey, UiMessages } from "./translations/ui-provider";

package/dist/index.js

@@ -0,0 +1,15 @@
+import { CHART_COLORS as e, CHART_CSS_VARS as t } from "./constants/chart-colors.js";
+import { useApiClient as n } from "./hooks/use-api-client.js";
+import { useDebouncedValue as r } from "./hooks/use-debounced-value.js";
+import { useDerivedFilterState as i } from "./hooks/use-derived-filter-state.js";
+import { useFilterState as a } from "./hooks/use-filter-state.js";
+import { useMediaQuery as o } from "./hooks/use-media-query.js";
+import { useIsMobile as s } from "./hooks/use-mobile.js";
+import { OTP_LENGTH as c, normalizeOtp as l } from "./lib/auth.js";
+import { copyToClipboard as u } from "./lib/clipboard.js";
+import { cn as d } from "./lib/utils.js";
+import { animations as f, breakpoints as p, colorThemes as m, colorTokenNames as h, containers as g, easing as _, fontFamilies as v, fontWeights as y, leading as b, radii as x, shadows as S, spacing as C, textLineHeights as w, textSizes as T, tracking as E, transitionDurations as D, zIndices as O } from "./styles/tokens/index.js";
+import { colors as k } from "./styles/tokens/css-vars.js";
+import { UiTextProvider as A, useUiText as j } from "./translations/ui-provider.js";
+import "../dist/styles.css";
+export { e as CHART_COLORS, t as CHART_CSS_VARS, c as OTP_LENGTH, A as UiTextProvider, f as animations, p as breakpoints, d as cn, m as colorThemes, h as colorTokenNames, k as colors, g as containers, u as copyToClipboard, _ as easing, v as fontFamilies, y as fontWeights, b as leading, l as normalizeOtp, x as radii, S as shadows, C as spacing, w as textLineHeights, T as textSizes, E as tracking, D as transitionDurations, n as useApiClient, r as useDebouncedValue, i as useDerivedFilterState, a as useFilterState, s as useIsMobile, o as useMediaQuery, j as useUiText, O as zIndices };

package/dist/integrations/service-worker.d.ts

@@ -0,0 +1,2 @@
+export { UpdateGuard } from "../components/feedback/update-guard";
+export type { UpdateGuardCopy, UpdateGuardProps } from "../components/feedback/update-guard";