@jini-ai/ui 0.1.0

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

@@ -0,0 +1,47 @@
+export interface ComponentKitPreviewThemeTokens {
+    background: string;
+    surface: string;
+    foreground: string;
+    muted: string;
+    border: string;
+}
+export interface ComponentKitPreviewTokens {
+    name: string;
+    description?: string | undefined;
+    displayFont: string;
+    bodyFont: string;
+    /** Border radius in px. */
+    radius: number;
+    /** Base font size in px. */
+    fontSize: number;
+    colorPrimary: string;
+    colorPrimaryBg: string;
+    colorPrimaryHover: string;
+    colorPrimaryActive: string;
+    light: ComponentKitPreviewThemeTokens;
+    dark: ComponentKitPreviewThemeTokens;
+}
+export type ComponentKitPreviewThemeMode = 'light' | 'dark';
+export interface ComponentKitPreviewProps {
+    tokens: ComponentKitPreviewTokens;
+    theme: ComponentKitPreviewThemeMode;
+    onThemeChange: (theme: ComponentKitPreviewThemeMode) => void;
+}
+/**
+ * A theme-toggle-driven style-guide preview panel: given a token set (colors,
+ * type, radius), renders a light/dark-switchable stage with a button
+ * showcase, a type-scale sample, and the extracted token chips underneath.
+ *
+ * Origin: `DesignMdComponentKitPreview` (`DesignSystemFlow.tsx`). The
+ * origin took a raw `markdown: string` and parsed it internally
+ * (`buildDesignMdPreviewModel` → `parseDesignMd`) into this same token
+ * shape; that markdown-parsing pipeline is OD-specific product logic (their
+ * "design.md" spec format) and is not ported — same call already made for
+ * the color-mixing math this component leans on (`readableTextColor`, see
+ * `packages/ui/source-map.md`'s color-math section: "what was deliberately
+ * left behind"). This component instead takes the already-resolved token
+ * model directly, genericizing the token *source* to whatever the host
+ * computes it from.
+ */
+export declare function ComponentKitPreview({ tokens, theme, onThemeChange }: ComponentKitPreviewProps): import("react").JSX.Element;
+//# sourceMappingURL=ComponentKitPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentKitPreview.d.ts","sourceRoot":"","sources":["../../../src/react/components/ComponentKitPreview.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,8BAA8B;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,8BAA8B,CAAC;IACtC,IAAI,EAAE,8BAA8B,CAAC;CACtC;AAED,MAAM,MAAM,4BAA4B,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,yBAAyB,CAAC;IAClC,KAAK,EAAE,4BAA4B,CAAC;IACpC,aAAa,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;CAC9D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,wBAAwB,+BA+E7F"}

package/dist/react/components/ComponentKitPreview.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../features/i18n/index.js';
+import { readableTextColor } from '../../utils/color-math.js';
+import { TokenChip } from './TokenChip.js';
+import { ValueChip } from './ValueChip.js';
+/**
+ * A theme-toggle-driven style-guide preview panel: given a token set (colors,
+ * type, radius), renders a light/dark-switchable stage with a button
+ * showcase, a type-scale sample, and the extracted token chips underneath.
+ *
+ * Origin: `DesignMdComponentKitPreview` (`DesignSystemFlow.tsx`). The
+ * origin took a raw `markdown: string` and parsed it internally
+ * (`buildDesignMdPreviewModel` → `parseDesignMd`) into this same token
+ * shape; that markdown-parsing pipeline is OD-specific product logic (their
+ * "design.md" spec format) and is not ported — same call already made for
+ * the color-mixing math this component leans on (`readableTextColor`, see
+ * `packages/ui/source-map.md`'s color-math section: "what was deliberately
+ * left behind"). This component instead takes the already-resolved token
+ * model directly, genericizing the token *source* to whatever the host
+ * computes it from.
+ */
+export function ComponentKitPreview({ tokens, theme, onThemeChange }) {
+    const t = useT();
+    const themeTokens = theme === 'dark' ? tokens.dark : tokens.light;
+    const style = {
+        '--jini-kit-preview-bg': themeTokens.background,
+        '--jini-kit-preview-surface': themeTokens.surface,
+        '--jini-kit-preview-fg': themeTokens.foreground,
+        '--jini-kit-preview-muted': themeTokens.muted,
+        '--jini-kit-preview-border': themeTokens.border,
+        '--jini-kit-preview-primary': tokens.colorPrimary,
+        '--jini-kit-preview-primary-bg': tokens.colorPrimaryBg,
+        '--jini-kit-preview-primary-hover': tokens.colorPrimaryHover,
+        '--jini-kit-preview-primary-active': tokens.colorPrimaryActive,
+        '--jini-kit-preview-radius': `${tokens.radius}px`,
+        '--jini-kit-preview-display-font': tokens.displayFont,
+        '--jini-kit-preview-body-font': tokens.bodyFont,
+        '--jini-kit-preview-font-size': `${tokens.fontSize}px`,
+    };
+    const primaryText = readableTextColor(tokens.colorPrimary);
+    return (_jsxs("div", { className: "jini-component-kit-preview", style: style, "data-theme": theme, children: [_jsxs("div", { className: "jini-component-kit-preview__head", children: [_jsx("strong", { children: t('Preview') }), _jsx("span", { children: t('Component kit') })] }), _jsxs("div", { className: "jini-component-kit-preview__kit", children: [_jsxs("div", { className: "jini-component-kit-preview__tabs", children: [_jsx("button", { type: "button", className: theme === 'light' ? 'active' : '', "aria-pressed": theme === 'light', onClick: () => onThemeChange('light'), children: t('Light') }), _jsx("button", { type: "button", className: theme === 'dark' ? 'active' : '', "aria-pressed": theme === 'dark', onClick: () => onThemeChange('dark'), children: t('Dark') }), _jsx("span", { children: t('Component kit') })] }), _jsxs("div", { className: "jini-component-kit-preview__stage", children: [_jsxs("span", { className: "jini-component-kit-preview__badge", children: [tokens.name, " \u00B7 ", t('Default theme')] }), _jsx("h3", { children: t('Component kit for {name}', { name: tokens.name }) }), _jsx("p", { children: tokens.description || t('A generated component style guide.') }), _jsxs("div", { className: "jini-component-kit-preview__specimen", children: [_jsxs("section", { children: [_jsx("h4", { children: t('Buttons') }), _jsx("small", { children: t('Common button variants at this theme\'s tokens.') }), _jsxs("div", { className: "jini-component-kit-preview__button-row", children: [_jsx("button", { type: "button", className: "primary", style: { color: primaryText }, children: t('Primary') }), _jsx("button", { type: "button", children: t('Default') }), _jsx("button", { type: "button", className: "dashed", children: t('Dashed') }), _jsx("button", { type: "button", className: "text", children: t('Text') }), _jsx("button", { type: "button", className: "link", children: t('Link') })] }), _jsxs("div", { className: "jini-component-kit-preview__size-row", children: [_jsx("button", { type: "button", className: "primary small", style: { color: primaryText }, children: t('Small') }), _jsx("button", { type: "button", className: "primary", style: { color: primaryText }, children: t('Medium') }), _jsx("button", { type: "button", className: "primary large", style: { color: primaryText }, children: t('Large') })] })] }), _jsxs("section", { children: [_jsx("h4", { children: t('Type scale') }), _jsxs("small", { children: [tokens.displayFont, " \u00B7 ", tokens.bodyFont] }), _jsxs("div", { className: "jini-component-kit-preview__type-row", children: [_jsx("strong", { children: "Aa" }), _jsx("span", { children: "Aa" }), _jsx("small", { children: "Aa" })] })] })] })] })] }), _jsxs("div", { className: "jini-component-kit-preview__token-row", "aria-label": t('Extracted tokens'), children: [_jsx(TokenChip, { label: "colorPrimary", hex: tokens.colorPrimary }), _jsx(TokenChip, { label: "colorPrimaryBg", hex: tokens.colorPrimaryBg }), _jsx(TokenChip, { label: "colorPrimaryHover", hex: tokens.colorPrimaryHover }), _jsx(TokenChip, { label: "colorPrimaryActive", hex: tokens.colorPrimaryActive }), _jsx(ValueChip, { label: "fontSize", value: String(tokens.fontSize) }), _jsx(ValueChip, { label: "borderRadius", value: String(tokens.radius) })] })] }));
+}
+//# sourceMappingURL=ComponentKitPreview.js.map

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

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

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

@@ -0,0 +1,158 @@
+import type { KeyboardEvent, MutableRefObject } from 'react';
+export interface CustomSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface CustomSelectGroup {
+    label: string;
+    options: CustomSelectOption[];
+}
+export type CustomSelectItem = CustomSelectOption | CustomSelectGroup;
+export interface CustomSelectProps {
+    value: string;
+    options: CustomSelectItem[];
+    onChange: (value: string) => void;
+    ariaLabel: string;
+    labelledBy?: string;
+    className?: string;
+    triggerClassName?: string;
+    menuClassName?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    portal?: boolean;
+    title?: string;
+    onFocus?: () => void;
+    /** Custom hook override for dependency injection / testing. */
+    useCustomSelect?: typeof useCustomSelect;
+}
+/** A single option after grouped items are flattened; `group` records the
+ * originating group label (absent for top-level options). */
+export interface CustomSelectFlatOption extends CustomSelectOption {
+    group?: string;
+}
+/** Portal-menu geometry, in viewport pixels. */
+export interface CustomSelectMenuPosition {
+    top: number;
+    left: number;
+    width: number;
+    maxHeight: number;
+}
+/** Space between the trigger and the menu. */
+export declare const CUSTOM_SELECT_MENU_GAP = 4;
+/** Minimum distance the menu keeps from any viewport edge. */
+export declare const CUSTOM_SELECT_VIEWPORT_PAD = 12;
+/** Floor for the menu's computed max-height. */
+export declare const CUSTOM_SELECT_MIN_MENU_HEIGHT = 160;
+/** Ceiling for the menu's computed max-height. */
+export declare const CUSTOM_SELECT_MAX_MENU_HEIGHT = 300;
+/** When the space below the trigger is under this, the menu may flip above. */
+export declare const CUSTOM_SELECT_FLIP_THRESHOLD = 180;
+/** Type guard: is this item a group (has nested `options`) rather than a leaf? */
+export declare function isCustomSelectGroup(item: CustomSelectItem): item is CustomSelectGroup;
+/** Flatten grouped/ungrouped items into a single ordered list, tagging each
+ * option that came from a group with its group label. */
+export declare function flattenCustomSelectOptions(items: CustomSelectItem[]): CustomSelectFlatOption[];
+/** Pure geometry: given the trigger's rect and the viewport, compute where the
+ * portal menu should sit (flipping above the trigger when space below is
+ * tight). Extracted from the hook so the branching math is unit-testable. */
+export declare function computeCustomSelectMenuPosition(rect: {
+    top: number;
+    bottom: number;
+    left: number;
+    width: number;
+}, viewport: {
+    width: number;
+    height: number;
+}): CustomSelectMenuPosition;
+/** Pure keyboard-nav math: the value the active option should move to when the
+ * user presses Down (`1`) or Up (`-1`), wrapping around the enabled options.
+ * Returns `null` when there is nothing enabled to move to. */
+export declare function nextCustomSelectActiveValue(enabledOptions: CustomSelectFlatOption[], activeValue: string, direction: 1 | -1): string | null;
+/** Pure: which option should be active when the menu opens — the current value
+ * if it maps to an enabled option, else the first enabled option, else none. */
+export declare function resolveInitialCustomSelectActiveValue(flatOptions: CustomSelectFlatOption[], enabledOptions: CustomSelectFlatOption[], value: string): string;
+export interface CustomSelectActiveReconcileInput {
+    open: boolean;
+    value: string;
+    wasOpen: boolean;
+    activeSourceValue: string;
+    flatOptions: CustomSelectFlatOption[];
+    enabledOptions: CustomSelectFlatOption[];
+}
+export interface CustomSelectActiveReconcileResult {
+    /** New value for the `wasOpen` ref. */
+    wasOpen: boolean;
+    /** New value for the `activeSourceValue` ref. */
+    activeSourceValue: string;
+    /** When defined, the active value should be set to this; when `undefined`,
+     * the active value is left untouched. */
+    nextActiveValue?: string;
+}
+/** Pure decision for the open/value effect: how to reconcile the active option
+ * (and the two tracking refs) when `open` or `value` changes. Kept out of the
+ * effect so its "already reconciled" guard is directly unit-testable — that
+ * branch is unreachable through the effect's `[open, value]` dependency flow. */
+export declare function reconcileCustomSelectActiveValue(input: CustomSelectActiveReconcileInput): CustomSelectActiveReconcileResult;
+/** Pure: is a pointerdown target inside the trigger or the (possibly absent)
+ * menu? Used to decide whether an outside click should close the menu. */
+export declare function isCustomSelectEventInside(target: Node, button: HTMLElement | null, menu: HTMLElement | null): boolean;
+export interface UseCustomSelectParams {
+    value: string;
+    options: CustomSelectItem[];
+    onChange: (value: string) => void;
+    portal: boolean;
+    placeholder?: string | undefined;
+}
+export interface UseCustomSelectResult {
+    /** Colon-free id prefix for the trigger/menu/option ids. */
+    idBase: string;
+    buttonRef: MutableRefObject<HTMLButtonElement | null>;
+    menuRef: MutableRefObject<HTMLDivElement | null>;
+    open: boolean;
+    activeValue: string;
+    position: CustomSelectMenuPosition | null;
+    /** Label to show on the trigger (selected option, else placeholder, else value). */
+    selectedLabel: string;
+    /** Maps each option value to its stable DOM id. */
+    optionIdByValue: Map<string, string>;
+    /** `aria-activedescendant` for the trigger, or `undefined` when none. */
+    activeOptionId: string | undefined;
+    /** Recompute the portal menu position from the live trigger rect. */
+    updatePosition: () => void;
+    /** Commit a value (ignoring missing/disabled), close, and refocus the trigger. */
+    choose: (nextValue: string) => void;
+    /** Set the active (highlighted) option value. */
+    setActiveValue: (value: string) => void;
+    /** Toggle the menu open/closed. */
+    toggleOpen: () => void;
+    /** Full keyboard handler for the trigger button. */
+    onButtonKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
+}
+/**
+ * All of CustomSelect's behavior — ids, refs, open/active/position state, the
+ * portal-positioning effect, the open/value active-option reconciliation
+ * effect, the outside-click + scroll/resize effect, and the choose/keyboard
+ * handlers — with no rendering. Exported (with the pure helpers above) so the
+ * logic is testable in isolation from the DOM; `CustomSelect` is the dumb
+ * consumer.
+ */
+export declare function useCustomSelect({ value, options, onChange, portal, placeholder, }: UseCustomSelectParams): UseCustomSelectResult;
+/**
+ * Accessible custom `<select>` replacement with grouped options, full keyboard
+ * navigation, and an optional portal-rendered menu. All behavior lives in
+ * {@link useCustomSelect}; this component only wires the hook's state to the
+ * trigger button and the listbox menu.
+ */
+export declare function CustomSelect({ value, options, onChange, ariaLabel, labelledBy, className, triggerClassName, menuClassName, disabled, placeholder, portal, title, onFocus, useCustomSelect: useCustomSelectHook, }: CustomSelectProps): import("react").JSX.Element;
+/** One row in the listbox: a selectable option button that reports hover
+ * (activation) and click (choice) back to {@link CustomSelect}. */
+export declare function CustomSelectOptionButton({ option, selected, active, id, onChoose, onActive, }: {
+    option: CustomSelectOption;
+    selected: boolean;
+    active: boolean;
+    id: string | undefined;
+    onChoose: (value: string) => void;
+    onActive: (value: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CustomSelect.d.ts.map

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

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

package/dist/react/components/CustomSelect.js

@@ -0,0 +1,268 @@
+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; a host may still find it useful as a select
+// primitive with grouped options and optional portal-rendered menu.
+//
+// Shape: this file follows the "dumb component + co-located testable hook(s)"
+// pattern (see TooltipLayer.tsx). Every seam is exported: pure helpers, the
+// `useCustomSelect` hook that owns all state/refs/effects/handlers, the
+// `CustomSelectOptionButton` leaf, and the dumb `CustomSelect` render.
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { Icon } from './Icon';
+/** Space between the trigger and the menu. */
+export const CUSTOM_SELECT_MENU_GAP = 4;
+/** Minimum distance the menu keeps from any viewport edge. */
+export const CUSTOM_SELECT_VIEWPORT_PAD = 12;
+/** Floor for the menu's computed max-height. */
+export const CUSTOM_SELECT_MIN_MENU_HEIGHT = 160;
+/** Ceiling for the menu's computed max-height. */
+export const CUSTOM_SELECT_MAX_MENU_HEIGHT = 300;
+/** When the space below the trigger is under this, the menu may flip above. */
+export const CUSTOM_SELECT_FLIP_THRESHOLD = 180;
+/** Type guard: is this item a group (has nested `options`) rather than a leaf? */
+export function isCustomSelectGroup(item) {
+    return 'options' in item;
+}
+/** Flatten grouped/ungrouped items into a single ordered list, tagging each
+ * option that came from a group with its group label. */
+export function flattenCustomSelectOptions(items) {
+    return items.flatMap((item) => isCustomSelectGroup(item)
+        ? item.options.map((option) => ({ ...option, group: item.label }))
+        : [item]);
+}
+/** Pure geometry: given the trigger's rect and the viewport, compute where the
+ * portal menu should sit (flipping above the trigger when space below is
+ * tight). Extracted from the hook so the branching math is unit-testable. */
+export function computeCustomSelectMenuPosition(rect, viewport) {
+    const gap = CUSTOM_SELECT_MENU_GAP;
+    const viewportPad = CUSTOM_SELECT_VIEWPORT_PAD;
+    const below = viewport.height - rect.bottom - viewportPad;
+    const above = rect.top - viewportPad;
+    const maxHeight = Math.max(CUSTOM_SELECT_MIN_MENU_HEIGHT, Math.min(CUSTOM_SELECT_MAX_MENU_HEIGHT, Math.max(below, above) - gap));
+    const openAbove = below < CUSTOM_SELECT_FLIP_THRESHOLD && above > below;
+    return {
+        top: openAbove ? Math.max(viewportPad, rect.top - maxHeight - gap) : rect.bottom + gap,
+        left: Math.min(Math.max(viewportPad, rect.left), Math.max(viewportPad, viewport.width - rect.width - viewportPad)),
+        width: rect.width,
+        maxHeight,
+    };
+}
+/** Pure keyboard-nav math: the value the active option should move to when the
+ * user presses Down (`1`) or Up (`-1`), wrapping around the enabled options.
+ * Returns `null` when there is nothing enabled to move to. */
+export function nextCustomSelectActiveValue(enabledOptions, activeValue, direction) {
+    if (!enabledOptions.length)
+        return null;
+    const currentIndex = enabledOptions.findIndex((option) => option.value === activeValue);
+    const nextIndex = currentIndex < 0
+        ? 0
+        : (currentIndex + direction + enabledOptions.length) % enabledOptions.length;
+    return enabledOptions[nextIndex].value;
+}
+/** Pure: which option should be active when the menu opens — the current value
+ * if it maps to an enabled option, else the first enabled option, else none. */
+export function resolveInitialCustomSelectActiveValue(flatOptions, enabledOptions, value) {
+    const selectedOption = flatOptions.find((option) => option.value === value && !option.disabled);
+    return selectedOption?.value ?? enabledOptions[0]?.value ?? '';
+}
+/** Pure decision for the open/value effect: how to reconcile the active option
+ * (and the two tracking refs) when `open` or `value` changes. Kept out of the
+ * effect so its "already reconciled" guard is directly unit-testable — that
+ * branch is unreachable through the effect's `[open, value]` dependency flow. */
+export function reconcileCustomSelectActiveValue(input) {
+    const { open, value, wasOpen, activeSourceValue, flatOptions, enabledOptions } = input;
+    if (!open) {
+        return { wasOpen: false, activeSourceValue: value };
+    }
+    if (wasOpen && activeSourceValue === value) {
+        return { wasOpen, activeSourceValue };
+    }
+    return {
+        wasOpen: true,
+        activeSourceValue: value,
+        nextActiveValue: resolveInitialCustomSelectActiveValue(flatOptions, enabledOptions, value),
+    };
+}
+/** Pure: is a pointerdown target inside the trigger or the (possibly absent)
+ * menu? Used to decide whether an outside click should close the menu. */
+export function isCustomSelectEventInside(target, button, menu) {
+    return Boolean(button?.contains(target)) || Boolean(menu?.contains(target));
+}
+/**
+ * All of CustomSelect's behavior — ids, refs, open/active/position state, the
+ * portal-positioning effect, the open/value active-option reconciliation
+ * effect, the outside-click + scroll/resize effect, and the choose/keyboard
+ * handlers — with no rendering. Exported (with the pure helpers above) so the
+ * logic is testable in isolation from the DOM; `CustomSelect` is the dumb
+ * consumer.
+ */
+export function useCustomSelect({ value, options, onChange, portal, placeholder, }) {
+    const reactId = useId();
+    const idBase = reactId.replace(/:/g, '');
+    const buttonRef = useRef(null);
+    const menuRef = useRef(null);
+    const wasOpenRef = useRef(false);
+    const activeSourceValueRef = useRef(value);
+    const [open, setOpen] = useState(false);
+    const [activeValue, setActiveValue] = useState(value);
+    const [position, setPosition] = useState(null);
+    const flatOptions = useMemo(() => flattenCustomSelectOptions(options), [options]);
+    const selected = flatOptions.find((option) => option.value === value);
+    const selectedLabel = selected?.label ?? placeholder ?? value;
+    const enabledOptions = useMemo(() => flatOptions.filter((option) => !option.disabled), [flatOptions]);
+    const flatOptionsRef = useRef(flatOptions);
+    const enabledOptionsRef = useRef(enabledOptions);
+    flatOptionsRef.current = flatOptions;
+    enabledOptionsRef.current = enabledOptions;
+    const optionIdByValue = useMemo(() => new Map(flatOptions.map((option, index) => [option.value, `${idBase}-option-${index}`])), [flatOptions, idBase]);
+    const activeOptionId = open && activeValue ? optionIdByValue.get(activeValue) : undefined;
+    const updatePosition = useCallback(() => {
+        if (!buttonRef.current)
+            return;
+        const rect = buttonRef.current.getBoundingClientRect();
+        setPosition(computeCustomSelectMenuPosition(rect, {
+            width: window.innerWidth,
+            height: window.innerHeight,
+        }));
+    }, []);
+    useEffect(() => {
+        if (!portal)
+            return;
+        if (!open) {
+            setPosition(null);
+            return;
+        }
+        updatePosition();
+    }, [open, portal, updatePosition]);
+    useEffect(() => {
+        const result = reconcileCustomSelectActiveValue({
+            open,
+            value,
+            wasOpen: wasOpenRef.current,
+            activeSourceValue: activeSourceValueRef.current,
+            flatOptions: flatOptionsRef.current,
+            enabledOptions: enabledOptionsRef.current,
+        });
+        wasOpenRef.current = result.wasOpen;
+        activeSourceValueRef.current = result.activeSourceValue;
+        if (result.nextActiveValue !== undefined)
+            setActiveValue(result.nextActiveValue);
+    }, [open, value]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (isCustomSelectEventInside(target, buttonRef.current, menuRef.current))
+                return;
+            setOpen(false);
+        };
+        const onScrollOrResize = () => {
+            if (portal)
+                updatePosition();
+        };
+        document.addEventListener('mousedown', onPointerDown);
+        window.addEventListener('resize', onScrollOrResize);
+        window.addEventListener('scroll', onScrollOrResize, true);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+            window.removeEventListener('resize', onScrollOrResize);
+            window.removeEventListener('scroll', onScrollOrResize, true);
+        };
+    }, [open, portal, updatePosition]);
+    const choose = (nextValue) => {
+        const next = flatOptions.find((option) => option.value === nextValue);
+        if (!next || next.disabled)
+            return;
+        onChange(next.value);
+        setOpen(false);
+        buttonRef.current?.focus();
+    };
+    const moveActive = (direction) => {
+        const next = nextCustomSelectActiveValue(enabledOptions, activeValue, direction);
+        if (next !== null)
+            setActiveValue(next);
+    };
+    const toggleOpen = () => setOpen((current) => !current);
+    const onButtonKeyDown = (event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (!open) {
+                setOpen(true);
+                return;
+            }
+            moveActive(event.key === 'ArrowDown' ? 1 : -1);
+            return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            if (open) {
+                choose(activeValue || value);
+            }
+            else {
+                setOpen(true);
+            }
+            return;
+        }
+        if (event.key === 'Escape' && open) {
+            event.preventDefault();
+            event.stopPropagation();
+            setOpen(false);
+        }
+    };
+    return {
+        idBase,
+        buttonRef,
+        menuRef,
+        open,
+        activeValue,
+        position,
+        selectedLabel,
+        optionIdByValue,
+        activeOptionId,
+        updatePosition,
+        choose,
+        setActiveValue,
+        toggleOpen,
+        onButtonKeyDown,
+    };
+}
+/**
+ * Accessible custom `<select>` replacement with grouped options, full keyboard
+ * navigation, and an optional portal-rendered menu. All behavior lives in
+ * {@link useCustomSelect}; this component only wires the hook's state to the
+ * trigger button and the listbox menu.
+ */
+export function CustomSelect({ value, options, onChange, ariaLabel, labelledBy, className, triggerClassName, menuClassName, disabled = false, placeholder, portal = true, title, onFocus, useCustomSelect: useCustomSelectHook = useCustomSelect, }) {
+    const { idBase, buttonRef, menuRef, open, activeValue, position, selectedLabel, optionIdByValue, activeOptionId, choose, setActiveValue, toggleOpen, onButtonKeyDown, } = useCustomSelectHook({ value, options, onChange, portal, placeholder });
+    const menu = (_jsx("div", { ref: menuRef, id: `${idBase}-menu`, className: [
+            'jini-select-menu',
+            portal ? 'portal' : 'inline',
+            menuClassName,
+        ].filter(Boolean).join(' '), role: "listbox", "aria-label": ariaLabel, style: portal && position
+            ? {
+                top: position.top,
+                left: position.left,
+                width: position.width,
+                maxHeight: position.maxHeight,
+            }
+            : undefined, children: options.map((item) => {
+            if (isCustomSelectGroup(item)) {
+                return (_jsxs("div", { className: "jini-select-group", children: [_jsx("div", { className: "jini-select-group-label", children: item.label }), item.options.map((option) => (_jsx(CustomSelectOptionButton, { option: option, selected: option.value === value, active: option.value === activeValue, id: optionIdByValue.get(option.value), onChoose: choose, onActive: setActiveValue }, option.value)))] }, `group:${item.label}`));
+            }
+            return (_jsx(CustomSelectOptionButton, { option: item, selected: item.value === value, active: item.value === activeValue, id: optionIdByValue.get(item.value), onChoose: choose, onActive: setActiveValue }, item.value));
+        }) }));
+    return (_jsxs("div", { className: ['jini-select', className].filter(Boolean).join(' '), children: [_jsxs("button", { ref: buttonRef, type: "button", className: ['jini-select-trigger', triggerClassName].filter(Boolean).join(' '), role: "combobox", value: value, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": `${idBase}-menu`, "aria-activedescendant": activeOptionId, "aria-describedby": labelledBy, "aria-label": `${ariaLabel}: ${selectedLabel}`, disabled: disabled, title: title, onClick: toggleOpen, onKeyDown: onButtonKeyDown, onFocus: onFocus, children: [_jsx("span", { id: `${idBase}-value`, className: "jini-select-value", children: selectedLabel }), _jsx(Icon, { name: "chevron-down", size: 14 })] }), open ? (portal ? (position ? createPortal(menu, document.body) : null) : menu) : null] }));
+}
+/** One row in the listbox: a selectable option button that reports hover
+ * (activation) and click (choice) back to {@link CustomSelect}. */
+export function CustomSelectOptionButton({ option, selected, active, id, onChoose, onActive, }) {
+    return (_jsxs("button", { id: id, type: "button", className: [
+            'jini-select-option',
+            selected ? 'selected' : '',
+            active ? 'active' : '',
+        ].filter(Boolean).join(' '), role: "option", "aria-selected": selected, tabIndex: -1, disabled: option.disabled, onMouseEnter: () => onActive(option.value), onClick: () => onChoose(option.value), children: [_jsx("span", { className: "jini-select-option-label", children: option.label }), _jsx("span", { className: "jini-select-option-check", "aria-hidden": true, children: _jsx(Icon, { name: "check", size: 13 }) })] }));
+}
+//# sourceMappingURL=CustomSelect.js.map

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

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

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

@@ -0,0 +1,3 @@
+import type { EdgeAutoScroll } from '../hooks/useEdgeAutoScroll.js';
+export declare function EdgeScrollZones({ edges, startAutoScroll, stopAutoScroll, nudge, }: Pick<EdgeAutoScroll, 'edges' | 'startAutoScroll' | 'stopAutoScroll' | 'nudge'>): import("react").JSX.Element;
+//# sourceMappingURL=EdgeScrollZones.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeScrollZones.d.ts","sourceRoot":"","sources":["../../../src/react/components/EdgeScrollZones.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAGpE,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,eAAe,EACf,cAAc,EACd,KAAK,GACN,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAAC,+BA2BhF"}

package/dist/react/components/EdgeScrollZones.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from './Icon';
+export function EdgeScrollZones({ edges, startAutoScroll, stopAutoScroll, nudge, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "jini-edge-scroll-zone jini-edge-scroll-zone--left", "data-active": edges.left ? 'true' : undefined, "aria-hidden": true, onPointerEnter: () => startAutoScroll(-1), onPointerLeave: stopAutoScroll, onPointerDown: stopAutoScroll, onClick: () => nudge(-1), children: _jsx(Icon, { name: "chevron-left", size: 18, className: "jini-edge-scroll-zone-icon" }) }), _jsx("div", { className: "jini-edge-scroll-zone jini-edge-scroll-zone--right", "data-active": edges.right ? 'true' : undefined, "aria-hidden": true, onPointerEnter: () => startAutoScroll(1), onPointerLeave: stopAutoScroll, onPointerDown: stopAutoScroll, onClick: () => nudge(1), children: _jsx(Icon, { name: "chevron-right", size: 18, className: "jini-edge-scroll-zone-icon" }) })] }));
+}
+//# sourceMappingURL=EdgeScrollZones.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeScrollZones.js","sourceRoot":"","sources":["../../../src/react/components/EdgeScrollZones.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,eAAe,EACf,cAAc,EACd,KAAK,GAC0E;IAC/E,OAAO,CACL,8BACE,cACE,SAAS,EAAC,mDAAmD,iBAChD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,uBAE5C,cAAc,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EACzC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAExB,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,4BAA4B,GAAG,GACzE,EACN,cACE,SAAS,EAAC,oDAAoD,iBACjD,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,uBAE7C,cAAc,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EACxC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,YAEvB,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,4BAA4B,GAAG,GAC1E,IACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+interface Props {
+    /** Host-defined editor/target identifier, e.g. `'vscode'`, `'cursor'`, `'terminal'`. */
+    editorId: string;
+    size?: number;
+}
+/**
+ * Renders a host-supplied editor/target's brand mark by string key, with a
+ * graceful neutral folder-tile fallback for unregistered ids. Same
+ * lookup-table shape as `Icon`/`AgentIcon`/`RemixIcon`, but keyed on inline
+ * SVG glyphs + a bg/fg color pair instead of an external asset or webfont
+ * glyph — every mark here is drawn inline so the tile's background/foreground
+ * colors can be set per-brand without extra image requests.
+ */
+export declare function EditorIcon({ editorId, size }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EditorIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorIcon.d.ts","sourceRoot":"","sources":["../../../src/react/components/EditorIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,wFAAwF;IACxF,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAwHD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAS,EAAE,EAAE,KAAK,+BAqCxD"}