@openviking/react 0.1.6 → 0.1.7

package/dist/s~0.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const SvgChevronDown = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M9.607 5.232a.437.437 0 1 1 .619.619L7.309 8.768a.437.437 0 0 1-.618 0L3.774 5.85a.437.437 0 1 1 .619-.619L7 7.84z"
+        })
+    });
+const chevron_downreact = SvgChevronDown;
+export { chevron_downreact };

package/dist/u~0.js

@@ -6,6 +6,7 @@ import rehype_sanitize from "rehype-sanitize";
 import remark_gfm from "remark-gfm";
 import { resolveLocale } from "./nx~0.js";
 import { checkreact } from "./0~0.js";
+import { button_Button } from "./e~0.js";
 import { useLocale } from "./28~0.js";
 const SvgCodexDetail = (props)=>/*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -693,8 +694,11 @@ function AgentConnectCodeBlock({ display, copyText, language, locale, visibleBlo
                     /*#__PURE__*/ jsxs("div", {
                         className: "ov-agent-connect__code-actions",
                         children: [
-                            hasKey ? /*#__PURE__*/ jsx("button", {
-                                type: "button",
+                            hasKey ? /*#__PURE__*/ jsx(button_Button, {
+                                size: "mini",
+                                type: "text",
+                                iconOnly: true,
+                                htmlType: "button",
                                 "aria-pressed": revealed,
                                 "aria-label": revealLabel,
                                 title: revealLabel,
@@ -703,8 +707,11 @@ function AgentConnectCodeBlock({ display, copyText, language, locale, visibleBlo
                                     "aria-hidden": "true"
                                 })
                             }) : null,
-                            /*#__PURE__*/ jsx("button", {
-                                type: "button",
+                            /*#__PURE__*/ jsx(button_Button, {
+                                size: "mini",
+                                type: "text",
+                                iconOnly: true,
+                                htmlType: "button",
                                 disabled: 'pending' === status,
                                 "aria-label": copyLabel,
                                 title: copyLabel,
@@ -907,9 +914,11 @@ function AgentConnectInstructionsView({ instructions, apiKey, locale, agreementU
                         className: "ov-agent-connect__instructions-title",
                         children: labels.instructions
                     }),
-                    /*#__PURE__*/ jsxs("button", {
+                    /*#__PURE__*/ jsxs(button_Button, {
+                        size: "mini",
+                        type: "text",
                         className: "ov-agent-connect__copy",
-                        type: "button",
+                        htmlType: "button",
                         disabled: 'pending' === status,
                         onClick: ()=>void copy(),
                         children: [

package/dist/viking-bot-composer~0.js

@@ -2,9 +2,11 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Sender } from "@ark-design/ui/sender";
 import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Tooltip } from "./rt~0.js";
+import { button_Button } from "./e~0.js";
 import { VikingBotIcon } from "./lg~0.js";
 import { resolveVikingBotLabels, BotPopover, useQuickInput, QuickInputs } from "./c~0.js";
 import { usePortalTheme } from "./9~0.js";
+import { input_Input } from "./c7r~0.js";
 import { FileTree as file_tree_FileTree } from "./n~0.js";
 import { useLocale } from "./28~0.js";
 const SvgSend = (props)=>/*#__PURE__*/ jsx("svg", {
@@ -34,9 +36,13 @@ const attachreact = SvgAttach;
 function VikingBotSubmit({ onSend, onStop, sending, tip, className, label, ...props }) {
     return /*#__PURE__*/ jsx(Tooltip, {
         content: tip ?? label,
-        children: /*#__PURE__*/ jsx("button", {
+        children: /*#__PURE__*/ jsx(button_Button, {
             ...props,
-            type: "button",
+            size: "default",
+            type: "primary",
+            shape: "circle",
+            iconOnly: true,
+            htmlType: "button",
             className: [
                 'ov-viking-bot__submit',
                 className
@@ -56,9 +62,12 @@ function VikingBotSubmit({ onSend, onStop, sending, tip, className, label, ...pr
 function VikingBotAttach({ label, ...props }) {
     return /*#__PURE__*/ jsx(Tooltip, {
         content: label,
-        children: /*#__PURE__*/ jsx("button", {
+        children: /*#__PURE__*/ jsx(button_Button, {
             ...props,
-            type: "button",
+            size: "mini",
+            type: "text",
+            iconOnly: true,
+            htmlType: "button",
             className: "ov-viking-bot__attach",
             "aria-label": label,
             children: /*#__PURE__*/ jsx(attachreact, {
@@ -106,8 +115,11 @@ function ComposerAttachments({ items, onRemove, disabled, labels }) {
                         className: "ov-viking-bot__attachment-status",
                         children: item.errorMessage ?? labels.toolError
                     }) : null,
-                    onRemove ? /*#__PURE__*/ jsx("button", {
-                        type: "button",
+                    onRemove ? /*#__PURE__*/ jsx(button_Button, {
+                        size: "mini",
+                        type: "text",
+                        iconOnly: true,
+                        htmlType: "button",
                         "aria-label": `${labels.removeAttachment}: ${item.name}`,
                         disabled: disabled,
                         onClick: ()=>onRemove(item),
@@ -182,7 +194,7 @@ function ReferencePicker({ config, locale, query: externalQuery, editor, onSelec
                 htmlFor: id,
                 children: [
                     labels.searchReferences,
-                    /*#__PURE__*/ jsx("input", {
+                    /*#__PURE__*/ jsx(input_Input, {
                         id: id,
                         type: "search",
                         value: search,
@@ -270,10 +282,13 @@ function ReferenceButton({ locale, config, disabled, labels, senderRef }) {
         trigger: (props)=>/*#__PURE__*/ jsx(Tooltip, {
                 content: labels.reference,
                 disabled: true === props['aria-expanded'],
-                children: /*#__PURE__*/ jsx("button", {
+                children: /*#__PURE__*/ jsx(button_Button, {
                     ...props,
+                    size: "mini",
+                    type: "text",
+                    iconOnly: true,
                     className: "ov-viking-bot__attach",
-                    type: "button",
+                    htmlType: "button",
                     "aria-label": labels.reference,
                     disabled: disabled,
                     children: "@"
@@ -304,8 +319,11 @@ function ReferenceTags({ config, labels, disabled }) {
                             children: item.name
                         })
                     }),
-                    /*#__PURE__*/ jsx("button", {
-                        type: "button",
+                    /*#__PURE__*/ jsx(button_Button, {
+                        size: "mini",
+                        type: "text",
+                        iconOnly: true,
+                        htmlType: "button",
                         disabled: disabled,
                         "aria-label": `${labels.removeReference}: ${item.name}`,
                         onClick: ()=>config.onChange(config.selected.filter((entry)=>entry.uri !== item.uri)),

package/dist/viking-bot-interaction~0.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AskHuman } from "@ark-design/ui/ask-human";
 import { useState } from "react";
+import { input_TextArea } from "./c7r~0.js";
 import { useLocale } from "./28~0.js";
 import { resolveInteractionLabels } from "./c7~0.js";
 const toFields = (request, other)=>{
@@ -185,7 +186,7 @@ const TextInput = ({ request, label, disabled, onChange })=>/*#__PURE__*/ jsxs(F
             request.description ? /*#__PURE__*/ jsx("p", {
                 children: request.description
             }) : null,
-            /*#__PURE__*/ jsx("textarea", {
+            /*#__PURE__*/ jsx(input_TextArea, {
                 className: "ov-viking-bot__interaction-input",
                 defaultValue: request.initialValue,
                 disabled: disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openviking/react",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "publishConfig": {
     "access": "public"
   },
@@ -15,7 +15,8 @@
   "files": [
     "dist",
     "README.md",
-    "LICENSE.arco-design"
+    "LICENSE.arco-design",
+    "!dist/docs/**"
   ],
   "sideEffects": [
     "**/*.css"

package/dist/fi~0.js

@@ -1,354 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { resolveLocale } from "./nx~0.js";
-import { checkreact } from "./0~0.js";
-import { searchreact } from "./p~0.js";
-import { useLocale, LocaleProvider } from "./28~0.js";
-const SvgChevronDown = (props)=>/*#__PURE__*/ jsx("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 14,
-        height: 14,
-        fill: "none",
-        viewBox: "0 0 14 14",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            fill: "currentColor",
-            d: "M9.607 5.232a.437.437 0 1 1 .619.619L7.309 8.768a.437.437 0 0 1-.618 0L3.774 5.85a.437.437 0 1 1 .619-.619L7 7.84z"
-        })
-    });
-const chevron_downreact = SvgChevronDown;
-const messages = {
-    loading: 'Loading…',
-    searchPlaceholder: 'Search',
-    empty: 'No options',
-    noMatch: 'No matches',
-    error: 'Unable to load options'
-};
-const en_US = messages;
-const zh_CN_messages = {
-    loading: '加载中…',
-    searchPlaceholder: '搜索',
-    empty: '暂无选项',
-    noMatch: '没有匹配项',
-    error: '选项加载失败'
-};
-const zh_CN = zh_CN_messages;
-const LOCALES = {
-    'en-US': en_US,
-    'zh-CN': zh_CN
-};
-function resolveScopeLabels(locale = 'en-US', labels) {
-    const defaults = resolveLocale(LOCALES, locale, labels);
-    return {
-        ...defaults,
-        noMatch: labels?.noMatch ?? labels?.empty ?? defaults.noMatch
-    };
-}
-function moveScopeFocus(event) {
-    if (![
-        'ArrowDown',
-        'ArrowUp',
-        'Home',
-        'End'
-    ].includes(event.key)) return;
-    const target = event.target;
-    const isSearch = target.matches('input.ov-scope-switcher__search');
-    if (event.defaultPrevented || !target.matches('[role="option"]') && !isSearch || isSearch && !event.key.startsWith('Arrow')) return;
-    const options = Array.from(event.currentTarget.querySelectorAll('[role="option"]:not([aria-disabled="true"])'));
-    if (!options.length) return;
-    event.preventDefault();
-    const current = options.indexOf(document.activeElement);
-    const next = 'Home' === event.key ? 0 : 'End' === event.key ? options.length - 1 : 'ArrowDown' === event.key ? (current + 1) % options.length : current < 0 ? options.length - 1 : (current - 1 + options.length) % options.length;
-    options[next]?.focus();
-}
-function Highlight({ text, keyword }) {
-    const needle = keyword.trim().toLocaleLowerCase();
-    if (!needle) return /*#__PURE__*/ jsx(Fragment, {
-        children: text
-    });
-    const haystack = text.toLocaleLowerCase();
-    const parts = [];
-    let cursor = 0;
-    let hit = haystack.indexOf(needle);
-    while(hit >= 0){
-        if (hit > cursor) parts.push(text.slice(cursor, hit));
-        const end = hit + needle.length;
-        parts.push(/*#__PURE__*/ jsx("mark", {
-            children: text.slice(hit, end)
-        }, `${hit}-${end}`));
-        cursor = end;
-        hit = haystack.indexOf(needle, cursor);
-    }
-    if (cursor < text.length) parts.push(text.slice(cursor));
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: parts
-    });
-}
-function ScopePanel({ label, data, state, slots, actions, onSelect, labels }) {
-    const focusPanel = useCallback((node)=>{
-        const target = node?.querySelector('input') ?? node?.querySelector('[role="option"][aria-selected="true"]:not([aria-disabled="true"])') ?? node?.querySelector('[role="option"]:not([aria-disabled="true"])');
-        (target ?? node)?.focus();
-    }, []);
-    const options = data.visibleOptions ?? data.options;
-    const keyword = state?.searchKeyword ?? '';
-    const hasKeyword = keyword.trim().length > 0;
-    const searchVisible = actions?.onSearchKeywordChange && (hasKeyword || Math.max(options.length, data.options.length, data.total ?? 0) > 10);
-    const search = searchVisible ? /*#__PURE__*/ jsxs("div", {
-        className: "ov-scope-switcher__search-field",
-        children: [
-            /*#__PURE__*/ jsx(searchreact, {
-                className: "ov-scope-switcher__search-icon"
-            }),
-            /*#__PURE__*/ jsx("input", {
-                type: "search",
-                className: "ov-scope-switcher__search",
-                value: keyword,
-                "aria-label": labels.searchPlaceholder,
-                placeholder: labels.searchPlaceholder,
-                onChange: (event)=>actions?.onSearchKeywordChange?.(event.currentTarget.value)
-            })
-        ]
-    }) : null;
-    let list;
-    list = state?.loading ? /*#__PURE__*/ jsx("div", {
-        className: "ov-scope-switcher__state",
-        role: "status",
-        children: labels.loading
-    }) : state?.error ? /*#__PURE__*/ jsx("div", {
-        className: "ov-scope-switcher__state",
-        role: "alert",
-        children: slots?.errorFallback ?? labels.error
-    }) : options.length ? /*#__PURE__*/ jsx("div", {
-        className: "ov-scope-switcher__list",
-        role: "listbox",
-        "aria-label": label,
-        "aria-busy": state?.busy,
-        onScroll: (event)=>{
-            const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
-            actions?.onScroll?.({
-                scrollTop,
-                scrollHeight,
-                clientHeight
-            });
-        },
-        children: options.map((option)=>{
-            const selected = option.id === data.selectedId;
-            const content = /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    option.icon && /*#__PURE__*/ jsx("span", {
-                        className: "ov-scope-switcher__icon",
-                        "aria-hidden": "true",
-                        children: option.icon
-                    }),
-                    /*#__PURE__*/ jsxs("span", {
-                        className: "ov-scope-switcher__option-text",
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                children: /*#__PURE__*/ jsx(Highlight, {
-                                    text: option.label,
-                                    keyword: keyword
-                                })
-                            }),
-                            option.description && /*#__PURE__*/ jsx("small", {
-                                children: option.description
-                            })
-                        ]
-                    }),
-                    selected && /*#__PURE__*/ jsx("span", {
-                        className: "ov-scope-switcher__check",
-                        "aria-hidden": "true",
-                        children: /*#__PURE__*/ jsx(checkreact, {})
-                    })
-                ]
-            });
-            return /*#__PURE__*/ jsx("div", {
-                tabIndex: option.disabled || state?.busy ? -1 : 0,
-                role: "option",
-                "aria-selected": selected,
-                className: "ov-scope-switcher__option",
-                title: option.label,
-                "aria-disabled": option.disabled || state?.busy || void 0,
-                onClick: (event)=>{
-                    const target = event.target;
-                    if (option.disabled || state?.busy || target.closest('button, a, input, select, textarea, [role="button"]')) return;
-                    onSelect(option);
-                },
-                onKeyDown: (event)=>{
-                    if (event.target !== event.currentTarget || option.disabled || state?.busy) return;
-                    if ('Enter' === event.key || ' ' === event.key) {
-                        event.preventDefault();
-                        onSelect(option);
-                    }
-                },
-                children: slots?.renderOption ? slots?.renderOption(content, option) : content
-            }, option.id);
-        })
-    }, keyword) : /*#__PURE__*/ jsx("div", {
-        className: "ov-scope-switcher__state",
-        role: "status",
-        children: slots?.emptyFallback ?? (hasKeyword ? labels.noMatch : labels.empty)
-    });
-    return /*#__PURE__*/ jsx("div", {
-        role: "group",
-        tabIndex: -1,
-        ref: focusPanel,
-        className: "ov-scope-switcher__panel-inner",
-        onKeyDownCapture: moveScopeFocus,
-        children: slots?.renderPanel ? slots?.renderPanel({
-            search,
-            list
-        }) : /*#__PURE__*/ jsxs("div", {
-            className: "ov-scope-switcher__panel-body",
-            children: [
-                search,
-                list
-            ]
-        })
-    });
-}
-function ScopeSelector(props) {
-    const { identity, trigger: triggerContent } = props;
-    const locale = useLocale(props.locale);
-    const labels = resolveScopeLabels(locale, props.labels);
-    const selectable = 'selectable' === props.kind ? props : void 0;
-    const data = selectable?.data;
-    const state = selectable?.state;
-    const actions = selectable?.actions;
-    const slots = selectable?.slots;
-    const [localVisible, setLocalVisible] = useState(false);
-    const root = useRef(null);
-    const trigger = useRef(null);
-    const restoreSelectionFocus = useRef(false);
-    const panelId = useId();
-    const open = void 0 !== selectable && (state?.visible ?? localVisible) && !state?.disabled;
-    const onVisibleChange = actions?.onVisibleChange;
-    const changeVisible = useCallback((visible)=>{
-        setLocalVisible(visible);
-        onVisibleChange?.(visible);
-    }, [
-        onVisibleChange
-    ]);
-    useEffect(()=>{
-        if (!open) return;
-        const dismiss = (event)=>{
-            if (event.target instanceof Node && !root.current?.contains(event.target)) changeVisible(false);
-        };
-        const escape = (event)=>{
-            if ('Escape' === event.key) {
-                event.preventDefault();
-                changeVisible(false);
-                trigger.current?.focus();
-            }
-        };
-        document.addEventListener('pointerdown', dismiss);
-        document.addEventListener('keydown', escape);
-        return ()=>{
-            document.removeEventListener('pointerdown', dismiss);
-            document.removeEventListener('keydown', escape);
-        };
-    }, [
-        open,
-        changeVisible
-    ]);
-    useEffect(()=>{
-        if (open || !restoreSelectionFocus.current) return;
-        restoreSelectionFocus.current = false;
-        if (document.activeElement === document.body || root.current?.contains(document.activeElement)) trigger.current?.focus();
-    }, [
-        open
-    ]);
-    const selected = data?.options.find((o)=>o.id === data.selectedId);
-    const label = triggerContent?.label ?? selected?.label ?? '';
-    const icon = triggerContent?.icon ?? selected?.icon;
-    const content = /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            icon && /*#__PURE__*/ jsx("span", {
-                className: "ov-scope-switcher__icon",
-                "aria-hidden": "true",
-                children: icon
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "ov-scope-switcher__label",
-                children: label
-            }),
-            identity.tag && /*#__PURE__*/ jsx("span", {
-                className: "ov-scope-switcher__tag",
-                children: identity.tag
-            })
-        ]
-    });
-    return /*#__PURE__*/ jsxs("div", {
-        ref: root,
-        role: "group",
-        className: "ov-scope-switcher__level",
-        onBlur: (event)=>{
-            if (open && event.relatedTarget instanceof Node && !event.currentTarget.contains(event.relatedTarget)) changeVisible(false);
-        },
-        children: [
-            void 0 === selectable ? /*#__PURE__*/ jsx("span", {
-                className: "ov-scope-switcher__trigger",
-                "aria-label": identity.ariaLabel,
-                title: label,
-                children: content
-            }) : /*#__PURE__*/ jsxs("button", {
-                ref: trigger,
-                type: "button",
-                className: "ov-scope-switcher__trigger",
-                "aria-label": identity.ariaLabel,
-                title: label,
-                disabled: state?.disabled,
-                "aria-expanded": open,
-                "aria-haspopup": "dialog",
-                "aria-controls": open ? panelId : void 0,
-                onClick: ()=>changeVisible(!open),
-                onKeyDown: (event)=>{
-                    if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
-                        event.preventDefault();
-                        if (open) root.current?.querySelector('[role="option"]:not([aria-disabled="true"])')?.focus();
-                        else changeVisible(true);
-                    }
-                },
-                children: [
-                    content,
-                    /*#__PURE__*/ jsx("span", {
-                        className: "ov-scope-switcher__arrow",
-                        "aria-hidden": "true",
-                        children: /*#__PURE__*/ jsx(chevron_downreact, {})
-                    })
-                ]
-            }),
-            open && void 0 !== selectable && void 0 !== data && /*#__PURE__*/ jsx("div", {
-                id: panelId,
-                className: slots?.renderPanel ? 'ov-scope-switcher__panel ov-scope-switcher__panel--custom' : 'ov-scope-switcher__panel',
-                role: "dialog",
-                "aria-label": identity.ariaLabel ?? label,
-                children: /*#__PURE__*/ jsx(ScopePanel, {
-                    label: identity.ariaLabel ?? label,
-                    data: data,
-                    state: state,
-                    slots: slots,
-                    actions: actions,
-                    onSelect: (option)=>{
-                        restoreSelectionFocus.current = true;
-                        changeVisible(false);
-                        actions?.onSelect?.(option);
-                    },
-                    labels: labels
-                })
-            })
-        ]
-    });
-}
-function ScopeSwitcher({ locale: localeProp, children, className = '', ...props }) {
-    const locale = useLocale(localeProp);
-    return /*#__PURE__*/ jsx(LocaleProvider, {
-        locale: locale,
-        children: /*#__PURE__*/ jsx("div", {
-            lang: locale,
-            ...props,
-            className: `ov-scope-switcher ${className}`,
-            children: children
-        })
-    });
-}
-export { ScopeSelector, ScopeSwitcher };

package/dist/modules/file-browser/fs-selection.d.ts

@@ -1,4 +0,0 @@
-/** Search results may repeat a URI; preserve the matching row's scoped identifier. */
-export declare function selectedRowId(uri: string | null, results: readonly {
-    uri: string;
-}[] | null): string | null;

package/dist/o~0.js

@@ -1,106 +0,0 @@
-import { useEffect, useLayoutEffect, useState } from "react";
-const usePositionEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-const OVERLAY_OFFSET = 6;
-const VIEWPORT_MARGIN = 8;
-const OPPOSITE = {
-    top: 'bottom',
-    bottom: 'top',
-    left: 'right',
-    right: 'left'
-};
-function resolvePosition(trigger, surface, placement, alignment = 'center') {
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const fits = (side)=>{
-        if ('top' === side) return trigger.top - surface.height - OVERLAY_OFFSET >= VIEWPORT_MARGIN;
-        if ('bottom' === side) return trigger.bottom + surface.height + OVERLAY_OFFSET <= viewportHeight - VIEWPORT_MARGIN;
-        if ('left' === side) return trigger.left - surface.width - OVERLAY_OFFSET >= VIEWPORT_MARGIN;
-        return trigger.right + surface.width + OVERLAY_OFFSET <= viewportWidth - VIEWPORT_MARGIN;
-    };
-    const side = fits(placement) || !fits(OPPOSITE[placement]) ? placement : OPPOSITE[placement];
-    const clamp = (value, size, limit)=>Math.min(Math.max(value, VIEWPORT_MARGIN), limit - size - VIEWPORT_MARGIN);
-    if ('top' === side || 'bottom' === side) {
-        const top = 'top' === side ? trigger.top - surface.height - OVERLAY_OFFSET : trigger.bottom + OVERLAY_OFFSET;
-        const left = 'end' === alignment ? trigger.right - surface.width : trigger.left + trigger.width / 2 - surface.width / 2;
-        return {
-            top: clamp(top, surface.height, viewportHeight),
-            left: clamp(left, surface.width, viewportWidth),
-            placement: side
-        };
-    }
-    const left = 'left' === side ? trigger.left - surface.width - OVERLAY_OFFSET : trigger.right + OVERLAY_OFFSET;
-    const top = trigger.top + trigger.height / 2 - surface.height / 2;
-    return {
-        top: clamp(top, surface.height, viewportHeight),
-        left: clamp(left, surface.width, viewportWidth),
-        placement: side
-    };
-}
-function useOverlayPosition(open, triggerRef, surface, placement, alignment = 'center') {
-    const [position, setPosition] = useState({
-        top: 0,
-        left: 0,
-        placement
-    });
-    usePositionEffect(()=>{
-        if (!open) return;
-        const trigger = triggerRef.current;
-        if (!trigger || !surface) return;
-        const written = new Set();
-        const syncTheme = ()=>{
-            const triggerStyle = window.getComputedStyle(trigger);
-            const seen = new Set();
-            for (const name of Array.from(triggerStyle)){
-                if (!name.startsWith('--ov-ui-color-')) continue;
-                const value = triggerStyle.getPropertyValue(name).trim();
-                if (value) {
-                    seen.add(name);
-                    surface.style.setProperty(name, value);
-                }
-            }
-            for (const name of written)if (!seen.has(name)) surface.style.removeProperty(name);
-            written.clear();
-            seen.forEach((name)=>written.add(name));
-        };
-        syncTheme();
-        const themeObserver = new MutationObserver(syncTheme);
-        const observerOptions = {
-            attributes: true,
-            attributeFilter: [
-                'class',
-                'style',
-                'data-theme'
-            ]
-        };
-        for(let node = trigger; node; node = node.parentElement)themeObserver.observe(node, observerOptions);
-        const update = ()=>{
-            const triggerRect = trigger.getBoundingClientRect();
-            const surfaceRect = surface.getBoundingClientRect();
-            const next = resolvePosition(triggerRect, {
-                width: surfaceRect.width,
-                height: surfaceRect.height
-            }, placement, alignment);
-            setPosition((previous)=>previous.top === next.top && previous.left === next.left && previous.placement === next.placement ? previous : next);
-        };
-        update();
-        const observer = new ResizeObserver(update);
-        observer.observe(surface);
-        window.addEventListener('scroll', update, true);
-        window.addEventListener('resize', update);
-        return ()=>{
-            observer.disconnect();
-            themeObserver.disconnect();
-            written.forEach((name)=>surface.style.removeProperty(name));
-            window.removeEventListener('scroll', update, true);
-            window.removeEventListener('resize', update);
-        };
-    }, [
-        open,
-        placement,
-        surface,
-        triggerRef,
-        alignment
-    ]);
-    return position;
-}
-export { useOverlayPosition };