@exegia/corpora-ui 2.0.0 → 3.1.0

package/dist-lib/components/composed/chat/chart/type.d.ts

@@ -0,0 +1,80 @@
+import { useRender } from '@base-ui/react/use-render';
+import { Reference } from '../../../atoms/reference';
+import { AreaProps, CurveType, TooltipProps, XAxisProps, YAxisProps } from './evilcharts/echarts-area-chart';
+import { BarProps } from './evilcharts/echarts-bar-chart';
+import { LineProps } from './evilcharts/echarts-line-chart';
+import { PieProps } from './evilcharts/echarts-pie-chart';
+import { BrushProps } from './evilcharts/echarts-brush';
+import { EChartsRenderer } from './evilcharts/echarts-chart';
+import type * as React from "react";
+export type TChartType = "pie" | "area" | "line" | "bar";
+export type TChartVariant = "default" | "stacked" | "percent" | "donut" | "horizontal";
+export type TChartInstanceId = string;
+export type TChartDatum = {
+    label: string;
+    [key: string]: string | number | null;
+};
+export interface IChartSeries {
+    key: string;
+    label: React.ReactNode;
+    color?: string;
+    format?: (value: number) => React.ReactNode;
+    area?: Omit<AreaProps, "dataKey" | "children">;
+    line?: Omit<LineProps, "dataKey" | "children">;
+    bar?: Omit<BarProps, "dataKey">;
+}
+export interface IChartState {
+    selectedKey: string | null;
+}
+export interface IChartStateActions {
+    select: (key: string | null) => void;
+    toggle: (key: string) => void;
+    clearSelection: () => void;
+    reset: () => void;
+}
+export interface IChartProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
+    type: TChartType;
+    /** Unique within the current Jotai store. Omit for an isolated generated id. */
+    chartId?: TChartInstanceId;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    badge?: React.ReactNode;
+    reference?: React.ComponentProps<typeof Reference>;
+    data: TChartDatum[];
+    series: IChartSeries[];
+    center?: {
+        value: React.ReactNode;
+        label?: React.ReactNode;
+    };
+    headerless?: boolean;
+    /** Outer component width. Numbers are pixels; CSS lengths such as "100%" work. */
+    width?: React.CSSProperties["width"];
+    /** Outer component height, including header and legend. Plot fills remaining space. */
+    height?: React.CSSProperties["height"];
+    /** Explicit plot height takes precedence over filling the outer height. */
+    plotHeight?: React.CSSProperties["height"];
+    /** Replace the outer element using the coss/Base UI render API. */
+    render?: useRender.ComponentProps<"div">["render"];
+    /** stacked/percent: area or bar; horizontal: bar; donut: pie. */
+    variant?: TChartVariant;
+    renderer?: EChartsRenderer;
+    animation?: boolean;
+    loading?: boolean;
+    emptyContent?: React.ReactNode;
+    showLegend?: boolean;
+    interactive?: boolean;
+    selectedKey?: string | null;
+    defaultSelectedKey?: string | null;
+    onSelectionChange?: (key: string | null) => void;
+    curveType?: CurveType;
+    grid?: boolean;
+    xAxis?: boolean | XAxisProps;
+    yAxis?: boolean | YAxisProps;
+    tooltip?: boolean | TooltipProps;
+    brush?: boolean | BrushProps;
+    pie?: Omit<PieProps, "children">;
+    /** ECharts options override generated options at the top level. */
+    chartOptions?: Record<string, unknown>;
+    /** Selection methods; also available via useChartActions(chartId). */
+    ref?: React.Ref<IChartStateActions>;
+}

package/dist-lib/components/composed/chat/chart/use-chart-state.d.ts

@@ -0,0 +1,3 @@
+import { IChartStateActions, TChartInstanceId } from './type';
+export declare function useChartState(id: TChartInstanceId): import('./type').IChartState;
+export declare function useChartActions(id: TChartInstanceId): IChartStateActions;

package/dist-lib/components/composed/chat/chart/use-chart.d.ts

@@ -0,0 +1,6 @@
+import { IChartProps } from './type';
+export declare function useChart(props: IChartProps): {
+    id: string;
+    selectedKey: string | null;
+    actions: import('./type').IChartStateActions;
+};

package/dist-lib/components/composed/chat/chart/utils.d.ts

@@ -0,0 +1,5 @@
+import { ChartConfig } from './evilcharts/echarts-chart';
+import { IChartSeries, TChartDatum, TChartType } from './type';
+export declare function chartSeriesColor(series: IChartSeries, index: number): string;
+export declare function formatChartValue(series: IChartSeries | undefined, value: unknown): import('react').ReactNode;
+export declare function buildChartConfig(type: TChartType, data: TChartDatum[], series: IChartSeries[]): ChartConfig;

package/dist-lib/components/composed/chat/chart.d.ts

@@ -1,44 +1 @@
-import { Reference } from '../../atoms/reference';
-import type * as React from "react";
-export type TChartType = "pie" | "area" | "line" | "bar";
-export interface IChartSeries {
-    /** Key into each data row. */
-    key: string;
-    label: React.ReactNode;
-    /** Defaults to `var(--chart-series-N)` by position. */
-    color?: string;
-    /** Renders a value in the legend and tooltip (`v => \`${v}%\``). */
-    format?: (value: number) => React.ReactNode;
-}
-export type TChartDatum = {
-    label: string;
-    [key: string]: string | number;
-};
-export interface IChartProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
-    type: TChartType;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    /** Pill text; defaults to the capitalised type. */
-    badge?: React.ReactNode;
-    /** The passage or Strong's entry behind the data. Replaces the type badge. */
-    reference?: React.ComponentProps<typeof Reference>;
-    data: TChartDatum[];
-    /** Series to plot; pie uses the first one. */
-    series: IChartSeries[];
-    /** Pie only: big number and caption in the donut's centre. */
-    center?: {
-        value: React.ReactNode;
-        label?: React.ReactNode;
-    };
-    /** Drop the title row (InsightCards embeds a bare plot). */
-    headerless?: boolean;
-    /** Plot height in px; the card is 244 tall with the header. */
-    plotHeight?: number;
-}
-/**
- * Compact chart card: title, subtitle, reference or type pill, plot and legend.
- * Series colours are the `--chart-series-*` tokens, grid is `--chart-grid`.
- *
- * @sketch "Component / Chart / {Pie, Area, Line, Bar}"
- */
-export declare function Chart({ type, title, subtitle, badge, reference, data, series, center, headerless, plotHeight, className, ...props }: IChartProps): React.ReactElement;
+export * from './chart/index';

package/dist-lib/components/composed/chat/index.d.ts

@@ -1,5 +1,5 @@
 export { Attachment, type TAttachmentKind, type TAttachmentProps, type TAttachmentVariant, } from './attachment';
-export { Chart, type TChartDatum, type IChartProps, type IChartSeries, type TChartType, } from './chart';
+export * from './chart';
 export { Markdown, markdownViewAtom, removeMarkdownInstance, useMarkdownView, type IMarkdownProps, type TMarkdownView, } from './markdown';
 export { addComposerAttachmentAtom, clearComposerAttachmentsAtom, CommandMenu, Composer, composerAttachmentsAtom, removeComposerAttachmentAtom, removeComposerInstance, useComposerAttachmentActions, useComposerAttachments, } from './composer';
 export type { TComposerAttachment, IComposerModel, IComposerOption, IComposerBaseProps, TComposerMode, IComposerSuggestionsProps, IComposerMenuProps, IComposerProps, IComposerSubmitButtonProps, } from './composer';

package/dist-lib/components/ui/badge.d.ts

@@ -1,8 +1,8 @@
 import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "invert" | "default" | "outline" | "focus" | "destructive" | "destructive-outline" | "secondary" | "success" | "info" | "warning" | "primary-light" | "warning-light" | "success-light" | "info-light" | "destructive-light" | "invert-light" | "focus-light" | "primary-outline" | "warning-outline" | "success-outline" | "info-outline" | "invert-outline" | "focus-outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | "xs" | "xl" | null | undefined;
+    variant?: "default" | "invert" | "outline" | "focus" | "destructive" | "destructive-outline" | "secondary" | "success" | "info" | "warning" | "primary-light" | "warning-light" | "success-light" | "info-light" | "destructive-light" | "invert-light" | "focus-light" | "primary-outline" | "warning-outline" | "success-outline" | "info-outline" | "invert-outline" | "focus-outline" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
     radius?: "default" | "full" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface IBadgeProps extends useRender.ComponentProps<"span"> {

package/dist-lib/components/ui/button.d.ts

@@ -3,8 +3,8 @@ import { VariantProps } from 'class-variance-authority';
 import { TFrostGlassVariant } from '../../lib/glass-variants';
 import type * as React from "react";
 export declare const buttonVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "icon" | "xs" | "xl" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | null | undefined;
-    variant?: "link" | "default" | "outline" | "destructive" | "destructive-outline" | "ghost" | "glass" | "secondary" | null | undefined;
+    size?: "icon" | "default" | "xs" | "sm" | "lg" | "xl" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | null | undefined;
+    variant?: "default" | "link" | "outline" | "destructive" | "destructive-outline" | "ghost" | "glass" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type TButtonVariant = VariantProps<typeof buttonVariants>["variant"];
 interface IButtonBaseProps extends useRender.ComponentProps<"button"> {

package/dist-lib/components/ui/glasscn/lazy-glass-surface.d.ts

@@ -0,0 +1,6 @@
+import { TFrostGlassVariant } from '../../../lib/glass-variants';
+type Props = {
+    glassVariant: TFrostGlassVariant;
+};
+export declare function LazyGlassSurface(props: Props): import("react").JSX.Element;
+export {};

package/dist-lib/components/ui/modal.d.ts

@@ -0,0 +1,10 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { ReactElement } from 'react';
+export declare const Modal: typeof Dialog.Root;
+export declare const ModalTrigger: typeof Dialog.Trigger;
+export declare const ModalClose: typeof Dialog.Close;
+export declare const ModalTitle: typeof Dialog.Title;
+export declare const ModalDescription: typeof Dialog.Description;
+export declare function ModalPopup({ children, className, portalProps, ...props }: Dialog.Popup.Props & {
+    portalProps?: Dialog.Portal.Props;
+}): ReactElement;

package/dist-lib/components/ui/overlays.d.ts

@@ -0,0 +1,4 @@
+export * from './modal';
+export * from './popover';
+export * from './tooltip';
+export * from './toast';

package/dist-lib/components/ui/select.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import type * as React from "react";
 export declare const Select: typeof SelectPrimitive.Root;
 export declare const selectTriggerVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const selectTriggerIconClassName = "-me-1 size-4.5 opacity-80 sm:size-4";
 export interface ISelectButtonProps extends useRender.ComponentProps<"button"> {

package/dist-lib/components/ui/toast.d.ts

@@ -1,6 +1,8 @@
 import { Toast } from '@base-ui/react/toast';
 import { default as React } from 'react';
 export declare const toastManager: ReturnType<typeof Toast.createToastManager>;
+/** Use the manager belonging to the nearest ExegiaProvider/ToastProvider. */
+export declare const useToastManager: typeof Toast.useToastManager;
 export declare const anchoredToastManager: ReturnType<typeof Toast.createToastManager>;
 export type TToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 export interface IToastProviderProps extends Toast.Provider.Props {

package/dist-lib/ease-C9At8rnB.js

@@ -0,0 +1,120 @@
+import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
+import { attachSeparator as r, createPanel as i, createPanelGroup as a } from "motion-panels";
+//#region src/lib/use-motion-panel.ts
+function o(o) {
+	let { orientation: s = "horizontal", enabled: c = !0, ...l } = o, u = n(null), d = n(null), f = n(null), p = n(l);
+	return t(() => {
+		p.current = l;
+	}), t(() => {
+		let e = u.current;
+		if (!e || !c) return;
+		let t = a(s), n = i(t, p.current);
+		f.current = n;
+		let o = n.attach(e), l = t.axes.extent, m = e.style[l], h = (t) => {
+			e.style[l] = `${Math.max(0, t)}px`;
+		};
+		h(n.motion.size.get());
+		let g = n.motion.size.on("change", h), _ = n.subscribe(() => {
+			e.toggleAttribute("data-resizing", n.state.dragging), e.toggleAttribute("data-folding", n.state.folding);
+		}), v = d.current ? r(d.current, t, n) : void 0;
+		return () => {
+			v?.(), g(), _(), o(), n.destroy(), f.current = null, e.style[l] = m;
+		};
+	}, [s, c]), t(() => {
+		f.current?.sync(l);
+	}), e(() => () => {
+		f.current?.drag.cancel();
+	}, []), {
+		panelRef: u,
+		gripRef: d
+	};
+}
+//#endregion
+//#region src/lib/ease.ts
+var s = [
+	.16,
+	1,
+	.3,
+	1
+], c = [
+	.77,
+	0,
+	.175,
+	1
+], l = [
+	.32,
+	.72,
+	0,
+	1
+], u = "cubic-bezier(0.16, 1, 0.3, 1)", d = {
+	type: "spring",
+	stiffness: 300,
+	damping: 30,
+	mass: .6
+}, f = {
+	type: "spring",
+	stiffness: 500,
+	damping: 30,
+	mass: .6
+}, p = {
+	type: "spring",
+	stiffness: 460,
+	damping: 30,
+	mass: .55
+}, m = {
+	type: "spring",
+	stiffness: 420,
+	damping: 40,
+	mass: .5
+}, h = {
+	type: "spring",
+	stiffness: 360,
+	damping: 32,
+	mass: .6
+}, g = {
+	stiffness: 200,
+	damping: 15,
+	mass: .3
+}, _ = {
+	stiffness: 700,
+	damping: 50,
+	mass: .5
+}, v = {
+	type: "spring",
+	stiffness: 220,
+	damping: 17,
+	mass: .85
+}, y = {
+	type: "spring",
+	stiffness: 300,
+	damping: 20,
+	mass: .5
+}, b = {
+	hidden: {
+		opacity: 0,
+		filter: "blur(3px)"
+	},
+	visible: {
+		opacity: 1,
+		filter: "blur(0px)",
+		transition: {
+			duration: .18,
+			ease: s
+		}
+	},
+	exit: {
+		opacity: 0,
+		filter: "blur(3px)",
+		transition: {
+			duration: .18,
+			ease: s
+		}
+	}
+}, x = [
+	.23,
+	1,
+	.32,
+	1
+];
+//#endregion
+export { s as a, b as c, h as d, g as f, o as g, p as h, d as i, v as l, f as m, l as n, u as o, m as p, c as r, x as s, y as t, _ as u };

package/dist-lib/exegia-provider-DNTuLljX.js

@@ -0,0 +1,124 @@
+import { d as e, p as t, r as n } from "./toast-CataVXHN.js";
+import * as r from "react";
+import { Provider as i, createStore as a, useStore as o } from "jotai";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/theme-provider.tsx
+var c = "(prefers-color-scheme: dark)", l = [
+	"dark",
+	"light",
+	"system"
+], u = r.createContext(void 0);
+function d(e) {
+	return e !== null && l.includes(e);
+}
+function f() {
+	return window.matchMedia(c).matches ? "dark" : "light";
+}
+function p() {
+	let e = document.createElement("style");
+	return e.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;transition:none!important}")), document.head.appendChild(e), () => {
+		window.getComputedStyle(document.body), requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				e.remove();
+			});
+		});
+	};
+}
+function m(e) {
+	return e instanceof HTMLElement && !!(e.isContentEditable || e.closest("input, textarea, select, [contenteditable='true']"));
+}
+function h({ children: e, defaultTheme: t = "system", storageKey: n = "theme", disableTransitionOnChange: i = !0, ...a }) {
+	let [o, l] = r.useState(() => {
+		let e = localStorage.getItem(n);
+		return d(e) ? e : t;
+	}), h = r.useCallback((e) => {
+		localStorage.setItem(n, e), l(e);
+	}, [n]), g = r.useCallback((e) => {
+		let t = document.documentElement, n = e === "system" ? f() : e, r = i ? p() : null;
+		t.classList.remove("light", "dark"), t.classList.add(n), r && r();
+	}, [i]);
+	r.useEffect(() => {
+		if (g(o), o !== "system") return;
+		let e = window.matchMedia(c), t = () => {
+			g("system");
+		};
+		return e.addEventListener("change", t), () => {
+			e.removeEventListener("change", t);
+		};
+	}, [o, g]), r.useEffect(() => {
+		let e = (e) => {
+			e.repeat || e.metaKey || e.ctrlKey || e.altKey || m(e.target) || e.key.toLowerCase() === "d" && l((e) => {
+				let t = e === "dark" ? "light" : e === "light" ? "dark" : f() === "dark" ? "light" : "dark";
+				return localStorage.setItem(n, t), t;
+			});
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [n]), r.useEffect(() => {
+		let e = (e) => {
+			if (e.storageArea === localStorage && e.key === n) {
+				if (d(e.newValue)) {
+					l(e.newValue);
+					return;
+				}
+				l(t);
+			}
+		};
+		return window.addEventListener("storage", e), () => {
+			window.removeEventListener("storage", e);
+		};
+	}, [t, n]);
+	let _ = r.useMemo(() => ({
+		theme: o,
+		setTheme: h
+	}), [o, h]);
+	return /* @__PURE__ */ s(u.Provider, {
+		...a,
+		value: _,
+		children: e
+	});
+}
+//#endregion
+//#region src/lib/state/sound-loading.ts
+function g() {
+	return import("./sound-knGH4lj-.js").then((e) => e.o);
+}
+function _(e = g) {
+	let t = !0;
+	return e().then(({ bindSounds: e }) => {
+		t && e();
+	}, () => {}), () => {
+		t = !1;
+	};
+}
+//#endregion
+//#region src/lib/state/store.ts
+var v = a();
+//#endregion
+//#region src/lib/state/exegia-provider.tsx
+function y({ children: a, store: o, portalContainer: c, toast: l, tooltip: u, sound: d = !1, theme: f }) {
+	r.useEffect(() => {
+		if (d) return _();
+	}, [d]);
+	let p = /* @__PURE__ */ s(t.Provider, {
+		value: c,
+		children: /* @__PURE__ */ s(e, {
+			...u,
+			children: /* @__PURE__ */ s(n, {
+				...l,
+				children: a
+			})
+		})
+	});
+	return /* @__PURE__ */ s(i, {
+		store: o ?? v,
+		children: f ? /* @__PURE__ */ s(h, {
+			...f,
+			children: p
+		}) : p
+	});
+}
+var b = o;
+//#endregion
+export { g as i, b as n, v as r, y as t };