@pyric/ui 0.1.0-alpha.10

package/dist/agents/Modal.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    ariaLabel?: string;
+    /** Forwarded to the root wrapper (covers the full viewport). */
+    className?: string;
+    /** Forwarded to the backdrop element. */
+    backdropClassName?: string;
+    /** Forwarded to the inner panel. */
+    panelClassName?: string;
+}
+/**
+ * Headless modal — provides behavior only (Escape-to-close, backdrop
+ * click, `aria-modal`). Consumers attach all visual styling via the
+ * three `className` slots or by selecting on the emitted data
+ * attributes:
+ *
+ *   [data-pyric-ui="modal"]            — root viewport wrapper
+ *   [data-pyric-modal-backdrop]        — clickable backdrop
+ *   [data-pyric-modal-panel]           — inner panel containing children
+ */
+export declare function Modal({ open, onClose, children, ariaLabel, className, backdropClassName, panelClassName, }: ModalProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/agents/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/agents/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,cAAc,GACf,EAAE,UAAU,sCA+BZ"}

package/dist/agents/Modal.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+/**
+ * Headless modal — provides behavior only (Escape-to-close, backdrop
+ * click, `aria-modal`). Consumers attach all visual styling via the
+ * three `className` slots or by selecting on the emitted data
+ * attributes:
+ *
+ *   [data-pyric-ui="modal"]            — root viewport wrapper
+ *   [data-pyric-modal-backdrop]        — clickable backdrop
+ *   [data-pyric-modal-panel]           — inner panel containing children
+ */
+export function Modal({ open, onClose, children, ariaLabel, className, backdropClassName, panelClassName, }) {
+    useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        window.addEventListener('keydown', handler);
+        return () => window.removeEventListener('keydown', handler);
+    }, [open, onClose]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, "data-pyric-ui": "modal", className: className, children: [_jsx("div", { "data-pyric-modal-backdrop": true, className: backdropClassName, onClick: onClose, "aria-hidden": "true" }), _jsx("div", { "data-pyric-modal-panel": true, className: panelClassName, children: children })] }));
+}
+//# sourceMappingURL=Modal.js.map

package/dist/agents/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/agents/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAelD;;;;;;;;;GASG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,cAAc,GACH;IACX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACpC,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,gBACF,MAAM,gBACL,SAAS,mBACP,OAAO,EACrB,SAAS,EAAE,SAAS,aAEpB,iDAEE,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,OAAO,iBACJ,MAAM,GAClB,EACF,8CAA4B,SAAS,EAAE,cAAc,YAClD,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/agents/PulsingDot.d.ts

@@ -0,0 +1,21 @@
+export interface PulsingDotProps {
+    /** Forwarded to the outer wrapper. Consumers attach all visual
+     *  styling (size, animation, color) via this hook or by selecting
+     *  on `[data-pyric-ui="pulsing-dot"]`. */
+    className?: string;
+}
+/**
+ * Headless "live / streaming" indicator. Ships zero visual styling.
+ *
+ * Renders three nested spans so consumers can style ring + core
+ * independently:
+ *
+ *   <span data-pyric-ui="pulsing-dot">
+ *     <span data-pyric-pulse-ring />
+ *     <span data-pyric-pulse-core />
+ *   </span>
+ *
+ * Animation, color, and size are entirely consumer-defined.
+ */
+export declare function PulsingDot({ className }: PulsingDotProps): import("react").JSX.Element;
+//# sourceMappingURL=PulsingDot.d.ts.map

package/dist/agents/PulsingDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PulsingDot.d.ts","sourceRoot":"","sources":["../../src/agents/PulsingDot.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B;;8CAE0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,+BAOxD"}

package/dist/agents/PulsingDot.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Headless "live / streaming" indicator. Ships zero visual styling.
+ *
+ * Renders three nested spans so consumers can style ring + core
+ * independently:
+ *
+ *   <span data-pyric-ui="pulsing-dot">
+ *     <span data-pyric-pulse-ring />
+ *     <span data-pyric-pulse-core />
+ *   </span>
+ *
+ * Animation, color, and size are entirely consumer-defined.
+ */
+export function PulsingDot({ className }) {
+    return (_jsxs("span", { "data-pyric-ui": "pulsing-dot", className: className, children: [_jsx("span", { "data-pyric-pulse-ring": true, "aria-hidden": "true" }), _jsx("span", { "data-pyric-pulse-core": true, "aria-hidden": "true" })] }));
+}
+//# sourceMappingURL=PulsingDot.js.map

package/dist/agents/PulsingDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PulsingDot.js","sourceRoot":"","sources":["../../src/agents/PulsingDot.tsx"],"names":[],"mappings":";AAOA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAmB;IACvD,OAAO,CACL,iCAAoB,aAAa,EAAC,SAAS,EAAE,SAAS,aACpD,6DAAwC,MAAM,GAAG,EACjD,6DAAwC,MAAM,GAAG,IAC5C,CACR,CAAC;AACJ,CAAC"}

package/dist/agents/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * `@pyric/ui/agents` — headless structural components for agentic UIs
+ * (chat surfaces, tool-call drill-ins, streaming state indicators).
+ *
+ * Matches the rest of `@pyric/ui`: zero shipped CSS. Components emit
+ * `data-pyric-*` attributes and accept `className` slots. Consumers
+ * bring their own design system (Tailwind, CSS modules, plain CSS)
+ * and attach styling via attribute selectors or class names.
+ */
+export { Fold, type FoldProps, type FoldTone } from './Fold.js';
+export { Modal, type ModalProps } from './Modal.js';
+export { EmptyState, type EmptyStateProps } from './EmptyState.js';
+export { PulsingDot, type PulsingDotProps } from './PulsingDot.js';
+export { ContextWindowMeter, ContextWindowPanel, ContextWindowRing, RequestUsageTimeline, SessionSpendSummary, TokenUsageInline, type ContextWindowMeterProps, type ContextWindowPanelProps, type ContextWindowRingProps, type RequestUsageTimelineProps, type SessionSpendSummaryProps, type TokenUsageInlineProps, } from './ContextWindowUsage.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/agents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAC"}

package/dist/agents/index.js

@@ -0,0 +1,15 @@
+/**
+ * `@pyric/ui/agents` — headless structural components for agentic UIs
+ * (chat surfaces, tool-call drill-ins, streaming state indicators).
+ *
+ * Matches the rest of `@pyric/ui`: zero shipped CSS. Components emit
+ * `data-pyric-*` attributes and accept `className` slots. Consumers
+ * bring their own design system (Tailwind, CSS modules, plain CSS)
+ * and attach styling via attribute selectors or class names.
+ */
+export { Fold } from './Fold.js';
+export { Modal } from './Modal.js';
+export { EmptyState } from './EmptyState.js';
+export { PulsingDot } from './PulsingDot.js';
+export { ContextWindowMeter, ContextWindowPanel, ContextWindowRing, RequestUsageTimeline, SessionSpendSummary, TokenUsageInline, } from './ContextWindowUsage.js';
+//# sourceMappingURL=index.js.map

package/dist/agents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,IAAI,EAAiC,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,GAOjB,MAAM,yBAAyB,CAAC"}

package/dist/auth/authApi.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import { sandbox as authSandbox } from 'pyric/auth';
+/**
+ * The sandbox auth admin ops `useAuthUsers` drives, as an INJECTABLE bundle.
+ *
+ * WHY (same rationale as `@pyric/ui/firestore`'s FirestoreApi): the hook defaults
+ * to the in-process `pyric/auth` `sandbox` ops, but Pyric Studio's served mode
+ * drives the SAME ops over a SharedWorker (a parallel client over a MessagePort).
+ * Reading them from this context lets a consumer inject the worker client's fns
+ * so the hook operates on the live worker user DB without knowing the backend.
+ *
+ * The bundle is typed to the in-process signatures; a worker bundle is adapted
+ * (cast) at the Studio boundary. NOTE the worker `listUsers` is ASYNC (an RPC)
+ * whereas the in-process one is sync, so `useAuthUsers` tolerates a promise (it
+ * wraps the result in `Promise.resolve`).
+ *
+ * Default = the real `pyric/auth` sandbox ops, so every existing consumer is
+ * unchanged: no provider needed unless swapping the backend.
+ */
+export type AuthApi = Pick<typeof authSandbox, 'listUsers' | 'subscribeUsers' | 'createUser' | 'updateUser' | 'deleteUser' | 'clearUsers' | 'getAuthProviderConfig' | 'setAuthProviderConfig' | 'subscribeAuthProviderConfig'>;
+/** Read the active auth API bundle (defaults to in-process `pyric/auth`). */
+export declare function useAuthApi(): AuthApi;
+/**
+ * Provide an auth API bundle to the subtree. Pyric Studio supplies the
+ * in-process bundle for dev-seed review and the SharedWorker client bundle under
+ * `pyric dev --ui`.
+ */
+export declare function AuthApiProvider({ value, children, }: {
+    value: AuthApi;
+    children: ReactNode;
+}): import("react").FunctionComponentElement<import("react").ProviderProps<AuthApi>>;
+//# sourceMappingURL=authApi.d.ts.map

package/dist/auth/authApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authApi.d.ts","sourceRoot":"","sources":["../../src/auth/authApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,CACxB,OAAO,WAAW,EAChB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GAOZ,uBAAuB,GACvB,uBAAuB,GACvB,6BAA6B,CAChC,CAAC;AAgBF,6EAA6E;AAC7E,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,oFAEA"}

package/dist/auth/authApi.js

@@ -0,0 +1,27 @@
+import { createContext, createElement, useContext } from 'react';
+import { sandbox as authSandbox } from 'pyric/auth';
+const inProcessAuthApi = {
+    listUsers: authSandbox.listUsers,
+    subscribeUsers: authSandbox.subscribeUsers,
+    createUser: authSandbox.createUser,
+    updateUser: authSandbox.updateUser,
+    deleteUser: authSandbox.deleteUser,
+    clearUsers: authSandbox.clearUsers,
+    getAuthProviderConfig: authSandbox.getAuthProviderConfig,
+    setAuthProviderConfig: authSandbox.setAuthProviderConfig,
+    subscribeAuthProviderConfig: authSandbox.subscribeAuthProviderConfig,
+};
+const AuthApiContext = createContext(inProcessAuthApi);
+/** Read the active auth API bundle (defaults to in-process `pyric/auth`). */
+export function useAuthApi() {
+    return useContext(AuthApiContext);
+}
+/**
+ * Provide an auth API bundle to the subtree. Pyric Studio supplies the
+ * in-process bundle for dev-seed review and the SharedWorker client bundle under
+ * `pyric dev --ui`.
+ */
+export function AuthApiProvider({ value, children, }) {
+    return createElement(AuthApiContext.Provider, { value }, children);
+}
+//# sourceMappingURL=authApi.js.map

package/dist/auth/authApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authApi.js","sourceRoot":"","sources":["../../src/auth/authApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AAsCpD,MAAM,gBAAgB,GAAY;IAChC,SAAS,EAAE,WAAW,CAAC,SAAS;IAChC,cAAc,EAAE,WAAW,CAAC,cAAc;IAC1C,UAAU,EAAE,WAAW,CAAC,UAAU;IAClC,UAAU,EAAE,WAAW,CAAC,UAAU;IAClC,UAAU,EAAE,WAAW,CAAC,UAAU;IAClC,UAAU,EAAE,WAAW,CAAC,UAAU;IAClC,qBAAqB,EAAE,WAAW,CAAC,qBAAqB;IACxD,qBAAqB,EAAE,WAAW,CAAC,qBAAqB;IACxD,2BAA2B,EAAE,WAAW,CAAC,2BAA2B;CACrE,CAAC;AAEF,MAAM,cAAc,GAAG,aAAa,CAAU,gBAAgB,CAAC,CAAC;AAEhE,6EAA6E;AAC7E,MAAM,UAAU,UAAU;IACxB,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,aAAa,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACrE,CAAC"}

package/dist/auth/claims.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Custom-claims validation for the add-account form — same checks and
+ * user-facing messages as the Firebase emulator UI (which reuses the
+ * Auth emulator's server validation: JSON-object shape, 1000-char cap,
+ * reserved-key deny list).
+ */
+/** Reserved JWT/OIDC keys the Auth emulator rejects as custom claims.
+ *  https://firebase.google.com/docs/auth/admin/create-custom-tokens */
+export declare const FORBIDDEN_CUSTOM_CLAIMS: readonly string[];
+/** Serialized-length cap, matching the emulator's `CUSTOM_ATTRIBUTES_MAX_LENGTH`. */
+export declare const CUSTOM_CLAIMS_MAX_LENGTH = 1000;
+export type ClaimsValidationResult = 
+/** `claims` is `undefined` when the input was empty/whitespace. */
+{
+    ok: true;
+    claims: Record<string, unknown> | undefined;
+} | {
+    ok: false;
+    message: string;
+};
+/**
+ * Validate the claims textarea's raw text. Empty input is valid (no
+ * claims). Messages match the emulator UI verbatim so users see the
+ * same wording in both tools.
+ */
+export declare function validateSerializedClaims(text: string): ClaimsValidationResult;
+//# sourceMappingURL=claims.d.ts.map

package/dist/auth/claims.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"claims.d.ts","sourceRoot":"","sources":["../../src/auth/claims.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;uEACuE;AACvE,eAAO,MAAM,uBAAuB,EAAE,SAAS,MAAM,EAiBpD,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAE7C,MAAM,MAAM,sBAAsB;AAChC,mEAAmE;AACjE;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;CAAE,GACzD;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnC;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,sBAAsB,CAqB7E"}

package/dist/auth/claims.js

@@ -0,0 +1,58 @@
+/**
+ * Custom-claims validation for the add-account form — same checks and
+ * user-facing messages as the Firebase emulator UI (which reuses the
+ * Auth emulator's server validation: JSON-object shape, 1000-char cap,
+ * reserved-key deny list).
+ */
+/** Reserved JWT/OIDC keys the Auth emulator rejects as custom claims.
+ *  https://firebase.google.com/docs/auth/admin/create-custom-tokens */
+export const FORBIDDEN_CUSTOM_CLAIMS = [
+    'iss',
+    'aud',
+    'sub',
+    'iat',
+    'exp',
+    'nbf',
+    'jti',
+    'nonce',
+    'azp',
+    'acr',
+    'amr',
+    'cnf',
+    'auth_time',
+    'firebase',
+    'at_hash',
+    'c_hash',
+];
+/** Serialized-length cap, matching the emulator's `CUSTOM_ATTRIBUTES_MAX_LENGTH`. */
+export const CUSTOM_CLAIMS_MAX_LENGTH = 1000;
+/**
+ * Validate the claims textarea's raw text. Empty input is valid (no
+ * claims). Messages match the emulator UI verbatim so users see the
+ * same wording in both tools.
+ */
+export function validateSerializedClaims(text) {
+    const trimmed = text.trim();
+    if (!trimmed)
+        return { ok: true, claims: undefined };
+    if (trimmed.length > CUSTOM_CLAIMS_MAX_LENGTH) {
+        return { ok: false, message: 'Custom claims length must not exceed 1000 characters' };
+    }
+    let parsed;
+    try {
+        parsed = JSON.parse(trimmed);
+    }
+    catch {
+        return { ok: false, message: 'Custom claims must be a valid JSON object' };
+    }
+    if (typeof parsed !== 'object' || parsed === null || Array.isArray(parsed)) {
+        return { ok: false, message: 'Custom claims must be a valid JSON object' };
+    }
+    for (const key of FORBIDDEN_CUSTOM_CLAIMS) {
+        if (key in parsed) {
+            return { ok: false, message: `Custom claims must not have forbidden key: ${key}` };
+        }
+    }
+    return { ok: true, claims: parsed };
+}
+//# sourceMappingURL=claims.js.map

package/dist/auth/claims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"claims.js","sourceRoot":"","sources":["../../src/auth/claims.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;uEACuE;AACvE,MAAM,CAAC,MAAM,uBAAuB,GAAsB;IACxD,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,WAAW;IACX,UAAU;IACV,SAAS;IACT,QAAQ;CACT,CAAC;AAEF,qFAAqF;AACrF,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAO7C;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAAC,IAAY;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IAC5B,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IACrD,IAAI,OAAO,CAAC,MAAM,GAAG,wBAAwB,EAAE,CAAC;QAC9C,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,sDAAsD,EAAE,CAAC;IACxF,CAAC;IACD,IAAI,MAAe,CAAC;IACpB,IAAI,CAAC;QACH,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,2CAA2C,EAAE,CAAC;IAC7E,CAAC;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3E,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,2CAA2C,EAAE,CAAC;IAC7E,CAAC;IACD,KAAK,MAAM,GAAG,IAAI,uBAAuB,EAAE,CAAC;QAC1C,IAAI,GAAG,IAAI,MAAM,EAAE,CAAC;YAClB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,8CAA8C,GAAG,EAAE,EAAE,CAAC;QACrF,CAAC;IACH,CAAC;IACD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAiC,EAAE,CAAC;AACjE,CAAC"}

package/dist/auth/components/AuthProviderToggles.d.ts

@@ -0,0 +1,31 @@
+import type { AuthProviderConfigEntry } from '../hooks/useAuthProviderConfig.js';
+/** Providers always shown as a toggle row, regardless of whether the
+ *  backend has an explicit entry for them yet (an unconfigured provider
+ *  simply reads as disabled — same default the sandbox backend applies). */
+export declare const DEFAULT_KNOWN_PROVIDER_IDS: readonly ["password", "anonymous", "google.com", "github.com", "apple.com", "microsoft.com"];
+export interface AuthProviderTogglesProps {
+    /** Current config — usually `useAuthProviderConfig(auth).config`. */
+    config: AuthProviderConfigEntry[];
+    /** Fired when a toggle (known or custom) flips. */
+    onToggle: (providerId: string, enabled: boolean) => void;
+    /** Always-shown rows, in this order. Default: {@link DEFAULT_KNOWN_PROVIDER_IDS}. */
+    knownProviderIds?: readonly string[];
+    isLoading?: boolean;
+    error?: Error;
+    className?: string;
+}
+/**
+ * Headless "Sign-in providers" toggle grid — the Authentication → Sign-in
+ * method surface. Known providers (password / anonymous / the built-in OAuth
+ * set) always render as a row; any OTHER provider already present in
+ * `config` (a custom OAuth id a host previously added) also gets a row. A
+ * free-text field lets a consumer enable an arbitrary OAuth provider id not
+ * in the known set — this is a SECTION, not a dialog: the add row lives
+ * inline, no modal.
+ *
+ * Fully headless: styling hangs off `data-pyric-*`, matching the rest of
+ * `@pyric/ui/auth` (`AuthUserList`, `AuthUserForm`, …). Data + mutation come
+ * from `useAuthProviderConfig`; this component only renders + fires events.
+ */
+export declare function AuthProviderToggles({ config, onToggle, knownProviderIds, isLoading, error, className, }: AuthProviderTogglesProps): import("react").JSX.Element;
+//# sourceMappingURL=AuthProviderToggles.d.ts.map

package/dist/auth/components/AuthProviderToggles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProviderToggles.d.ts","sourceRoot":"","sources":["../../../src/auth/components/AuthProviderToggles.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF;;4EAE4E;AAC5E,eAAO,MAAM,0BAA0B,8FAO7B,CAAC;AAEX,MAAM,WAAW,wBAAwB;IACvC,qEAAqE;IACrE,MAAM,EAAE,uBAAuB,EAAE,CAAC;IAClC,mDAAmD;IACnD,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,gBAA6C,EAC7C,SAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,wBAAwB,+BA2D1B"}

package/dist/auth/components/AuthProviderToggles.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { providerLabel } from '../providers.js';
+/** Providers always shown as a toggle row, regardless of whether the
+ *  backend has an explicit entry for them yet (an unconfigured provider
+ *  simply reads as disabled — same default the sandbox backend applies). */
+export const DEFAULT_KNOWN_PROVIDER_IDS = [
+    'password',
+    'anonymous',
+    'google.com',
+    'github.com',
+    'apple.com',
+    'microsoft.com',
+];
+function isEnabled(config, providerId) {
+    return config.find((c) => c.providerId === providerId)?.enabled ?? false;
+}
+/**
+ * Headless "Sign-in providers" toggle grid — the Authentication → Sign-in
+ * method surface. Known providers (password / anonymous / the built-in OAuth
+ * set) always render as a row; any OTHER provider already present in
+ * `config` (a custom OAuth id a host previously added) also gets a row. A
+ * free-text field lets a consumer enable an arbitrary OAuth provider id not
+ * in the known set — this is a SECTION, not a dialog: the add row lives
+ * inline, no modal.
+ *
+ * Fully headless: styling hangs off `data-pyric-*`, matching the rest of
+ * `@pyric/ui/auth` (`AuthUserList`, `AuthUserForm`, …). Data + mutation come
+ * from `useAuthProviderConfig`; this component only renders + fires events.
+ */
+export function AuthProviderToggles({ config, onToggle, knownProviderIds = DEFAULT_KNOWN_PROVIDER_IDS, isLoading, error, className, }) {
+    const [customId, setCustomId] = useState('');
+    const customEntries = config.filter((c) => !knownProviderIds.includes(c.providerId));
+    const handleAdd = (e) => {
+        e.preventDefault();
+        const id = customId.trim();
+        if (!id)
+            return;
+        onToggle(id, true);
+        setCustomId('');
+    };
+    return (_jsxs("div", { className: className, "data-pyric-ui": "auth-provider-toggles", children: [error ? (_jsx("p", { "data-pyric-provider-toggles-error": true, role: "alert", children: error.message })) : null, _jsxs("div", { role: "list", "aria-label": "Sign-in providers", "data-pyric-provider-toggle-list": true, "data-pyric-loading": isLoading ? '' : undefined, children: [knownProviderIds.map((providerId) => (_jsx(ProviderToggleRow, { providerId: providerId, enabled: isEnabled(config, providerId), onToggle: onToggle }, providerId))), customEntries.map((entry) => (_jsx(ProviderToggleRow, { providerId: entry.providerId, enabled: entry.enabled, onToggle: onToggle, custom: true }, entry.providerId)))] }), _jsxs("form", { "data-pyric-add-provider-form": true, onSubmit: handleAdd, children: [_jsxs("label", { "data-pyric-field-label": "custom-provider-id", children: [_jsx("span", { "data-pyric-label-text": true, children: "Add a custom OAuth provider" }), _jsx("input", { type: "text", "data-pyric-field": "custom-provider-id", placeholder: "e.g. yahoo.com", value: customId, onChange: (e) => setCustomId(e.target.value) })] }), _jsx("button", { type: "submit", "data-pyric-add-provider": true, disabled: !customId.trim(), children: "Add" })] })] }));
+}
+function ProviderToggleRow({ providerId, enabled, onToggle, custom, }) {
+    const inputId = `auth-provider-toggle-${providerId}`;
+    return (_jsx("div", { role: "listitem", "data-pyric-provider-toggle": true, "data-pyric-provider-id": providerId, "data-pyric-provider-enabled": enabled ? '' : undefined, "data-pyric-provider-custom": custom ? '' : undefined, children: _jsxs("label", { htmlFor: inputId, "data-pyric-provider-toggle-label": true, children: [_jsx("input", { id: inputId, type: "checkbox", "data-pyric-field": "enabled", checked: enabled, onChange: (e) => onToggle(providerId, e.target.checked) }), _jsx("span", { "data-pyric-provider-toggle-name": true, children: providerLabel(providerId) }), _jsx("span", { "data-pyric-provider-toggle-id": true, children: providerId })] }) }));
+}
+//# sourceMappingURL=AuthProviderToggles.js.map

package/dist/auth/components/AuthProviderToggles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProviderToggles.js","sourceRoot":"","sources":["../../../src/auth/components/AuthProviderToggles.tsx"],"names":[],"mappings":"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"}

package/dist/auth/components/AuthSignInHelper.d.ts

@@ -0,0 +1,57 @@
+import { type ReactNode } from 'react';
+import type { HelperState, NewIdentitySpec, SandboxIdentity } from '../controller.js';
+export interface AuthSignInHelperProps {
+    /** Snapshot from `useAuthFlowHelper`. Renders nothing while
+     *  `state.request` is null. */
+    state: HelperState;
+    /** Settle with an existing identity (wire to the hook's `pick`). */
+    onPick: (uid: string) => void;
+    /** Create + sign in as a new identity (wire to the hook's `add`). */
+    onAdd: (spec: NewIdentitySpec) => void;
+    /** Dismiss the flow (wire to the hook's `cancel`). Rejects the app's
+     *  sign-in promise with `auth/popup-closed-by-user`. */
+    onCancel: () => void;
+    /**
+     * Optional renderer for an account row's content. Default renders
+     * the display name (or email, or uid) plus the email when both
+     * exist. The row button + data attributes stay owned by the
+     * component; this slot only fills the button's children.
+     */
+    renderAccount?: (identity: SandboxIdentity) => ReactNode;
+    /** Heading text. Default: `Sign in with <provider label>`. */
+    title?: ReactNode;
+    /** Optional helper text rendered under the title
+     *  (`[data-pyric-helper-description]`). Default: none. */
+    description?: ReactNode;
+    /** Prefill for the add-account form (e.g. a host-suggested email).
+     *  Read once on mount; `claims` is the raw textarea JSON text. */
+    initialValues?: {
+        email?: string;
+        displayName?: string;
+        claims?: string;
+    };
+    className?: string;
+}
+/**
+ * Headless emulator-style sign-in helper: an account picker over the
+ * sandbox's known identities plus an add-account form (email, display
+ * name, custom-claims JSON with emulator-grade validation messages).
+ *
+ * Ships zero styling. Structure is addressable via the
+ * `data-pyric-*` contract:
+ *
+ * - root: `[data-pyric-ui="auth-signin-helper"]`,
+ *   `[data-pyric-provider-id]`, `[data-pyric-auth-type]`
+ * - picker: `[data-pyric-account-list]` > `[data-pyric-account-entry]`
+ *   > `button[data-pyric-account-pick]`
+ * - form: `form[data-pyric-add-account-form]`, fields
+ *   `[data-pyric-field="email" | "display-name" | "claims"]`,
+ *   `[data-pyric-claims-error]` (role=alert),
+ *   `button[data-pyric-cancel]`, `button[data-pyric-submit]`
+ *
+ * Positioning is the consumer's job — render it inside your own modal
+ * or panel (the flow is host-UI-agnostic; only `onCancel` carries the
+ * popup-closed semantics).
+ */
+export declare function AuthSignInHelper({ state, onPick, onAdd, onCancel, renderAccount, title, description, initialValues, className, }: AuthSignInHelperProps): import("react").JSX.Element | null;
+//# sourceMappingURL=AuthSignInHelper.d.ts.map

package/dist/auth/components/AuthSignInHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthSignInHelper.d.ts","sourceRoot":"","sources":["../../../src/auth/components/AuthSignInHelper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAItF,MAAM,WAAW,qBAAqB;IACpC;mCAC+B;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,oEAAoE;IACpE,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,qEAAqE;IACrE,KAAK,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACvC;4DACwD;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,SAAS,CAAC;IACzD,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;8DAC0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;sEACkE;IAClE,aAAa,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,WAAW,EACX,aAAa,EACb,SAAS,GACV,EAAE,qBAAqB,sCAmIvB"}

package/dist/auth/components/AuthSignInHelper.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { validateSerializedClaims } from '../claims.js';
+import { providerLabel } from '../providers.js';
+/**
+ * Headless emulator-style sign-in helper: an account picker over the
+ * sandbox's known identities plus an add-account form (email, display
+ * name, custom-claims JSON with emulator-grade validation messages).
+ *
+ * Ships zero styling. Structure is addressable via the
+ * `data-pyric-*` contract:
+ *
+ * - root: `[data-pyric-ui="auth-signin-helper"]`,
+ *   `[data-pyric-provider-id]`, `[data-pyric-auth-type]`
+ * - picker: `[data-pyric-account-list]` > `[data-pyric-account-entry]`
+ *   > `button[data-pyric-account-pick]`
+ * - form: `form[data-pyric-add-account-form]`, fields
+ *   `[data-pyric-field="email" | "display-name" | "claims"]`,
+ *   `[data-pyric-claims-error]` (role=alert),
+ *   `button[data-pyric-cancel]`, `button[data-pyric-submit]`
+ *
+ * Positioning is the consumer's job — render it inside your own modal
+ * or panel (the flow is host-UI-agnostic; only `onCancel` carries the
+ * popup-closed semantics).
+ */
+export function AuthSignInHelper({ state, onPick, onAdd, onCancel, renderAccount, title, description, initialValues, className, }) {
+    const [email, setEmail] = useState(initialValues?.email ?? '');
+    const [displayName, setDisplayName] = useState(initialValues?.displayName ?? '');
+    const [claims, setClaims] = useState(initialValues?.claims ?? '');
+    const [claimsError, setClaimsError] = useState(null);
+    if (!state.request)
+        return null;
+    const { providerId, authType } = state.request;
+    const label = providerLabel(providerId);
+    const reset = () => {
+        setEmail('');
+        setDisplayName('');
+        setClaims('');
+        setClaimsError(null);
+    };
+    const cancel = () => {
+        onCancel();
+        reset();
+    };
+    const submit = (e) => {
+        e.preventDefault();
+        const result = validateSerializedClaims(claims);
+        if (!result.ok) {
+            setClaimsError(result.message);
+            return;
+        }
+        if (!email.trim())
+            return;
+        onAdd({
+            email: email.trim(),
+            displayName: displayName.trim() || undefined,
+            customClaims: result.claims,
+        });
+        reset();
+    };
+    return (_jsxs("section", { className: className, "data-pyric-ui": "auth-signin-helper", "data-pyric-provider-id": providerId, "data-pyric-auth-type": authType, "aria-label": `Sign in with ${label}`, children: [_jsxs("header", { "data-pyric-helper-header": true, children: [_jsx("h2", { "data-pyric-helper-title": true, children: title ?? `Sign in with ${label}` }), description != null && _jsx("p", { "data-pyric-helper-description": true, children: description })] }), state.identities.length > 0 && (_jsx("ul", { "data-pyric-account-list": true, children: state.identities.map((identity) => (_jsx("li", { "data-pyric-account-entry": true, "data-pyric-account-uid": identity.uid, "data-pyric-provider-id": identity.providerId, children: _jsx("button", { type: "button", "data-pyric-account-pick": true, onClick: () => {
+                            onPick(identity.uid);
+                            reset();
+                        }, children: renderAccount ? (renderAccount(identity)) : (_jsxs(_Fragment, { children: [_jsx("span", { "data-pyric-account-name": true, children: identity.displayName || identity.email || identity.uid }), identity.email && identity.displayName ? (_jsx("span", { "data-pyric-account-email": true, children: identity.email })) : null] })) }) }, identity.uid))) })), _jsxs("form", { "data-pyric-add-account-form": true, onSubmit: submit, children: [_jsx("input", { type: "email", "data-pyric-field": "email", "aria-label": "Email", placeholder: "email@example.com", value: email, onChange: (e) => setEmail(e.target.value) }), _jsx("input", { type: "text", "data-pyric-field": "display-name", "aria-label": "Display name (optional)", placeholder: "Display name (optional)", value: displayName, onChange: (e) => setDisplayName(e.target.value) }), _jsx("textarea", { "data-pyric-field": "claims", "data-pyric-claims-invalid": claimsError != null ? '' : undefined, "aria-label": "Custom claims (optional)", "aria-invalid": claimsError != null || undefined, placeholder: 'Enter valid json, e.g. {"role":"admin"}', value: claims, onChange: (e) => {
+                            setClaims(e.target.value);
+                            setClaimsError(null);
+                        } }), claimsError != null && (_jsx("p", { role: "alert", "data-pyric-claims-error": true, children: claimsError })), _jsxs("footer", { "data-pyric-helper-actions": true, children: [_jsx("button", { type: "button", "data-pyric-cancel": true, onClick: cancel, children: "Cancel" }), _jsx("button", { type: "submit", "data-pyric-submit": true, disabled: !email.trim(), children: "Sign in" })] })] })] }));
+}
+//# sourceMappingURL=AuthSignInHelper.js.map

package/dist/auth/components/AuthSignInHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthSignInHelper.js","sourceRoot":"","sources":["../../../src/auth/components/AuthSignInHelper.tsx"],"names":[],"mappings":"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"}