@jini-ai/ui 0.1.0

package/dist/react/components/OnboardingDropdown.js

@@ -0,0 +1,257 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Searchable/multi-select dropdown with viewport-aware flip placement,
+// click-outside/Escape dismiss, and single-open-at-a-time coordination
+// across multiple mounted instances (via a broadcast `window` event).
+// Origin: `OnboardingDropdown` in `EntryShell.tsx` (OD). Only the
+// `options` shape's optional `meta`/`tag` fields were OD-flavored in the
+// recon read; this port keeps the plain `{ value, label }` shape actually
+// used by the component. Genericized:
+//  - The peer-coordination event name was a product-identity string
+//    (`'open-design:onboarding-dropdown-open'`); renamed to
+//    `'jini-ui:onboarding-dropdown-open'`.
+//  - The two hardcoded empty-state i18n keys
+//    (`'homeHero.footer.noMatches'` / `'settings.fetchModelsEmpty'`, OD's
+//    own dictionary keys) are replaced with plain-English strings routed
+//    through this package's own `useT()` — `'No matches'` for a searchable
+//    field with no query hits, and a new, non-model-specific `'No options
+//    available'` for an empty non-searchable field (the origin's fallback
+//    text talked about "text models", which was itself a leftover from the
+//    one call site it happened to serve, not a generic empty state).
+// See packages/ui/source-map.md.
+//
+// Shape: this module follows the package's "dumb component + co-located
+// testable hooks" pattern (see `TooltipLayer.tsx`). All state, refs,
+// effects, and DOM measurement live in exported hooks
+// ({@link useOnboardingDropdown}, {@link useOnboardingDropdownPlacement});
+// all branchy derivations live in exported pure helpers
+// ({@link resolveOnboardingSelectedValues}, {@link resolveOnboardingTriggerLabel},
+// {@link filterOnboardingOptions}, {@link resolveOnboardingMenuMetrics},
+// {@link onboardingEmptyMessageKey}). `OnboardingDropdown` is the dumb
+// consumer that only renders.
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useT } from '../../features/i18n/index.js';
+import { Icon } from './Icon.js';
+export const ONBOARDING_DROPDOWN_OPEN_EVENT = 'jini-ui:onboarding-dropdown-open';
+/** Vertical space (px) below the trigger under which the menu prefers to flip up. */
+export const ONBOARDING_MENU_FLIP_THRESHOLD = 260;
+/** Menu height (px) clamp: never taller than this. */
+export const ONBOARDING_MENU_MAX_HEIGHT = 240;
+/** Menu height (px) clamp: never shorter than this. */
+export const ONBOARDING_MENU_MIN_HEIGHT = 48;
+/** Padding (px) subtracted from the available space when sizing the menu. */
+export const ONBOARDING_MENU_VIEWPORT_PADDING = 16;
+/** Viewport height (px) assumed when neither `innerHeight` nor `clientHeight` is available. */
+export const ONBOARDING_MENU_FALLBACK_VIEWPORT = 720;
+// ---------------------------------------------------------------------------
+// Pure helpers (module-level, no React) — each isolates one branchy decision.
+// ---------------------------------------------------------------------------
+/**
+ * Normalize the polymorphic `value` prop into a flat array of selected values.
+ * An array passes through; a non-empty string becomes a singleton; an empty
+ * string (or otherwise falsy value) becomes an empty selection.
+ */
+export function resolveOnboardingSelectedValues(value) {
+    return Array.isArray(value) ? value : value ? [value] : [];
+}
+/**
+ * Compute the trigger's visible label. In multiple mode it joins every
+ * selected option's label; in single mode it uses the first selected label.
+ * Falls back to `placeholder` when nothing resolves.
+ */
+export function resolveOnboardingTriggerLabel(selectedOptions, multiple, placeholder) {
+    const selectedLabel = multiple
+        ? selectedOptions.map((option) => option.label).join(', ')
+        : selectedOptions[0]?.label;
+    return selectedLabel || placeholder;
+}
+/**
+ * Filter the option list for the menu. When not searchable, or when the query
+ * is blank, every option is returned. Otherwise options are matched
+ * case-insensitively against their `label` and `value`.
+ */
+export function filterOnboardingOptions(options, query, searchable) {
+    const normalizedQuery = query.trim().toLowerCase();
+    if (!searchable || !normalizedQuery)
+        return options;
+    return options.filter((option) => `${option.label} ${option.value}`.toLowerCase().includes(normalizedQuery));
+}
+/** The (untranslated) empty-state key for the current field mode. */
+export function onboardingEmptyMessageKey(searchable) {
+    return searchable ? 'No matches' : 'No options available';
+}
+/**
+ * Decide where the menu opens and how tall it may be, given the trigger's
+ * bounding rect and the viewport height. Prefers the caller's requested
+ * placement, but flips to `top` when the space below the trigger is tight
+ * (< {@link ONBOARDING_MENU_FLIP_THRESHOLD}) and there is more room above.
+ * The height is clamped to
+ * [{@link ONBOARDING_MENU_MIN_HEIGHT}, {@link ONBOARDING_MENU_MAX_HEIGHT}].
+ */
+export function resolveOnboardingMenuMetrics(rect, viewportHeight, requestedPlacement) {
+    const spaceBelow = viewportHeight - rect.bottom;
+    const spaceAbove = rect.top;
+    const placement = requestedPlacement === 'top' || (spaceBelow < ONBOARDING_MENU_FLIP_THRESHOLD && spaceAbove > spaceBelow)
+        ? 'top'
+        : 'bottom';
+    const availableSpace = placement === 'top' ? spaceAbove : spaceBelow;
+    const maxHeight = Math.max(ONBOARDING_MENU_MIN_HEIGHT, Math.min(ONBOARDING_MENU_MAX_HEIGHT, availableSpace - ONBOARDING_MENU_VIEWPORT_PADDING));
+    return { placement, maxHeight };
+}
+/** Read the current viewport height with progressive fallbacks. */
+export function readOnboardingViewportHeight() {
+    return (window.innerHeight ||
+        document.documentElement.clientHeight ||
+        ONBOARDING_MENU_FALLBACK_VIEWPORT);
+}
+// ---------------------------------------------------------------------------
+// Hooks
+// ---------------------------------------------------------------------------
+/**
+ * Measure the trigger and derive the menu's resolved placement + max height
+ * whenever the menu is open, keeping it in sync with `resize`/`scroll`. All
+ * arithmetic is delegated to {@link resolveOnboardingMenuMetrics}; this hook
+ * only owns the DOM measurement and the listener lifecycle. Measurement is a
+ * no-op until the ref is attached, so consumers that open before the field
+ * mounts (or exercise the hook in isolation) never dereference a null node.
+ */
+export function useOnboardingDropdownPlacement(rootRef, open, placement, optionCount) {
+    const [metrics, setMetrics] = useState({
+        placement,
+        maxHeight: ONBOARDING_MENU_MAX_HEIGHT,
+    });
+    useLayoutEffect(() => {
+        if (!open)
+            return;
+        function measureMenu() {
+            const node = rootRef.current;
+            if (!node)
+                return;
+            const rect = node.getBoundingClientRect();
+            setMetrics(resolveOnboardingMenuMetrics(rect, readOnboardingViewportHeight(), placement));
+        }
+        measureMenu();
+        window.addEventListener('resize', measureMenu);
+        window.addEventListener('scroll', measureMenu, true);
+        return () => {
+            window.removeEventListener('resize', measureMenu);
+            window.removeEventListener('scroll', measureMenu, true);
+        };
+    }, [open, placement, optionCount, rootRef]);
+    return metrics;
+}
+/**
+ * All of the dropdown's behavior — open/query state, the field ref, the
+ * viewport-aware placement, the click-outside/Escape dismissal, the query
+ * reset on close, the single-open-at-a-time peer coordination, and the
+ * select/toggle logic — with no rendering. Exported (with the pure helpers
+ * above) so the logic is testable in isolation; `OnboardingDropdown` is the
+ * dumb consumer.
+ */
+export function useOnboardingDropdown(props) {
+    const t = useT();
+    const { placeholder, value, options, placement = 'bottom', multiple = false, searchable = false, } = props;
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState('');
+    const rootRef = useRef(null);
+    const dropdownIdRef = useRef(`onboarding-dropdown-${Math.random().toString(36).slice(2)}`);
+    const { placement: resolvedPlacement, maxHeight: menuMaxHeight } = useOnboardingDropdownPlacement(rootRef, open, placement, options.length);
+    useEffect(() => {
+        if (!open)
+            return;
+        function handlePointerDown(event) {
+            if (!rootRef.current?.contains(event.target)) {
+                setOpen(false);
+            }
+        }
+        function handleKeyDown(event) {
+            if (event.key === 'Escape') {
+                setOpen(false);
+            }
+        }
+        document.addEventListener('pointerdown', handlePointerDown);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('pointerdown', handlePointerDown);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [open]);
+    useEffect(() => {
+        if (!open) {
+            setQuery('');
+        }
+    }, [open]);
+    useEffect(() => {
+        function handlePeerOpen(event) {
+            if (event.detail !== dropdownIdRef.current) {
+                setOpen(false);
+            }
+        }
+        window.addEventListener(ONBOARDING_DROPDOWN_OPEN_EVENT, handlePeerOpen);
+        return () => {
+            window.removeEventListener(ONBOARDING_DROPDOWN_OPEN_EVENT, handlePeerOpen);
+        };
+    }, []);
+    const toggleOpen = useCallback(() => {
+        setOpen((current) => {
+            const nextOpen = !current;
+            if (nextOpen) {
+                window.dispatchEvent(new CustomEvent(ONBOARDING_DROPDOWN_OPEN_EVENT, {
+                    detail: dropdownIdRef.current,
+                }));
+            }
+            return nextOpen;
+        });
+    }, []);
+    const selectedValues = resolveOnboardingSelectedValues(value);
+    const selectedOptions = options.filter((option) => selectedValues.includes(option.value));
+    const hasValue = selectedOptions.length > 0;
+    const triggerLabel = resolveOnboardingTriggerLabel(selectedOptions, multiple, placeholder);
+    const visibleOptions = filterOnboardingOptions(options, query, searchable);
+    const emptyMessage = t(onboardingEmptyMessageKey(searchable));
+    function selectOption(option, selected) {
+        if (props.multiple) {
+            props.onChange(selected
+                ? selectedValues.filter((selectedValue) => selectedValue !== option.value)
+                : [...selectedValues, option.value]);
+            return;
+        }
+        props.onChange(option.value);
+        setOpen(false);
+    }
+    return {
+        open,
+        query,
+        setQuery,
+        toggleOpen,
+        rootRef,
+        resolvedPlacement,
+        menuMaxHeight,
+        selectedValues,
+        hasValue,
+        triggerLabel,
+        visibleOptions,
+        emptyMessage,
+        selectOption,
+    };
+}
+// ---------------------------------------------------------------------------
+// Dumb component
+// ---------------------------------------------------------------------------
+/**
+ * Searchable/multi-select onboarding dropdown. All behavior lives in
+ * {@link useOnboardingDropdown}; this component only renders the field,
+ * trigger, and (when open) the menu.
+ */
+export function OnboardingDropdown(props) {
+    const { label, placeholder, multiple = false, searchable = false, searchPlaceholder, sourceTone, className, useOnboardingDropdown: useOnboardingDropdownHook = useOnboardingDropdown, } = props;
+    const { open, query, setQuery, toggleOpen, rootRef, resolvedPlacement, menuMaxHeight, selectedValues, hasValue, triggerLabel, visibleOptions, emptyMessage, selectOption, } = useOnboardingDropdownHook(props);
+    return (_jsxs("div", { className: ['onboarding-view__select-field', className].filter(Boolean).join(' '), "data-placement": resolvedPlacement, "data-open": open || undefined, ref: rootRef, children: [_jsx("span", { className: "onboarding-view__select-label", "data-source-tone": sourceTone || undefined, children: label }), _jsxs("button", { type: "button", className: `onboarding-view__select-trigger${open ? ' is-open' : ''}${hasValue ? ' has-value' : ''}`, "aria-haspopup": "listbox", "aria-expanded": open, title: triggerLabel, onClick: toggleOpen, children: [_jsx("span", { children: triggerLabel }), _jsx(Icon, { name: "chevron-down", size: 16 })] }), open ? (_jsxs("div", { className: "onboarding-view__select-menu", "data-searchable": searchable || undefined, style: { '--onboarding-select-menu-max-height': `${menuMaxHeight}px` }, children: [searchable ? (_jsxs("label", { className: "onboarding-view__select-search", onClick: (event) => event.stopPropagation(), children: [_jsx(Icon, { name: "search", size: 14 }), _jsx("input", { type: "search", value: query, placeholder: searchPlaceholder || placeholder, "aria-label": searchPlaceholder || label, autoFocus: true, onChange: (event) => setQuery(event.target.value), onKeyDown: (event) => {
+                                    if (event.key !== 'Escape') {
+                                        event.stopPropagation();
+                                    }
+                                } })] })) : null, _jsxs("div", { className: "onboarding-view__select-options", role: "listbox", "aria-label": label, "aria-multiselectable": multiple || undefined, children: [visibleOptions.map((option) => {
+                                const selected = selectedValues.includes(option.value);
+                                return (_jsxs("button", { type: "button", className: `onboarding-view__select-option${selected ? ' is-selected' : ''}`, role: "option", "aria-selected": selected, onClick: () => selectOption(option, selected), children: [_jsx("span", { children: option.label }), selected ? _jsx(Icon, { name: "check", size: 15 }) : null] }, option.value));
+                            }), visibleOptions.length === 0 ? (_jsx("div", { className: "onboarding-view__select-empty", children: emptyMessage })) : null] })] })) : null] }));
+}
+//# sourceMappingURL=OnboardingDropdown.js.map

package/dist/react/components/OnboardingDropdown.js.map

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

package/dist/react/components/OnboardingPanelHeader.d.ts

@@ -0,0 +1,7 @@
+export interface OnboardingPanelHeaderProps {
+    title: string;
+    body: string;
+    className?: string;
+}
+export declare function OnboardingPanelHeader({ title, body, className }: OnboardingPanelHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=OnboardingPanelHeader.d.ts.map

package/dist/react/components/OnboardingPanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/react/components/OnboardingPanelHeader.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,0BAA0B,+BAO3F"}

package/dist/react/components/OnboardingPanelHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OnboardingPanelHeader({ title, body, className }) {
+    return (_jsxs("div", { className: ['onboarding-view__panel-head', className].filter(Boolean).join(' '), children: [_jsx("h2", { children: title }), _jsx("p", { children: body })] }));
+}
+//# sourceMappingURL=OnboardingPanelHeader.js.map

package/dist/react/components/OnboardingPanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingPanelHeader.js","sourceRoot":"","sources":["../../../src/react/components/OnboardingPanelHeader.tsx"],"names":[],"mappings":";AAWA,MAAM,UAAU,qBAAqB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAA8B;IAC1F,OAAO,CACL,eAAK,SAAS,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAClF,uBAAK,KAAK,GAAM,EAChB,sBAAI,IAAI,GAAK,IACT,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/OptionCards.d.ts

@@ -0,0 +1,14 @@
+export interface OptionCardsOption<T extends string | number> {
+    value: T;
+    title: string;
+    hint?: string;
+}
+export interface OptionCardsProps<T extends string | number> {
+    label: string;
+    options: Array<OptionCardsOption<T>>;
+    value: T;
+    onChange: (value: T) => void;
+    className?: string;
+}
+export declare function OptionCards<T extends string | number>({ label, options, value, onChange, className, }: OptionCardsProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=OptionCards.d.ts.map

package/dist/react/components/OptionCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionCards.d.ts","sourceRoot":"","sources":["../../../src/react/components/OptionCards.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACrD,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAoBrB"}

package/dist/react/components/OptionCards.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OptionCards({ label, options, value, onChange, className, }) {
+    return (_jsxs("div", { className: ['newproj-media-field', className].filter(Boolean).join(' '), children: [_jsx("div", { className: "newproj-label", children: label }), _jsx("div", { className: "newproj-option-grid compact", children: options.map((option) => (_jsxs("button", { type: "button", className: `newproj-card newproj-option-card${value === option.value ? ' active' : ''}`, onClick: () => onChange(option.value), "aria-pressed": value === option.value, children: [_jsx("span", { children: option.title }), option.hint ? _jsx("small", { children: option.hint }) : null] }, String(option.value)))) })] }));
+}
+//# sourceMappingURL=OptionCards.js.map

package/dist/react/components/OptionCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionCards.js","sourceRoot":"","sources":["../../../src/react/components/OptionCards.tsx"],"names":[],"mappings":";AAoBA,MAAM,UAAU,WAAW,CAA4B,EACrD,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACW;IACpB,OAAO,CACL,eAAK,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAC1E,cAAK,SAAS,EAAC,eAAe,YAAE,KAAK,GAAO,EAC5C,cAAK,SAAS,EAAC,6BAA6B,YACzC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,mCAAmC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,kBACvB,KAAK,KAAK,MAAM,CAAC,KAAK,aAEpC,yBAAO,MAAM,CAAC,KAAK,GAAQ,EAC1B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,0BAAQ,MAAM,CAAC,IAAI,GAAS,CAAC,CAAC,CAAC,IAAI,KAP7C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAQlB,CACV,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/PaletteTweaks.d.ts

@@ -0,0 +1,65 @@
+import { type MutableRefObject } from 'react';
+export type PaletteId = 'coral' | 'electric' | 'acid-forest' | 'risograph' | 'mono-noir';
+/** A hover target inside the picker: a palette, the "original" row, or none. */
+export type PaletteHoverTarget = PaletteId | 'original' | null;
+export interface PaletteSwatch {
+    id: PaletteId;
+    label: string;
+    stripe: string[];
+}
+export declare const PALETTE_TWEAKS_SWATCHES: PaletteSwatch[];
+export interface PaletteTweaksProps {
+    open: boolean;
+    selected: PaletteId | null;
+    onChange: (id: PaletteId | null) => void;
+    onPreview: (id: PaletteId | null) => void;
+    onClose: () => void;
+}
+/**
+ * The palette to preview for a given hover target: the "original" row previews
+ * nothing (`null`), leaving the row (target `null`) restores the current
+ * `selected` preview, and hovering a palette previews that palette.
+ */
+export declare function resolvePalettePreview(target: PaletteHoverTarget, selected: PaletteId | null): PaletteId | null;
+/**
+ * The next selection when a palette row is clicked: clicking the already
+ * selected palette deselects it (back to `null`), otherwise it selects it.
+ */
+export declare function nextPaletteSelection(selected: PaletteId | null, id: PaletteId): PaletteId | null;
+/** The `className` for a picker row, given its selected/hovered state. */
+export declare function paletteItemClassName(state: {
+    selected: boolean;
+    hovered: boolean;
+}): string;
+export interface UsePaletteHoverResult {
+    /** The currently hovered target, or `null` when nothing is hovered. */
+    hovered: PaletteHoverTarget;
+    /** Set the hovered target and emit the corresponding preview. */
+    setHover: (target: PaletteHoverTarget) => void;
+}
+/**
+ * Owns the picker's hover state and the preview side effect. Setting a hover
+ * target emits the resolved preview; closing the picker (`open` -> false)
+ * clears the hover and cancels any active preview.
+ */
+export declare function usePaletteHover(options: {
+    open: boolean;
+    selected: PaletteId | null;
+    onPreview: (id: PaletteId | null) => void;
+}): UsePaletteHoverResult;
+/**
+ * Wires up dismiss behavior while the picker is `open`: a `mousedown` outside
+ * the returned `rootRef` element, or pressing `Escape`, calls `onClose`.
+ * Returns the ref to attach to the picker's root element.
+ */
+export declare function usePaletteDismiss(options: {
+    open: boolean;
+    onClose: () => void;
+}): MutableRefObject<HTMLDivElement | null>;
+/**
+ * Curated theme-palette picker. All state/effects live in
+ * {@link usePaletteHover} and {@link usePaletteDismiss}; the row derivations
+ * are module-level helpers. This component is a pure render.
+ */
+export declare function PaletteTweaks({ open, selected, onChange, onPreview, onClose }: PaletteTweaksProps): import("react").JSX.Element | null;
+//# sourceMappingURL=PaletteTweaks.d.ts.map

package/dist/react/components/PaletteTweaks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteTweaks.d.ts","sourceRoot":"","sources":["../../../src/react/components/PaletteTweaks.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA4C,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAGxF,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,UAAU,GACV,aAAa,GACb,WAAW,GACX,WAAW,CAAC;AAEhB,gFAAgF;AAChF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,aAAa,EAMlD,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,EAAE,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,kBAAkB,EAC1B,QAAQ,EAAE,SAAS,GAAG,IAAI,GACzB,SAAS,GAAG,IAAI,CAIlB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,SAAS,GAAG,IAAI,EAC1B,EAAE,EAAE,SAAS,GACZ,SAAS,GAAG,IAAI,CAElB;AAED,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,GAAG,MAAM,CAET;AAID,MAAM,WAAW,qBAAqB;IACpC,uEAAuE;IACvE,OAAO,EAAE,kBAAkB,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,GAAG,qBAAqB,CAoBxB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAuB1C;AAID;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,kBAAkB,sCAiEjG"}

package/dist/react/components/PaletteTweaks.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// NOTE: verified zero real consumers in the vendored source snapshot before
+// porting (see packages/ui/source-map.md) — shipped anyway since it's small,
+// self-contained, and correct.
+//
+// Structure follows the "dumb component + co-located testable hook(s)"
+// pattern (see TooltipLayer.tsx): pure derivations are module-level helpers,
+// all state/effects/callbacks live in exported hooks, and `PaletteTweaks`
+// itself is a pure render. Everything is exported so each seam is unit- or
+// hook-testable in isolation.
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Icon } from './Icon';
+export const PALETTE_TWEAKS_SWATCHES = [
+    { id: 'coral', label: 'Coral - default', stripe: ['#ff5a3c', '#ff7a5c', '#fde2d6', '#171717'] },
+    { id: 'electric', label: 'Electric', stripe: ['#7c3aed', '#a855f7', '#e9d5ff', '#171717'] },
+    { id: 'acid-forest', label: 'Acid forest', stripe: ['#16a34a', '#22c55e', '#bbf7d0', '#0f1d14'] },
+    { id: 'risograph', label: 'Risograph', stripe: ['#e11d48', '#2563eb', '#fde68a', '#171717'] },
+    { id: 'mono-noir', label: 'Mono noir', stripe: ['#0a0a0a', '#262626', '#e5e5e5', '#fafafa'] },
+];
+// --- Pure derivations (module-level, directly unit-testable) --------------
+/**
+ * The palette to preview for a given hover target: the "original" row previews
+ * nothing (`null`), leaving the row (target `null`) restores the current
+ * `selected` preview, and hovering a palette previews that palette.
+ */
+export function resolvePalettePreview(target, selected) {
+    if (target === 'original')
+        return null;
+    if (target === null)
+        return selected;
+    return target;
+}
+/**
+ * The next selection when a palette row is clicked: clicking the already
+ * selected palette deselects it (back to `null`), otherwise it selects it.
+ */
+export function nextPaletteSelection(selected, id) {
+    return selected === id ? null : id;
+}
+/** The `className` for a picker row, given its selected/hovered state. */
+export function paletteItemClassName(state) {
+    return `palette-tweaks-item${state.selected ? ' selected' : ''}${state.hovered ? ' hovered' : ''}`;
+}
+/**
+ * Owns the picker's hover state and the preview side effect. Setting a hover
+ * target emits the resolved preview; closing the picker (`open` -> false)
+ * clears the hover and cancels any active preview.
+ */
+export function usePaletteHover(options) {
+    const { open, selected, onPreview } = options;
+    const [hovered, setHovered] = useState(null);
+    const setHover = useCallback((target) => {
+        setHovered(target);
+        onPreview(resolvePalettePreview(target, selected));
+    }, [onPreview, selected]);
+    useEffect(() => {
+        if (!open) {
+            setHovered(null);
+            onPreview(null);
+        }
+    }, [open, onPreview]);
+    return { hovered, setHover };
+}
+/**
+ * Wires up dismiss behavior while the picker is `open`: a `mousedown` outside
+ * the returned `rootRef` element, or pressing `Escape`, calls `onClose`.
+ * Returns the ref to attach to the picker's root element.
+ */
+export function usePaletteDismiss(options) {
+    const { open, onClose } = options;
+    const rootRef = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        function onDoc(ev) {
+            if (!rootRef.current)
+                return;
+            if (rootRef.current.contains(ev.target))
+                return;
+            onClose();
+        }
+        function onKey(ev) {
+            if (ev.key === 'Escape')
+                onClose();
+        }
+        document.addEventListener('mousedown', onDoc);
+        document.addEventListener('keydown', onKey);
+        return () => {
+            document.removeEventListener('mousedown', onDoc);
+            document.removeEventListener('keydown', onKey);
+        };
+    }, [open, onClose]);
+    return rootRef;
+}
+// --- Dumb component --------------------------------------------------------
+/**
+ * Curated theme-palette picker. All state/effects live in
+ * {@link usePaletteHover} and {@link usePaletteDismiss}; the row derivations
+ * are module-level helpers. This component is a pure render.
+ */
+export function PaletteTweaks({ open, selected, onChange, onPreview, onClose }) {
+    const rootRef = usePaletteDismiss({ open, onClose });
+    const { hovered, setHover } = usePaletteHover({ open, selected, onPreview });
+    if (!open)
+        return null;
+    const isOriginal = selected === null;
+    return (_jsxs("div", { className: "palette-tweaks", ref: rootRef, role: "dialog", "aria-label": "Themes", children: [_jsxs("div", { className: "palette-tweaks-header", children: [_jsx("span", { className: "palette-tweaks-title", children: "Themes" }), _jsx("span", { className: "palette-tweaks-sub", children: "5 curated theme palettes" })] }), _jsxs("ul", { className: "palette-tweaks-list", role: "listbox", children: [_jsxs("li", { role: "option", "aria-selected": isOriginal, className: paletteItemClassName({ selected: isOriginal, hovered: hovered === 'original' }), onMouseEnter: () => setHover('original'), onMouseLeave: () => setHover(null), onClick: () => { onChange(null); onClose(); }, children: [_jsx("span", { className: "palette-tweaks-stripe palette-tweaks-stripe-original", "aria-hidden": true, children: _jsx("span", { className: "palette-tweaks-chip palette-tweaks-chip-original" }) }), _jsx("span", { className: "palette-tweaks-label", children: "Original" }), isOriginal ? (_jsx("span", { className: "palette-tweaks-check", "aria-hidden": true, children: _jsx(Icon, { name: "check", size: 12 }) })) : null] }), PALETTE_TWEAKS_SWATCHES.map((p) => {
+                        const isSelected = selected === p.id;
+                        const isHovered = hovered === p.id;
+                        return (_jsxs("li", { role: "option", "aria-selected": isSelected, className: paletteItemClassName({ selected: isSelected, hovered: isHovered }), onMouseEnter: () => setHover(p.id), onMouseLeave: () => setHover(null), onClick: () => {
+                                onChange(nextPaletteSelection(selected, p.id));
+                                onClose();
+                            }, children: [_jsx("span", { className: "palette-tweaks-stripe", "aria-hidden": true, children: p.stripe.map((c, i) => (_jsx("span", { className: "palette-tweaks-chip", style: { backgroundColor: c } }, i))) }), _jsx("span", { className: "palette-tweaks-label", children: p.label }), isSelected ? (_jsx("span", { className: "palette-tweaks-check", "aria-hidden": true, children: _jsx(Icon, { name: "check", size: 12 }) })) : null] }, p.id));
+                    })] })] }));
+}
+//# sourceMappingURL=PaletteTweaks.js.map

package/dist/react/components/PaletteTweaks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteTweaks.js","sourceRoot":"","sources":["../../../src/react/components/PaletteTweaks.tsx"],"names":[],"mappings":";AAAA,4EAA4E;AAC5E,6EAA6E;AAC7E,+BAA+B;AAC/B,EAAE;AACF,uEAAuE;AACvE,6EAA6E;AAC7E,0EAA0E;AAC1E,2EAA2E;AAC3E,8BAA8B;AAE9B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAyB,MAAM,OAAO,CAAC;AACxF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkB9B,MAAM,CAAC,MAAM,uBAAuB,GAAoB;IACtD,EAAE,EAAE,EAAE,OAAO,EAAQ,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;IACrG,EAAE,EAAE,EAAE,UAAU,EAAK,KAAK,EAAE,UAAU,EAAS,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;IACrG,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAM,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;IACrG,EAAE,EAAE,EAAE,WAAW,EAAI,KAAK,EAAE,WAAW,EAAQ,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;IACrG,EAAE,EAAE,EAAE,WAAW,EAAI,KAAK,EAAE,WAAW,EAAQ,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;CACtG,CAAC;AAUF,6EAA6E;AAE7E;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAA0B,EAC1B,QAA0B;IAE1B,IAAI,MAAM,KAAK,UAAU;QAAE,OAAO,IAAI,CAAC;IACvC,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,QAAQ,CAAC;IACrC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,QAA0B,EAC1B,EAAa;IAEb,OAAO,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AACrC,CAAC;AAED,0EAA0E;AAC1E,MAAM,UAAU,oBAAoB,CAAC,KAGpC;IACC,OAAO,sBAAsB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACrG,CAAC;AAWD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,OAI/B;IACC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEjE,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,MAA0B,EAAE,EAAE;QAC7B,UAAU,CAAC,MAAM,CAAC,CAAC;QACnB,SAAS,CAAC,qBAAqB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC/B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAGjC;IACC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAClC,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,SAAS,KAAK,CAAC,EAAc;YAC3B,IAAI,CAAC,OAAO,CAAC,OAAO;gBAAE,OAAO;YAC7B,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC;gBAAE,OAAO;YACxD,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,SAAS,KAAK,CAAC,EAAiB;YAC9B,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACrC,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC9C,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YACjD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,8EAA8E;AAE9E;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAsB;IAChG,MAAM,OAAO,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACrD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;IAE7E,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,MAAM,UAAU,GAAG,QAAQ,KAAK,IAAI,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,gBAAY,QAAQ,aAC7E,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,sBAAsB,uBAAc,EACpD,eAAM,SAAS,EAAC,oBAAoB,yCAAgC,IAChE,EACN,cAAI,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,SAAS,aAChD,cACE,IAAI,EAAC,QAAQ,mBACE,UAAU,EACzB,SAAS,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,UAAU,EAAE,CAAC,EAC1F,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EACxC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,aAE7C,eAAM,SAAS,EAAC,sDAAsD,iCACpE,eAAM,SAAS,EAAC,kDAAkD,GAAG,GAChE,EACP,eAAM,SAAS,EAAC,sBAAsB,yBAAgB,EACrD,UAAU,CAAC,CAAC,CAAC,CACZ,eAAM,SAAS,EAAC,sBAAsB,iCACpC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,CAAC,CAAC,CAAC,IAAI,IACL,EACJ,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACjC,MAAM,UAAU,GAAG,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;wBACrC,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;wBACnC,OAAO,CACL,cAEE,IAAI,EAAC,QAAQ,mBACE,UAAU,EACzB,SAAS,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC7E,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gCAC/C,OAAO,EAAE,CAAC;4BACZ,CAAC,aAED,eAAM,SAAS,EAAC,uBAAuB,iCACpC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAc,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,IAAhE,CAAC,CAAmE,CAChF,CAAC,GACG,EACP,eAAM,SAAS,EAAC,sBAAsB,YAAE,CAAC,CAAC,KAAK,GAAQ,EACtD,UAAU,CAAC,CAAC,CAAC,CACZ,eAAM,SAAS,EAAC,sBAAsB,iCACpC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,CAAC,CAAC,CAAC,IAAI,KArBH,CAAC,CAAC,EAAE,CAsBN,CACN,CAAC;oBACJ,CAAC,CAAC,IACC,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/PillButton.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export interface PillButtonProps {
+    /** Rendered before the label. Any host-supplied icon element. */
+    icon?: ReactNode;
+    /** Pill label. Usually plain text, but accepts a node so a caller can
+     *  render structured content (e.g. multi-segment summary text). */
+    label: ReactNode;
+    /** Highlights the pill as active/open (e.g. while its popover is shown). */
+    active?: boolean;
+    /** Overrides the accessible name; falls back to the button's rendered
+     *  text content when omitted (matches native `<button>` semantics). */
+    'aria-label'?: string;
+    /** Rendered after the label — typically a chevron icon. */
+    trailingIcon?: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+    className?: string;
+    /** Popover/menu content anchored to this pill; rendered inside the same
+     *  wrapping element so a caller can position it with CSS relative to the
+     *  pill without an extra wrapper of its own. */
+    children?: ReactNode;
+}
+/**
+ * Generic labeled trigger pill: icon + label (+ optional trailing icon),
+ * togglable `active` state, and an optional anchored children slot for a
+ * popover/menu. Props in, JSX out — no internal open/closed state; the
+ * caller owns whether `children` is rendered.
+ *
+ * Origin: `PillButton` from the vendored schedule/mention god-component
+ * (recon r6 §1.19) — generic popover-trigger chrome, no product types.
+ */
+export declare function PillButton({ icon, label, active, 'aria-label': ariaLabel, trailingIcon, onClick, disabled, className, children, }: PillButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=PillButton.d.ts.map

package/dist/react/components/PillButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/PillButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;uEACmE;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;2EACuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;oDAEgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,MAAc,EACd,YAAY,EAAE,SAAS,EACvB,YAAY,EACZ,OAAO,EACP,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BAkBjB"}

package/dist/react/components/PillButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Generic labeled trigger pill: icon + label (+ optional trailing icon),
+ * togglable `active` state, and an optional anchored children slot for a
+ * popover/menu. Props in, JSX out — no internal open/closed state; the
+ * caller owns whether `children` is rendered.
+ *
+ * Origin: `PillButton` from the vendored schedule/mention god-component
+ * (recon r6 §1.19) — generic popover-trigger chrome, no product types.
+ */
+export function PillButton({ icon, label, active = false, 'aria-label': ariaLabel, trailingIcon, onClick, disabled = false, className, children, }) {
+    return (_jsxs("div", { className: `jini-pill-wrap${className ? ` ${className}` : ''}`, children: [_jsxs("button", { type: "button", className: `jini-pill${active ? ' is-active' : ''}`, "aria-label": ariaLabel, "aria-expanded": children ? active : undefined, onClick: onClick, disabled: disabled, children: [icon, _jsx("span", { className: "jini-pill__label", children: label }), trailingIcon] }), children] }));
+}
+//# sourceMappingURL=PillButton.js.map

package/dist/react/components/PillButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillButton.js","sourceRoot":"","sources":["../../../src/react/components/PillButton.tsx"],"names":[],"mappings":";AAwBA;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,MAAM,GAAG,KAAK,EACd,YAAY,EAAE,SAAS,EACvB,YAAY,EACZ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,GACQ;IAChB,OAAO,CACL,eAAK,SAAS,EAAE,iBAAiB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,aACjE,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,YAAY,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,gBACvC,SAAS,mBACN,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,aAEjB,IAAI,EACL,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAQ,EAChD,YAAY,IACN,EACR,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/PopoverItem.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export interface PopoverItemProps {
+    selected?: boolean;
+    /** Rendered when `selected` — typically a check icon. Omit for a plain
+     *  text-only item with no selection affordance. */
+    selectedIcon?: ReactNode;
+    label: string;
+    hint?: string;
+    onClick: () => void;
+    /** Native hover tooltip, surfaced when the visible label is truncated to
+     *  ellipsis by CSS (e.g. a long option label in a narrow menu). Optional
+     *  so unchanged call sites with short fixed labels don't grow a noisy
+     *  duplicate tooltip. */
+    title?: string;
+}
+/**
+ * Generic single-select-style menu row: an optional selected-check slot,
+ * a label, and an optional secondary hint line. Props in, JSX out.
+ *
+ * Origin: `PopoverItem` from the vendored schedule/mention god-component
+ * (recon r6 §1.19) — generic, no product types.
+ */
+export declare function PopoverItem({ selected, selectedIcon, label, hint, onClick, title }: PopoverItemProps): import("react").JSX.Element;
+//# sourceMappingURL=PopoverItem.d.ts.map

package/dist/react/components/PopoverItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverItem.d.ts","sourceRoot":"","sources":["../../../src/react/components/PopoverItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;uDACmD;IACnD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;6BAGyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAgB,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAe5G"}