@signalcore/ui 0.1.0 → 1.0.0-beta.1

package/dist/parts/Icon.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useParts } from "../SignalcoreProvider.js";
-/**
- * The few marks the cards and the browser need, drawn from Phosphor Icons (MIT, phosphoricons.com;
- * the regular weight, as the web app draws them) so the package carries no icon dependency.
- */
-const PATHS = {
-    check: "M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z",
-    question: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z",
-    listChecks: "M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z",
-    plug: "M237.66,66.34a8,8,0,0,0-11.32,0L192,100.69,155.31,64l34.35-34.34a8,8,0,1,0-11.32-11.32L144,52.69,117.66,26.34a8,8,0,0,0-11.32,11.32L112.69,44l-53,53a40,40,0,0,0,0,56.57l15.71,15.71L26.34,218.34a8,8,0,0,0,11.32,11.32l49.09-49.09,15.71,15.71a40,40,0,0,0,56.57,0l53-53,6.34,6.35a8,8,0,0,0,11.32-11.32L203.31,112l34.35-34.34A8,8,0,0,0,237.66,66.34ZM147.72,185a24,24,0,0,1-33.95,0L71,142.23a24,24,0,0,1,0-33.95l53-53L200.69,132Z",
-    upload: "M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0ZM93.66,77.66,120,51.31V144a8,8,0,0,0,16,0V51.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,77.66Z",
-    shieldWarning: "M120,136V96a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,48a12,12,0,1,0-12-12A12,12,0,0,0,128,184ZM224,56v56c0,52.72-25.52,84.67-46.93,102.19-23.06,18.86-46,25.27-47,25.53a8,8,0,0,1-4.2,0c-1-.26-23.91-6.67-47-25.53C57.52,196.67,32,164.72,32,112V56A16,16,0,0,1,48,40H208A16,16,0,0,1,224,56Zm-16,0L48,56l0,56c0,37.3,13.82,67.51,41.07,89.81A128.25,128.25,0,0,0,128,223.62a129.3,129.3,0,0,0,39.41-22.2C194.34,179.16,208,149.07,208,112Z",
-    key: "M216.57,39.43A80,80,0,0,0,83.91,120.78L28.69,176A15.86,15.86,0,0,0,24,187.31V216a16,16,0,0,0,16,16H72a8,8,0,0,0,8-8V208H96a8,8,0,0,0,8-8V184h16a8,8,0,0,0,5.66-2.34l9.56-9.57A79.73,79.73,0,0,0,160,176h.1A80,80,0,0,0,216.57,39.43ZM224,98.1c-1.09,34.09-29.75,61.86-63.89,61.9H160a63.7,63.7,0,0,1-23.65-4.51,8,8,0,0,0-8.84,1.68L116.69,168H96a8,8,0,0,0-8,8v16H72a8,8,0,0,0-8,8v16H40V187.31l58.83-58.82a8,8,0,0,0,1.68-8.84A63.72,63.72,0,0,1,96,95.92c0-34.14,27.81-62.8,61.9-63.89A64,64,0,0,1,224,98.1ZM192,76a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z",
-    cursorClick: "M88,24V16a8,8,0,0,1,16,0v8a8,8,0,0,1-16,0ZM16,104h8a8,8,0,0,0,0-16H16a8,8,0,0,0,0,16ZM124.42,39.16a8,8,0,0,0,10.74-3.58l8-16a8,8,0,0,0-14.31-7.16l-8,16A8,8,0,0,0,124.42,39.16Zm-96,81.69-16,8a8,8,0,0,0,7.16,14.31l16-8a8,8,0,1,0-7.16-14.31ZM219.31,184a16,16,0,0,1,0,22.63l-12.68,12.68a16,16,0,0,1-22.63,0L132.7,168,115,214.09c0,.1-.08.21-.13.32a15.83,15.83,0,0,1-14.6,9.59l-.79,0a15.83,15.83,0,0,1-14.41-11L32.8,52.92A16,16,0,0,1,52.92,32.8L213,85.07a16,16,0,0,1,1.41,29.8l-.32.13L168,132.69ZM208,195.31,156.69,144h0a16,16,0,0,1,4.93-26l.32-.14,45.95-17.64L48,48l52.2,159.86,17.65-46c0-.11.08-.22.13-.33a16,16,0,0,1,11.69-9.34,16.72,16.72,0,0,1,3-.28,16,16,0,0,1,11.3,4.69L195.31,208Z",
-    arrowsIn: "M144,104V64a8,8,0,0,1,16,0V84.69l42.34-42.35a8,8,0,0,1,11.32,11.32L171.31,96H192a8,8,0,0,1,0,16H152A8,8,0,0,1,144,104Zm-40,40H64a8,8,0,0,0,0,16H84.69L42.34,202.34a8,8,0,0,0,11.32,11.32L96,171.31V192a8,8,0,0,0,16,0V152A8,8,0,0,0,104,144Zm67.31,16H192a8,8,0,0,0,0-16H152a8,8,0,0,0-8,8v40a8,8,0,0,0,16,0V171.31l42.34,42.35a8,8,0,0,0,11.32-11.32ZM104,56a8,8,0,0,0-8,8V84.69L53.66,42.34A8,8,0,0,0,42.34,53.66L84.69,96H64a8,8,0,0,0,0,16h40a8,8,0,0,0,8-8V64A8,8,0,0,0,104,56Z",
-    arrowsOut: "M216,48V96a8,8,0,0,1-16,0V67.31l-42.34,42.35a8,8,0,0,1-11.32-11.32L188.69,56H160a8,8,0,0,1,0-16h48A8,8,0,0,1,216,48ZM98.34,146.34,56,188.69V160a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8H96a8,8,0,0,0,0-16H67.31l42.35-42.34a8,8,0,0,0-11.32-11.32ZM208,152a8,8,0,0,0-8,8v28.69l-42.34-42.35a8,8,0,0,0-11.32,11.32L188.69,200H160a8,8,0,0,0,0,16h48a8,8,0,0,0,8-8V160A8,8,0,0,0,208,152ZM67.31,56H96a8,8,0,0,0,0-16H48a8,8,0,0,0-8,8V96a8,8,0,0,0,16,0V67.31l42.34,42.35a8,8,0,0,0,11.32-11.32Z",
-    squareOut: "M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z",
-    arrowUp: "M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z",
-    stop: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Z",
-    caretDown: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z",
-    x: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z",
-    microphone: "M128,176a48.05,48.05,0,0,0,48-48V64a48,48,0,0,0-96,0v64A48.05,48.05,0,0,0,128,176ZM96,64a32,32,0,0,1,64,0v64a32,32,0,0,1-64,0Zm40,143.6V240a8,8,0,0,1-16,0V207.6A80.11,80.11,0,0,1,48,128a8,8,0,0,1,16,0,64,64,0,0,0,128,0,8,8,0,0,1,16,0A80.11,80.11,0,0,1,136,207.6Z",
-    microphoneSlash: "M213.92,218.62l-160-176A8,8,0,0,0,42.08,53.38L80,95.09V128a48,48,0,0,0,69.11,43.12l11.1,12.2A63.41,63.41,0,0,1,128,192a64.07,64.07,0,0,1-64-64,8,8,0,0,0-16,0,80.11,80.11,0,0,0,72,79.6V240a8,8,0,0,0,16,0V207.59a78.83,78.83,0,0,0,35.16-12.22l30.92,34a8,8,0,1,0,11.84-10.76ZM128,160a32,32,0,0,1-32-32V112.69l41.66,45.82A32,32,0,0,1,128,160Zm57.52-3.91A63.32,63.32,0,0,0,192,128a8,8,0,0,1,16,0,79.16,79.16,0,0,1-8.11,35.12,8,8,0,0,1-7.19,4.49,7.88,7.88,0,0,1-3.51-.82A8,8,0,0,1,185.52,156.09ZM84,44.87A48,48,0,0,1,176,64v64a49.19,49.19,0,0,1-.26,5,8,8,0,0,1-8,7.17,8.13,8.13,0,0,1-.84,0,8,8,0,0,1-7.12-8.79c.11-1.1.17-2.24.17-3.36V64A32,32,0,0,0,98.64,51.25,8,8,0,1,1,84,44.87Z",
-};
-/**
- * A mark drawn from a Phosphor path (its 256-unit box), for the windows that carry their own
- * tables of them. As large as the text around it; `slot` names it for the places that size it.
- */
-export function Mark({ path, slot = "icon" }) {
-    const part = useParts();
-    return (_jsx("svg", { viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": true, ...part(slot), children: _jsx("path", { d: path }) }));
-}
-/** One of the marks above, as large as the text around it. */
-export function Icon({ name, slot = "icon" }) {
-    return _jsx(Mark, { path: PATHS[name], slot: slot });
-}

package/dist/parts/Input.d.ts

@@ -1,6 +0,0 @@
-import type { InputHTMLAttributes } from "react";
-export declare function Input({ className, ...props }: InputHTMLAttributes<HTMLInputElement>): import("react").JSX.Element;
-/** What went wrong with something the user just did, right where they did it. */
-export declare function ErrorText({ children }: {
-    children: string;
-}): import("react").JSX.Element;

package/dist/parts/Input.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useParts } from "../SignalcoreProvider.js";
-export function Input({ className, ...props }) {
-    const part = useParts();
-    return _jsx("input", { ...part("input", [], className), ...props });
-}
-/** What went wrong with something the user just did, right where they did it. */
-export function ErrorText({ children }) {
-    const part = useParts();
-    return (_jsx("p", { role: "alert", ...part("error"), children: children }));
-}

package/dist/parts/Spinner.d.ts

@@ -1,2 +0,0 @@
-/** A thin arc, quieter than a full ring. */
-export declare function Spinner(): import("react").JSX.Element;

package/dist/parts/Spinner.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useParts } from "../SignalcoreProvider.js";
-/** A thin arc, quieter than a full ring. */
-export function Spinner() {
-    const part = useParts();
-    return (_jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, ...part("spinner"), children: [_jsx("circle", { cx: "8", cy: "8", r: "6.25", stroke: "currentColor", strokeOpacity: ".18", strokeWidth: "1.5" }), _jsx("path", { d: "M14.25 8A6.25 6.25 0 0 0 8 1.75", stroke: "currentColor", strokeWidth: "1.5" })] }));
-}

package/dist/patterns.d.ts

@@ -1,15 +0,0 @@
-/**
- * The few places where our own components have two layouts, and the host chooses. Each is a
- * modifier of the slot (`sc-table--compact`) with its styles in styles.css, so a host can restyle
- * a pattern like anything else. They apply to what we draw: a primitive the host replaces
- * (`Table`, `Card`) draws itself. The defaults are the product's.
- */
-export interface Patterns {
-    /** `comfortable`: a row has room. `compact`: rows close together, for a lot of records. */
-    table: "comfortable" | "compact";
-    /** `inline`: a form's button sits under its fields. `footer`: set apart below, on a line. */
-    actions: "inline" | "footer";
-    /** `flat`: a card is a bordered area. `raised`: it also lifts a hair off the page. */
-    card: "flat" | "raised";
-}
-export declare const DEFAULT_PATTERNS: Patterns;

package/dist/patterns.js

@@ -1,5 +0,0 @@
-export const DEFAULT_PATTERNS = {
-    table: "comfortable",
-    actions: "inline",
-    card: "flat",
-};

package/dist/presets.d.ts

@@ -1,82 +0,0 @@
-export declare const SYSTEMS: {
-    /** shadcn/ui on Tailwind v4, whose variables hold whole colors (older ones hold bare HSL). */
-    readonly shadcn: {
-        readonly probe: readonly ["--primary", "--background", "--foreground", "--card", "--border"];
-        readonly tokens: {
-            readonly bg: "var(--background)";
-            readonly surface: "var(--card)";
-            readonly sunken: "var(--muted)";
-            readonly line: "var(--border)";
-            readonly lineStrong: "var(--input)";
-            readonly text: "var(--foreground)";
-            readonly muted: "var(--muted-foreground)";
-            readonly accent: "var(--primary)";
-            readonly accentFg: "var(--primary-foreground)";
-            readonly danger: "var(--destructive)";
-            readonly focus: "var(--ring)";
-            readonly radius: "var(--radius)";
-        };
-    };
-    /**
-     * Radix Themes. Its variables live on the `.radix-themes` element, so it is found on the page's
-     * root only when the theme is applied there; inside one, name it: `theme="radix"`.
-     */
-    readonly radix: {
-        readonly probe: readonly ["--accent-9", "--color-background", "--gray-6"];
-        readonly tokens: {
-            readonly bg: "var(--color-background)";
-            readonly surface: "var(--color-panel-solid)";
-            readonly sunken: "var(--gray-3)";
-            readonly line: "var(--gray-6)";
-            readonly lineStrong: "var(--gray-7)";
-            readonly text: "var(--gray-12)";
-            readonly muted: "var(--gray-11)";
-            readonly subtle: "var(--gray-10)";
-            readonly accent: "var(--accent-9)";
-            readonly accentFg: "var(--accent-contrast)";
-            readonly accentSoft: "var(--accent-3)";
-            readonly signal: "var(--orange-9)";
-            readonly signalSoft: "var(--orange-3)";
-            readonly ok: "var(--green-9)";
-            readonly okSoft: "var(--green-3)";
-            readonly danger: "var(--red-9)";
-            readonly dangerSoft: "var(--red-3)";
-            readonly focus: "var(--focus-8)";
-            readonly radius: "var(--radius-3)";
-            readonly font: "var(--default-font-family)";
-            readonly fontMono: "var(--code-font-family)";
-        };
-    };
-    /** Material Design 3 (`--md-sys-*` tokens, as Material Web and MUI's CSS variables write them). */
-    readonly material: {
-        readonly probe: readonly ["--md-sys-color-primary", "--md-sys-color-surface", "--md-sys-color-outline"];
-        readonly tokens: {
-            readonly bg: "var(--md-sys-color-background)";
-            readonly surface: "var(--md-sys-color-surface)";
-            readonly sunken: "var(--md-sys-color-surface-container)";
-            readonly line: "var(--md-sys-color-outline-variant)";
-            readonly lineStrong: "var(--md-sys-color-outline)";
-            readonly text: "var(--md-sys-color-on-surface)";
-            readonly muted: "var(--md-sys-color-on-surface-variant)";
-            readonly subtle: "var(--md-sys-color-outline)";
-            readonly accent: "var(--md-sys-color-primary)";
-            readonly accentFg: "var(--md-sys-color-on-primary)";
-            readonly accentSoft: "var(--md-sys-color-primary-container)";
-            readonly signal: "var(--md-sys-color-tertiary)";
-            readonly signalSoft: "var(--md-sys-color-tertiary-container)";
-            readonly danger: "var(--md-sys-color-error)";
-            readonly dangerSoft: "var(--md-sys-color-error-container)";
-            readonly radius: "var(--md-sys-shape-corner-medium)";
-        };
-    };
-};
-export type PresetName = keyof typeof SYSTEMS;
-/**
- * Which system to use: one by name, `"auto"` for the first the page turns out to use (none:
- * the page's own look and ours), or `"none"` to map nothing.
- */
-export type PresetChoice = "auto" | "none" | PresetName;
-/** The first system whose variables are all defined, in the order above; null when none is. */
-export declare function detectPreset(style: {
-    getPropertyValue: (name: string) => string;
-}): PresetName | null;

package/dist/presets.js

@@ -1,81 +0,0 @@
-export const SYSTEMS = {
-    /** shadcn/ui on Tailwind v4, whose variables hold whole colors (older ones hold bare HSL). */
-    shadcn: {
-        probe: ["--primary", "--background", "--foreground", "--card", "--border"],
-        tokens: {
-            bg: "var(--background)",
-            surface: "var(--card)",
-            sunken: "var(--muted)",
-            line: "var(--border)",
-            lineStrong: "var(--input)",
-            text: "var(--foreground)",
-            muted: "var(--muted-foreground)",
-            accent: "var(--primary)",
-            accentFg: "var(--primary-foreground)",
-            danger: "var(--destructive)",
-            focus: "var(--ring)",
-            radius: "var(--radius)",
-        },
-    },
-    /**
-     * Radix Themes. Its variables live on the `.radix-themes` element, so it is found on the page's
-     * root only when the theme is applied there; inside one, name it: `theme="radix"`.
-     */
-    radix: {
-        probe: ["--accent-9", "--color-background", "--gray-6"],
-        tokens: {
-            bg: "var(--color-background)",
-            surface: "var(--color-panel-solid)",
-            sunken: "var(--gray-3)",
-            line: "var(--gray-6)",
-            lineStrong: "var(--gray-7)",
-            text: "var(--gray-12)",
-            muted: "var(--gray-11)",
-            subtle: "var(--gray-10)",
-            accent: "var(--accent-9)",
-            accentFg: "var(--accent-contrast)",
-            accentSoft: "var(--accent-3)",
-            signal: "var(--orange-9)",
-            signalSoft: "var(--orange-3)",
-            ok: "var(--green-9)",
-            okSoft: "var(--green-3)",
-            danger: "var(--red-9)",
-            dangerSoft: "var(--red-3)",
-            focus: "var(--focus-8)",
-            radius: "var(--radius-3)",
-            font: "var(--default-font-family)",
-            fontMono: "var(--code-font-family)",
-        },
-    },
-    /** Material Design 3 (`--md-sys-*` tokens, as Material Web and MUI's CSS variables write them). */
-    material: {
-        probe: ["--md-sys-color-primary", "--md-sys-color-surface", "--md-sys-color-outline"],
-        tokens: {
-            bg: "var(--md-sys-color-background)",
-            surface: "var(--md-sys-color-surface)",
-            sunken: "var(--md-sys-color-surface-container)",
-            line: "var(--md-sys-color-outline-variant)",
-            lineStrong: "var(--md-sys-color-outline)",
-            text: "var(--md-sys-color-on-surface)",
-            muted: "var(--md-sys-color-on-surface-variant)",
-            subtle: "var(--md-sys-color-outline)",
-            accent: "var(--md-sys-color-primary)",
-            accentFg: "var(--md-sys-color-on-primary)",
-            accentSoft: "var(--md-sys-color-primary-container)",
-            signal: "var(--md-sys-color-tertiary)",
-            signalSoft: "var(--md-sys-color-tertiary-container)",
-            danger: "var(--md-sys-color-error)",
-            dangerSoft: "var(--md-sys-color-error-container)",
-            radius: "var(--md-sys-shape-corner-medium)",
-        },
-    },
-};
-/** The first system whose variables are all defined, in the order above; null when none is. */
-export function detectPreset(style) {
-    for (const name of Object.keys(SYSTEMS)) {
-        if (SYSTEMS[name].probe.every((variable) => style.getPropertyValue(variable).trim() !== "")) {
-            return name;
-        }
-    }
-    return null;
-}

package/dist/primitives.d.ts

@@ -1,22 +0,0 @@
-import type { Primitives } from "./host.js";
-/**
- * The names of the primitives: the only keys of `components` that add nothing to the catalog.
- * `Orb` is the voice window's, so no surface may name it either.
- */
-export declare const PRIMITIVE_ONLY: ReadonlySet<string>;
-/**
- * Every key of `components` that is a primitive, `Card` too (which is also a catalog name). They
- * take typed props from the surface's own templates, so a surface can never name them as a host
- * component of its own.
- */
-export declare const PRIMITIVE_NAMES: ReadonlySet<string>;
-/** What a surface is built from. The orb is not one of them: its default lives with the voice. */
-type SurfacePrimitives = Omit<Primitives, "Orb">;
-/**
- * What surfaces are built from: the host's primitives where the provider has them, ours
- * otherwise. Only surfaces ask for these. The platform's own cards use `parts/` directly (and
- * sit under `Platform`, which takes the host's components away), so a host's `Button` can
- * never stand in for an "Aprobar".
- */
-export declare function usePrimitives(): SurfacePrimitives;
-export {};

package/dist/primitives.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Button } from "./parts/Button.js";
-import { Input as TextInput } from "./parts/Input.js";
-import { useParts, useSignalcore } from "./SignalcoreProvider.js";
-/**
- * The names of the primitives: the only keys of `components` that add nothing to the catalog.
- * `Orb` is the voice window's, so no surface may name it either.
- */
-export const PRIMITIVE_ONLY = new Set([
-    "Button",
-    "Table",
-    "Input",
-    "Select",
-    "Orb",
-]);
-/**
- * Every key of `components` that is a primitive, `Card` too (which is also a catalog name). They
- * take typed props from the surface's own templates, so a surface can never name them as a host
- * component of its own.
- */
-export const PRIMITIVE_NAMES = new Set([...PRIMITIVE_ONLY, "Card"]);
-function Card({ title, subtitle, children }) {
-    const part = useParts();
-    const { patterns } = useSignalcore();
-    return (_jsxs("section", { ...part("card", [patterns.card]), children: [(title || subtitle) && (_jsxs("header", { children: [title && _jsx("h3", { ...part("card__title"), children: title }), subtitle && _jsx("p", { ...part("card__subtitle"), children: subtitle })] })), children] }));
-}
-function Table({ columns, rows }) {
-    const part = useParts();
-    const { patterns } = useSignalcore();
-    return (_jsx("div", { ...part("table-wrap"), children: _jsxs("table", { ...part("table", [patterns.table]), children: [_jsx("thead", { children: _jsx("tr", { ...part("table__row", ["head"]), children: columns.map((column) => (_jsx("th", { ...part("table__head"), children: column.label }, column.key))) }) }), _jsx("tbody", { children: rows.map((row, index) => (_jsx("tr", { ...part("table__row"), children: columns.map((column) => (_jsx("td", { ...part("table__cell"), children: row[column.key] }, column.key))) }, index))) })] }) }));
-}
-function Input({ name, type, required, onChange }) {
-    return (_jsx(TextInput, { name: name, type: type, required: required, onChange: (event) => {
-            onChange(event.target.value);
-        } }));
-}
-function Select({ name, options, required, onChange }) {
-    const part = useParts();
-    return (_jsxs("select", { name: name, required: required, ...part("select"), onChange: (event) => {
-            onChange(event.target.value);
-        }, children: [_jsx("option", { value: "" }), options.map((option) => (_jsx("option", { value: option.id, children: option.label }, option.id)))] }));
-}
-const DEFAULTS = { Button, Card, Table, Input, Select };
-/**
- * What surfaces are built from: the host's primitives where the provider has them, ours
- * otherwise. Only surfaces ask for these. The platform's own cards use `parts/` directly (and
- * sit under `Platform`, which takes the host's components away), so a host's `Button` can
- * never stand in for an "Aprobar".
- */
-export function usePrimitives() {
-    const { components } = useSignalcore();
-    return useMemo(() => {
-        const own = Object.keys(DEFAULTS).filter((name) => Object.hasOwn(components, name));
-        const replaced = Object.fromEntries(own.map((name) => [name, components[name]]));
-        return { ...DEFAULTS, ...replaced };
-    }, [components]);
-}

package/dist/request/RequestCard.d.ts

@@ -1,34 +0,0 @@
-import { type OnResolve } from "./deliver.js";
-import type { AppDirectory, RequestCardData } from "./types.js";
-export interface RequestCardProps {
-    card: RequestCardData;
-    /**
-     * The owner answered. With a client on the provider the card has already sent the answer to
-     * the API (`requests.resolve`, and the vault or the documents first, for a secret or a file),
-     * and this only tells you, so you can carry on the conversation. Without a client this is how
-     * the answer gets anywhere: the card counts itself answered when your promise resolves, and
-     * shows the error if it rejects. Secrets and files never pass through here.
-     */
-    onResolve?: OnResolve | undefined;
-    /** Nothing can be pressed for now (the host is busy). */
-    busy?: boolean | undefined;
-    /** An answer already given, for a card read back from history. */
-    answered?: string | undefined;
-    /** This card's browser is the last one in view: a pending hand-over takes the room. */
-    inView?: boolean | undefined;
-    /** How the host knows its apps (names and logos), for the cards that are about one. */
-    apps?: AppDirectory | undefined;
-}
-/**
- * Something an agent needs from the owner, answered right here: a question, a choice, an app to
- * connect, a file, an approval, a secret, or the controls of its browser.
- *
- * These cards are drawn by the platform and never by the agent, and never by the host: they are
- * not in the catalog, and nothing in `SignalcoreProvider.components` reaches them (the
- * provider's primitives, `Button` and the rest, are taken away below this card, see `Platform`),
- * because they are where the owner decides about safety (approve an action, connect an app,
- * enter a secret), and an agent must not be able to fake an "Aprobar" button. A host can only
- * theme them: the `--sc-*` tokens, a preset, `classNames`, `unstyled`; and say how its apps look
- * (`apps`).
- */
-export declare function RequestCard(props: RequestCardProps): import("react").JSX.Element;

package/dist/request/RequestCard.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useBrowserFocus } from "../browser/room.js";
-import { Icon } from "../parts/Icon.js";
-import { ErrorText } from "../parts/Input.js";
-import { Platform, Scoped, useMessages, useParts, useSignalcore } from "../SignalcoreProvider.js";
-import { ApprovalPreview } from "./approval/ApprovalPreview.js";
-import { AppLogo, appName } from "./apps.js";
-import { canAnswer, deliver } from "./deliver.js";
-import { handOverOf } from "./handOver.js";
-import { Approval } from "./kinds/Approval.js";
-import { Choice } from "./kinds/Choice.js";
-import { Connect } from "./kinds/Connect.js";
-import { FreeText } from "./kinds/FreeText.js";
-import { HandOver } from "./kinds/HandOver.js";
-import { Secret } from "./kinds/Secret.js";
-import { Upload } from "./kinds/Upload.js";
-/** The mark and the words that head a card: what it asks, or that the controls are the owner's. */
-function headingOf(kind, handOver, messages) {
-    if (handOver)
-        return { icon: "cursorClick", label: messages.handOver };
-    switch (kind) {
-        case "choice":
-            return { icon: "listChecks", label: messages.choice };
-        case "connect":
-            return { icon: "plug", label: messages.connect };
-        case "upload":
-            return { icon: "upload", label: messages.upload };
-        case "approval":
-            return { icon: "shieldWarning", label: messages.approval };
-        case "secret":
-            return { icon: "key", label: messages.secret };
-        case "question":
-            return { icon: "question", label: messages.question };
-    }
-}
-/**
- * Something an agent needs from the owner, answered right here: a question, a choice, an app to
- * connect, a file, an approval, a secret, or the controls of its browser.
- *
- * These cards are drawn by the platform and never by the agent, and never by the host: they are
- * not in the catalog, and nothing in `SignalcoreProvider.components` reaches them (the
- * provider's primitives, `Button` and the rest, are taken away below this card, see `Platform`),
- * because they are where the owner decides about safety (approve an action, connect an app,
- * enter a secret), and an agent must not be able to fake an "Aprobar" button. A host can only
- * theme them: the `--sc-*` tokens, a preset, `classNames`, `unstyled`; and say how its apps look
- * (`apps`).
- */
-export function RequestCard(props) {
-    return (_jsx(Scoped, { children: _jsx(Platform, { children: _jsx(Asked, { ...props }) }) }));
-}
-function Asked({ card, onResolve, busy = false, answered, inView = false, apps, }) {
-    const part = useParts();
-    const messages = useMessages();
-    const { client } = useSignalcore();
-    const [answer, setAnswer] = useState(answered ?? null);
-    const [working, setWorking] = useState(false);
-    const [error, setError] = useState(null);
-    const handOver = handOverOf(card);
-    const heading = headingOf(card.kind, handOver !== null, messages);
-    // The hand-over in play keeps the room until the owner answers; then the host's layout returns.
-    const pending = handOver !== null && inView && answer === null;
-    const wide = useBrowserFocus().wide && pending;
-    const answerable = canAnswer(client, onResolve);
-    const reply = async (value, shown, reject = false) => {
-        setWorking(true);
-        setError(null);
-        try {
-            await deliver(client, onResolve, { request_id: card.request_id, value, reject, label: shown }, messages.cannotAnswerHere);
-            setAnswer(shown);
-        }
-        catch (reason) {
-            setError(reason instanceof Error ? reason.message : messages.cannotSend);
-        }
-        finally {
-            setWorking(false);
-        }
-    };
-    return (_jsxs("div", { ...part("request", [wide && "wide"]), children: [_jsxs("div", { ...part("request__heading"), children: [card.kind === "secret" && card.payload.provider ? (_jsx(AppLogo, { apps: apps, mark: {
-                            provider: card.payload.provider,
-                            name: appName(apps, card.payload.provider, messages.theApp),
-                            icon: undefined,
-                            size: 20,
-                        } })) : (_jsx(Icon, { name: heading.icon, slot: "request__icon" })), heading.label] }), _jsxs("div", { ...part("request__body"), children: [_jsx("p", { ...part("request__title"), children: handOver?.reason ?? card.title }), card.payload.details && _jsx("p", { ...part("request__details"), children: card.payload.details }), card.kind === "approval" && _jsx(ApprovalPreview, { payload: card.payload }), answer !== null ? (_jsxs("p", { ...part("request__done"), children: [_jsx(Icon, { name: "check", slot: "request__check" }), " ", answer] })) : answerable ? (_jsx(Actions, { card: card, reply: reply, busy: busy || working, apps: apps, handOver: handOver, active: pending })) : (_jsx("p", { ...part("request__details"), children: messages.cannotAnswerHere })), error && _jsx(ErrorText, { children: error })] })] }));
-}
-function Actions({ handOver, active, ...props }) {
-    switch (props.card.kind) {
-        case "choice":
-            return _jsx(Choice, { ...props });
-        case "approval":
-            return _jsx(Approval, { ...props });
-        case "question":
-            return handOver ? (_jsx(HandOver, { handOver: handOver, busy: props.busy, reply: props.reply, active: active })) : (_jsx(FreeText, { ...props }));
-        case "upload":
-            return _jsx(Upload, { ...props });
-        case "connect":
-            return _jsx(Connect, { ...props });
-        case "secret":
-            return _jsx(Secret, { ...props });
-    }
-}

package/dist/request/approval/ApprovalPreview.d.ts

@@ -1,5 +0,0 @@
-import type { RequestPayload } from "../types.js";
-/** What the owner is approving: the calls a turn stopped at, and the preview the code gave. */
-export declare function ApprovalPreview({ payload }: {
-    payload: RequestPayload;
-}): import("react").JSX.Element | null;

package/dist/request/approval/ApprovalPreview.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMessages, useParts } from "../../SignalcoreProvider.js";
-import { callsOf, previewShape } from "./shapes.js";
-const TABLE_ROWS = 8;
-/** What the owner is approving: the calls a turn stopped at, and the preview the code gave. */
-export function ApprovalPreview({ payload }) {
-    const part = useParts();
-    const calls = callsOf(payload.calls);
-    const preview = previewShape(payload.preview);
-    if (calls.length === 0 && !preview)
-        return null;
-    return (_jsxs("div", { ...part("approval"), children: [calls.length > 0 && (_jsx("ul", { ...part("calls"), children: calls.map((call) => (_jsxs("li", { ...part("calls__item"), children: [_jsx("span", { ...part("calls__label"), children: call.label }), call.summary && _jsx("span", { ...part("calls__summary"), children: call.summary })] }, call.id))) })), preview && _jsx(Preview, { shape: preview })] }));
-}
-function Preview({ shape }) {
-    const part = useParts();
-    const messages = useMessages();
-    switch (shape.kind) {
-        case "text":
-            return _jsx("p", { ...part("request__details"), children: shape.text });
-        case "pairs":
-            return (_jsx("dl", { ...part("preview-pairs"), children: shape.rows.map((row) => (_jsxs("div", { ...part("preview-pairs__row"), children: [_jsx("dt", { ...part("preview-pairs__label"), children: row.label }), _jsx("dd", { ...part("preview-pairs__value"), children: row.value })] }, row.label))) }));
-        case "table":
-            return (_jsxs("div", { ...part("preview-table"), children: [_jsxs("table", { ...part("preview-table__table"), children: [_jsx("thead", { children: _jsx("tr", { children: shape.columns.map((column) => (_jsx("th", { ...part("preview-table__head"), children: column }, column))) }) }), _jsx("tbody", { children: shape.rows.slice(0, TABLE_ROWS).map((row, index) => (_jsx("tr", { children: row.map((cell, column) => (_jsx("td", { ...part("preview-table__cell"), children: cell }, column))) }, index))) })] }), shape.rows.length > TABLE_ROWS && (_jsx("p", { ...part("preview-table__more"), children: messages.moreRows(shape.rows.length - TABLE_ROWS) }))] }));
-        case "json":
-            return _jsx("pre", { ...part("preview-json"), children: shape.text });
-    }
-}

package/dist/request/approval/shapes.d.ts

@@ -1,32 +0,0 @@
-/** What an approval would do, read from the payload the platform attached to the request. */
-export interface CallLine {
-    id: string;
-    label: string;
-    summary: string;
-}
-/** "to: ana@clinica.es, subject: Presupuesto": the arguments of one call, in one line. */
-export declare function summarizeArguments(input: unknown): string;
-/** The calls of a paused turn (`payload.calls`): one line each, named the way the owner reads it. */
-export declare function callsOf(value: unknown): CallLine[];
-export type PreviewShape = {
-    kind: "pairs";
-    rows: {
-        label: string;
-        value: string;
-    }[];
-} | {
-    kind: "table";
-    columns: string[];
-    rows: string[][];
-} | {
-    kind: "text";
-    text: string;
-} | {
-    kind: "json";
-    text: string;
-};
-/**
- * How `payload.preview` (what the agent's code attached with `sc.owner.approve`) reads:
- * label/value pairs for an object, a table for a list of objects, formatted JSON otherwise.
- */
-export declare function previewShape(value: unknown): PreviewShape | null;

package/dist/request/approval/shapes.js

@@ -1,68 +0,0 @@
-/** What an approval would do, read from the payload the platform attached to the request. */
-/** A string, number or flag as the owner reads it in a summary or a cell. */
-function brief(value) {
-    if (value === null || value === undefined)
-        return "";
-    if (typeof value === "string")
-        return value;
-    if (typeof value === "number" || typeof value === "boolean")
-        return String(value);
-    return JSON.stringify(value);
-}
-/** "to: ana@clinica.es, subject: Presupuesto": the arguments of one call, in one line. */
-export function summarizeArguments(input) {
-    if (typeof input === "string")
-        return input;
-    if (!input || typeof input !== "object" || Array.isArray(input))
-        return brief(input);
-    return Object.entries(input)
-        .map(([key, value]) => `${key}: ${brief(value)}`)
-        .join(", ");
-}
-/** The calls of a paused turn (`payload.calls`): one line each, named the way the owner reads it. */
-export function callsOf(value) {
-    if (!Array.isArray(value))
-        return [];
-    return value.flatMap((item, index) => {
-        if (!item || typeof item !== "object")
-            return [];
-        const call = item;
-        const label = brief(call["label"]) || brief(call["tool"]);
-        if (!label)
-            return [];
-        return [
-            { id: brief(call["id"]) || String(index), label, summary: summarizeArguments(call["input"]) },
-        ];
-    });
-}
-/**
- * How `payload.preview` (what the agent's code attached with `sc.owner.approve`) reads:
- * label/value pairs for an object, a table for a list of objects, formatted JSON otherwise.
- */
-export function previewShape(value) {
-    if (value === null || value === undefined)
-        return null;
-    if (typeof value === "string")
-        return value.trim() ? { kind: "text", text: value } : null;
-    if (Array.isArray(value)) {
-        const items = value;
-        const objects = items.filter((item) => !!item && typeof item === "object" && !Array.isArray(item));
-        if (items.length > 0 && objects.length === items.length) {
-            const columns = [...new Set(objects.flatMap((row) => Object.keys(row)))];
-            return {
-                kind: "table",
-                columns,
-                rows: objects.map((row) => columns.map((column) => brief(row[column]))),
-            };
-        }
-        return { kind: "json", text: JSON.stringify(value, null, 2) };
-    }
-    if (typeof value === "object") {
-        const entries = Object.entries(value);
-        if (entries.every(([, v]) => v === null || typeof v !== "object")) {
-            return { kind: "pairs", rows: entries.map(([label, v]) => ({ label, value: brief(v) })) };
-        }
-        return { kind: "json", text: JSON.stringify(value, null, 2) };
-    }
-    return { kind: "text", text: brief(value) };
-}

package/dist/request/apps.d.ts

@@ -1,11 +0,0 @@
-import type { AppDirectory, AppMark } from "./types.js";
-/**
- * How the owner calls an app: the host's name for it, else the slug made readable, else `none`
- * ("the app").
- */
-export declare function appName(apps: AppDirectory | undefined, provider: string | undefined, none: string): string;
-/** An app's mark: the host's, else the one the app declared (over https), else a monogram. */
-export declare function AppLogo({ apps, mark }: {
-    apps: AppDirectory | undefined;
-    mark: AppMark;
-}): import("react").JSX.Element;