@spatika/react 1.1.0 → 1.3.0

package/dist/composites/EventTimeline.js

@@ -0,0 +1,186 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from "react";
+import { expandVisibleEvents } from "../lib/rrule";
+import { useControllableState } from "../lib/use-controllable-state";
+import { eventCanDrag, eventCanResize, eventColorStyle, formatMonthYear, getTimelineRange, layoutTimelineBars, normalizeEvents, occurrenceKey, resizeEvent, shiftByMs, shiftTimelineDate, toDate, visibleEvents, } from "../lib/scheduler";
+import { EventEditor } from "./EventEditor";
+import { EventResizeHandle, ResourceLegend, SchedulerShell, SchedulerToolbar, TIMELINE_SCALE_LABEL, } from "./scheduler-ui";
+import { DropdownMenuItem } from "../primitives/DropdownMenu";
+const LANE_HEIGHT = 28;
+const LANE_GAP = 4;
+const ROW_PAD = 10;
+function sourceEvent(events, id) {
+    return events.find((event) => event.id === id);
+}
+function draftFromSource(source) {
+    return {
+        id: source.id,
+        title: source.title,
+        start: toDate(source.start),
+        end: toDate(source.end),
+        allDay: source.allDay,
+        resourceId: source.resourceId,
+        color: source.color,
+        description: source.description,
+        rrule: source.rrule,
+    };
+}
+function timelineTitle(scale, date, rangeStart, rangeEnd, locale) {
+    if (scale === "hours") {
+        return new Intl.DateTimeFormat(locale, { weekday: "short", month: "short", day: "numeric" }).format(date);
+    }
+    if (scale === "years") {
+        return `${rangeStart.getFullYear()}–${rangeEnd.getFullYear() - 1}`;
+    }
+    if (scale === "months")
+        return String(date.getFullYear());
+    return formatMonthYear(date, locale);
+}
+/** Horizontal resource timeline — rows are resources, bars are allocations across time. */
+export function EventTimeline({ events = [], resources = [], scale: scaleProp, defaultScale = "months", onScaleChange, date: dateProp, defaultDate, onDateChange, scales = ["hours", "days", "weeks", "months", "years"], locale, readOnly = false, areEventsDraggable, areEventsResizable, onEventClick, onEventChange, onEventCreate, onEventDelete, showEventEditor = true, className, }) {
+    const [scale, setScale] = useControllableState({
+        prop: scaleProp,
+        defaultProp: defaultScale,
+        onChange: onScaleChange,
+    });
+    const [date, setDate] = useControllableState({
+        prop: dateProp,
+        defaultProp: defaultDate ?? new Date(),
+        onChange: onDateChange,
+    });
+    const [hiddenIds, setHiddenIds] = useState(new Set());
+    const [draft, setDraft] = useState(null);
+    const dragRef = useRef(null);
+    const resolvedScale = scale ?? "months";
+    const resolvedDate = date ?? new Date();
+    const range = useMemo(() => getTimelineRange(resolvedDate, resolvedScale, locale), [resolvedDate, resolvedScale, locale]);
+    const canDrag = !readOnly && (areEventsDraggable ?? Boolean(onEventChange));
+    const canResize = !readOnly && (areEventsResizable ?? Boolean(onEventChange));
+    const editorLocked = readOnly || Boolean(draft?.id && sourceEvent(events, draft.id)?.readOnly);
+    const normalized = useMemo(() => {
+        const visible = visibleEvents(normalizeEvents(events, resources), hiddenIds);
+        return expandVisibleEvents(visible, range.start, range.end, events);
+    }, [events, resources, hiddenIds, range.start, range.end]);
+    const visibleResources = resources.filter((resource) => !hiddenIds.has(resource.id));
+    const rows = visibleResources.length > 0
+        ? visibleResources
+        : [{ id: "__all", title: "Events", color: "blue" }];
+    const title = timelineTitle(resolvedScale, resolvedDate, range.start, range.end, locale);
+    function toggleResource(id) {
+        setHiddenIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            return next;
+        });
+    }
+    function openEvent(event) {
+        const source = sourceEvent(events, event.id);
+        if (source)
+            onEventClick?.(source);
+        if (!showEventEditor)
+            return;
+        setDraft(source ? draftFromSource(source) : {
+            id: event.id,
+            title: event.title,
+            start: event.start,
+            end: event.end,
+            allDay: event.allDay,
+            resourceId: event.resourceId,
+            color: event.color,
+            description: event.description,
+            rrule: event.rrule,
+        });
+    }
+    function handlePointerDown(event, pointer) {
+        if (!onEventChange || !eventCanDrag(event, { readOnly, enabled: canDrag }))
+            return;
+        pointer.currentTarget.setPointerCapture?.(pointer.pointerId);
+        dragRef.current = { id: event.id, x: pointer.clientX, active: false };
+    }
+    function handlePointerMove(pointer) {
+        const drag = dragRef.current;
+        if (!drag)
+            return;
+        if (Math.abs(pointer.clientX - drag.x) > 6)
+            drag.active = true;
+    }
+    function handlePointerUp(event, pointer) {
+        const drag = dragRef.current;
+        dragRef.current = null;
+        if (!drag?.active || !onEventChange)
+            return;
+        const grid = pointer.currentTarget.closest("[data-scheduler-grid]");
+        if (!grid)
+            return;
+        const rect = grid.getBoundingClientRect();
+        const rangeMs = range.end.getTime() - range.start.getTime();
+        const deltaPx = pointer.clientX - drag.x;
+        const deltaMs = (deltaPx / rect.width) * rangeMs;
+        const source = sourceEvent(events, event.id);
+        if (!source)
+            return;
+        const master = normalizeEvents([source], resources)[0];
+        onEventChange(source, shiftByMs(master, deltaMs));
+    }
+    function commitResize(event, edge, instant) {
+        if (!onEventChange)
+            return;
+        const next = resizeEvent(event, edge, instant);
+        const source = sourceEvent(events, event.id);
+        if (!source)
+            return;
+        const master = normalizeEvents([source], resources)[0];
+        onEventChange(source, {
+            start: new Date(master.start.getTime() + (next.start.getTime() - event.start.getTime())),
+            end: new Date(master.end.getTime() + (next.end.getTime() - event.end.getTime())),
+        });
+    }
+    function renderBar(event) {
+        const resizable = eventCanResize(event, { readOnly, enabled: canResize }) && Boolean(onEventChange);
+        const button = (_jsx("button", { type: "button", className: "flex h-6 w-full items-center truncate rounded-md px-2 text-left text-[11px] font-semibold shadow-sm", style: eventColorStyle(event.color, "bar"), onClick: () => {
+                if (dragRef.current?.active)
+                    return;
+                openEvent(event);
+            }, onPointerDown: (pointer) => handlePointerDown(event, pointer), onPointerMove: handlePointerMove, onPointerUp: (pointer) => handlePointerUp(event, pointer), children: event.title }));
+        if (!resizable)
+            return button;
+        return (_jsxs("div", { className: "relative h-full", children: [button, _jsx(EventResizeHandle, { event: event, edge: "start", axis: "ew", onCommit: commitResize }), _jsx(EventResizeHandle, { event: event, edge: "end", axis: "ew", onCommit: commitResize })] }));
+    }
+    return (_jsxs(SchedulerShell, { slot: "event-timeline", className: className, "aria-label": "Event timeline", children: [_jsx(SchedulerToolbar, { title: title, onPrev: () => setDate(shiftTimelineDate(resolvedDate, resolvedScale, -1)), onNext: () => setDate(shiftTimelineDate(resolvedDate, resolvedScale, 1)), onToday: () => setDate(new Date()), menuLabel: TIMELINE_SCALE_LABEL[resolvedScale], menu: scales.map((item) => (_jsx(DropdownMenuItem, { onClick: () => setScale(item), children: TIMELINE_SCALE_LABEL[item] }, item))) }), _jsx("div", { className: "overflow-x-auto", children: _jsx("div", { className: "min-w-[720px]", children: _jsxs("div", { className: "grid", style: { gridTemplateColumns: "11rem minmax(0, 1fr)" }, children: [_jsx("div", { className: "border-b border-r border-border/50 px-3 py-2 text-[10px] font-black uppercase tracking-widest text-muted-foreground", children: "Resource" }), _jsx("div", { className: "grid border-b border-border/50", style: { gridTemplateColumns: `repeat(${range.ticks.length}, minmax(0, 1fr))` }, children: range.ticks.map((tick) => (_jsx("div", { className: "border-l border-border/40 px-2 py-2 text-center text-xs font-bold text-foreground first:border-l-0", children: tick.label }, tick.date.toISOString()))) }), rows.map((resource) => {
+                                const rowEvents = resource.id === "__all"
+                                    ? normalized
+                                    : normalized.filter((event) => event.resourceId === resource.id);
+                                const bars = layoutTimelineBars(rowEvents, range.start, range.end);
+                                const laneCount = Math.max(1, ...bars.map((bar) => bar.lane + 1), 1);
+                                const height = ROW_PAD * 2 + laneCount * LANE_HEIGHT + (laneCount - 1) * LANE_GAP;
+                                const tone = resource.color ?? (rowEvents[0]?.color ?? "blue");
+                                return (_jsxs("div", { className: "contents", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-r border-border/40 px-3 py-2", style: { minHeight: height }, children: [_jsx("span", { className: "size-2.5 shrink-0 rounded-full", style: eventColorStyle(tone, "dot") }), _jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: resource.title })] }), _jsx("div", { "data-scheduler-grid": true, "data-range-start": range.start.getTime(), "data-range-end": range.end.getTime(), className: "relative border-b border-border/40", style: {
+                                                minHeight: height,
+                                                backgroundImage: `repeating-linear-gradient(90deg, transparent, transparent calc(${100 / range.ticks.length}% - 1px), color-mix(in srgb, var(--border) 40%, transparent) calc(${100 / range.ticks.length}% - 1px), color-mix(in srgb, var(--border) 40%, transparent) ${100 / range.ticks.length}%)`,
+                                            }, children: bars.map((bar) => (_jsx("div", { className: "absolute", style: {
+                                                    top: ROW_PAD + bar.lane * (LANE_HEIGHT + LANE_GAP),
+                                                    left: `${bar.left}%`,
+                                                    width: `${bar.width}%`,
+                                                    height: LANE_HEIGHT,
+                                                }, children: renderBar(bar.event) }, occurrenceKey(bar.event)))) })] }, resource.id));
+                            })] }) }) }), _jsx(ResourceLegend, { resources: resources, hiddenIds: hiddenIds, onToggle: toggleResource }), showEventEditor ? (_jsx(EventEditor, { open: draft != null, onOpenChange: (open) => {
+                    if (!open)
+                        setDraft(null);
+                }, draft: draft, resources: resources, readOnly: editorLocked, onSave: (event) => {
+                    if (event.id && sourceEvent(events, event.id)) {
+                        onEventChange?.(sourceEvent(events, event.id), event);
+                    }
+                    else {
+                        onEventCreate?.(event);
+                    }
+                }, onDelete: onEventDelete
+                    ? (id) => {
+                        const source = sourceEvent(events, id);
+                        if (source)
+                            onEventDelete(source);
+                    }
+                    : undefined })) : null] }));
+}

package/dist/composites/MapChart.d.ts

@@ -0,0 +1,24 @@
+import { type ChartMargin } from "../lib/charts";
+import { type GeoJsonFeatureCollection, type GeoProjectionKind } from "../lib/geo";
+export type MapShapeDatum = {
+    id: string | number;
+    value: number;
+    label?: string;
+    color?: string;
+};
+export type MapChartProps = {
+    geoData: GeoJsonFeatureCollection;
+    series?: Array<{
+        data: MapShapeDatum[];
+    }>;
+    idProperty?: string;
+    projection?: GeoProjectionKind;
+    height?: number;
+    width?: number;
+    colors?: string[];
+    hideLegend?: boolean;
+    margin?: ChartMargin;
+    className?: string;
+};
+export declare function MapChart({ geoData, series, idProperty, projection, height, width, colors, hideLegend, margin, className, }: MapChartProps): import("react").JSX.Element;
+//# sourceMappingURL=MapChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapChart.d.ts","sourceRoot":"","sources":["../../src/composites/MapChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAGpB,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,wBAAwB,CAAC;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,aAAa,EAAE,CAAA;KAAE,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,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,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,UAAiB,EACjB,UAAuB,EACvB,MAAY,EACZ,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,SAAS,GACV,EAAE,aAAa,+BA2Ef"}

package/dist/composites/MapChart.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { chartColor, formatChartNumber } from "../lib/charts";
+import { featureId, fitFeatures, geoPath, } from "../lib/geo";
+import { ChartFrame, useChartHover } from "./chart-ui";
+export function MapChart({ geoData, series, idProperty = "id", projection = "mercator", height = 280, width, colors, hideLegend, margin, className, }) {
+    const features = geoData.features ?? [];
+    const data = series?.[0]?.data ?? [];
+    const byId = new Map(data.map((item) => [String(item.id), item]));
+    const values = data.map((item) => item.value);
+    const min = values.length ? Math.min(...values) : 0;
+    const max = values.length ? Math.max(...values) : 1;
+    const { hover, setHover, clear } = useChartHover();
+    const legend = hideLegend
+        ? undefined
+        : data.slice(0, 8).map((item, i) => ({
+            id: String(item.id),
+            label: item.label ?? String(item.id),
+            color: item.color ?? choroplethFill(item.value, min, max, i, colors),
+        }));
+    return (_jsx(ChartFrame, { slot: "map-chart", className: className, width: width, height: height, margin: margin ?? { top: 8, right: 8, bottom: 8, left: 8 }, legend: legend, hover: hover, "aria-label": "Map chart", children: ({ width: w, height: h, m }) => {
+            const pad = Math.min(m.left, m.right, m.top, m.bottom);
+            const project = fitFeatures(features, w, h, pad, projection);
+            return (_jsx("svg", { width: w, height: h, viewBox: `0 0 ${w} ${h}`, children: features.map((feature, i) => {
+                    if (!feature.geometry)
+                        return null;
+                    const id = featureId(feature, idProperty) || String(i);
+                    const datum = byId.get(id);
+                    const label = datum?.label ??
+                        (feature.properties?.name != null ? String(feature.properties.name) : id);
+                    const fill = datum
+                        ? (datum.color ?? choroplethFill(datum.value, min, max, i, colors))
+                        : "color-mix(in srgb, var(--muted) 55%, transparent)";
+                    const d = geoPath(feature.geometry, project);
+                    if (!d)
+                        return null;
+                    return (_jsx("path", { d: d, fill: fill, className: "spk-chart-map-region spk-chart-mark", onMouseEnter: (event) => setHover({
+                            x: event.nativeEvent.offsetX,
+                            y: event.nativeEvent.offsetY,
+                            title: label,
+                            items: datum
+                                ? [
+                                    {
+                                        color: fill,
+                                        label: label,
+                                        value: formatChartNumber(datum.value),
+                                    },
+                                ]
+                                : [{ color: fill, label: label, value: "—" }],
+                        }), onMouseLeave: clear }, id));
+                }) }));
+        } }));
+}
+function choroplethFill(value, min, max, index, colors) {
+    const t = max === min ? 0.6 : (value - min) / (max - min);
+    const base = chartColor(index, colors);
+    const mix = Math.round(28 + t * 72);
+    return `color-mix(in srgb, ${base} ${mix}%, var(--muted))`;
+}

package/dist/composites/ProfileHero.d.ts

@@ -24,11 +24,13 @@ export type ProfileHeroProps = {
     coverKind?: CoverPatternKind | null;
     dark?: boolean;
     warm?: boolean;
+    /** When false, keep the cover inside this frame (catalog previews). */
+    bleed?: boolean;
 };
 /**
- * Profile / entity hero: cover bleeds into app chrome, overlapping avatar
- * notches the frosted identity plate. Stacked in a narrow column; left-notched
- * once the plate is wide enough (container query, not viewport).
+ * Profile / entity hero: cover fills the frame, overlapping avatar notches
+ * the frosted identity plate. Stacked in a narrow column; left-notched once
+ * the plate is wide enough (container query, not viewport).
  */
-export declare function ProfileHero({ name, alias, coverUrl, avatarUrl, hideImages, statusBadges, metaLines, stats, tags, topLeading, topActions, avatarAccessory, onAvatarClick, className, coverClassName, identityClassName, children, coverSeed, coverHue, coverKind, dark, warm, }: ProfileHeroProps): import("react").JSX.Element;
+export declare function ProfileHero({ name, alias, coverUrl, avatarUrl, hideImages, statusBadges, metaLines, stats, tags, topLeading, topActions, avatarAccessory, onAvatarClick, className, coverClassName, identityClassName, children, coverSeed, coverHue, coverKind, dark, warm, bleed, }: ProfileHeroProps): import("react").JSX.Element;
 //# sourceMappingURL=ProfileHero.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileHero.d.ts","sourceRoot":"","sources":["../../src/composites/ProfileHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG9E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,eAAe,EACf,aAAa,EACb,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAc,EACd,SAAS,EACT,IAAI,EACJ,IAAI,GACL,EAAE,gBAAgB,+BAiGlB"}
+{"version":3,"file":"ProfileHero.d.ts","sourceRoot":"","sources":["../../src/composites/ProfileHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG9E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,eAAe,EACf,aAAa,EACb,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAc,EACd,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAY,GACb,EAAE,gBAAgB,+BA+GlB"}

package/dist/composites/ProfileHero.js

@@ -5,17 +5,17 @@ import { coverMutedClass, coverPlateClass, coverTitleClass, } from "../lib/cover
 import { getCoverPattern } from "../lib/cover-pattern";
 import { CoverPattern } from "./CoverPattern";
 /**
- * Profile / entity hero: cover bleeds into app chrome, overlapping avatar
- * notches the frosted identity plate. Stacked in a narrow column; left-notched
- * once the plate is wide enough (container query, not viewport).
+ * Profile / entity hero: cover fills the frame, overlapping avatar notches
+ * the frosted identity plate. Stacked in a narrow column; left-notched once
+ * the plate is wide enough (container query, not viewport).
  */
-export function ProfileHero({ name, alias, coverUrl, avatarUrl, hideImages, statusBadges, metaLines, stats, tags, topLeading, topActions, avatarAccessory, onAvatarClick, className, coverClassName, identityClassName, children, coverSeed, coverHue = 210, coverKind, dark, warm, }) {
+export function ProfileHero({ name, alias, coverUrl, avatarUrl, hideImages, statusBadges, metaLines, stats, tags, topLeading, topActions, avatarAccessory, onAvatarClick, className, coverClassName, identityClassName, children, coverSeed, coverHue = 210, coverKind, dark, warm, bleed = true, }) {
     const initials = getInitials(name);
     const seed = coverSeed ?? name;
     const scene = getCoverPattern({ seed, hue: coverHue, dark, warm, kind: coverKind });
     const ink = scene.headerInk;
-    return (_jsxs("div", { "data-slot": "profile-hero", className: cn("relative overflow-visible", className), children: [_jsxs("div", { className: cn("relative min-h-[9rem] overflow-hidden sm:min-h-[12rem] lg:min-h-[13rem]", coverClassName), children: [_jsxs("div", { className: "cover-media cover-media--profile sm:rounded-b-[2rem]", "aria-hidden": true, children: [!hideImages && coverUrl ? (_jsx("img", { src: coverUrl, alt: "", className: "absolute inset-0 size-full object-cover" })) : (_jsx(CoverPattern, { seed: seed, hue: coverHue, dark: dark, warm: warm, kind: coverKind })), _jsx("div", { className: "absolute inset-x-0 top-0 h-8 bg-gradient-to-b from-black/[0.04] to-transparent dark:from-black/12" }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[22%] bg-gradient-to-t from-black/[0.03] via-transparent to-transparent dark:from-black/10" })] }), _jsxs("div", { className: "relative z-10 flex min-h-[9rem] items-start justify-between gap-2 p-3 sm:min-h-[12rem] sm:p-4 lg:min-h-[13rem]", children: [_jsx("div", { children: topLeading }), topActions ? (_jsx("div", { "data-cover-ink": ink, className: "cover-floating-shell flex items-center gap-1 p-1", children: topActions })) : null] })] }), _jsx("div", { className: "relative z-10 px-3 pb-4 sm:px-4 sm:pb-5 lg:px-8", children: _jsxs("div", { className: cn("profile-identity", identityClassName), children: [_jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 rounded-[1.35rem] profile-identity__plate", coverPlateClass(ink)) }), _jsxs("div", { className: "profile-identity__body", children: [_jsxs("button", { type: "button", disabled: !onAvatarClick, onClick: onAvatarClick, "aria-label": name, className: "profile-identity__avatar", children: [_jsx("span", { className: "flex items-center justify-center overflow-hidden rounded-full border-[3px] border-white bg-muted text-lg font-black leading-none text-primary shadow-[0_16px_40px_rgba(0,0,0,0.38)] dark:border-white/30", style: {
-                                                width: "var(--profile-avatar-size)",
-                                                height: "var(--profile-avatar-size)",
-                                            }, children: !hideImages && avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "size-full object-cover" })) : (initials) }), avatarAccessory] }), _jsxs("div", { className: "profile-identity__copy", children: [_jsxs("div", { className: "profile-identity__heading", children: [_jsx("h1", { className: cn("truncate text-[1.15rem] font-black leading-tight tracking-tight sm:text-2xl", coverTitleClass(ink)), children: name }), statusBadges] }), alias ? (_jsx("p", { className: cn("mt-0.5 truncate text-sm font-medium", coverMutedClass(ink)), children: alias })) : null, metaLines ? (_jsx("div", { className: cn("mt-2 space-y-1 text-sm", coverMutedClass(ink)), children: metaLines })) : null, stats ? _jsx("div", { className: "mt-3", children: stats }) : null, tags ? _jsx("div", { className: "profile-identity__tags", children: tags }) : null] })] }), children ? _jsx("div", { className: "relative z-10 px-3 pb-3 sm:px-6", children: children }) : null] }) })] }));
+    return (_jsxs("div", { "data-slot": "profile-hero", "data-cover-bleed": bleed ? "true" : undefined, className: cn("relative w-full", bleed ? "overflow-visible" : "overflow-hidden rounded-[1.35rem] sm:rounded-[1.75rem]", className), children: [_jsxs("div", { className: cn("cover-media cover-media--profile", bleed && "sm:rounded-b-[2rem]"), "aria-hidden": true, children: [!hideImages && coverUrl ? (_jsx("img", { src: coverUrl, alt: "", className: "absolute inset-0 size-full object-cover" })) : (_jsx(CoverPattern, { seed: seed, hue: coverHue, dark: dark, warm: warm, kind: coverKind })), _jsx("div", { className: "absolute inset-x-0 top-0 h-8 bg-gradient-to-b from-black/[0.04] to-transparent dark:from-black/12" }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[22%] bg-gradient-to-t from-black/[0.03] via-transparent to-transparent dark:from-black/10" })] }), _jsxs("div", { className: "relative z-10 flex flex-col", children: [_jsx("div", { className: cn("relative min-h-[8.5rem] sm:min-h-[11rem] lg:min-h-[12rem]", coverClassName), children: _jsxs("div", { className: "absolute inset-x-0 top-0 z-30 flex items-start justify-between gap-2 p-3 sm:p-4", children: [_jsx("div", { children: topLeading }), topActions ? (_jsx("div", { "data-cover-ink": ink, className: "cover-floating-shell flex items-center gap-1 p-1", children: topActions })) : null] }) }), _jsx("div", { className: "relative z-20 px-3 pb-4 sm:px-4 sm:pb-5 lg:px-6", children: _jsxs("div", { className: cn("profile-identity", identityClassName), children: [_jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 rounded-[1.35rem] profile-identity__plate", coverPlateClass(ink)) }), _jsxs("div", { className: "profile-identity__body", children: [_jsxs("button", { type: "button", disabled: !onAvatarClick, onClick: onAvatarClick, "aria-label": name, className: "profile-identity__avatar", children: [_jsx("span", { className: "flex items-center justify-center overflow-hidden rounded-full border-[3px] border-white bg-muted text-lg font-black leading-none text-primary shadow-[0_16px_40px_rgba(0,0,0,0.38)] dark:border-white/30", style: {
+                                                        width: "var(--profile-avatar-size)",
+                                                        height: "var(--profile-avatar-size)",
+                                                    }, children: !hideImages && avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "size-full object-cover" })) : (initials) }), avatarAccessory] }), _jsxs("div", { className: "profile-identity__copy", children: [_jsxs("div", { className: "profile-identity__heading", children: [_jsx("h1", { className: cn("truncate text-[1.15rem] font-black leading-tight tracking-tight sm:text-2xl", coverTitleClass(ink)), children: name }), statusBadges] }), alias ? (_jsx("p", { className: cn("mt-0.5 truncate text-sm font-medium", coverMutedClass(ink)), children: alias })) : null, metaLines ? (_jsx("div", { className: cn("mt-2 space-y-1 text-sm", coverMutedClass(ink)), children: metaLines })) : null, stats ? _jsx("div", { className: "mt-3", children: stats }) : null, tags ? _jsx("div", { className: "profile-identity__tags", children: tags }) : null] })] }), children ? _jsx("div", { className: "relative z-10 px-3 pb-3 sm:px-6", children: children }) : null] }) })] })] }));
 }

package/dist/composites/ScatterWebGL.d.ts

@@ -0,0 +1,22 @@
+import type { ChartLegendItem } from "./chart-ui";
+type ScatterSeriesLike = {
+    data: Array<{
+        x: number;
+        y: number;
+        z?: number;
+    }>;
+};
+export declare function ScatterWebGLLayer({ width, height, series, meta, hidden, xAt, yAt, sizeAt, bubble, onUnavailable, }: {
+    width: number;
+    height: number;
+    series: ScatterSeriesLike[];
+    meta: ChartLegendItem[];
+    hidden: Set<string>;
+    xAt: (value: number) => number;
+    yAt: (value: number) => number;
+    sizeAt: (z: number) => number;
+    bubble: boolean;
+    onUnavailable?: () => void;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ScatterWebGL.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterWebGL.d.ts","sourceRoot":"","sources":["../../src/composites/ScatterWebGL.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,EACH,GAAG,EACH,MAAM,EACN,MAAM,EACN,aAAa,GACd,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,+BAgDA"}

package/dist/composites/ScatterWebGL.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { createScatterGL, destroyScatterGL, drawScatterGL } from "../lib/webgl-scatter";
+export function ScatterWebGLLayer({ width, height, series, meta, hidden, xAt, yAt, sizeAt, bubble, onUnavailable, }) {
+    const canvasRef = useRef(null);
+    const gpuRef = useRef(null);
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const gpu = createScatterGL(canvas);
+        if (!gpu) {
+            onUnavailable?.();
+            return;
+        }
+        gpuRef.current = gpu;
+        return () => {
+            destroyScatterGL(gpu);
+            gpuRef.current = null;
+        };
+    }, [onUnavailable]);
+    useEffect(() => {
+        const gpu = gpuRef.current;
+        const canvas = canvasRef.current;
+        if (!gpu || !canvas)
+            return;
+        const batches = series.flatMap((item, s) => {
+            const info = meta[s];
+            if (hidden.has(info.id))
+                return [];
+            return [
+                {
+                    color: info.color,
+                    positions: item.data.map((point) => ({
+                        x: xAt(point.x),
+                        y: yAt(point.y),
+                        size: bubble ? sizeAt(point.z ?? 1) * 2 : 9,
+                    })),
+                },
+            ];
+        });
+        drawScatterGL(gpu, canvas, width, height, batches);
+    });
+    return (_jsx("canvas", { ref: canvasRef, className: "spk-chart-webgl", "data-slot": "scatter-webgl", "aria-hidden": true }));
+}

package/dist/composites/SiteFooter.d.ts

@@ -12,7 +12,7 @@ export type SiteFooterProps = {
 };
 /**
  * Marketing-site footer: brand, copyright, links, optional meta chips.
- * Frosted surface bar with a primary hairline — matches sreelal.me.
+ * 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.js

@@ -3,7 +3,7 @@ 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 — matches sreelal.me.
+ * Frosted surface bar with a primary hairline.
  */
 export function SiteFooter({ brand, copyright, links = [], renderLink, meta, className, }) {
     const renderItem = (link) => {

package/dist/composites/SiteNav.d.ts

@@ -11,10 +11,15 @@ export type SiteNavProps = {
     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.
- * Matches the sreelal.me chrome: transparent at rest, frosted surface after scroll.
+ * Transparent at rest, frosted surface after scroll.
  */
-export declare function SiteNav({ brand, links, renderLink, className, innerClassName, }: SiteNavProps): import("react").JSX.Element;
+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

@@ -1 +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;CACzB,CAAC;AAQF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,cAAc,GACf,EAAE,YAAY,+BAyGd"}
+{"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

@@ -5,18 +5,20 @@ const desktopLinkClass = "relative rounded-full px-3.5 py-2 text-[13px] font-bol
 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.
- * Matches the sreelal.me chrome: transparent at rest, frosted surface after scroll.
+ * Transparent at rest, frosted surface after scroll.
  */
-export function SiteNav({ brand, links, renderLink, className, innerClassName, }) {
-    const [scrolled, setScrolled] = useState(false);
+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;
@@ -34,7 +36,9 @@ export function SiteNav({ brand, links, renderLink, className, innerClassName, }
         }
         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("spk-site-nav fixed inset-x-0 top-0 z-50 transition-all duration-500", scrolled
+    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,6 +4,7 @@ export type StatCardProps = {
     value: string | number;
     hint?: string;
     icon?: ReactNode;
+    chart?: ReactNode;
     className?: string;
     /**
      * `app` — elevated app-card tile (label then value).
@@ -12,5 +13,5 @@ export type StatCardProps = {
     variant?: "app" | "metric";
 };
 /** Compact metric tile using elevated app-card surface. */
-export declare function StatCard({ label, value, hint, icon, className, variant, }: 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;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,SAAS,EACT,OAAe,GAChB,EAAE,aAAa,+BAgCf"}
+{"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,9 +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, variant = "app", }) {
+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] }));
+        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] }));
+    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" | "success" | "neutral" | "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/Wordmark.d.ts

@@ -2,11 +2,11 @@ import type { ReactNode } from "react";
 export type WordmarkProps = {
     /** Primary name, rendered in foreground. */
     name: ReactNode;
-    /** Trailing bit (`.me`, last name) in the marketing gradient. */
+    /** 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 (`me` in `Sreelal.me`). */
+    /** Unstyled trailing copy after the mark (`io` in `Acme.io`). */
     rest?: ReactNode;
     size?: "sm" | "md" | "lg" | "display";
     as?: "span" | "h1";

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

@@ -1 +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,oEAAoE;IACpE,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"}
+{"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"}