@jini-ai/ui 0.1.0

package/dist/browser/useFileDropTarget.js

@@ -0,0 +1,64 @@
+import { useCallback, useRef, useState } from 'react';
+import { FILE_SYSTEM_READ_ERROR_MESSAGE, isFileSystemReadError } from '../utils/file-system-errors.js';
+import { filesFromDataTransfer } from '../utils/file-transfer.js';
+/**
+ * A generic drop target: nesting-depth-tracked drag-over state (`dragenter`/
+ * `dragleave` fire for every descendant element, so a naive boolean would
+ * flicker off while dragging over a child element — `dragDepthRef` is what
+ * avoids that), and a drop handler that recursively expands dropped folders
+ * via `utils/file-transfer.ts`'s `filesFromDataTransfer`.
+ *
+ * Promoted (2026-07-18) from `features/asset-tree-browser`'s
+ * `useAssetTreeDragUpload` (itself already fully generic — no asset-tree
+ * types) once `features/file-dropzone/` needed the identical shape, so a
+ * second feature reuses one hook instead of a near-duplicate copy.
+ * `useAssetTreeDragUpload` re-exports this under its original name.
+ */
+export function useFileDropTarget(onUploadFiles) {
+    const [draggingFiles, setDraggingFiles] = useState(false);
+    const [dropReadError, setDropReadError] = useState(null);
+    const dragDepthRef = useRef(0);
+    const onUploadFilesRef = useRef(onUploadFiles);
+    onUploadFilesRef.current = onUploadFiles;
+    const clearDropReadError = useCallback(() => setDropReadError(null), []);
+    const onDragEnter = useCallback((event) => {
+        event.preventDefault();
+        dragDepthRef.current += 1;
+        setDraggingFiles(true);
+    }, []);
+    const onDragOver = useCallback((event) => {
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'copy';
+    }, []);
+    const onDragLeave = useCallback((event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+            dragDepthRef.current = 0;
+            setDraggingFiles(false);
+            return;
+        }
+        dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);
+        if (dragDepthRef.current === 0)
+            setDraggingFiles(false);
+    }, []);
+    const onDrop = useCallback((event) => {
+        event.preventDefault();
+        dragDepthRef.current = 0;
+        setDraggingFiles(false);
+        setDropReadError(null);
+        const dataTransfer = event.dataTransfer;
+        void (async () => {
+            try {
+                const dropped = await filesFromDataTransfer(dataTransfer);
+                if (dropped.length > 0)
+                    onUploadFilesRef.current(dropped);
+            }
+            catch (error) {
+                if (!isFileSystemReadError(error))
+                    throw error;
+                setDropReadError(FILE_SYSTEM_READ_ERROR_MESSAGE);
+            }
+        })();
+    }, []);
+    return { draggingFiles, dropReadError, clearDropReadError, onDragEnter, onDragOver, onDragLeave, onDrop };
+}
+//# sourceMappingURL=useFileDropTarget.js.map

package/dist/browser/useFileDropTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileDropTarget.js","sourceRoot":"","sources":["../../src/browser/useFileDropTarget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,8BAA8B,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAYlE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,iBAAiB,CAAC,aAAsC;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC/C,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAC;IAEzC,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAyB,EAAE,EAAE;QAC5D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;QAC1B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAyB,EAAE,EAAE;QAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAyB,EAAE,EAAE;QAC5D,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC,EAAE,CAAC;YACtE,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;YACzB,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,OAAO;QACT,CAAC;QACD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;QAC7D,IAAI,YAAY,CAAC,OAAO,KAAK,CAAC;YAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAyB,EAAE,EAAE;QACvD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;QACzB,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;QACxC,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,qBAAqB,CAAC,YAAY,CAAC,CAAC;gBAC1D,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;oBAAE,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC5D,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;oBAAE,MAAM,KAAK,CAAC;gBAC/C,gBAAgB,CAAC,8BAA8B,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AAC5G,CAAC"}

package/dist/browser/useGlobalKeydown.d.ts

@@ -0,0 +1,16 @@
+export declare function resolveGlobalKeydownTarget(target: 'window' | 'document'): EventTarget | undefined;
+export interface UseGlobalKeydownOptions {
+    /** Skip attaching the listener while `false` (e.g. only while a surface is active/mounted-and-open). Defaults to `true`. */
+    enabled?: boolean;
+    /** Listener target. Defaults to `'window'`. */
+    target?: 'window' | 'document';
+    /** Attach in the capture phase — needed to run before a nested/portaled surface's own listeners. Defaults to `false`. */
+    capture?: boolean;
+}
+/**
+ * Attaches `handler` as a `keydown` listener for as long as `enabled` stays
+ * `true`, removing it on cleanup or when `enabled` flips to `false`. A no-op
+ * outside the browser (SSR).
+ */
+export declare function useGlobalKeydown(handler: (event: KeyboardEvent) => void, options?: UseGlobalKeydownOptions): void;
+//# sourceMappingURL=useGlobalKeydown.d.ts.map

package/dist/browser/useGlobalKeydown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalKeydown.d.ts","sourceRoot":"","sources":["../../src/browser/useGlobalKeydown.ts"],"names":[],"mappings":"AAsBA,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAEjG;AAED,MAAM,WAAW,uBAAuB;IACtC,4HAA4H;IAC5H,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B,yHAAyH;IACzH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EACvC,OAAO,GAAE,uBAA4B,GACpC,IAAI,CAgCN"}

package/dist/browser/useGlobalKeydown.js

@@ -0,0 +1,60 @@
+// Shared "run this keydown handler for as long as the feature is active"
+// plumbing. useAssetGridKeyboardShortcuts (asset-grid) and
+// useAnnotationKeyboardShortcuts (annotation-canvas, `@jini-ai/renderers-react`)
+// both wrote the identical shape: bail out of the effect while an `active`
+// flag is false, otherwise attach one `window` keydown listener and remove it
+// on cleanup/deactivation. useSketchDomEnhancements (sketch-editor) wrote the
+// same lifecycle-scoped-listener shape twice more, on `document` with the
+// capture phase, to win a race against a third-party library's own
+// listeners. What's shared across all of these is the subscribe/enable/
+// cleanup plumbing — which keys mean what stays entirely feature-owned in the
+// `handler` callback passed in.
+import { useEffect, useRef } from 'react';
+// Resolves which global to attach the listener to. Exported (previously
+// inlined in the effect below) so the "target unavailable" (SSR) branch has
+// a direct unit test — driving it through a real `renderHook` mount hits
+// React DOM internals that themselves dereference `window` well before this
+// hook's own effect ever runs, making that branch unreachable via a
+// rendered test (see packages/ui/source-map.md's 2026-07-22 dated entry;
+// same "extract into a directly-testable pure function" precedent as
+// `@jini-ai/mcp`'s `oauth.ts` readCappedText).
+export function resolveGlobalKeydownTarget(target) {
+    return target === 'document' ? globalThis.document : globalThis.window;
+}
+/**
+ * Attaches `handler` as a `keydown` listener for as long as `enabled` stays
+ * `true`, removing it on cleanup or when `enabled` flips to `false`. A no-op
+ * outside the browser (SSR).
+ */
+export function useGlobalKeydown(handler, options = {}) {
+    const { enabled = true, target = 'window', capture = false } = options;
+    // Latest-ref indirection so callers don't need to memoize `handler` for
+    // the listener effect below to stay attached with fresh behavior.
+    const handlerRef = useRef(handler);
+    useEffect(() => {
+        handlerRef.current = handler;
+    }, [handler]);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const eventTarget = resolveGlobalKeydownTarget(target);
+        // `resolveGlobalKeydownTarget` itself has a direct, real test proving
+        // it CAN return `undefined` (see this file's own test). This call
+        // site's guard against that, though, is empirically and structurally
+        // unreachable through any real mount: `useEffect` bodies only ever run
+        // client-side, after React has already committed real DOM nodes via
+        // `ReactDOM` — which itself requires `window` (and, for a 'document'
+        // target, `document`) to already exist. There is no real browser
+        // session in which this hook's effect runs at all while its own
+        // resolved target has vanished. See packages/ui/source-map.md's
+        // 2026-07-22 dated entry.
+        if (typeof eventTarget === 'undefined')
+            return;
+        function onKeyDown(event) {
+            handlerRef.current(event);
+        }
+        eventTarget.addEventListener('keydown', onKeyDown, capture);
+        return () => eventTarget.removeEventListener('keydown', onKeyDown, capture);
+    }, [enabled, target, capture]);
+}
+//# sourceMappingURL=useGlobalKeydown.js.map

package/dist/browser/useGlobalKeydown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalKeydown.js","sourceRoot":"","sources":["../../src/browser/useGlobalKeydown.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,2DAA2D;AAC3D,iFAAiF;AACjF,2EAA2E;AAC3E,8EAA8E;AAC9E,8EAA8E;AAC9E,0EAA0E;AAC1E,mEAAmE;AACnE,wEAAwE;AACxE,8EAA8E;AAC9E,gCAAgC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,wEAAwE;AACxE,4EAA4E;AAC5E,yEAAyE;AACzE,4EAA4E;AAC5E,oEAAoE;AACpE,yEAAyE;AACzE,qEAAqE;AACrE,+CAA+C;AAC/C,MAAM,UAAU,0BAA0B,CAAC,MAA6B;IACtE,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;AACzE,CAAC;AAWD;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAAuC,EACvC,UAAmC,EAAE;IAErC,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAEvE,wEAAwE;IACxE,kEAAkE;IAClE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;QACvD,sEAAsE;QACtE,kEAAkE;QAClE,qEAAqE;QACrE,uEAAuE;QACvE,oEAAoE;QACpE,qEAAqE;QACrE,iEAAiE;QACjE,gEAAgE;QAChE,gEAAgE;QAChE,0BAA0B;QAC1B,IAAI,OAAO,WAAW,KAAK,WAAW;YAAE,OAAO;QAE/C,SAAS,SAAS,CAAC,KAAoB;YACrC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QAED,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAA0B,EAAE,OAAO,CAAC,CAAC;QAC7E,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAA0B,EAAE,OAAO,CAAC,CAAC;IAC/F,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AACjC,CAAC"}

package/dist/browser/useModalWindowDragGuard.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Height (px) of the "drag strip" at the top of a modal's backdrop that a
+ * host treats as a window-drag handle rather than a dismiss target.
+ */
+export declare const MODAL_WINDOW_DRAG_STRIP_HEIGHT = 56;
+/**
+ * True if `event` landed inside the drag-strip region (the top
+ * `MODAL_WINDOW_DRAG_STRIP_HEIGHT` px) of an element matching
+ * `backdropSelector`.
+ */
+export declare function eventHitsModalWindowDragStrip(event: MouseEvent | PointerEvent, backdropSelector: string): boolean;
+export interface UseModalWindowDragGuardOptions {
+    /**
+     * CSS selector matching the backdrop element(s) whose top drag strip
+     * should be protected. Pass a comma-joined list to cover several modal
+     * backdrop classes at once (e.g. `'.my-modal-backdrop, .other-backdrop'`).
+     */
+    backdropSelector: string;
+    /** Disable the guard without unmounting it. Defaults to `true`. */
+    enabled?: boolean;
+}
+/**
+ * Stops a pointerdown/mousedown/click inside a modal backdrop's drag strip
+ * from propagating further up the DOM tree. Intended for hosts that let
+ * users drag the surrounding window (e.g. a frameless desktop shell) via a
+ * strip at the top of a modal's backdrop: without this guard, that same
+ * click also reaches an ancestor's outside-click-to-dismiss listener and
+ * closes the modal the drag strip sits on top of.
+ *
+ * Listens in the capture phase on `document` for the lifetime of the
+ * component, matching pointer/mouse events against `eventHitsModalWindowDragStrip`
+ * and calling `event.stopPropagation()` on a hit.
+ */
+export declare function useModalWindowDragGuard(options: UseModalWindowDragGuardOptions): void;
+//# sourceMappingURL=useModalWindowDragGuard.d.ts.map

package/dist/browser/useModalWindowDragGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalWindowDragGuard.d.ts","sourceRoot":"","sources":["../../src/browser/useModalWindowDragGuard.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,UAAU,GAAG,YAAY,EAChC,gBAAgB,EAAE,MAAM,GACvB,OAAO,CAQT;AAED,MAAM,WAAW,8BAA8B;IAC7C;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,8BAA8B,GAAG,IAAI,CAqBrF"}

package/dist/browser/useModalWindowDragGuard.js

@@ -0,0 +1,51 @@
+import { useEffect } from 'react';
+/**
+ * Height (px) of the "drag strip" at the top of a modal's backdrop that a
+ * host treats as a window-drag handle rather than a dismiss target.
+ */
+export const MODAL_WINDOW_DRAG_STRIP_HEIGHT = 56;
+/**
+ * True if `event` landed inside the drag-strip region (the top
+ * `MODAL_WINDOW_DRAG_STRIP_HEIGHT` px) of an element matching
+ * `backdropSelector`.
+ */
+export function eventHitsModalWindowDragStrip(event, backdropSelector) {
+    const target = event.target;
+    return (event.clientY >= 0 &&
+        event.clientY <= MODAL_WINDOW_DRAG_STRIP_HEIGHT &&
+        target instanceof Element &&
+        target.matches(backdropSelector));
+}
+/**
+ * Stops a pointerdown/mousedown/click inside a modal backdrop's drag strip
+ * from propagating further up the DOM tree. Intended for hosts that let
+ * users drag the surrounding window (e.g. a frameless desktop shell) via a
+ * strip at the top of a modal's backdrop: without this guard, that same
+ * click also reaches an ancestor's outside-click-to-dismiss listener and
+ * closes the modal the drag strip sits on top of.
+ *
+ * Listens in the capture phase on `document` for the lifetime of the
+ * component, matching pointer/mouse events against `eventHitsModalWindowDragStrip`
+ * and calling `event.stopPropagation()` on a hit.
+ */
+export function useModalWindowDragGuard(options) {
+    const { backdropSelector, enabled = true } = options;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const stopBackdropDismissInDragStrip = (event) => {
+            if (eventHitsModalWindowDragStrip(event, backdropSelector)) {
+                event.stopPropagation();
+            }
+        };
+        document.addEventListener('pointerdown', stopBackdropDismissInDragStrip, true);
+        document.addEventListener('mousedown', stopBackdropDismissInDragStrip, true);
+        document.addEventListener('click', stopBackdropDismissInDragStrip, true);
+        return () => {
+            document.removeEventListener('pointerdown', stopBackdropDismissInDragStrip, true);
+            document.removeEventListener('mousedown', stopBackdropDismissInDragStrip, true);
+            document.removeEventListener('click', stopBackdropDismissInDragStrip, true);
+        };
+    }, [backdropSelector, enabled]);
+}
+//# sourceMappingURL=useModalWindowDragGuard.js.map

package/dist/browser/useModalWindowDragGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalWindowDragGuard.js","sourceRoot":"","sources":["../../src/browser/useModalWindowDragGuard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC;AAEjD;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAC3C,KAAgC,EAChC,gBAAwB;IAExB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,OAAO,CACL,KAAK,CAAC,OAAO,IAAI,CAAC;QAClB,KAAK,CAAC,OAAO,IAAI,8BAA8B;QAC/C,MAAM,YAAY,OAAO;QACzB,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CACjC,CAAC;AACJ,CAAC;AAaD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAuC;IAC7E,MAAM,EAAE,gBAAgB,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,8BAA8B,GAAG,CAAC,KAAgC,EAAE,EAAE;YAC1E,IAAI,6BAA6B,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC;gBAC3D,KAAK,CAAC,eAAe,EAAE,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,8BAA8B,EAAE,IAAI,CAAC,CAAC;QAC/E,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,8BAA8B,EAAE,IAAI,CAAC,CAAC;QAC7E,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,8BAA8B,EAAE,IAAI,CAAC,CAAC;QACzE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,8BAA8B,EAAE,IAAI,CAAC,CAAC;YAClF,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,8BAA8B,EAAE,IAAI,CAAC,CAAC;YAChF,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,8BAA8B,EAAE,IAAI,CAAC,CAAC;QAC9E,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC;AAClC,CAAC"}

package/dist/components/AgentIcon.d.ts

@@ -0,0 +1,15 @@
+interface Props {
+    id: string;
+    size?: number;
+    className?: string;
+    /** Base path assets are served from. Defaults to `/agent-icons`. */
+    basePath?: string;
+}
+/**
+ * Renders a coding-agent's brand mark by id, with a graceful initial-letter
+ * fallback for ids the host hasn't shipped artwork for. Assets are expected
+ * to live under `${basePath}/<id>.<ext>` (default basePath `/agent-icons`).
+ */
+export declare function AgentIcon({ id, size, className, basePath }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AgentIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentIcon.d.ts","sourceRoot":"","sources":["../../src/components/AgentIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAkDD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,IAAS,EAAE,SAAS,EAAE,QAAyB,EAAE,EAAE,KAAK,+BAkDvF"}

package/dist/components/AgentIcon.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Coding-agent CLIs that ship a bundled brand asset under the host's
+// `<basePath>/` (e.g. a public `/agent-icons/` directory). SVG is preferred
+// (resolution-independent, single file ≤ a few KB); PNG is the fallback for
+// vendors that don't publish an SVG mark. New brand: drop the optimised file
+// in that folder and add the id here.
+const ICON_EXT = {
+    amr: 'svg',
+    claude: 'svg',
+    codex: 'svg',
+    gemini: 'svg',
+    opencode: 'svg',
+    'cursor-agent': 'svg',
+    copilot: 'svg',
+    qwen: 'svg',
+    qoder: 'svg',
+    deepseek: 'svg',
+    reasonix: 'svg',
+    mimo: 'svg',
+    hermes: 'svg',
+    'grok-build': 'svg',
+    kimi: 'svg',
+    pi: 'svg',
+    kiro: 'svg',
+    kilo: 'svg',
+    vibe: 'svg',
+    antigravity: 'svg',
+    aider: 'png',
+    'trae-cli': 'png',
+    devin: 'png',
+};
+// SVG marks that are single-color silhouettes (no baked brand colors).
+// Rendered as a CSS-masked `<span>` so `background-color: currentColor`
+// can paint them in whatever text color the surrounding theme resolves
+// to — light text under dark theme, dark text under light theme. The
+// SVG file itself uses an explicit dark fill (baked) instead of
+// `currentColor`, so if anything outside this component ever loads
+// the asset through `<img>` it still renders as a legible dark mark
+// rather than collapsing to the SVG document's default black-on-…-black.
+const MONO_ICONS = new Set([
+    'cursor-agent',
+    'opencode',
+    'hermes',
+    'mimo',
+    'kilo',
+    'grok-build',
+]);
+/**
+ * Renders a coding-agent's brand mark by id, with a graceful initial-letter
+ * fallback for ids the host hasn't shipped artwork for. Assets are expected
+ * to live under `${basePath}/<id>.<ext>` (default basePath `/agent-icons`).
+ */
+export function AgentIcon({ id, size = 36, className, basePath = '/agent-icons' }) {
+    const cls = 'agent-icon' + (className ? ' ' + className : '');
+    const ext = ICON_EXT[id];
+    if (ext) {
+        if (ext === 'svg' && MONO_ICONS.has(id)) {
+            const src = `${basePath}/${id}.svg`;
+            const style = {
+                width: size,
+                height: size,
+                WebkitMaskImage: `url("${src}")`,
+                maskImage: `url("${src}")`,
+            };
+            return (_jsx("span", { className: cls + ' agent-icon-mono', style: style, "aria-hidden": "true" }));
+        }
+        return (_jsx("img", { src: `${basePath}/${id}.${ext}`, alt: "", width: size, height: size, className: cls, "aria-hidden": "true", draggable: false }));
+    }
+    // Fallback for brands we don't ship artwork for. A neutral rounded
+    // square with the initial letter — reads as "no official mark yet"
+    // without inventing brand artwork we can't license.
+    const initial = (id.match(/[a-z]/i)?.[0] ?? '?').toUpperCase();
+    return (_jsx("span", { className: cls + ' agent-icon-fallback', style: {
+            width: size,
+            height: size,
+            fontSize: Math.round(size * 0.42),
+            lineHeight: 1,
+        }, "aria-hidden": "true", children: initial }));
+}
+//# sourceMappingURL=AgentIcon.js.map

package/dist/components/AgentIcon.js.map

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

package/dist/components/AppChromeHeader.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+interface Props {
+    actions?: ReactNode;
+    children?: ReactNode;
+    fileActionsBefore?: ReactNode;
+    onBack?: () => void;
+    backLabel?: string;
+    showTrafficSpace?: boolean;
+}
+export declare const APP_CHROME_FILE_ACTIONS_ID = "app-chrome-file-actions";
+export declare const APP_CHROME_FILE_ACTIONS_SELECTOR = "[data-app-chrome-file-actions=\"true\"]";
+export declare function AppChromeHeader({ actions, children, fileActionsBefore, onBack, backLabel, showTrafficSpace, }: Props): import("react").JSX.Element;
+export declare function SettingsIconButton({ onClick, title, ariaLabel, }: {
+    onClick: () => void;
+    title: string;
+    ariaLabel: string;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AppChromeHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppChromeHeader.d.ts","sourceRoot":"","sources":["../../src/components/AppChromeHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,4BAA4B,CAAC;AACpE,eAAO,MAAM,gCAAgC,4CAA0C,CAAC;AAExF,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,SAAkB,EAClB,gBAAuB,GACxB,EAAE,KAAK,+BA4BP;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,+BAcA"}

package/dist/components/AppChromeHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RemixIcon } from './RemixIcon';
+export const APP_CHROME_FILE_ACTIONS_ID = 'app-chrome-file-actions';
+export const APP_CHROME_FILE_ACTIONS_SELECTOR = '[data-app-chrome-file-actions="true"]';
+export function AppChromeHeader({ actions, children, fileActionsBefore, onBack, backLabel = 'Back', showTrafficSpace = true, }) {
+    return (_jsxs("header", { className: "app-chrome-header", children: [showTrafficSpace ? _jsx("div", { className: "app-chrome-traffic-space", "aria-hidden": true }) : null, onBack ? (_jsx("button", { type: "button", className: "app-chrome-back jini-tooltip", onClick: onBack, title: backLabel, "data-tooltip": backLabel, "data-tooltip-placement": "bottom", "aria-label": backLabel, children: _jsx(RemixIcon, { name: "arrow-left-line", size: 16 }) })) : null, children ? _jsx("div", { className: "app-chrome-content", children: children }) : null, _jsx("div", { className: "app-chrome-drag", "aria-hidden": true }), fileActionsBefore ? _jsx("div", { className: "app-chrome-file-actions-before", children: fileActionsBefore }) : null, _jsx("div", { id: APP_CHROME_FILE_ACTIONS_ID, className: "app-chrome-file-actions", "data-app-chrome-file-actions": "true" }), actions ? _jsx("div", { className: "app-chrome-actions", children: actions }) : null] }));
+}
+export function SettingsIconButton({ onClick, title, ariaLabel, }) {
+    return (_jsx("button", { type: "button", className: "settings-icon-btn jini-tooltip", onClick: onClick, title: title, "data-tooltip": title, "data-tooltip-placement": "bottom", "aria-label": ariaLabel, children: _jsx(RemixIcon, { name: "settings-line", size: 18 }) }));
+}
+//# sourceMappingURL=AppChromeHeader.js.map

package/dist/components/AppChromeHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppChromeHeader.js","sourceRoot":"","sources":["../../src/components/AppChromeHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAWxC,MAAM,CAAC,MAAM,0BAA0B,GAAG,yBAAyB,CAAC;AACpE,MAAM,CAAC,MAAM,gCAAgC,GAAG,uCAAuC,CAAC;AAExF,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,SAAS,GAAG,MAAM,EAClB,gBAAgB,GAAG,IAAI,GACjB;IACN,OAAO,CACL,kBAAQ,SAAS,EAAC,mBAAmB,aAClC,gBAAgB,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,0BAA0B,wBAAe,CAAC,CAAC,CAAC,IAAI,EAClF,MAAM,CAAC,CAAC,CAAC,CACR,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,SAAS,kBACF,SAAS,4BACA,QAAQ,gBACnB,SAAS,YAErB,KAAC,SAAS,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,GAAI,GACvC,CACV,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,EACvE,cAAK,SAAS,EAAC,iBAAiB,wBAAe,EAC9C,iBAAiB,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,gCAAgC,YAAE,iBAAiB,GAAO,CAAC,CAAC,CAAC,IAAI,EACrG,cACE,EAAE,EAAE,0BAA0B,EAC9B,SAAS,EAAC,yBAAyB,kCACN,MAAM,GACnC,EACD,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,oBAAoB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAC9D,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,SAAS,GAKV;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gCAAgC,EAC1C,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,kBACE,KAAK,4BACI,QAAQ,gBACnB,SAAS,YAErB,KAAC,SAAS,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,GAAI,GACrC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/CustomSelect.d.ts

@@ -0,0 +1,28 @@
+export interface CustomSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface CustomSelectGroup {
+    label: string;
+    options: CustomSelectOption[];
+}
+export type CustomSelectItem = CustomSelectOption | CustomSelectGroup;
+interface Props {
+    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;
+}
+export declare function CustomSelect({ value, options, onChange, ariaLabel, labelledBy, className, triggerClassName, menuClassName, disabled, placeholder, portal, title, onFocus, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CustomSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSelect.d.ts","sourceRoot":"","sources":["../../src/components/CustomSelect.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAEtE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyBD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,QAAgB,EAChB,WAAW,EACX,MAAa,EACb,KAAK,EACL,OAAO,GACR,EAAE,KAAK,+BA0NP"}

package/dist/components/CustomSelect.js

@@ -0,0 +1,167 @@
+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.
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { Icon } from './Icon';
+function isGroup(item) {
+    return 'options' in item;
+}
+function flattenOptions(items) {
+    return items.flatMap((item) => isGroup(item)
+        ? item.options.map((option) => ({ ...option, group: item.label }))
+        : [item]);
+}
+export function CustomSelect({ value, options, onChange, ariaLabel, labelledBy, className, triggerClassName, menuClassName, disabled = false, placeholder, portal = true, title, onFocus, }) {
+    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(() => flattenOptions(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();
+        const gap = 4;
+        const viewportPad = 12;
+        const below = window.innerHeight - rect.bottom - viewportPad;
+        const above = rect.top - viewportPad;
+        const maxHeight = Math.max(160, Math.min(300, Math.max(below, above) - gap));
+        const openAbove = below < 180 && above > below;
+        setPosition({
+            top: openAbove ? Math.max(viewportPad, rect.top - maxHeight - gap) : rect.bottom + gap,
+            left: Math.min(Math.max(viewportPad, rect.left), Math.max(viewportPad, window.innerWidth - rect.width - viewportPad)),
+            width: rect.width,
+            maxHeight,
+        });
+    }, []);
+    useEffect(() => {
+        if (!portal)
+            return;
+        if (!open) {
+            setPosition(null);
+            return;
+        }
+        updatePosition();
+    }, [open, portal, updatePosition]);
+    useEffect(() => {
+        if (!open) {
+            wasOpenRef.current = false;
+            activeSourceValueRef.current = value;
+            return;
+        }
+        if (wasOpenRef.current && activeSourceValueRef.current === value)
+            return;
+        const selectedOption = flatOptionsRef.current.find((option) => option.value === value && !option.disabled);
+        setActiveValue(selectedOption?.value ?? enabledOptionsRef.current[0]?.value ?? '');
+        wasOpenRef.current = true;
+        activeSourceValueRef.current = value;
+    }, [open, value]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (buttonRef.current?.contains(target) || menuRef.current?.contains(target))
+                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]);
+    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) => {
+        if (!enabledOptions.length)
+            return;
+        const currentIndex = enabledOptions.findIndex((option) => option.value === activeValue);
+        const nextIndex = currentIndex < 0
+            ? 0
+            : (currentIndex + direction + enabledOptions.length) % enabledOptions.length;
+        setActiveValue(enabledOptions[nextIndex].value);
+    };
+    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);
+        }
+    };
+    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 (isGroup(item)) {
+                return (_jsxs("div", { className: "jini-select-group", children: [_jsx("div", { className: "jini-select-group-label", children: item.label }), item.options.map((option) => (_jsx(SelectOptionButton, { 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(SelectOptionButton, { 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: () => setOpen((current) => !current), 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] }));
+}
+function SelectOptionButton({ 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/components/CustomSelect.js.map

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