@nadicodeai/ui 9.2.0 → 10.0.0

package/dist/components/page-frame.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-/**
- * page-frame — React shell for the kept design-system page geometry.
- *
- * The design-system owns the frame, row, lane, side-fill, rail, and marker CSS.
- * This component gives website pages a small React vocabulary so they do not
- * hand-author the same structure for every section. It intentionally does not
- * replace the geometry layer; it only composes the approved classes.
- */
-function PageSystem({ className, ...props }) {
-    return _jsx("div", { className: cn("nc-page-system", className), ...props });
-}
-function PageFrame({ className, ...props }) {
-    return (_jsx("div", { "data-nc-component": "page-frame", className: cn("nc-page-frame", className), ...props }));
-}
-function PageRow({ lane = "active", laneClassName, sideFills, marker, className, children, ...props }) {
-    const showSideFills = sideFills ?? lane === "active";
-    return (_jsxs("section", { "data-nc-component": "page-row", className: cn("nc-page-row", className), ...props, children: [marker ? _jsx(PageMarker, { position: marker }) : null, showSideFills ? _jsx(PageSideFill, { side: "start" }) : null, _jsx(PageLane, { lane: lane, className: laneClassName, children: children }), showSideFills ? _jsx(PageSideFill, { side: "end" }) : null] }));
-}
-function PageLane({ lane = "active", className, ...props }) {
-    return (_jsx("div", { "data-lane": lane, "data-nc-component": lane === "active" ? "active-lane" : undefined, className: cn("nc-row-lane", className), ...props }));
-}
-function PageSideFill({ side, className, ...props }) {
-    return (_jsx("div", { "data-side": side, className: cn("nc-side-fill", className), "aria-hidden": "true", ...props }));
-}
-function PageMarker({ position, className, ...props }) {
-    return (_jsx("span", { "data-position": position, className: cn("nc-marker", className), "aria-hidden": "true", ...props }));
-}
-export { PageSystem, PageFrame, PageRow, PageLane, PageSideFill, PageMarker };

package/dist/components/spinner.d.ts

@@ -1,3 +0,0 @@
-declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react").JSX.Element;
-export { Spinner };
-//# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAGA,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQpE;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/spinner.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { Loader2Icon } from "lucide-react";
-function Spinner({ className, ...props }) {
-    return (_jsx(Loader2Icon, { "data-slot": "spinner", className: cn("size-4 motion-safe:animate-spin motion-reduce:animate-pulse", className), ...props }));
-}
-export { Spinner };

package/dist/components/use-case-bento.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-declare function UseCaseBento({ kicker, title, body, proof, proofLabel, media, mediaClassName, demo, className, ...props }: React.ComponentProps<"article"> & {
-    kicker: string;
-    title: string;
-    body: string;
-    proof: string;
-    proofLabel?: string;
-    media: React.ReactNode;
-    mediaClassName?: string;
-    demo: React.ReactNode;
-}): React.JSX.Element;
-export { UseCaseBento };
-//# sourceMappingURL=use-case-bento.d.ts.map

package/dist/components/use-case-bento.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-case-bento.d.ts","sourceRoot":"","sources":["../../src/components/use-case-bento.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,iBAAS,YAAY,CAAC,EACpB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAmC,EACnC,KAAK,EACL,cAAc,EACd,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,qBAmCA;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/use-case-bento.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { Bento, BentoCopy, BentoDemo, BentoItem, BentoMedia } from "./bento.js";
-import { MediaMount } from "./media-mount.js";
-function UseCaseBento({ kicker, title, body, proof, proofLabel = "What the agent shows", media, mediaClassName, demo, className, ...props }) {
-    return (_jsx("article", { "data-slot": "use-case-bento", className: className, ...props, children: _jsxs(Bento, { height: "primary", children: [_jsxs(BentoItem, { span: 3, children: [_jsx("div", { className: "nc-artifact-surface pointer-events-none absolute inset-0 border-0 p-0 opacity-60", "aria-hidden": "true" }), _jsxs(BentoCopy, { children: [_jsx("p", { className: "nc-type-caption-mono text-muted-foreground uppercase", children: kicker }), _jsx("h3", { className: "nc-type-title-md text-foreground", children: title }), _jsx("p", { className: "nc-type-body-sm text-[var(--nc-body)]", children: body }), _jsxs("div", { className: "grid gap-2 border-t border-border pt-4", children: [_jsx("p", { className: "nc-type-caption-mono text-muted-foreground uppercase", children: proofLabel }), _jsx("p", { className: "nc-type-body-sm text-foreground", children: proof })] })] })] }), _jsx(BentoItem, { span: 5, flush: true, stretch: true, className: "min-h-[var(--nc-h-bento-primary)]", children: _jsx(BentoMedia, { children: _jsx(MediaMount, { ratio: "auto", className: cn("!h-full min-h-[var(--nc-h-bento-primary)]", mediaClassName), children: media }) }) }), _jsx(BentoItem, { span: 4, surface: "soft", stretch: true, className: "min-h-0 p-[var(--nc-sm)]", children: _jsx(BentoDemo, { children: demo }) })] }) }));
-}
-export { UseCaseBento };

package/dist/internal/activity-orb.d.ts

@@ -1,27 +0,0 @@
-/** Product activities, not the vendor's agent vocabulary. */
-declare const ACTIVITY_RECIPES: {
-    readonly loading: {
-        readonly state: "composing";
-        readonly speed: 0.92;
-        readonly still: 0.6;
-    };
-    readonly connecting: {
-        readonly state: "connecting";
-        readonly speed: 0.86;
-        readonly still: 0.6;
-    };
-    readonly processing: {
-        readonly state: "working";
-        readonly speed: 0.92;
-        readonly still: 0.6;
-    };
-};
-export type ActivityKind = keyof typeof ACTIVITY_RECIPES;
-export type ActivityOrbSize = 20 | 64 | 88;
-/** Own canvas lifetime; callers supply activity and accessible meaning only. */
-export declare function mountActivityOrb(canvas: HTMLCanvasElement, activity: ActivityKind, size: ActivityOrbSize, initiallyPaused?: boolean): {
-    destroy: () => void;
-    setPaused: (_paused: boolean) => void;
-};
-export {};
-//# sourceMappingURL=activity-orb.d.ts.map

package/dist/internal/activity-orb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-orb.d.ts","sourceRoot":"","sources":["../../src/internal/activity-orb.ts"],"names":[],"mappings":"AAEA,6DAA6D;AAC7D,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAIZ,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACzD,MAAM,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAoE3C,gFAAgF;AAChF,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,iBAAiB,EACzB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,eAAe,EACrB,eAAe,UAAQ;;yBAEuC,OAAO;EA0FtE"}

package/dist/internal/activity-orb.js

@@ -1,150 +0,0 @@
-import { MODE_FRAMES, resolvePreset } from "thinking-orbs/engine";
-/** Product activities, not the vendor's agent vocabulary. */
-const ACTIVITY_RECIPES = {
-    loading: { state: "composing", speed: 0.92, still: 0.6 },
-    connecting: { state: "connecting", speed: 0.86, still: 0.6 },
-    processing: { state: "working", speed: 0.92, still: 0.6 },
-};
-/** Preserve the library's geometry, depth ordering and optical size profiles. */
-function activityFrame(activity, size, seconds) {
-    const recipe = ACTIVITY_RECIPES[activity];
-    const preset = resolvePreset(recipe.state, size === 20 ? 20 : 64);
-    return MODE_FRAMES[preset.mode](size, seconds * preset.speed * recipe.speed, preset.opts);
-}
-function colourAt(palette, white, opacity = 1) {
-    const depth = Math.min(1, Math.max(0, white));
-    // The foreground particles carry cobalto; the supporting structure keeps
-    // inherited ink. Opacity lets the same material work on inverted controls.
-    const accent = Math.min(1, Math.max(0, (0.4 - depth) / 0.32)) * 0.75;
-    const channels = palette.ink.map((ink, i) => Math.round(ink + ((palette.accent[i] ?? ink) - ink) * accent));
-    // eslint-disable-next-line no-restricted-syntax -- Canvas serializes channels resolved from currentColor and --nc-info; this adapter defines no palette literals.
-    return `rgba(${channels.join(",")},${opacity * (1 - depth)})`;
-}
-function paintActivityFrame(context, activity, size, seconds, palette) {
-    const frame = activityFrame(activity, size, seconds);
-    context.clearRect(0, 0, size, size);
-    for (const line of frame.lines) {
-        context.strokeStyle = colourAt(palette, line.white, line.a);
-        context.lineWidth = line.w;
-        context.beginPath();
-        context.moveTo(line.x1, line.y1);
-        context.lineTo(line.x2, line.y2);
-        context.stroke();
-    }
-    for (const dot of frame.dots) {
-        context.fillStyle = colourAt(palette, dot.white, dot.a);
-        context.beginPath();
-        context.arc(dot.x, dot.y, dot.r, 0, Math.PI * 2);
-        context.fill();
-    }
-}
-function readPalette(canvas) {
-    const probe = document.createElement("canvas");
-    probe.width = 1;
-    probe.height = 1;
-    const context = probe.getContext("2d", { willReadFrequently: true });
-    if (!context)
-        return null;
-    const style = getComputedStyle(canvas);
-    const read = (value) => {
-        context.clearRect(0, 0, 1, 1);
-        context.fillStyle = value;
-        context.fillRect(0, 0, 1, 1);
-        const { data } = context.getImageData(0, 0, 1, 1);
-        return [data[0] ?? 0, data[1] ?? 0, data[2] ?? 0];
-    };
-    const ink = read(style.color);
-    const accent = read(style.getPropertyValue("--nc-info").trim() || style.color);
-    return { ink, accent };
-}
-/** Own canvas lifetime; callers supply activity and accessible meaning only. */
-export function mountActivityOrb(canvas, activity, size, initiallyPaused = false) {
-    const unavailable = { destroy: () => { }, setPaused: (_paused) => { } };
-    const context = canvas.getContext("2d");
-    if (!context)
-        return unavailable;
-    let palette = readPalette(canvas);
-    if (!palette)
-        return unavailable;
-    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
-    let reduced = query.matches;
-    let paused = initiallyPaused;
-    let visible = true;
-    let disposed = false;
-    let request = 0;
-    // Each recipe retains a representative pose under reduced motion.
-    const still = ACTIVITY_RECIPES[activity].still;
-    let seconds = still;
-    let previous = null;
-    let ratio = 1;
-    function paint() {
-        if (!palette || !context)
-            return;
-        context.setTransform(ratio, 0, 0, ratio, 0, 0);
-        paintActivityFrame(context, activity, size, reduced ? still : seconds, palette);
-    }
-    function tick(now) {
-        request = 0;
-        if (disposed || !visible || document.hidden || reduced || paused)
-            return;
-        if (previous !== null)
-            seconds += Math.min((now - previous) / 1000, 0.1);
-        previous = now;
-        paint();
-        request = requestAnimationFrame(tick);
-    }
-    function play() {
-        cancelAnimationFrame(request);
-        previous = null;
-        paint();
-        if (!disposed && visible && !document.hidden && !reduced && !paused) {
-            request = requestAnimationFrame(tick);
-        }
-    }
-    function refresh() {
-        ratio = Math.min(window.devicePixelRatio || 1, 2);
-        canvas.width = Math.round(size * ratio);
-        canvas.height = Math.round(size * ratio);
-        palette = readPalette(canvas);
-        play();
-    }
-    function motionChanged(event) {
-        reduced = event.matches;
-        play();
-    }
-    const visibility = typeof IntersectionObserver === "undefined"
-        ? null
-        : new IntersectionObserver(([entry]) => {
-            visible = entry?.isIntersecting ?? false;
-            play();
-        });
-    visibility?.observe(canvas);
-    // Observe ancestors only: changing unrelated content must not repaint this
-    // canvas or install a document-wide subtree observer per inline indicator.
-    const theme = new MutationObserver(refresh);
-    for (let ancestor = canvas; ancestor; ancestor = ancestor.parentElement) {
-        theme.observe(ancestor, {
-            attributes: true,
-            attributeFilter: ["class", "style", "data-theme"],
-        });
-    }
-    query.addEventListener("change", motionChanged);
-    document.addEventListener("visibilitychange", play);
-    window.addEventListener("resize", refresh);
-    refresh();
-    return {
-        setPaused(value) {
-            paused = value;
-            play();
-        },
-        destroy() {
-            disposed = true;
-            cancelAnimationFrame(request);
-            visibility?.disconnect();
-            theme.disconnect();
-            query.removeEventListener("change", motionChanged);
-            document.removeEventListener("visibilitychange", play);
-            window.removeEventListener("resize", refresh);
-        },
-    };
-}