@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/browser/modules/alert/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__, {
+    Alert: ()=>external_alert_cjs_namespaceObject.Alert
+});
+const external_alert_cjs_namespaceObject = require("./alert.cjs");
+exports.Alert = __webpack_exports__.Alert;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Alert"
+].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/alert/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert/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/anchor/anchor.cjs

@@ -0,0 +1,200 @@
+"use client";
+"use strict";
+require('../../../styles/components/anchor.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__, {
+    Affix: ()=>Affix,
+    Anchor: ()=>Anchor
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_moving_indicator_cjs_namespaceObject = require("../tabs/use-moving-indicator.cjs");
+function Anchor({ items, container, offset = 12, activeKey, onActiveChange, smooth = true, className, ...props }) {
+    const [active, setActive] = (0, use_controllable_cjs_namespaceObject.useControllable)(activeKey, '', onActiveChange);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const indicator = (0, external_react_namespaceObject.useRef)(null);
+    const motion = (0, motion_cjs_namespaceObject.useMotionEnabled)();
+    (0, use_moving_indicator_cjs_namespaceObject.useMovingIndicator)(root, indicator, '[aria-current="location"]', active);
+    const callback = (0, external_react_namespaceObject.useRef)(setActive);
+    callback.current = setActive;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const scroll = container?.() ?? window;
+        let frame = 0;
+        const update = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>{
+                const top = scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0;
+                let key = '';
+                const visit = (entries)=>{
+                    for (const item of entries){
+                        const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));
+                        if (target && target.getBoundingClientRect().top - top <= offset + 24) key = item.key;
+                        if (item.children) visit(item.children);
+                    }
+                };
+                visit(items);
+                callback.current(key);
+            });
+        };
+        scroll.addEventListener('scroll', update, {
+            passive: true
+        });
+        window.addEventListener('resize', update);
+        update();
+        return ()=>{
+            cancelAnimationFrame(frame);
+            scroll.removeEventListener('scroll', update);
+            window.removeEventListener('resize', update);
+        };
+    }, [
+        container,
+        items,
+        offset
+    ]);
+    const links = (entries)=>entries.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+                        href: item.href,
+                        "data-leaf-indicator-item": "",
+                        "aria-current": active === item.key ? 'location' : void 0,
+                        onClick: (event)=>{
+                            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));
+                            if (!target) return;
+                            event.preventDefault();
+                            const scroll = container?.() ?? window;
+                            const top = target.getBoundingClientRect().top - (scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0) + (scroll instanceof HTMLElement ? scroll.scrollTop : window.scrollY) - offset;
+                            scroll.scrollTo({
+                                top,
+                                behavior: smooth && motion ? 'smooth' : 'instant'
+                            });
+                            setActive(item.key);
+                        },
+                        children: item.title
+                    }),
+                    item.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+                        children: links(item.children)
+                    })
+                ]
+            }, item.key));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("nav", {
+        ...props,
+        ref: root,
+        "aria-label": props['aria-label'] ?? 'Contents',
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-anchor', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                ref: indicator,
+                className: "leaf-anchor__indicator",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+                children: links(items)
+            })
+        ]
+    });
+}
+function Affix({ offsetTop = 0, offsetBottom, container, onAffixChange, className, style, children, ...props }) {
+    const placeholder = (0, external_react_namespaceObject.useRef)(null), content = (0, external_react_namespaceObject.useRef)(null);
+    const [position, setPosition] = (0, external_react_namespaceObject.useState)();
+    const callback = (0, external_react_namespaceObject.useRef)(onAffixChange);
+    callback.current = onAffixChange;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const scroll = container?.() ?? window;
+        let frame = 0, was = false;
+        const update = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>{
+                if (!placeholder.current || !content.current) return;
+                const bounds = placeholder.current.getBoundingClientRect(), view = scroll instanceof HTMLElement ? scroll.getBoundingClientRect() : {
+                    top: 0,
+                    bottom: innerHeight
+                };
+                const affixed = void 0 === offsetBottom ? bounds.top < view.top + offsetTop : bounds.bottom > view.bottom - offsetBottom;
+                setPosition(affixed ? {
+                    position: 'fixed',
+                    top: void 0 === offsetBottom ? view.top + offsetTop : view.bottom - offsetBottom - content.current.offsetHeight,
+                    left: bounds.left,
+                    width: bounds.width,
+                    zIndex: 20
+                } : void 0);
+                if (affixed !== was) {
+                    was = affixed;
+                    callback.current?.(affixed);
+                }
+            });
+        };
+        scroll.addEventListener('scroll', update, {
+            passive: true
+        });
+        window.addEventListener('resize', update);
+        const observer = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(update);
+        if (placeholder.current) observer?.observe(placeholder.current);
+        if (content.current) observer?.observe(content.current);
+        update();
+        return ()=>{
+            cancelAnimationFrame(frame);
+            observer?.disconnect();
+            scroll.removeEventListener('scroll', update);
+            window.removeEventListener('resize', update);
+        };
+    }, [
+        container,
+        offsetTop,
+        offsetBottom
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: placeholder,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-affix', className),
+        style: {
+            ...style,
+            height: position ? content.current?.offsetHeight : style?.height
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: content,
+            style: position,
+            children: children
+        })
+    });
+}
+exports.Affix = __webpack_exports__.Affix;
+exports.Anchor = __webpack_exports__.Anchor;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Affix",
+    "Anchor"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=anchor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor/anchor.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/anchor/anchor.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 { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useControllable } from '../shared/use-controllable';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface AnchorItem {\n  key: string;\n  title: ReactNode;\n  href: string;\n  children?: readonly AnchorItem[];\n}\nexport interface AnchorProps extends HTMLAttributes<HTMLElement> {\n  items: readonly AnchorItem[];\n  container?: () => HTMLElement | Window;\n  offset?: number;\n  activeKey?: string;\n  onActiveChange?: (key: string) => void;\n  smooth?: boolean;\n}\nexport function Anchor({\n  items,\n  container,\n  offset = 12,\n  activeKey,\n  onActiveChange,\n  smooth = true,\n  className,\n  ...props\n}: AnchorProps) {\n  const [active, setActive] = useControllable(activeKey, '', onActiveChange);\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const motion = useMotionEnabled();\n  useMovingIndicator(root, indicator, '[aria-current=\"location\"]', active);\n  const callback = useRef(setActive);\n  callback.current = setActive;\n  useEffect(() => {\n    const scroll = container?.() ?? window;\n    let frame = 0;\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        const top = scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0;\n        let key = '';\n        const visit = (entries: readonly AnchorItem[]) => {\n          for (const item of entries) {\n            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));\n            if (target && target.getBoundingClientRect().top - top <= offset + 24) key = item.key;\n            if (item.children) visit(item.children);\n          }\n        };\n        visit(items);\n        callback.current(key);\n      });\n    };\n    scroll.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      scroll.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [container, items, offset]);\n  const links = (entries: readonly AnchorItem[]) =>\n    entries.map((item) => (\n      <li key={item.key}>\n        <a\n          href={item.href}\n          data-leaf-indicator-item=\"\"\n          aria-current={active === item.key ? 'location' : undefined}\n          onClick={(event) => {\n            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));\n            if (!target) return;\n            event.preventDefault();\n            const scroll = container?.() ?? window;\n            const top =\n              target.getBoundingClientRect().top -\n              (scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0) +\n              (scroll instanceof HTMLElement ? scroll.scrollTop : window.scrollY) -\n              offset;\n            scroll.scrollTo({\n              top,\n              behavior: smooth && motion ? 'smooth' : 'instant',\n            });\n            setActive(item.key);\n          }}\n        >\n          {item.title}\n        </a>\n        {item.children && <ul>{links(item.children)}</ul>}\n      </li>\n    ));\n  return (\n    <nav\n      {...props}\n      ref={root}\n      aria-label={props['aria-label'] ?? 'Contents'}\n      className={classes('leaf-anchor', className)}\n    >\n      <span ref={indicator} className=\"leaf-anchor__indicator\" aria-hidden=\"true\" />\n      <ul>{links(items)}</ul>\n    </nav>\n  );\n}\nexport interface AffixProps extends HTMLAttributes<HTMLDivElement> {\n  offsetTop?: number;\n  offsetBottom?: number;\n  container?: () => HTMLElement | Window;\n  onAffixChange?: (affixed: boolean) => void;\n}\nexport function Affix({\n  offsetTop = 0,\n  offsetBottom,\n  container,\n  onAffixChange,\n  className,\n  style,\n  children,\n  ...props\n}: AffixProps) {\n  const placeholder = useRef<HTMLDivElement>(null),\n    content = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<React.CSSProperties>();\n  const callback = useRef(onAffixChange);\n  callback.current = onAffixChange;\n  useEffect(() => {\n    const scroll = container?.() ?? window;\n    let frame = 0,\n      was = false;\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        if (!placeholder.current || !content.current) return;\n        const bounds = placeholder.current.getBoundingClientRect(),\n          view =\n            scroll instanceof HTMLElement\n              ? scroll.getBoundingClientRect()\n              : { top: 0, bottom: innerHeight };\n        const affixed =\n          offsetBottom === undefined\n            ? bounds.top < view.top + offsetTop\n            : bounds.bottom > view.bottom - offsetBottom;\n        setPosition(\n          affixed\n            ? {\n                position: 'fixed',\n                top:\n                  offsetBottom === undefined\n                    ? view.top + offsetTop\n                    : view.bottom - offsetBottom - content.current.offsetHeight,\n                left: bounds.left,\n                width: bounds.width,\n                zIndex: 20,\n              }\n            : undefined,\n        );\n        if (affixed !== was) {\n          was = affixed;\n          callback.current?.(affixed);\n        }\n      });\n    };\n    scroll.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n    const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(update);\n    if (placeholder.current) observer?.observe(placeholder.current);\n    if (content.current) observer?.observe(content.current);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      scroll.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [container, offsetTop, offsetBottom]);\n  return (\n    <div\n      {...props}\n      ref={placeholder}\n      className={classes('leaf-affix', className)}\n      style={{ ...style, height: position ? content.current?.offsetHeight : style?.height }}\n    >\n      <div ref={content} style={position}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Anchor","items","container","offset","activeKey","onActiveChange","smooth","className","props","active","setActive","useControllable","root","useRef","indicator","motion","useMotionEnabled","useMovingIndicator","callback","useEffect","scroll","window","frame","update","cancelAnimationFrame","requestAnimationFrame","top","HTMLElement","visit","entries","item","target","document","decodeURIComponent","links","undefined","event","classes","Affix","offsetTop","offsetBottom","onAffixChange","style","children","placeholder","content","position","setPosition","useState","was","bounds","view","innerHeight","affixed","observer","ResizeObserver"],"mappings":"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"}

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

@@ -0,0 +1,65 @@
+"use client";
+"use strict";
+var __webpack_modules__ = {
+    ka (module) {
+        module.exports = require("./anchor.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 _anchor__rspack_import_0 = __webpack_require__("ka");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _anchor__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_anchor__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

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor/index.cjs","sources":["webpack://webpack/runtime/compat_get_default_export","webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__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__","module","getter","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;;;;;;;;;;;;;;;IACAA,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAIC,SAASD,UAAUA,OAAO,UAAU,GACvC,IAAOA,MAAM,CAAC,UAAU,GACxB,IAAOA;QACRD,oBAAoB,CAAC,CAACE,QAAQ;YAAE,GAAGA;QAAO;QAC1C,OAAOA;IACR;;;ICPAF,oBAAoB,CAAC,GAAG,CAAC,UAASG,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGN,oBAAoB,CAAC,CAACM,MAAME,QAAQ,CAACR,oBAAoB,CAAC,CAAC,UAASQ,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAJ,oBAAoB,CAAC,GAAG,CAACU,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFX,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOY,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/appbar/appbar.cjs

@@ -0,0 +1,175 @@
+"use client";
+"use strict";
+require('../../../styles/components/appbar.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__, {
+    AppBar: ()=>appbar_AppBar,
+    BottomNavigation: ()=>BottomNavigation,
+    Toolbar: ()=>appbar_Toolbar
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_moving_indicator_cjs_namespaceObject = require("../tabs/use-moving-indicator.cjs");
+const appbar_AppBar = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ position = 'static', elevation, className, style, ...props }, ref) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-app-bar', elevation && 'leaf-app-bar--elevated', className),
+        style: {
+            position,
+            top: 'static' === position ? void 0 : 0,
+            ...style
+        }
+    });
+});
+const appbar_Toolbar = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ dense, className, onKeyDown, ...props }, ref) {
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const merged = (0, field_cjs_namespaceObject.useMergedRef)(root, ref);
+    const { direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        role: "toolbar",
+        ...props,
+        ref: merged,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-toolbar', dense && 'leaf-toolbar--dense', className),
+        onKeyDown: (event)=>{
+            onKeyDown?.(event);
+            if (event.defaultPrevented || event.target.closest('input,textarea,select,[contenteditable=true]')) return;
+            const items = [
+                ...root.current?.querySelectorAll('button:not(:disabled),a[href],[tabindex="0"]') ?? []
+            ].filter((item)=>!item.closest('[inert],[hidden],[aria-disabled="true"]'));
+            const index = items.indexOf(event.target);
+            if (index < 0 || !items.length) return;
+            let next;
+            if ('Home' === event.key) next = 0;
+            else if ('End' === event.key) next = items.length - 1;
+            else {
+                if ('ArrowRight' !== event.key && 'ArrowLeft' !== event.key) return;
+                next = (index + (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight') ? 1 : -1) + items.length) % items.length;
+            }
+            event.preventDefault();
+            items[next]?.focus();
+        }
+    });
+});
+function BottomNavigation({ items, value, defaultValue = '', onChange, showLabels = true, linkRender, className, ...props }) {
+    const { direction } = (0, context_cjs_namespaceObject.useLeafConfig)(), root = (0, external_react_namespaceObject.useRef)(null);
+    const [current, setCurrent] = (0, use_controllable_cjs_namespaceObject.useControllable)(value, defaultValue || items[0]?.key || '', onChange);
+    const indicator = (0, external_react_namespaceObject.useRef)(null);
+    (0, use_moving_indicator_cjs_namespaceObject.useMovingIndicator)(root, indicator, '[aria-current="page"]', `${current}-${showLabels}-${direction}`);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("nav", {
+        ...props,
+        ref: root,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-bottom-navigation', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                ref: indicator,
+                className: "leaf-bottom-navigation__indicator",
+                "aria-hidden": "true"
+            }),
+            items.map((item)=>{
+                const contents = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                    children: [
+                        item.icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "leaf-bottom-navigation__icon",
+                            "aria-hidden": "true",
+                            children: item.icon
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "leaf-bottom-navigation__label",
+                            "data-visible": showLabels || current === item.key || void 0,
+                            "aria-hidden": "true",
+                            children: item.label
+                        })
+                    ]
+                });
+                const attributes = {
+                    'data-leaf-navigation': '',
+                    'data-leaf-indicator-item': '',
+                    'aria-label': 'string' == typeof item.label ? item.label : item.key,
+                    'aria-current': current === item.key ? 'page' : void 0,
+                    'aria-disabled': item.disabled || void 0,
+                    tabIndex: item.disabled ? -1 : current === item.key ? 0 : -1,
+                    onClick: (event)=>{
+                        if (item.disabled) event.preventDefault();
+                        else setCurrent(item.key);
+                    },
+                    onKeyDown: (event)=>{
+                        if (![
+                            'ArrowLeft',
+                            'ArrowRight',
+                            'Home',
+                            'End'
+                        ].includes(event.key)) return;
+                        event.preventDefault();
+                        const buttons = [
+                            ...root.current?.querySelectorAll('[data-leaf-navigation]:not([aria-disabled="true"])') ?? []
+                        ], index = buttons.indexOf(event.currentTarget);
+                        const next = 'Home' === event.key ? 0 : 'End' === event.key ? buttons.length - 1 : (index + ('ArrowRight' === event.key ? 1 : -1) * ('rtl' === direction ? -1 : 1) + buttons.length) % buttons.length;
+                        buttons[next]?.focus();
+                    }
+                };
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "leaf-bottom-navigation__item",
+                    children: item.href ? linkRender?.(item, {
+                        ...attributes,
+                        href: item.disabled ? void 0 : item.href,
+                        children: contents
+                    }) ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+                        ...attributes,
+                        href: item.disabled ? void 0 : item.href,
+                        children: contents
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        ...attributes,
+                        type: "button",
+                        disabled: item.disabled,
+                        children: contents
+                    })
+                }, item.key);
+            })
+        ]
+    });
+}
+exports.AppBar = __webpack_exports__.AppBar;
+exports.BottomNavigation = __webpack_exports__.BottomNavigation;
+exports.Toolbar = __webpack_exports__.Toolbar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AppBar",
+    "BottomNavigation",
+    "Toolbar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=appbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appbar/appbar.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/appbar/appbar.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 {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useRef,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useControllable } from '../shared/use-controllable';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface AppBarProps extends HTMLAttributes<HTMLElement> {\n  position?: 'static' | 'sticky' | 'fixed';\n  elevation?: boolean;\n}\nexport const AppBar = forwardRef<HTMLElement, AppBarProps>(function AppBar(\n  { position = 'static', elevation, className, style, ...props },\n  ref,\n) {\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={classes('leaf-app-bar', elevation && 'leaf-app-bar--elevated', className)}\n      style={{ position, top: position === 'static' ? undefined : 0, ...style }}\n    />\n  );\n});\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n}\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(function Toolbar(\n  { dense, className, onKeyDown, ...props },\n  ref,\n) {\n  const root = useRef<HTMLDivElement>(null);\n  const merged = useMergedRef(root, ref);\n  const { direction } = useLeafConfig();\n  return (\n    <div\n      role=\"toolbar\"\n      {...props}\n      ref={merged}\n      className={classes('leaf-toolbar', dense && 'leaf-toolbar--dense', className)}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (\n          event.defaultPrevented ||\n          (event.target as HTMLElement).closest('input,textarea,select,[contenteditable=true]')\n        )\n          return;\n        const items = [\n          ...(root.current?.querySelectorAll<HTMLElement>(\n            'button:not(:disabled),a[href],[tabindex=\"0\"]',\n          ) ?? []),\n        ].filter((item) => !item.closest('[inert],[hidden],[aria-disabled=\"true\"]'));\n        const index = items.indexOf(event.target as HTMLElement);\n        if (index < 0 || !items.length) return;\n        let next: number;\n        if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = items.length - 1;\n        else if (event.key === 'ArrowRight' || event.key === 'ArrowLeft')\n          next =\n            (index +\n              (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight') ? 1 : -1) +\n              items.length) %\n            items.length;\n        else return;\n        event.preventDefault();\n        items[next]?.focus();\n      }}\n    />\n  );\n});\nexport interface BottomNavigationItem {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n  href?: string;\n}\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  items: readonly BottomNavigationItem[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  showLabels?: boolean;\n  linkRender?: (\n    item: BottomNavigationItem,\n    props: AnchorHTMLAttributes<HTMLAnchorElement>,\n  ) => ReactNode;\n}\nexport function BottomNavigation({\n  items,\n  value,\n  defaultValue = '',\n  onChange,\n  showLabels = true,\n  linkRender,\n  className,\n  ...props\n}: BottomNavigationProps) {\n  const { direction } = useLeafConfig(),\n    root = useRef<HTMLElement>(null);\n  const [current, setCurrent] = useControllable(\n    value,\n    defaultValue || items[0]?.key || '',\n    onChange,\n  );\n  const indicator = useRef<HTMLSpanElement>(null);\n  useMovingIndicator(\n    root,\n    indicator,\n    '[aria-current=\"page\"]',\n    `${current}-${showLabels}-${direction}`,\n  );\n  return (\n    <nav {...props} ref={root} className={classes('leaf-bottom-navigation', className)}>\n      <span ref={indicator} className=\"leaf-bottom-navigation__indicator\" aria-hidden=\"true\" />\n      {items.map((item) => {\n        const contents = (\n          <>\n            {item.icon && (\n              <span className=\"leaf-bottom-navigation__icon\" aria-hidden=\"true\">\n                {item.icon}\n              </span>\n            )}\n            <span\n              className=\"leaf-bottom-navigation__label\"\n              data-visible={showLabels || current === item.key || undefined}\n              aria-hidden=\"true\"\n            >\n              {item.label}\n            </span>\n          </>\n        );\n        const attributes = {\n          'data-leaf-navigation': '',\n          'data-leaf-indicator-item': '',\n          'aria-label': typeof item.label === 'string' ? item.label : item.key,\n          'aria-current': current === item.key ? ('page' as const) : undefined,\n          'aria-disabled': item.disabled || undefined,\n          tabIndex: item.disabled ? -1 : current === item.key ? 0 : -1,\n          onClick: (event: MouseEvent<HTMLElement>) => {\n            if (item.disabled) event.preventDefault();\n            else setCurrent(item.key);\n          },\n          onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n            if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n            event.preventDefault();\n            const buttons = [\n                ...(root.current?.querySelectorAll<HTMLElement>(\n                  '[data-leaf-navigation]:not([aria-disabled=\"true\"])',\n                ) ?? []),\n              ],\n              index = buttons.indexOf(event.currentTarget);\n            const next =\n              event.key === 'Home'\n                ? 0\n                : event.key === 'End'\n                  ? buttons.length - 1\n                  : (index +\n                      (event.key === 'ArrowRight' ? 1 : -1) * (direction === 'rtl' ? -1 : 1) +\n                      buttons.length) %\n                    buttons.length;\n            buttons[next]?.focus();\n          },\n        };\n        return (\n          <span key={item.key} className=\"leaf-bottom-navigation__item\">\n            {item.href ? (\n              (linkRender?.(item, {\n                ...attributes,\n                href: item.disabled ? undefined : item.href,\n                children: contents,\n              }) ?? (\n                <a {...attributes} href={item.disabled ? undefined : item.href}>\n                  {contents}\n                </a>\n              ))\n            ) : (\n              <button {...attributes} type=\"button\" disabled={item.disabled}>\n                {contents}\n              </button>\n            )}\n          </span>\n        );\n      })}\n    </nav>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","AppBar","forwardRef","position","elevation","className","style","props","ref","classes","undefined","Toolbar","dense","onKeyDown","root","useRef","merged","useMergedRef","direction","useLeafConfig","event","items","item","index","next","BottomNavigation","value","defaultValue","onChange","showLabels","linkRender","current","setCurrent","useControllable","indicator","useMovingIndicator","contents","attributes","buttons"],"mappings":"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"}

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

@@ -0,0 +1,65 @@
+"use client";
+"use strict";
+var __webpack_modules__ = {
+    n (module) {
+        module.exports = require("./appbar.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 _appbar__rspack_import_0 = __webpack_require__("n");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _appbar__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_appbar__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

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

@@ -0,0 +1 @@
+{"version":3,"file":"appbar/index.cjs","sources":["webpack://webpack/runtime/compat_get_default_export","webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__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__","module","getter","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;;;;;;;;;;;;;;;IACAA,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAIC,SAASD,UAAUA,OAAO,UAAU,GACvC,IAAOA,MAAM,CAAC,UAAU,GACxB,IAAOA;QACRD,oBAAoB,CAAC,CAACE,QAAQ;YAAE,GAAGA;QAAO;QAC1C,OAAOA;IACR;;;ICPAF,oBAAoB,CAAC,GAAG,CAAC,UAASG,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGN,oBAAoB,CAAC,CAACM,MAAME,QAAQ,CAACR,oBAAoB,CAAC,CAAC,UAASQ,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAJ,oBAAoB,CAAC,GAAG,CAACU,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFX,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOY,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}