@spatika/react 1.0.0 → 1.2.0

package/dist/composites/SiteFooter.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import type { SiteNavLink } from "./SiteNav";
+export type SiteFooterProps = {
+    brand?: ReactNode;
+    copyright?: ReactNode;
+    links?: SiteNavLink[];
+    /** Render each link (e.g. Next.js `<Link>`). Defaults to `<a>`. */
+    renderLink?: (link: SiteNavLink, className: string) => ReactNode;
+    /** Trailing meta row (badges, “powered by”, etc.). */
+    meta?: ReactNode;
+    className?: string;
+};
+/**
+ * Marketing-site footer: brand, copyright, links, optional meta chips.
+ * Frosted surface bar with a primary hairline.
+ */
+export declare function SiteFooter({ brand, copyright, links, renderLink, meta, className, }: SiteFooterProps): import("react").JSX.Element;
+//# sourceMappingURL=SiteFooter.d.ts.map

package/dist/composites/SiteFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteFooter.d.ts","sourceRoot":"","sources":["../../src/composites/SiteFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAKF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,KAAU,EACV,UAAU,EACV,IAAI,EACJ,SAAS,GACV,EAAE,eAAe,+BAiDjB"}

package/dist/composites/SiteFooter.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+const linkClass = "font-semibold text-muted-foreground transition-colors hover:text-primary";
+/**
+ * Marketing-site footer: brand, copyright, links, optional meta chips.
+ * Frosted surface bar with a primary hairline.
+ */
+export function SiteFooter({ brand, copyright, links = [], renderLink, meta, className, }) {
+    const renderItem = (link) => {
+        if (renderLink)
+            return renderLink(link, linkClass);
+        return (_jsx("a", { href: link.href, className: linkClass, children: link.label }));
+    };
+    return (_jsxs("footer", { "data-slot": "site-footer", className: cn("relative border-t border-border/80 bg-[color-mix(in_srgb,var(--background)_85%,transparent)] backdrop-blur-md", className), children: [_jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-primary/35 to-transparent", "aria-hidden": true }), _jsx("div", { className: "mx-auto max-w-6xl px-6 py-12 lg:px-8", children: _jsxs("div", { className: "flex flex-col items-center justify-between gap-6 md:flex-row", children: [_jsxs("div", { className: "flex items-center gap-3", children: [brand, brand && copyright ? (_jsx("span", { className: "text-border", "aria-hidden": true, children: "|" })) : null, copyright ? (_jsx("span", { className: "text-[13px] text-muted-foreground", children: copyright })) : null] }), links.length > 0 ? (_jsx("nav", { className: "flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-[12px] text-muted-foreground", children: links.map((link) => (_jsx("span", { children: renderItem(link) }, `${link.href}-${link.label}`))) })) : null, meta] }) })] }));
+}

package/dist/composites/SiteNav.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from "react";
+export type SiteNavLink = {
+    href: string;
+    label: string;
+};
+export type SiteNavProps = {
+    brand: ReactNode;
+    links: SiteNavLink[];
+    /** Render each link (e.g. Next.js `<Link>`). Defaults to `<a>`. */
+    renderLink?: (link: SiteNavLink, className: string) => ReactNode;
+    className?: string;
+    /** Extra classes for the inner max-width row. */
+    innerClassName?: string;
+    /**
+     * Pin the bar to a relatively positioned parent instead of the viewport.
+     * Use this in docs previews and embedded shells.
+     */
+    contained?: boolean;
+};
+/**
+ * Marketing-site navbar: fixed bar, brand, desktop links, and a 3-line mobile menu.
+ * Transparent at rest, frosted surface after scroll.
+ */
+export declare function SiteNav({ brand, links, renderLink, className, innerClassName, contained, }: SiteNavProps): import("react").JSX.Element;
+//# sourceMappingURL=SiteNav.d.ts.map

package/dist/composites/SiteNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteNav.d.ts","sourceRoot":"","sources":["../../src/composites/SiteNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAQF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,cAAc,EACd,SAAiB,GAClB,EAAE,YAAY,+BA6Gd"}

package/dist/composites/SiteNav.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useState } from "react";
+import { cn } from "../lib/cn";
+const desktopLinkClass = "relative rounded-full px-3.5 py-2 text-[13px] font-bold text-muted-foreground transition-colors hover:bg-primary/5 hover:text-foreground";
+const mobileLinkClass = "flex items-center rounded-2xl px-4 py-4 text-xl font-bold text-muted-foreground transition-colors hover:bg-primary/5 hover:text-primary";
+/**
+ * Marketing-site navbar: fixed bar, brand, desktop links, and a 3-line mobile menu.
+ * Transparent at rest, frosted surface after scroll.
+ */
+export function SiteNav({ brand, links, renderLink, className, innerClassName, contained = false, }) {
+    const [scrolled, setScrolled] = useState(contained);
+    const [open, setOpen] = useState(false);
+    const menuId = useId();
+    useEffect(() => {
+        if (contained)
+            return;
+        const onScroll = () => setScrolled(window.scrollY > 20);
+        onScroll();
+        window.addEventListener("scroll", onScroll, { passive: true });
+        return () => window.removeEventListener("scroll", onScroll);
+    }, [contained]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (event) => {
+            if (event.key === "Escape")
+                setOpen(false);
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [open]);
+    const renderItem = (link, itemClass) => {
+        const close = () => setOpen(false);
+        if (renderLink) {
+            return (_jsx("span", { className: "contents", onClick: close, children: renderLink(link, itemClass) }));
+        }
+        return (_jsx("a", { href: link.href, className: itemClass, onClick: close, children: link.label }));
+    };
+    return (_jsxs("nav", { "data-slot": "site-nav", "data-scrolled": scrolled ? "true" : "false", className: cn("inset-x-0 top-0 transition-all duration-500", contained
+            ? "absolute z-10"
+            : "spk-site-nav fixed z-50", scrolled
+            ? "border-b border-border/90 bg-[color-mix(in_srgb,var(--background)_88%,transparent)] shadow-[0_8px_30px_rgba(15,13,18,0.06)] backdrop-blur-xl"
+            : "bg-transparent", className), children: [_jsx("div", { className: cn("mx-auto max-w-6xl px-4 sm:px-6 lg:px-8", innerClassName), children: _jsxs("div", { className: "flex h-14 items-center justify-between sm:h-16", children: [_jsx("div", { className: "flex min-w-0 items-center", children: brand }), _jsx("div", { className: "hidden items-center gap-0.5 md:flex", children: links.map((link) => (_jsx("span", { children: renderItem(link, desktopLinkClass) }, `${link.href}-${link.label}`))) }), _jsx("button", { type: "button", className: "spk-touch-target -mr-2 p-2 md:hidden", "aria-label": "Toggle menu", "aria-expanded": open, "aria-controls": menuId, onClick: () => setOpen((value) => !value), children: _jsxs("span", { className: "flex h-4 w-6 flex-col justify-between", "aria-hidden": true, children: [_jsx("span", { className: cn("block h-[2px] w-6 rounded-full bg-foreground transition-transform duration-200", open && "translate-y-[7px] rotate-45") }), _jsx("span", { className: cn("block h-[2px] w-6 rounded-full bg-foreground transition-opacity duration-200", open && "opacity-0") }), _jsx("span", { className: cn("block h-[2px] w-6 rounded-full bg-foreground transition-transform duration-200", open && "-translate-y-[7px] -rotate-45") })] }) })] }) }), open ? (_jsx("div", { id: menuId, className: "border-b border-border bg-[color-mix(in_srgb,var(--background)_95%,transparent)] shadow-2xl backdrop-blur-2xl md:hidden", children: _jsx("div", { className: "flex flex-col gap-2 px-6 py-8", children: links.map((link) => (_jsx("div", { children: renderItem(link, mobileLinkClass) }, `${link.href}-${link.label}`))) }) })) : null] }));
+}

package/dist/composites/StatCard.d.ts

@@ -4,8 +4,14 @@ export type StatCardProps = {
     value: string | number;
     hint?: string;
     icon?: ReactNode;
+    chart?: ReactNode;
     className?: string;
+    /**
+     * `app` — elevated app-card tile (label then value).
+     * `metric` — centered value-first tile for marketing stats.
+     */
+    variant?: "app" | "metric";
 };
 /** Compact metric tile using elevated app-card surface. */
-export declare function StatCard({ label, value, hint, icon, className }: StatCardProps): import("react").JSX.Element;
+export declare function StatCard({ label, value, hint, icon, chart, className, variant, }: StatCardProps): import("react").JSX.Element;
 //# sourceMappingURL=StatCard.d.ts.map

package/dist/composites/StatCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../src/composites/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,2DAA2D;AAC3D,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,aAAa,+BAa9E"}
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../src/composites/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF,2DAA2D;AAC3D,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,OAAe,GAChB,EAAE,aAAa,+BAkCf"}

package/dist/composites/StatCard.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/cn";
 /** Compact metric tile using elevated app-card surface. */
-export function StatCard({ label, value, hint, icon, className }) {
-    return (_jsxs("div", { "data-slot": "stat-card", className: cn("app-stat-card p-4 sm:p-5", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-muted-foreground", children: label }), icon ? _jsx("div", { className: "text-primary", children: icon }) : null] }), _jsx("p", { className: "mt-2 text-2xl font-black tracking-tight text-foreground", children: value }), hint ? _jsx("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: hint }) : null] }));
+export function StatCard({ label, value, hint, icon, chart, className, variant = "app", }) {
+    if (variant === "metric") {
+        return (_jsxs("div", { "data-slot": "stat-card", "data-variant": "metric", className: cn("flex flex-col items-center justify-center gap-1 rounded-[1.35rem] border border-border/80 bg-background/90 px-2 py-6 text-center shadow-[0_4px_24px_rgba(15,13,18,0.04)] backdrop-blur-sm", className), children: [_jsx("p", { className: "text-xl font-black text-primary sm:text-2xl", children: value }), _jsx("p", { className: "text-[10px] font-bold leading-none text-muted-foreground sm:text-[11px]", children: label }), hint ? _jsx("p", { className: "text-[10px] text-muted-foreground", children: hint }) : null, chart ? _jsx("div", { className: "mt-3 w-full min-w-0", children: chart }) : null] }));
+    }
+    return (_jsxs("div", { "data-slot": "stat-card", className: cn("app-stat-card p-4 sm:p-5", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-muted-foreground", children: label }), icon ? _jsx("div", { className: "text-primary", children: icon }) : null] }), _jsx("p", { className: "mt-2 text-2xl font-black tracking-tight text-foreground", children: value }), hint ? _jsx("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: hint }) : null, chart ? _jsx("div", { className: "mt-3 min-w-0", children: chart }) : null] }));
 }

package/dist/composites/StatusDot.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 declare const statusDotVariants: (props?: ({
-    tone?: "danger" | "primary" | "neutral" | "success" | "warning" | null | undefined;
+    tone?: "primary" | "danger" | "success" | "neutral" | "warning" | null | undefined;
     pulse?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare function StatusDot({ className, tone, pulse, label, }: VariantProps<typeof statusDotVariants> & {

package/dist/composites/Tag.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const tagVariants: (props?: ({
+    variant?: "blue" | "cyan" | "green" | "orange" | "purple" | "red" | "default" | "outline" | "primary" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TagProps = React.ComponentProps<"span"> & VariantProps<typeof tagVariants>;
+/** Static label pill for skills, tech stacks, and metadata. */
+declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Tag, tagVariants };
+//# sourceMappingURL=Tag.d.ts.map

package/dist/composites/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/composites/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,WAAW;;;8EA4BhB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEvF,+DAA+D;AAC/D,QAAA,MAAM,GAAG,+FASR,CAAC;AAGF,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}

package/dist/composites/Tag.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const tagVariants = cva("inline-flex items-center gap-1.5 whitespace-nowrap border font-bold", {
+    variants: {
+        variant: {
+            default: "border-border/80 bg-[color-mix(in_srgb,var(--foreground)_4.5%,var(--background))] text-foreground",
+            primary: "border-primary/15 bg-primary/10 text-primary",
+            outline: "border-border/80 bg-transparent text-foreground",
+            muted: "border-transparent bg-secondary text-secondary-foreground",
+            red: "border-red-100 bg-red-50 text-red-700",
+            green: "border-green-200 bg-green-50 text-green-700",
+            orange: "border-orange-200 bg-orange-50 text-orange-700",
+            blue: "border-blue-200 bg-blue-50 text-blue-700",
+            purple: "border-purple-200 bg-purple-50 text-purple-700",
+            cyan: "border-cyan-200 bg-cyan-50 text-cyan-700",
+        },
+        size: {
+            sm: "rounded-md px-2 py-0.5 text-[11px]",
+            md: "rounded-lg px-2.5 py-1 text-[12px]",
+            lg: "rounded-xl px-3 py-1.5 text-[13px]",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "sm",
+    },
+});
+/** Static label pill for skills, tech stacks, and metadata. */
+const Tag = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx("span", { ref: ref, "data-slot": "tag", className: cn(tagVariants({ variant, size }), className), ...props })));
+Tag.displayName = "Tag";
+export { Tag, tagVariants };

package/dist/composites/Wordmark.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+export type WordmarkProps = {
+    /** Primary name, rendered in foreground. */
+    name: ReactNode;
+    /** Trailing bit (`.io`, last name) in the marketing gradient. */
+    accent?: ReactNode;
+    /** Extra punctuation in primary (the period in `Name.`). */
+    mark?: ReactNode;
+    /** Unstyled trailing copy after the mark (`io` in `Acme.io`). */
+    rest?: ReactNode;
+    size?: "sm" | "md" | "lg" | "display";
+    as?: "span" | "h1";
+    className?: string;
+};
+/**
+ * Marketing wordmark: solid name, optional gradient accent, optional primary mark.
+ */
+export declare function Wordmark({ name, accent, mark, rest, size, as: Tag, className, }: WordmarkProps): import("react").JSX.Element;
+//# sourceMappingURL=Wordmark.d.ts.map

package/dist/composites/Wordmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wordmark.d.ts","sourceRoot":"","sources":["../../src/composites/Wordmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,aAAa,GAAG;IAC1B,4CAA4C;IAC5C,IAAI,EAAE,SAAS,CAAC;IAChB,iEAAiE;IACjE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,IAAW,EACX,EAAE,EAAE,GAAY,EAChB,SAAS,GACV,EAAE,aAAa,+BASf"}

package/dist/composites/Wordmark.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+import { GradientText } from "./GradientText";
+const sizeClass = {
+    sm: "text-[14px] font-semibold tracking-tight",
+    md: "text-xl font-[900] tracking-tight",
+    lg: "text-[clamp(1.6rem,3.6vw,2.1rem)] font-[800] tracking-tight",
+    display: "text-[clamp(2.5rem,8vw,5.5rem)] font-[900] leading-[0.95] tracking-tight",
+};
+/**
+ * Marketing wordmark: solid name, optional gradient accent, optional primary mark.
+ */
+export function Wordmark({ name, accent, mark, rest, size = "md", as: Tag = "span", className, }) {
+    return (_jsxs(Tag, { "data-slot": "wordmark", className: cn(sizeClass[size], className), children: [_jsx("span", { className: "text-foreground", children: name }), accent ? _jsx(GradientText, { children: accent }) : null, mark ? _jsx("span", { className: "text-primary", children: mark }) : null, rest ? _jsx("span", { className: "text-foreground", children: rest }) : null] }));
+}

package/dist/composites/cartesian-charts.d.ts

@@ -0,0 +1,138 @@
+import { type BoxPlotStats, type ChartAxisConfig, type ChartCurve, type ChartMargin } from "../lib/charts";
+import { type ScatterRenderer } from "../lib/webgl-scatter";
+export type { ScatterRenderer };
+export type NumericSeries = {
+    id?: string;
+    label?: string;
+    data?: Array<number | null>;
+    dataKey?: string;
+    color?: string;
+    stack?: string;
+    area?: boolean;
+    curve?: ChartCurve;
+    showMark?: boolean;
+    yAxisId?: string;
+    type?: "bar" | "line" | "area";
+};
+export type CartesianChartProps = {
+    xAxis?: ChartAxisConfig[];
+    yAxis?: ChartAxisConfig[];
+    series: NumericSeries[];
+    dataset?: import("../lib/charts").ChartDataset;
+    height?: number;
+    width?: number;
+    colors?: string[];
+    hideLegend?: boolean;
+    hideGrid?: boolean;
+    margin?: ChartMargin;
+    className?: string;
+    zoom?: boolean | import("../lib/charts").ChartZoom;
+    onZoomChange?: (zoom: import("../lib/charts").ChartZoom) => void;
+    showToolbar?: boolean;
+    highlightScope?: import("../lib/charts").HighlightScope;
+    animated?: boolean;
+    locale?: string;
+};
+export type BarChartProps = CartesianChartProps & {
+    layout?: "vertical" | "horizontal";
+    stacked?: boolean;
+    borderRadius?: number;
+    categoryGapRatio?: number;
+    barGapRatio?: number;
+};
+export type LineChartProps = CartesianChartProps & {
+    curve?: ChartCurve;
+    area?: boolean;
+    showMark?: boolean;
+    stacked?: boolean;
+};
+export type ScatterPoint = {
+    id?: string | number;
+    x: number;
+    y: number;
+    z?: number;
+    label?: string;
+};
+export type ScatterSeries = {
+    id?: string;
+    label?: string;
+    color?: string;
+    data: ScatterPoint[];
+};
+export declare function BarChart({ xAxis, yAxis, series, dataset, height, width, layout, stacked, borderRadius, colors, hideLegend, hideGrid, margin, className, barGapRatio, zoom, onZoomChange, showToolbar, highlightScope, animated, locale, }: BarChartProps): import("react").JSX.Element;
+export declare function LineChart({ xAxis, yAxis, series, dataset, height, width, colors, hideLegend, hideGrid, margin, className, curve, area, showMark, stacked, zoom, onZoomChange, showToolbar, highlightScope, animated, locale, }: LineChartProps): import("react").JSX.Element;
+export declare function AreaChart(props: LineChartProps): import("react").JSX.Element;
+export type SparkLineChartProps = {
+    data: number[];
+    height?: number;
+    width?: number;
+    color?: string;
+    area?: boolean;
+    curve?: ChartCurve;
+    className?: string;
+    showHighlight?: boolean;
+    plotType?: "line" | "bar";
+};
+export declare function SparkLineChart({ data, height, width, color, area, curve, className, showHighlight, plotType, }: SparkLineChartProps): import("react").JSX.Element;
+export type ScatterChartProps = {
+    series: ScatterSeries[];
+    xAxis?: ChartAxisConfig[];
+    yAxis?: ChartAxisConfig[];
+    height?: number;
+    width?: number;
+    colors?: string[];
+    hideLegend?: boolean;
+    hideGrid?: boolean;
+    margin?: ChartMargin;
+    className?: string;
+    bubble?: boolean;
+    renderer?: ScatterRenderer;
+};
+export declare function ScatterChart({ series, xAxis, yAxis, height, width, colors, hideLegend, hideGrid, margin, className, bubble, renderer, }: ScatterChartProps): import("react").JSX.Element;
+export declare function BubbleChart(props: ScatterChartProps): import("react").JSX.Element;
+export type RangeSeries = {
+    id?: string;
+    label?: string;
+    color?: string;
+    data: Array<[number, number] | null>;
+};
+export type RangeBarChartProps = Omit<CartesianChartProps, "series"> & {
+    series: RangeSeries[];
+    layout?: "vertical" | "horizontal";
+};
+export declare function RangeBarChart({ xAxis, yAxis, series, height, width, colors, hideLegend, hideGrid, margin, className, }: RangeBarChartProps): import("react").JSX.Element;
+export type RangeAreaChartProps = Omit<CartesianChartProps, "series"> & {
+    series: RangeSeries[];
+    curve?: ChartCurve;
+};
+export declare function RangeAreaChart({ xAxis, yAxis, series, height, width, colors, hideLegend, hideGrid, margin, className, curve, }: RangeAreaChartProps): import("react").JSX.Element;
+export type WaterfallChartProps = CartesianChartProps;
+export declare function WaterfallChart({ xAxis, yAxis, series, height, width, colors, hideLegend, hideGrid, margin, className, }: WaterfallChartProps): import("react").JSX.Element;
+export type BoxPlotSeries = {
+    id?: string;
+    label?: string;
+    color?: string;
+    data: Array<BoxPlotStats | number[] | null>;
+};
+export type BoxPlotChartProps = Omit<CartesianChartProps, "series"> & {
+    series: BoxPlotSeries[];
+};
+export declare function BoxPlotChart({ xAxis, yAxis, series, height, width, colors, hideLegend, hideGrid, margin, className, }: BoxPlotChartProps): import("react").JSX.Element;
+export type CandleDatum = {
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+};
+export type CandlestickChartProps = Omit<CartesianChartProps, "series"> & {
+    series: Array<{
+        id?: string;
+        label?: string;
+        color?: string;
+        data: Array<CandleDatum | null>;
+    }>;
+    variant?: "candle" | "ohlc";
+};
+export declare function CandlestickChart({ xAxis, yAxis, series, height, width, colors, hideLegend, hideGrid, margin, className, variant, }: CandlestickChartProps): import("react").JSX.Element;
+export declare function OhlcChart(props: CandlestickChartProps): import("react").JSX.Element;
+//# sourceMappingURL=cartesian-charts.d.ts.map

package/dist/composites/cartesian-charts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesian-charts.d.ts","sourceRoot":"","sources":["../../src/composites/cartesian-charts.tsx"],"names":[],"mappings":"AACA,OAAO,EAgBL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAevB,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAE9B,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,eAAe,EAAE,YAAY,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,eAAe,EAAE,SAAS,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,eAAe,EAAE,SAAS,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,eAAe,EAAE,cAAc,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AA6IF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAmB,EACnB,OAAe,EACf,YAAgB,EAChB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAkB,EAClB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,+BAiDf;AAoID,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAkB,EAClB,IAAY,EACZ,QAAe,EACf,OAAe,EACf,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,QAAQ,EACR,MAAM,GACP,EAAE,cAAc,+BAgChB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAE9C;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAW,EACX,KAAK,EACL,KAAwB,EACxB,IAAW,EACX,KAAkB,EAClB,SAAS,EACT,aAAoB,EACpB,QAAiB,GAClB,EAAE,mBAAmB,+BA2DrB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAc,EACd,QAAgB,GACjB,EAAE,iBAAiB,+BAgKnB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,+BAEnD;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IACrE,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACpC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,kBAAkB,+BAoEpB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IACtE,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAkB,GACnB,EAAE,mBAAmB,+BA+DrB;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAiB,EACjB,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,mBAAmB,+BAoFrB;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IACpE,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,iBAAiB,+BAmGnB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IACxE,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;KAAE,CAAC,CAAC;IAChG,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAiB,EACjB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAkB,GACnB,EAAE,qBAAqB,+BAyEvB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,qBAAqB,+BAErD"}