@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/mentions/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"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};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/mentions/mentions.cjs

@@ -0,0 +1,195 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/mentions.css');
+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__, {
+    Mentions: ()=>mentions_Mentions
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const form_cjs_namespaceObject = require("../form/form.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const floating_cjs_namespaceObject = require("../shared/floating.cjs");
+const textarea_cjs_namespaceObject = require("../textarea/textarea.cjs");
+const defaultPrefixes = [
+    '@'
+];
+const mentions_Mentions = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { value, defaultValue = '', onChange, onSearch, onSelect, options, prefixes = defaultPrefixes, split = ' ', loading, notFoundContent, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Mentions', rawProps);
+    const input = (0, external_react_namespaceObject.useRef)(null), panel = (0, external_react_namespaceObject.useRef)(null), merged = (0, field_cjs_namespaceObject.useMergedRef)(input, ref), id = (0, external_react_namespaceObject.useId)(), field = (0, form_cjs_namespaceObject.useFormField)();
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const [text, setText] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, input, props.form);
+    const [match, setMatch] = (0, external_react_namespaceObject.useState)(null), [active, setActive] = (0, external_react_namespaceObject.useState)(0);
+    const disabled = props.disabled || field?.disabled || props.readOnly;
+    const find = (value, cursor)=>{
+        const before = value.slice(0, cursor);
+        let found = null;
+        for (const prefix of prefixes){
+            const start = before.lastIndexOf(prefix);
+            if (start < 0 || start > 0 && !/\s/.test(before[start - 1] ?? '')) continue;
+            const query = before.slice(start + prefix.length);
+            if (!/\s/.test(query)) {
+                if (!found || start > found.start) found = {
+                    start,
+                    end: cursor,
+                    prefix,
+                    query
+                };
+            }
+        }
+        setMatch(found);
+        setActive(0);
+        if (found) onSearch?.(found.query, found.prefix);
+    };
+    const list = options.filter((option)=>(option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).toLocaleLowerCase().includes(match?.query.toLocaleLowerCase() ?? ''));
+    const select = (option)=>{
+        if (!match || disabled || option.disabled) return;
+        const insertion = match.prefix + option.value + split;
+        const next = text.slice(0, match.start) + insertion + text.slice(match.end);
+        setText(next);
+        onChange?.(next);
+        onSelect?.(option, match.prefix);
+        setMatch(null);
+        requestAnimationFrame(()=>{
+            input.current?.focus();
+            input.current?.setSelectionRange(match.start + insertion.length, match.start + insertion.length);
+        });
+    };
+    const open = !!match && !disabled;
+    (0, floating_cjs_namespaceObject.useFloatingDismiss)(open, ()=>setMatch(null), input, panel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(textarea_cjs_namespaceObject.TextareaControl, {
+                ...props,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-mentions', props.className),
+                ref: merged,
+                value: text,
+                role: "combobox",
+                "aria-autocomplete": "list",
+                "aria-haspopup": "listbox",
+                "aria-expanded": open,
+                "aria-controls": open ? id : void 0,
+                "aria-activedescendant": open && list[active] ? `${id}-${active}` : void 0,
+                onChange: (event)=>{
+                    setText(event.target.value);
+                    onChange?.(event.target.value);
+                    if (!event.nativeEvent.isComposing) find(event.target.value, event.target.selectionStart);
+                },
+                onCompositionEnd: (event)=>{
+                    props.onCompositionEnd?.(event);
+                    find(event.currentTarget.value, event.currentTarget.selectionStart);
+                },
+                onClick: (event)=>{
+                    props.onClick?.(event);
+                    find(event.currentTarget.value, event.currentTarget.selectionStart);
+                },
+                onSelect: (event)=>{
+                    find(event.currentTarget.value, event.currentTarget.selectionStart);
+                },
+                onKeyDown: (event)=>{
+                    props.onKeyDown?.(event);
+                    if (event.defaultPrevented || event.nativeEvent.isComposing || !open) return;
+                    if ([
+                        'ArrowUp',
+                        'ArrowDown'
+                    ].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 option = list[active];
+                    if ('Enter' === event.key && option) {
+                        event.preventDefault();
+                        select(option);
+                    }
+                    if ('Escape' === event.key) {
+                        event.preventDefault();
+                        setMatch(null);
+                    }
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(floating_cjs_namespaceObject.FloatingPanel, {
+                open: open,
+                triggerRef: input,
+                panelRef: panel,
+                matchWidth: true,
+                placement: popupPlacement,
+                style: popupStyle,
+                render: popupRender,
+                container: getPopupContainer,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-mentions__panel', popupClassName),
+                "data-selection": "candidate",
+                role: "listbox",
+                id: id,
+                "aria-label": messages.common.search,
+                children: list.length ? list.map((option, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                        id: `${id}-${index}`,
+                        type: "button",
+                        role: "option",
+                        "aria-selected": active === index,
+                        disabled: option.disabled,
+                        tabIndex: -1,
+                        className: "leaf-floating__option",
+                        onMouseDown: (event)=>event.preventDefault(),
+                        onMouseEnter: ()=>!option.disabled && setActive(index),
+                        onClick: ()=>select(option),
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "leaf-mentions__prefix",
+                                "aria-hidden": "true",
+                                children: match?.prefix
+                            }),
+                            option.label ?? option.value
+                        ]
+                    }, option.value)) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-floating__empty",
+                    children: loading ? messages.common.loading : notFoundContent ?? messages.select.empty
+                })
+            })
+        ]
+    });
+});
+exports.Mentions = __webpack_exports__.Mentions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Mentions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=mentions.cjs.map

package/dist/cjs/browser/modules/mentions/mentions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions/mentions.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/mentions/mentions.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 { forwardRef, type ReactNode, useId, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\nimport type { TextareaProps } from '../textarea';\nimport { TextareaControl as Textarea } from '../textarea/textarea';\nexport interface MentionOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface MentionsProps\n  extends Omit<TextareaProps, 'value' | 'defaultValue' | 'onChange' | 'onSelect'>,\n    PopupOptions {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSearch?: (query: string, prefix: string) => void;\n  onSelect?: (option: MentionOption, prefix: string) => void;\n  options: readonly MentionOption[];\n  prefixes?: readonly string[];\n  split?: string;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n}\nconst defaultPrefixes = ['@'];\nexport const Mentions = forwardRef<HTMLTextAreaElement, MentionsProps>(function Mentions(\n  rawProps: MentionsProps,\n  ref,\n) {\n  const {\n    value,\n    defaultValue = '',\n    onChange,\n    onSearch,\n    onSelect,\n    options,\n    prefixes = defaultPrefixes,\n    split = ' ',\n    loading,\n    notFoundContent,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    ...props\n  } = useComponentProps('Mentions', rawProps);\n  const input = useRef<HTMLTextAreaElement>(null),\n    panel = useRef<HTMLDivElement>(null),\n    merged = useMergedRef(input, ref),\n    id = useId(),\n    field = useFormField();\n  const { messages } = useLeafConfig();\n  const [text, setText] = useFieldValue(value, defaultValue, input, props.form);\n  const [match, setMatch] = useState<{\n      start: number;\n      end: number;\n      prefix: string;\n      query: string;\n    } | null>(null),\n    [active, setActive] = useState(0);\n  const disabled = props.disabled || field?.disabled || props.readOnly;\n  const find = (value: string, cursor: number) => {\n    const before = value.slice(0, cursor);\n    let found: typeof match = null;\n    for (const prefix of prefixes) {\n      const start = before.lastIndexOf(prefix);\n      if (start < 0 || (start > 0 && !/\\s/.test(before[start - 1] ?? ''))) continue;\n      const query = before.slice(start + prefix.length);\n      if (/\\s/.test(query)) continue;\n      if (!found || start > found.start) found = { start, end: cursor, prefix, query };\n    }\n    setMatch(found);\n    setActive(0);\n    if (found) onSearch?.(found.query, found.prefix);\n  };\n  const list = options.filter((option) =>\n    (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(match?.query.toLocaleLowerCase() ?? ''),\n  );\n  const select = (option: MentionOption) => {\n    if (!match || disabled || option.disabled) return;\n    const insertion = match.prefix + option.value + split;\n    const next = text.slice(0, match.start) + insertion + text.slice(match.end);\n    setText(next);\n    onChange?.(next);\n    onSelect?.(option, match.prefix);\n    setMatch(null);\n    requestAnimationFrame(() => {\n      input.current?.focus();\n      input.current?.setSelectionRange(\n        match.start + insertion.length,\n        match.start + insertion.length,\n      );\n    });\n  };\n  const open = !!match && !disabled;\n  useFloatingDismiss(open, () => setMatch(null), input, panel);\n  return (\n    <>\n      <Textarea\n        {...props}\n        className={classes('leaf-mentions', props.className)}\n        ref={merged}\n        value={text}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? id : undefined}\n        aria-activedescendant={open && list[active] ? `${id}-${active}` : undefined}\n        onChange={(event) => {\n          setText(event.target.value);\n          onChange?.(event.target.value);\n          if (!(event.nativeEvent as InputEvent).isComposing)\n            find(event.target.value, event.target.selectionStart);\n        }}\n        onCompositionEnd={(event) => {\n          props.onCompositionEnd?.(event);\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onClick={(event) => {\n          props.onClick?.(event);\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onSelect={(event) => {\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onKeyDown={(event) => {\n          props.onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || !open) return;\n          if (['ArrowUp', 'ArrowDown'].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 option = list[active];\n          if (event.key === 'Enter' && option) {\n            event.preventDefault();\n            select(option);\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            setMatch(null);\n          }\n        }}\n      />\n      <FloatingPanel\n        open={open}\n        triggerRef={input}\n        panelRef={panel}\n        matchWidth\n        placement={popupPlacement}\n        style={popupStyle}\n        render={popupRender}\n        container={getPopupContainer}\n        className={classes('leaf-floating', 'leaf-mentions__panel', popupClassName)}\n        data-selection=\"candidate\"\n        role=\"listbox\"\n        id={id}\n        aria-label={messages.common.search}\n      >\n        {list.length ? (\n          list.map((option, index) => (\n            <button\n              key={option.value}\n              id={`${id}-${index}`}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={active === index}\n              disabled={option.disabled}\n              tabIndex={-1}\n              className=\"leaf-floating__option\"\n              onMouseDown={(event) => event.preventDefault()}\n              onMouseEnter={() => !option.disabled && setActive(index)}\n              onClick={() => select(option)}\n            >\n              <span className=\"leaf-mentions__prefix\" aria-hidden=\"true\">\n                {match?.prefix}\n              </span>\n              {option.label ?? option.value}\n            </button>\n          ))\n        ) : (\n          <div className=\"leaf-floating__empty\">\n            {loading ? messages.common.loading : (notFoundContent ?? messages.select.empty)}\n          </div>\n        )}\n      </FloatingPanel>\n    </>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","defaultPrefixes","Mentions","forwardRef","rawProps","ref","value","defaultValue","onChange","onSearch","onSelect","options","prefixes","split","loading","notFoundContent","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","props","useComponentProps","input","useRef","panel","merged","useMergedRef","id","useId","field","useFormField","messages","useLeafConfig","text","setText","useFieldValue","match","setMatch","useState","active","setActive","disabled","find","cursor","before","found","prefix","start","query","list","option","select","insertion","next","requestAnimationFrame","open","useFloatingDismiss","Textarea","classes","undefined","event","i","FloatingPanel","index"],"mappings":"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"}

package/dist/cjs/browser/modules/menu/index.cjs

@@ -0,0 +1,43 @@
+"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__, {
+    Menu: ()=>external_menu_cjs_namespaceObject.Menu
+});
+const external_menu_cjs_namespaceObject = require("./menu.cjs");
+exports.Menu = __webpack_exports__.Menu;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Menu"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"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};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/menu/menu.cjs

@@ -0,0 +1,317 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/menu.css');
+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__, {
+    Menu: ()=>Menu
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const dropdown_cjs_namespaceObject = require("../dropdown/dropdown.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const use_moving_indicator_cjs_namespaceObject = require("../tabs/use-moving-indicator.cjs");
+function MenuSubmenu({ open, id, label, children }) {
+    const [visited, setVisited] = (0, external_react_namespaceObject.useState)(open);
+    if (open && !visited) setVisited(true);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        id: id,
+        role: "menu",
+        className: "leaf-menu__submenu",
+        "aria-label": label,
+        "aria-hidden": !open || void 0,
+        ...(0, inert_cjs_namespaceObject.inertProps)(!open),
+        "data-open": open || void 0,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "leaf-menu__submenu-inner",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-menu__submenu-content",
+                children: visited && children()
+            })
+        })
+    });
+}
+function Menu(rawProps) {
+    const { items, mode = 'vertical', selectedKey, defaultSelectedKey = '', onSelect, openKeys, defaultOpenKeys = [], onOpenChange, collapsed = false, itemRender, linkRender, itemClassName, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Menu', rawProps);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const { direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const id = (0, external_react_namespaceObject.useId)();
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const indicator = (0, external_react_namespaceObject.useRef)(null);
+    const [selected, setSelected] = (0, use_controllable_cjs_namespaceObject.useControllable)(selectedKey, defaultSelectedKey);
+    const [active, setActive] = (0, external_react_namespaceObject.useState)(void 0);
+    const [opened, setOpened] = (0, use_controllable_cjs_namespaceObject.useControllable)(openKeys, defaultOpenKeys, (keys)=>onOpenChange?.([
+            ...keys
+        ]));
+    (0, use_moving_indicator_cjs_namespaceObject.useMovingIndicator)(root, indicator, '[data-selected="true"]', `${selected}-${collapsed}-${mode}-${direction}-${opened.join(',')}`);
+    const toggle = (key)=>setOpened(opened.includes(key) ? opened.filter((value)=>value !== key) : [
+            ...opened,
+            key
+        ]);
+    const hasSelected = (item)=>item.key === selected || Boolean(item.children?.some(hasSelected));
+    const visibleItems = [];
+    const collect = (entries)=>{
+        for (const item of entries)if ('group' === item.type) collect(item.children ?? []);
+        else if ('divider' !== item.type) {
+            if (!item.disabled) visibleItems.push(item);
+            if (opened.includes(item.key) && 'horizontal' !== mode && !collapsed) collect(item.children ?? []);
+        }
+    };
+    collect(items);
+    const focusKey = visibleItems.some((item)=>item.key === active) ? active : visibleItems.find((item)=>item.key === selected)?.key ?? visibleItems[0]?.key;
+    const convert = (entries)=>entries.map((item)=>({
+                ...item,
+                children: item.children ? convert(item.children) : void 0,
+                onClick: ()=>{
+                    if (!item.children?.length) {
+                        setSelected(item.key);
+                        onSelect?.(item.key, item);
+                    }
+                }
+            }));
+    const renderItems = (entries, depth)=>entries.map((item)=>{
+            if ('divider' === item.type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("hr", {
+                className: "leaf-menu__divider"
+            }, item.key);
+            if ('group' === item.type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("fieldset", {
+                "aria-label": 'string' == typeof item.label ? item.label : void 0,
+                className: "leaf-menu__group",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("legend", {
+                        className: "leaf-menu__group-label",
+                        children: item.label
+                    }),
+                    renderItems(item.children ?? [], depth)
+                ]
+            }, item.key);
+            const expanded = opened.includes(item.key);
+            const hasChildren = Boolean(item.children?.length);
+            const originalContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    item.icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-menu__icon",
+                        "aria-hidden": "true",
+                        children: item.icon
+                    }),
+                    !item.icon && collapsed && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-menu__icon",
+                        "aria-hidden": "true",
+                        children: 'string' == typeof item.label ? item.label.slice(0, 1) : '·'
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-menu__label",
+                        children: item.label
+                    }),
+                    hasChildren && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                        className: "leaf-menu__arrow",
+                        size: 14,
+                        "aria-hidden": "true"
+                    })
+                ]
+            });
+            const content = itemRender?.(item, originalContent) ?? originalContent;
+            const common = {
+                role: 'menuitem',
+                'aria-current': selected === item.key ? 'page' : void 0,
+                'aria-disabled': item.disabled || void 0,
+                'aria-expanded': hasChildren ? expanded : void 0,
+                'aria-controls': hasChildren ? `${id}-${item.key}` : void 0,
+                'data-selected': selected === item.key || void 0,
+                'data-active-parent': hasChildren && hasSelected(item) || void 0,
+                'data-danger': item.danger || void 0,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-menu__item', 'function' == typeof itemClassName ? itemClassName(item) : itemClassName),
+                tabIndex: item.disabled || focusKey !== item.key ? -1 : 0,
+                'data-menu-key': item.key,
+                'data-leaf-indicator-item': '',
+                'aria-label': collapsed && 'string' == typeof item.label ? item.label : void 0,
+                onFocus: ()=>setActive(item.key),
+                title: collapsed && 'string' == typeof item.label ? item.label : void 0,
+                style: {
+                    paddingInlineStart: 12 + 16 * depth
+                }
+            };
+            const activate = ()=>{
+                if (item.disabled) return;
+                if (hasChildren) toggle(item.key);
+                else {
+                    setSelected(item.key);
+                    onSelect?.(item.key, item);
+                }
+            };
+            if (hasChildren && ('horizontal' === mode || collapsed)) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-menu__entry",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_cjs_namespaceObject.DropdownControl, {
+                    items: convert(item.children ?? []),
+                    open: expanded,
+                    disabled: item.disabled,
+                    onOpenChange: (next)=>setOpened(next ? [
+                            item.key
+                        ] : []),
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        ...common,
+                        type: "button",
+                        children: content
+                    })
+                })
+            }, item.key);
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-menu__entry",
+                children: [
+                    item.href && !hasChildren ? ((link)=>linkRender?.(item, link) ?? link)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+                        ...common,
+                        href: item.disabled ? void 0 : item.href,
+                        onClick: (event)=>{
+                            if (item.disabled) event.preventDefault();
+                            else activate();
+                        },
+                        children: content
+                    })) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        ...common,
+                        type: "button",
+                        disabled: item.disabled,
+                        onClick: activate,
+                        children: content
+                    }),
+                    hasChildren && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuSubmenu, {
+                        id: `${id}-${item.key}`,
+                        open: expanded,
+                        label: 'string' == typeof item.label ? item.label : void 0,
+                        children: ()=>renderItems(item.children ?? [], depth + 1)
+                    })
+                ]
+            }, item.key);
+        });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("nav", {
+        ...props,
+        ref: root,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-menu', `leaf-menu--${mode}`, collapsed && 'leaf-menu--collapsed', className),
+        "aria-label": props['aria-label'] ?? t('menu.navigationMenu'),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                ref: indicator,
+                className: "leaf-menu__indicator",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                role: 'horizontal' === mode ? 'menubar' : 'menu',
+                onKeyDown: (event)=>{
+                    if (event.defaultPrevented) return;
+                    if (![
+                        'ArrowDown',
+                        'ArrowUp',
+                        'ArrowRight',
+                        'ArrowLeft',
+                        'Home',
+                        'End',
+                        'Escape'
+                    ].includes(event.key)) return;
+                    const target = event.target;
+                    if ('Escape' === event.key) {
+                        setOpened([]);
+                        root.current?.querySelector('[role="menuitem"]')?.focus();
+                        return;
+                    }
+                    const choices = [
+                        ...root.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])') ?? []
+                    ].filter((node)=>visibleItems.some((item)=>item.key === node.dataset.menuKey));
+                    const position = choices.indexOf(target.closest('[role="menuitem"]'));
+                    const key = choices[position]?.dataset.menuKey;
+                    const item = visibleItems.find((entry)=>entry.key === key);
+                    const focusItem = (nextKey)=>{
+                        setActive(nextKey);
+                        queueMicrotask(()=>{
+                            const node = [
+                                ...root.current?.querySelectorAll('[data-menu-key]') ?? []
+                            ].find((entry)=>entry.dataset.menuKey === nextKey);
+                            node?.focus();
+                        });
+                    };
+                    if ('horizontal' !== mode && !collapsed && item) {
+                        if (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight')) {
+                            event.preventDefault();
+                            if (item.children?.length) if (opened.includes(item.key)) {
+                                const child = item.children.find((entry)=>!entry.disabled && 'divider' !== entry.type);
+                                if (child) focusItem(child.key);
+                            } else setOpened([
+                                ...opened,
+                                item.key
+                            ]);
+                            return;
+                        }
+                        if (event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft')) {
+                            event.preventDefault();
+                            if (opened.includes(item.key)) toggle(item.key);
+                            else {
+                                const parentOf = (entries)=>{
+                                    for (const entry of entries){
+                                        if (entry.children?.some((child)=>child.key === item.key)) return entry;
+                                        const parent = parentOf(entry.children ?? []);
+                                        if (parent) return parent;
+                                    }
+                                };
+                                const parent = parentOf(items);
+                                if (parent && 'group' !== parent.type) focusItem(parent.key);
+                            }
+                            return;
+                        }
+                    }
+                    if ('horizontal' === mode && 'ArrowDown' === event.key && item?.children?.length) {
+                        event.preventDefault();
+                        setOpened([
+                            item.key
+                        ]);
+                        return;
+                    }
+                    const next = 'Home' === event.key ? 0 : 'End' === event.key ? choices.length - 1 : (position + ('ArrowUp' === event.key || event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') ? -1 : 1) + choices.length) % choices.length;
+                    event.preventDefault();
+                    const nextKey = choices[next]?.dataset.menuKey;
+                    if (nextKey) setActive(nextKey);
+                    choices[next]?.focus();
+                },
+                children: renderItems(items, 0)
+            })
+        ]
+    });
+}
+exports.Menu = __webpack_exports__.Menu;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Menu"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=menu.cjs.map