@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/colors.cjs

@@ -0,0 +1,167 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    defaultColors: ()=>defaultColors,
+    deriveColors: ()=>deriveColors,
+    mixColors: ()=>mixColors
+});
+const tinycolor_namespaceObject = require("@ctrl/tinycolor");
+const external_color_recipes_cjs_namespaceObject = require("./color-recipes.cjs");
+const defaultColors = {
+    light: {
+        primary: '#20834a',
+        'on-primary': '#ffffff',
+        danger: '#c83c3c',
+        'on-danger': '#ffffff',
+        warning: '#faad14',
+        info: '#1677ff',
+        success: '#20834a',
+        text: '#202024',
+        'text-muted': '#68686f',
+        surface: '#ffffff',
+        'surface-muted': '#f6f6f7',
+        border: '#e5e5e8'
+    },
+    dark: {
+        primary: '#83cf9e',
+        'on-primary': '#11271a',
+        danger: '#ef8585',
+        'on-danger': '#381818',
+        warning: '#ffc53d',
+        info: '#69b1ff',
+        success: '#83cf9e',
+        text: '#ededf0',
+        'text-muted': '#a5a5ae',
+        surface: '#1c1c20',
+        'surface-muted': '#25252b',
+        border: '#38383f'
+    }
+};
+function mixColors(first, second, weight) {
+    if (!first || !second) return;
+    const a = new tinycolor_namespaceObject.TinyColor(first);
+    const b = new tinycolor_namespaceObject.TinyColor(second);
+    if (!a.isValid || !b.isValid) return;
+    const x = a.toRgb();
+    const y = b.toRgb();
+    const ratio = Math.min(1, Math.max(0, weight / 100));
+    const alpha = x.a * ratio + y.a * (1 - ratio);
+    const channel = (key)=>alpha ? Math.round((x[key] * x.a * ratio + y[key] * y.a * (1 - ratio)) / alpha) : 0;
+    return `rgba(${channel('r')}, ${channel('g')}, ${channel('b')}, ${Number(alpha.toFixed(4))})`;
+}
+function interactionColor(color, foreground, toward, amounts) {
+    if (!new tinycolor_namespaceObject.TinyColor(color).isValid || !new tinycolor_namespaceObject.TinyColor(foreground).isValid) return;
+    const minimumContrast = Math.min(4.5, (0, tinycolor_namespaceObject.readability)(color, foreground));
+    for (const amount of amounts){
+        const candidate = mixColors(color, toward, 100 - amount);
+        if (candidate && (0, tinycolor_namespaceObject.readability)(candidate, foreground) >= minimumContrast) return candidate;
+    }
+    return color;
+}
+function deriveColors(appearance, overrides = {}) {
+    const colors = {
+        ...defaultColors[appearance],
+        ...overrides
+    };
+    colors['text-subtle'] ??= mixColors(colors['text-muted'], colors.surface, 92) ?? '#68686f';
+    colors['surface-raised'] ??= mixColors(colors.surface, colors.text, 98) ?? '#ffffff';
+    colors['border-hover'] ??= mixColors(colors.border, colors['text-muted'], 65) ?? '#e5e5e8';
+    const result = {};
+    for (const [key, [first, second, ratio]] of Object.entries(external_color_recipes_cjs_namespaceObject.colorRecipes)){
+        const other = 'alpha' === second ? 'transparent' : 'white' === second ? '#fff' : 'black' === second ? '#000' : colors[second];
+        const value = mixColors(colors[first], other, ratio);
+        if (value) result[key] = value;
+    }
+    for (const key of [
+        'text-subtle',
+        'surface-raised',
+        'border-hover'
+    ])result[`--leaf-color-${key}`] = colors[key] ?? '';
+    const warning = colors.warning;
+    const text = colors.text;
+    if (warning && text && new tinycolor_namespaceObject.TinyColor(warning).isValid && new tinycolor_namespaceObject.TinyColor(text).isValid) {
+        const backgrounds = [
+            colors.surface,
+            colors['surface-muted'],
+            result['--leaf-color-warning-surface-8']
+        ].filter((color)=>Boolean(color));
+        for(let weight = 80; weight >= 0; weight -= 10){
+            const ink = mixColors(warning, text, weight);
+            if (ink && backgrounds.every((background)=>(0, tinycolor_namespaceObject.readability)(ink, background) >= 4.5)) {
+                result['--leaf-color-warning-text-80'] = ink;
+                break;
+            }
+        }
+        result['--leaf-color-on-warning'] = (0, tinycolor_namespaceObject.readability)(warning, '#202024') >= (0, tinycolor_namespaceObject.readability)(warning, '#ffffff') ? '#202024' : '#ffffff';
+    }
+    for (const key of [
+        'primary',
+        'danger'
+    ]){
+        const color = colors[key];
+        const foreground = colors[`on-${key}`];
+        if (!color || !foreground) continue;
+        const hover = colors[`${key}-hover`] ?? interactionColor(color, foreground, '#fff', [
+            10,
+            8,
+            6,
+            4,
+            2.5,
+            1
+        ]);
+        const active = colors[`${key}-active`] ?? interactionColor(color, foreground, '#000', [
+            15,
+            12,
+            10,
+            8,
+            6,
+            4,
+            2.5,
+            1
+        ]);
+        if (hover) result[`--leaf-color-${key}-hover`] = hover;
+        if (active) result[`--leaf-color-${key}-active`] = active;
+    }
+    return result;
+}
+exports.defaultColors = __webpack_exports__.defaultColors;
+exports.deriveColors = __webpack_exports__.deriveColors;
+exports.mixColors = __webpack_exports__.mixColors;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "defaultColors",
+    "deriveColors",
+    "mixColors"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=colors.cjs.map

package/dist/cjs/colors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../src/colors.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { readability, TinyColor } from '@ctrl/tinycolor';\nimport { colorRecipes } from './color-recipes';\n\nexport const defaultColors = {\n  light: {\n    primary: '#20834a',\n    'on-primary': '#ffffff',\n    danger: '#c83c3c',\n    'on-danger': '#ffffff',\n    warning: '#faad14',\n    info: '#1677ff',\n    success: '#20834a',\n    text: '#202024',\n    'text-muted': '#68686f',\n    surface: '#ffffff',\n    'surface-muted': '#f6f6f7',\n    border: '#e5e5e8',\n  },\n  dark: {\n    primary: '#83cf9e',\n    'on-primary': '#11271a',\n    danger: '#ef8585',\n    'on-danger': '#381818',\n    warning: '#ffc53d',\n    info: '#69b1ff',\n    success: '#83cf9e',\n    text: '#ededf0',\n    'text-muted': '#a5a5ae',\n    surface: '#1c1c20',\n    'surface-muted': '#25252b',\n    border: '#38383f',\n  },\n};\n\n/** sRGB mixing with premultiplied alpha, matching CSS transparent-color semantics. */\nexport function mixColors(\n  first: string | undefined,\n  second: string | undefined,\n  weight: number,\n): string | undefined {\n  if (!first || !second) return undefined;\n  const a = new TinyColor(first);\n  const b = new TinyColor(second);\n  if (!a.isValid || !b.isValid) return undefined;\n  const x = a.toRgb();\n  const y = b.toRgb();\n  const ratio = Math.min(1, Math.max(0, weight / 100));\n  const alpha = x.a * ratio + y.a * (1 - ratio);\n  const channel = (key: 'r' | 'g' | 'b') =>\n    alpha ? Math.round((x[key] * x.a * ratio + y[key] * y.a * (1 - ratio)) / alpha) : 0;\n  return `rgba(${channel('r')}, ${channel('g')}, ${channel('b')}, ${Number(alpha.toFixed(4))})`;\n}\n\n/** Derive once per theme; keep readable solid-button labels when changing shade. */\nfunction interactionColor(color: string, foreground: string, toward: string, amounts: number[]) {\n  if (!new TinyColor(color).isValid || !new TinyColor(foreground).isValid) return undefined;\n  const minimumContrast = Math.min(4.5, readability(color, foreground));\n  for (const amount of amounts) {\n    const candidate = mixColors(color, toward, 100 - amount);\n    if (candidate && readability(candidate, foreground) >= minimumContrast) return candidate;\n  }\n  return color;\n}\n\n/** Concrete values only; CSS variable inputs can be resolved by the provider in the browser. */\nexport function deriveColors(appearance: 'light' | 'dark', overrides: Record<string, string> = {}) {\n  const colors: Record<string, string> = { ...defaultColors[appearance], ...overrides };\n  colors['text-subtle'] ??= mixColors(colors['text-muted'], colors.surface, 92) ?? '#68686f';\n  colors['surface-raised'] ??= mixColors(colors.surface, colors.text, 98) ?? '#ffffff';\n  colors['border-hover'] ??= mixColors(colors.border, colors['text-muted'], 65) ?? '#e5e5e8';\n  const result: Record<`--leaf-${string}`, string> = {};\n  for (const [key, [first, second, ratio]] of Object.entries(colorRecipes)) {\n    const other =\n      second === 'alpha'\n        ? 'transparent'\n        : second === 'white'\n          ? '#fff'\n          : second === 'black'\n            ? '#000'\n            : colors[second];\n    const value = mixColors(colors[first], other, ratio);\n    if (value) result[key as `--leaf-${string}`] = value;\n  }\n  for (const key of ['text-subtle', 'surface-raised', 'border-hover'])\n    result[`--leaf-color-${key}`] = colors[key] ?? '';\n  // Bright warning glyphs and fills need a separate, readable text color.\n  const warning = colors.warning;\n  const text = colors.text;\n  if (warning && text && new TinyColor(warning).isValid && new TinyColor(text).isValid) {\n    const backgrounds = [\n      colors.surface,\n      colors['surface-muted'],\n      result['--leaf-color-warning-surface-8'],\n    ].filter((color): color is string => Boolean(color));\n    for (let weight = 80; weight >= 0; weight -= 10) {\n      const ink = mixColors(warning, text, weight);\n      if (ink && backgrounds.every((background) => readability(ink, background) >= 4.5)) {\n        result['--leaf-color-warning-text-80'] = ink;\n        break;\n      }\n    }\n    result['--leaf-color-on-warning'] =\n      readability(warning, '#202024') >= readability(warning, '#ffffff') ? '#202024' : '#ffffff';\n  }\n  for (const key of ['primary', 'danger']) {\n    const color = colors[key];\n    const foreground = colors[`on-${key}`];\n    if (!color || !foreground) continue;\n    const hover =\n      colors[`${key}-hover`] ?? interactionColor(color, foreground, '#fff', [10, 8, 6, 4, 2.5, 1]);\n    const active =\n      colors[`${key}-active`] ??\n      interactionColor(color, foreground, '#000', [15, 12, 10, 8, 6, 4, 2.5, 1]);\n    if (hover) result[`--leaf-color-${key}-hover`] = hover;\n    if (active) result[`--leaf-color-${key}-active`] = active;\n  }\n  return result;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","defaultColors","mixColors","first","second","weight","a","TinyColor","b","x","y","ratio","Math","alpha","channel","Number","interactionColor","color","foreground","toward","amounts","minimumContrast","readability","amount","candidate","deriveColors","appearance","overrides","colors","result","colorRecipes","other","value","warning","text","backgrounds","Boolean","ink","background","hover","active"],"mappings":"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"}

package/dist/cjs/colors.d.cts

@@ -0,0 +1,35 @@
+export declare const defaultColors: {
+    light: {
+        primary: string;
+        'on-primary': string;
+        danger: string;
+        'on-danger': string;
+        warning: string;
+        info: string;
+        success: string;
+        text: string;
+        'text-muted': string;
+        surface: string;
+        'surface-muted': string;
+        border: string;
+    };
+    dark: {
+        primary: string;
+        'on-primary': string;
+        danger: string;
+        'on-danger': string;
+        warning: string;
+        info: string;
+        success: string;
+        text: string;
+        'text-muted': string;
+        surface: string;
+        'surface-muted': string;
+        border: string;
+    };
+};
+/** sRGB mixing with premultiplied alpha, matching CSS transparent-color semantics. */
+export declare function mixColors(first: string | undefined, second: string | undefined, weight: number): string | undefined;
+/** Concrete values only; CSS variable inputs can be resolved by the provider in the browser. */
+export declare function deriveColors(appearance: 'light' | 'dark', overrides?: Record<string, string>): Record<`--leaf-${string}`, string>;
+//# sourceMappingURL=colors.d.cts.map

package/dist/cjs/colors.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.cts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;IACxB,KAAK;QACH,OAAO;QACP,YAAY;QACZ,MAAM;QACN,WAAW;QACX,OAAO;QACP,IAAI;QACJ,OAAO;QACP,IAAI;QACJ,YAAY;QACZ,OAAO;QACP,eAAe;QACf,MAAM;;IAER,IAAI;QACF,OAAO;QACP,YAAY;QACZ,MAAM;QACN,WAAW;QACX,OAAO;QACP,IAAI;QACJ,OAAO;QACP,IAAI;QACJ,YAAY;QACZ,OAAO;QACP,eAAe;QACf,MAAM;;CAET,CAAC;AAEF,sFAAsF;AACtF,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,MAAM,EAAE,MAAM,GACb,MAAM,GAAG,SAAS,CAYpB;AAaD,gGAAgG;AAChG,wBAAgB,YAAY,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,sCAoDhG"}

package/dist/cjs/commandpalette/commandpalette.cjs

@@ -0,0 +1,285 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    CommandPalette: ()=>CommandPalette
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const index_cjs_namespaceObject = require("../input/index.cjs");
+const external_modal_index_cjs_namespaceObject = require("../modal/index.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenChange, onSelect, shortcut = 'k', placeholder, loading, emptyContent, onSearch, onError }) {
+    const t = (0, use_text_cjs_namespaceObject.useText)(), { messages } = (0, context_cjs_namespaceObject.useLeafConfig)(), id = (0, external_react_namespaceObject.useId)();
+    const [open, setOpen] = (0, use_controllable_cjs_namespaceObject.useControllable)(controlled, defaultOpen, onOpenChange);
+    const callback = (0, external_react_namespaceObject.useRef)(setOpen);
+    callback.current = setOpen;
+    const [query, setQuery] = (0, external_react_namespaceObject.useState)(''), [active, setActive] = (0, external_react_namespaceObject.useState)(0), [busy, setBusy] = (0, external_react_namespaceObject.useState)();
+    const [error, setError] = (0, external_react_namespaceObject.useState)('');
+    const inFlight = (0, external_react_namespaceObject.useRef)(false);
+    const generation = (0, external_react_namespaceObject.useRef)(0);
+    const input = (0, external_react_namespaceObject.useRef)(null);
+    const listRef = (0, external_react_namespaceObject.useRef)(null);
+    const [selection, setSelection] = (0, external_react_namespaceObject.useState)();
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!shortcut) return;
+        const key = (event)=>{
+            if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === shortcut.toLowerCase()) {
+                event.preventDefault();
+                callback.current(!open);
+            }
+        };
+        document.addEventListener('keydown', key);
+        return ()=>document.removeEventListener('keydown', key);
+    }, [
+        shortcut,
+        open
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        generation.current++;
+        inFlight.current = false;
+        setBusy(void 0);
+        setError('');
+        if (open) {
+            setQuery('');
+            setActive(0);
+            const frame = requestAnimationFrame(()=>input.current?.focus());
+            return ()=>cancelAnimationFrame(frame);
+        }
+    }, [
+        open
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>{
+            generation.current++;
+        }, []);
+    const list = items.filter((item)=>`${'string' == typeof item.label ? item.label : item.key} ${item.keywords ?? ''}`.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+    useBrowserLayoutEffect(()=>{
+        const node = listRef.current;
+        if (!node || !open) return;
+        const update = ()=>{
+            const row = node.querySelector('[aria-selected="true"]:not(:disabled)');
+            setSelection(row ? {
+                '--leaf-command-selection-y': `${row.offsetTop}px`,
+                '--leaf-command-selection-height': `${row.offsetHeight}px`
+            } : void 0);
+        };
+        update();
+        if ("u" < typeof ResizeObserver) return;
+        const observer = new ResizeObserver(update);
+        observer.observe(node);
+        return ()=>observer.disconnect();
+    }, [
+        open,
+        active,
+        query,
+        items,
+        busy
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        document.getElementById(`${id}-${active}`)?.scrollIntoView?.({
+            block: 'nearest'
+        });
+    }, [
+        id,
+        active
+    ]);
+    const select = async (item)=>{
+        if (item.disabled || inFlight.current) return;
+        inFlight.current = true;
+        const request = generation.current;
+        setError('');
+        setBusy(item.key);
+        try {
+            await item.onSelect?.();
+            if (generation.current !== request) return;
+            onSelect?.(item);
+            setOpen(false);
+        } catch (reason) {
+            if (generation.current !== request) return;
+            setError(reason instanceof Error ? reason.message : String(reason));
+            onError?.(reason, item);
+        } finally{
+            if (generation.current === request) {
+                inFlight.current = false;
+                setBusy(void 0);
+            }
+        }
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_modal_index_cjs_namespaceObject.Modal, {
+        open: open,
+        title: t('命令搜索', 'Command search'),
+        footer: null,
+        onClose: ()=>setOpen(false),
+        width: 560,
+        className: "leaf-command-palette",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Input, {
+                ref: input,
+                prefix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                    size: 17
+                }),
+                value: query,
+                placeholder: placeholder ?? t('搜索命令…', 'Search commands…'),
+                "aria-label": t('搜索命令', 'Search commands'),
+                role: "combobox",
+                "aria-expanded": true,
+                "aria-controls": id,
+                "aria-activedescendant": list[active] ? `${id}-${active}` : void 0,
+                onChange: (event)=>{
+                    setQuery(event.target.value);
+                    setActive(0);
+                    onSearch?.(event.target.value);
+                },
+                onKeyDown: (event)=>{
+                    if (event.nativeEvent.isComposing) return;
+                    if ([
+                        'ArrowDown',
+                        'ArrowUp'
+                    ].includes(event.key)) {
+                        event.preventDefault();
+                        let next = active;
+                        for(let i = 0; i < list.length; i++){
+                            next = (next + ('ArrowDown' === event.key ? 1 : -1) + list.length) % list.length;
+                            if (!list[next]?.disabled) break;
+                        }
+                        setActive(next);
+                    }
+                    const item = list[active];
+                    if ('Enter' === event.key && item) {
+                        event.preventDefault();
+                        select(item);
+                    }
+                }
+            }),
+            error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                role: "alert",
+                className: "leaf-command-palette__error",
+                children: error
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                ref: listRef,
+                id: id,
+                role: "listbox",
+                "aria-label": t('命令', 'Commands'),
+                "aria-busy": loading || !!busy,
+                className: "leaf-command-palette__list",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-command-palette__selection",
+                        style: selection,
+                        "data-ready": Boolean(selection),
+                        "aria-hidden": "true"
+                    }),
+                    list.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            children: [
+                                void 0 !== item.group && (0 === index || list[index - 1]?.group !== item.group) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                    className: "leaf-command-palette__group",
+                                    children: item.group
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                                    type: "button",
+                                    role: "option",
+                                    id: `${id}-${index}`,
+                                    "aria-selected": active === index,
+                                    disabled: item.disabled || !!busy,
+                                    tabIndex: -1,
+                                    className: "leaf-floating__option",
+                                    onMouseEnter: ()=>setActive(index),
+                                    onClick: ()=>void select(item),
+                                    children: [
+                                        item.icon,
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            children: item.label
+                                        }),
+                                        item.shortcut && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
+                                            children: item.shortcut
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, item.key)),
+                    !list.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-floating__empty",
+                        children: loading ? messages.loading : emptyContent ?? messages.noData
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-command-palette__hint",
+                "aria-hidden": "true",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
+                                children: "↑"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
+                                children: "↓"
+                            }),
+                            " ",
+                            t('选择', 'Navigate')
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
+                                children: "↵"
+                            }),
+                            " ",
+                            t('执行', 'Run')
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", {
+                                children: "Esc"
+                            }),
+                            " ",
+                            messages.close
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.CommandPalette = __webpack_exports__.CommandPalette;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CommandPalette"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=commandpalette.cjs.map

package/dist/cjs/commandpalette/commandpalette.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandpalette/commandpalette.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/commandpalette/commandpalette.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Search } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Input } from '../input';\nimport { Modal } from '../modal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface CommandItem {\n  key: string;\n  label: ReactNode;\n  keywords?: string;\n  group?: ReactNode;\n  icon?: ReactNode;\n  shortcut?: string;\n  disabled?: boolean;\n  onSelect?: () => void | Promise<void>;\n}\nexport interface CommandPaletteProps {\n  items: readonly CommandItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (item: CommandItem) => void;\n  shortcut?: string | false;\n  placeholder?: string;\n  loading?: boolean;\n  emptyContent?: ReactNode;\n  onSearch?: (query: string) => void;\n  onError?: (error: unknown, item: CommandItem) => void;\n}\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport function CommandPalette({\n  items,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  onSelect,\n  shortcut = 'k',\n  placeholder,\n  loading,\n  emptyContent,\n  onSearch,\n  onError,\n}: CommandPaletteProps) {\n  const t = useText(),\n    { messages } = useLeafConfig(),\n    id = useId();\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const callback = useRef(setOpen);\n  callback.current = setOpen;\n  const [query, setQuery] = useState(''),\n    [active, setActive] = useState(0),\n    [busy, setBusy] = useState<string>();\n  const [error, setError] = useState('');\n  const inFlight = useRef(false);\n  const generation = useRef(0);\n  const input = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const [selection, setSelection] = useState<CSSProperties>();\n  useEffect(() => {\n    if (!shortcut) return;\n    const key = (event: KeyboardEvent) => {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === shortcut.toLowerCase()) {\n        event.preventDefault();\n        callback.current(!open);\n      }\n    };\n    document.addEventListener('keydown', key);\n    return () => document.removeEventListener('keydown', key);\n  }, [shortcut, open]);\n  useEffect(() => {\n    generation.current++;\n    inFlight.current = false;\n    setBusy(undefined);\n    setError('');\n    if (open) {\n      setQuery('');\n      setActive(0);\n      const frame = requestAnimationFrame(() => input.current?.focus());\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [open]);\n  useEffect(\n    () => () => {\n      generation.current++;\n    },\n    [],\n  );\n  const list = items.filter((item) =>\n    `${typeof item.label === 'string' ? item.label : item.key} ${item.keywords ?? ''}`\n      .toLocaleLowerCase()\n      .includes(query.toLocaleLowerCase()),\n  );\n  useBrowserLayoutEffect(() => {\n    const node = listRef.current;\n    if (!node || !open) return;\n    const update = () => {\n      const row = node.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]:not(:disabled)');\n      setSelection(\n        row\n          ? ({\n              '--leaf-command-selection-y': `${row.offsetTop}px`,\n              '--leaf-command-selection-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [open, active, query, items, busy]);\n  useEffect(() => {\n    document.getElementById(`${id}-${active}`)?.scrollIntoView?.({ block: 'nearest' });\n  }, [id, active]);\n  const select = async (item: CommandItem) => {\n    if (item.disabled || inFlight.current) return;\n    inFlight.current = true;\n    const request = generation.current;\n    setError('');\n    setBusy(item.key);\n    try {\n      await item.onSelect?.();\n      if (generation.current !== request) return;\n      onSelect?.(item);\n      setOpen(false);\n    } catch (reason) {\n      if (generation.current !== request) return;\n      setError(reason instanceof Error ? reason.message : String(reason));\n      onError?.(reason, item);\n    } finally {\n      if (generation.current === request) {\n        inFlight.current = false;\n        setBusy(undefined);\n      }\n    }\n  };\n  return (\n    <Modal\n      open={open}\n      title={t('命令搜索', 'Command search')}\n      footer={null}\n      onClose={() => setOpen(false)}\n      width={560}\n      className=\"leaf-command-palette\"\n    >\n      <Input\n        ref={input}\n        prefix={<Search size={17} />}\n        value={query}\n        placeholder={placeholder ?? t('搜索命令…', 'Search commands…')}\n        aria-label={t('搜索命令', 'Search commands')}\n        role=\"combobox\"\n        aria-expanded={true}\n        aria-controls={id}\n        aria-activedescendant={list[active] ? `${id}-${active}` : undefined}\n        onChange={(event) => {\n          setQuery(event.target.value);\n          setActive(0);\n          onSearch?.(event.target.value);\n        }}\n        onKeyDown={(event) => {\n          if (event.nativeEvent.isComposing) return;\n          if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n            event.preventDefault();\n            let next = active;\n            for (let i = 0; i < list.length; i++) {\n              next = (next + (event.key === 'ArrowDown' ? 1 : -1) + list.length) % list.length;\n              if (!list[next]?.disabled) break;\n            }\n            setActive(next);\n          }\n          const item = list[active];\n          if (event.key === 'Enter' && item) {\n            event.preventDefault();\n            void select(item);\n          }\n        }}\n      />\n      {error && (\n        <p role=\"alert\" className=\"leaf-command-palette__error\">\n          {error}\n        </p>\n      )}\n      <div\n        ref={listRef}\n        id={id}\n        role=\"listbox\"\n        aria-label={t('命令', 'Commands')}\n        aria-busy={loading || !!busy}\n        className=\"leaf-command-palette__list\"\n      >\n        <div\n          className=\"leaf-command-palette__selection\"\n          style={selection}\n          data-ready={Boolean(selection)}\n          aria-hidden=\"true\"\n        />\n        {list.map((item, index) => (\n          <div key={item.key}>\n            {item.group !== undefined && (index === 0 || list[index - 1]?.group !== item.group) && (\n              <div className=\"leaf-command-palette__group\">{item.group}</div>\n            )}\n            <button\n              type=\"button\"\n              role=\"option\"\n              id={`${id}-${index}`}\n              aria-selected={active === index}\n              disabled={item.disabled || !!busy}\n              tabIndex={-1}\n              className=\"leaf-floating__option\"\n              onMouseEnter={() => setActive(index)}\n              onClick={() => void select(item)}\n            >\n              {item.icon}\n              <span>{item.label}</span>\n              {item.shortcut && <kbd>{item.shortcut}</kbd>}\n            </button>\n          </div>\n        ))}\n        {!list.length && (\n          <div className=\"leaf-floating__empty\">\n            {loading ? messages.loading : (emptyContent ?? messages.noData)}\n          </div>\n        )}\n      </div>\n      <div className=\"leaf-command-palette__hint\" aria-hidden=\"true\">\n        <span>\n          <kbd>↑</kbd>\n          <kbd>↓</kbd> {t('选择', 'Navigate')}\n        </span>\n        <span>\n          <kbd>↵</kbd> {t('执行', 'Run')}\n        </span>\n        <span>\n          <kbd>Esc</kbd> {messages.close}\n        </span>\n      </div>\n    </Modal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","CommandPalette","items","controlled","defaultOpen","onOpenChange","onSelect","shortcut","placeholder","loading","emptyContent","onSearch","onError","t","useText","messages","useLeafConfig","id","useId","open","setOpen","useControllable","callback","useRef","query","setQuery","useState","active","setActive","busy","setBusy","error","setError","inFlight","generation","input","listRef","selection","setSelection","event","document","undefined","frame","requestAnimationFrame","cancelAnimationFrame","list","item","node","update","row","ResizeObserver","observer","select","request","reason","Error","String","Modal","Input","Search","next","i","Boolean","index"],"mappings":"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"}

package/dist/cjs/commandpalette/commandpalette.d.cts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+export interface CommandItem {
+    key: string;
+    label: ReactNode;
+    keywords?: string;
+    group?: ReactNode;
+    icon?: ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    onSelect?: () => void | Promise<void>;
+}
+export interface CommandPaletteProps {
+    items: readonly CommandItem[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (item: CommandItem) => void;
+    shortcut?: string | false;
+    placeholder?: string;
+    loading?: boolean;
+    emptyContent?: ReactNode;
+    onSearch?: (query: string) => void;
+    onError?: (error: unknown, item: CommandItem) => void;
+}
+export declare function CommandPalette({ items, open: controlled, defaultOpen, onOpenChange, onSelect, shortcut, placeholder, loading, emptyContent, onSearch, onError, }: CommandPaletteProps): import("react").JSX.Element;
+//# sourceMappingURL=commandpalette.d.cts.map

package/dist/cjs/commandpalette/commandpalette.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandpalette.d.cts","sourceRoot":"","sources":["../../../src/commandpalette/commandpalette.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AACD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EAAE,UAAU,EAChB,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,QAAc,EACd,WAAW,EACX,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,GACR,EAAE,mBAAmB,+BAsMrB"}

package/dist/cjs/commandpalette/index.cjs

@@ -0,0 +1,65 @@
+"use client";
+"use strict";
+var __webpack_modules__ = {
+    wG (module) {
+        module.exports = require("./commandpalette.cjs");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    var _commandpalette__rspack_import_0 = __webpack_require__("wG");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _commandpalette__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_commandpalette__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+})();
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map