@umamichi-ui/common-components 0.1.0

package/dist/menu/FloatingMenu.js

@@ -0,0 +1,125 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useRef, useId, useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { useOverlayPresence, withOverlayOpen, mergeOverlayRefs } from "../presence/useOverlayPresence.js";
+import { DropdownMenuChevron } from "../icons/DropdownMenuChevron.js";
+import { useFloatingMenuGeometry } from "./useFloatingMenuGeometry.js";
+function IconDropdownTriggerContent({ icon }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon,
+    /* @__PURE__ */ jsx("span", { className: "dropdown-menu-trigger-caret", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DropdownMenuChevron, {}) })
+  ] });
+}
+function FloatingMenu({
+  menuAriaLabel,
+  items,
+  triggerLabel,
+  triggerIcon,
+  triggerVariant = "labeled",
+  triggerClassName,
+  triggerAriaLabel,
+  scrollRootSelector,
+  wrapClassName = "dropdown-menu"
+}) {
+  const wrapRef = useRef(null);
+  const menuId = useId();
+  const [menuOpen, setMenuOpen] = useState(false);
+  const { mounted: menuMounted, isOpen: menuShown, overlayRef: menuOverlayRef } = useOverlayPresence(menuOpen);
+  const { menuPanelRef, triggerRef, menuGeometry } = useFloatingMenuGeometry({
+    menuOpen,
+    menuMounted,
+    scrollRootSelector
+  });
+  useEffect(() => {
+    if (!menuOpen) {
+      return;
+    }
+    const onDocumentMouseDown = (event) => {
+      const target = event.target;
+      if (wrapRef.current?.contains(target) || menuPanelRef.current?.contains(target)) {
+        return;
+      }
+      setMenuOpen(false);
+    };
+    document.addEventListener("mousedown", onDocumentMouseDown);
+    return () => document.removeEventListener("mousedown", onDocumentMouseDown);
+  }, [menuOpen, menuPanelRef]);
+  useEffect(() => {
+    if (!menuOpen) {
+      return;
+    }
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        setMenuOpen(false);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown, true);
+    return () => window.removeEventListener("keydown", onKeyDown, true);
+  }, [menuOpen]);
+  const menuPanel = menuMounted ? /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref: mergeOverlayRefs(menuOverlayRef, menuPanelRef),
+      id: menuId,
+      className: withOverlayOpen("dropdown-menu-panel", menuShown && menuGeometry !== null),
+      role: "menu",
+      "aria-label": menuAriaLabel,
+      style: {
+        top: menuGeometry?.top ?? -9999,
+        left: menuGeometry?.left ?? -9999,
+        maxHeight: menuGeometry?.maxHeight,
+        overflowY: menuGeometry?.maxHeight ? "auto" : void 0
+      },
+      children: items.map((entry) => {
+        if (entry.kind === "separator") {
+          return /* @__PURE__ */ jsx("li", { className: "dropdown-menu-separator", role: "separator", "aria-orientation": "horizontal" }, entry.id);
+        }
+        return /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "dropdown-menu-item",
+            role: "menuitem",
+            disabled: entry.disabled,
+            title: entry.title,
+            onClick: () => {
+              if (entry.disabled) {
+                return;
+              }
+              entry.onSelect();
+              setMenuOpen(false);
+            },
+            children: entry.label
+          }
+        ) }, entry.id);
+      })
+    }
+  ) : null;
+  const resolvedTriggerClassName = triggerClassName ?? (triggerVariant === "icon" ? "icon-button dropdown-menu-trigger dropdown-menu-trigger--icon" : "secondary-button dropdown-menu-trigger");
+  return /* @__PURE__ */ jsxs("div", { className: wrapClassName, ref: wrapRef, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: resolvedTriggerClassName,
+        "aria-label": triggerAriaLabel ?? (triggerVariant === "icon" ? menuAriaLabel : void 0),
+        "aria-expanded": menuOpen,
+        "aria-haspopup": "menu",
+        "aria-controls": menuId,
+        onClick: () => setMenuOpen((open) => !open),
+        children: triggerVariant === "icon" ? /* @__PURE__ */ jsx(IconDropdownTriggerContent, { icon: triggerIcon }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          triggerLabel,
+          " ",
+          /* @__PURE__ */ jsx(DropdownMenuChevron, {})
+        ] })
+      }
+    ),
+    menuPanel ? createPortal(menuPanel, document.body) : null
+  ] });
+}
+export {
+  FloatingMenu
+};
+//# sourceMappingURL=FloatingMenu.js.map

package/dist/menu/FloatingMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingMenu.js","sources":["../../src/menu/FloatingMenu.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { mergeOverlayRefs, useOverlayPresence, withOverlayOpen } from '../presence/useOverlayPresence';\nimport { DropdownMenuChevron } from '../icons/DropdownMenuChevron';\nimport { useFloatingMenuGeometry } from './useFloatingMenuGeometry';\n\nexport type FloatingMenuItem = {\n  kind: 'item';\n  id: string;\n  label: ReactNode;\n  disabled?: boolean;\n  title?: string;\n  onSelect: () => void;\n};\n\nexport type FloatingMenuSeparator = {\n  kind: 'separator';\n  id: string;\n};\n\nexport type FloatingMenuEntry = FloatingMenuItem | FloatingMenuSeparator;\n\nexport type FloatingMenuTriggerVariant = 'labeled' | 'icon';\n\nexport type FloatingMenuProps = {\n  menuAriaLabel: string;\n  items: FloatingMenuEntry[];\n  triggerLabel?: ReactNode;\n  triggerIcon?: ReactNode;\n  triggerVariant?: FloatingMenuTriggerVariant;\n  triggerClassName?: string;\n  triggerAriaLabel?: string;\n  scrollRootSelector?: string;\n  wrapClassName?: string;\n};\n\nfunction IconDropdownTriggerContent({ icon }: { icon: ReactNode }) {\n  return (\n    <>\n      {icon}\n      <span className=\"dropdown-menu-trigger-caret\" aria-hidden=\"true\">\n        <DropdownMenuChevron />\n      </span>\n    </>\n  );\n}\n\nexport function FloatingMenu({\n  menuAriaLabel,\n  items,\n  triggerLabel,\n  triggerIcon,\n  triggerVariant = 'labeled',\n  triggerClassName,\n  triggerAriaLabel,\n  scrollRootSelector,\n  wrapClassName = 'dropdown-menu',\n}: FloatingMenuProps) {\n  const wrapRef = useRef<HTMLDivElement | null>(null);\n  const menuId = useId();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { mounted: menuMounted, isOpen: menuShown, overlayRef: menuOverlayRef } =\n    useOverlayPresence<HTMLUListElement>(menuOpen);\n  const { menuPanelRef, triggerRef, menuGeometry } = useFloatingMenuGeometry({\n    menuOpen,\n    menuMounted,\n    scrollRootSelector,\n  });\n\n  useEffect(() => {\n    if (!menuOpen) {\n      return;\n    }\n    const onDocumentMouseDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (wrapRef.current?.contains(target) || menuPanelRef.current?.contains(target)) {\n        return;\n      }\n      setMenuOpen(false);\n    };\n    document.addEventListener('mousedown', onDocumentMouseDown);\n    return () => document.removeEventListener('mousedown', onDocumentMouseDown);\n  }, [menuOpen, menuPanelRef]);\n\n  useEffect(() => {\n    if (!menuOpen) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n        setMenuOpen(false);\n      }\n    };\n    window.addEventListener('keydown', onKeyDown, true);\n    return () => window.removeEventListener('keydown', onKeyDown, true);\n  }, [menuOpen]);\n\n  const menuPanel = menuMounted ? (\n    <ul\n      ref={mergeOverlayRefs(menuOverlayRef, menuPanelRef)}\n      id={menuId}\n      className={withOverlayOpen('dropdown-menu-panel', menuShown && menuGeometry !== null)}\n      role=\"menu\"\n      aria-label={menuAriaLabel}\n      style={{\n        top: menuGeometry?.top ?? -9999,\n        left: menuGeometry?.left ?? -9999,\n        maxHeight: menuGeometry?.maxHeight,\n        overflowY: menuGeometry?.maxHeight ? 'auto' : undefined,\n      }}\n    >\n      {items.map((entry) => {\n        if (entry.kind === 'separator') {\n          return (\n            <li key={entry.id} className=\"dropdown-menu-separator\" role=\"separator\" aria-orientation=\"horizontal\" />\n          );\n        }\n\n        return (\n          <li key={entry.id} role=\"none\">\n            <button\n              type=\"button\"\n              className=\"dropdown-menu-item\"\n              role=\"menuitem\"\n              disabled={entry.disabled}\n              title={entry.title}\n              onClick={() => {\n                if (entry.disabled) {\n                  return;\n                }\n                entry.onSelect();\n                setMenuOpen(false);\n              }}\n            >\n              {entry.label}\n            </button>\n          </li>\n        );\n      })}\n    </ul>\n  ) : null;\n\n  const resolvedTriggerClassName =\n    triggerClassName ??\n    (triggerVariant === 'icon'\n      ? 'icon-button dropdown-menu-trigger dropdown-menu-trigger--icon'\n      : 'secondary-button dropdown-menu-trigger');\n\n  return (\n    <div className={wrapClassName} ref={wrapRef}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={resolvedTriggerClassName}\n        aria-label={triggerAriaLabel ?? (triggerVariant === 'icon' ? menuAriaLabel : undefined)}\n        aria-expanded={menuOpen}\n        aria-haspopup=\"menu\"\n        aria-controls={menuId}\n        onClick={() => setMenuOpen((open) => !open)}\n      >\n        {triggerVariant === 'icon' ? (\n          <IconDropdownTriggerContent icon={triggerIcon} />\n        ) : (\n          <>\n            {triggerLabel}\n            {' '}\n            <DropdownMenuChevron />\n          </>\n        )}\n      </button>\n      {menuPanel ? createPortal(menuPanel, document.body) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/menu/MobileActionSheet.d.ts

@@ -0,0 +1,9 @@
+import { type MobileActionSheetContentProps, type MobileActionSheetEntry } from './MobileActionSheetContent';
+export type MobileActionSheetProps = {
+    open: boolean;
+    overlayId: string;
+    onDismiss: () => void;
+} & Omit<MobileActionSheetContentProps, 'onRequestDismiss' | 'open'>;
+export declare function MobileActionSheet({ open, overlayId, onDismiss, ...contentProps }: MobileActionSheetProps): import("react/jsx-runtime").JSX.Element;
+export type { MobileActionSheetEntry };
+//# sourceMappingURL=MobileActionSheet.d.ts.map

package/dist/menu/MobileActionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileActionSheet.d.ts","sourceRoot":"","sources":["../../src/menu/MobileActionSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,6BAA6B,EAClC,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CAAC,6BAA6B,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,EAAE,sBAAsB,2CAMxG;AAED,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/menu/MobileActionSheet.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { SiteOverlayBackdrop } from "../overlay/SiteOverlayBackdrop.js";
+import { MobileActionSheetContent } from "./MobileActionSheetContent.js";
+function MobileActionSheet({ open, overlayId, onDismiss, ...contentProps }) {
+  return /* @__PURE__ */ jsx(SiteOverlayBackdrop, { open, overlayId, align: "bottom", onDismiss, children: /* @__PURE__ */ jsx(MobileActionSheetContent, { ...contentProps, open, onRequestDismiss: onDismiss }) });
+}
+export {
+  MobileActionSheet
+};
+//# sourceMappingURL=MobileActionSheet.js.map

package/dist/menu/MobileActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileActionSheet.js","sources":["../../src/menu/MobileActionSheet.tsx"],"sourcesContent":["import { SiteOverlayBackdrop } from '../overlay/SiteOverlayBackdrop';\nimport {\n  MobileActionSheetContent,\n  type MobileActionSheetContentProps,\n  type MobileActionSheetEntry,\n} from './MobileActionSheetContent';\n\nexport type MobileActionSheetProps = {\n  open: boolean;\n  overlayId: string;\n  onDismiss: () => void;\n} & Omit<MobileActionSheetContentProps, 'onRequestDismiss' | 'open'>;\n\nexport function MobileActionSheet({ open, overlayId, onDismiss, ...contentProps }: MobileActionSheetProps) {\n  return (\n    <SiteOverlayBackdrop open={open} overlayId={overlayId} align=\"bottom\" onDismiss={onDismiss}>\n      <MobileActionSheetContent {...contentProps} open={open} onRequestDismiss={onDismiss} />\n    </SiteOverlayBackdrop>\n  );\n}\n\nexport type { MobileActionSheetEntry };\n"],"names":[],"mappings":";;;AAaO,SAAS,kBAAkB,EAAE,MAAM,WAAW,WAAW,GAAG,gBAAwC;AACzG,SACE,oBAAC,qBAAA,EAAoB,MAAY,WAAsB,OAAM,UAAS,WACpE,UAAA,oBAAC,0BAAA,EAA0B,GAAG,cAAc,MAAY,kBAAkB,WAAW,GACvF;AAEJ;"}

package/dist/menu/MobileActionSheetContent.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+export type MobileActionSheetActionItem = {
+    kind: 'item';
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    title?: string;
+    onSelect: () => void;
+};
+export type MobileActionSheetSubmenuItem = {
+    kind: 'submenu';
+    id: string;
+    label: string;
+    icon: ReactNode;
+    items: MobileActionSheetActionItem[];
+};
+export type MobileActionSheetSeparatorItem = {
+    kind: 'separator';
+    id: string;
+};
+export type MobileActionSheetEntry = MobileActionSheetActionItem | MobileActionSheetSubmenuItem | MobileActionSheetSeparatorItem;
+export type MobileActionSheetContentProps = {
+    ariaLabel: string;
+    entries: MobileActionSheetEntry[];
+    open: boolean;
+    onRequestDismiss: () => void;
+    backAriaLabel?: string;
+};
+export declare function MobileActionSheetContent({ ariaLabel, entries, open, onRequestDismiss, backAriaLabel, }: MobileActionSheetContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MobileActionSheetContent.d.ts.map

package/dist/menu/MobileActionSheetContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileActionSheetContent.d.ts","sourceRoot":"","sources":["../../src/menu/MobileActionSheetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,2BAA2B,EAAE,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,IAAI,EAAE,WAAW,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,2BAA2B,GAC3B,4BAA4B,GAC5B,8BAA8B,CAAC;AAEnC,MAAM,MAAM,6BAA6B,GAAG;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAIF,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,aAAoB,GACrB,EAAE,6BAA6B,2CAqI/B"}

package/dist/menu/MobileActionSheetContent.js

@@ -0,0 +1,123 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { ChevronRightIcon, ChevronLeftIcon } from "../icons/ChevronIcons.js";
+const ROOT_PANEL = "root";
+function MobileActionSheetContent({
+  ariaLabel,
+  entries,
+  open,
+  onRequestDismiss,
+  backAriaLabel = "返回"
+}) {
+  const [activePanel, setActivePanel] = useState(ROOT_PANEL);
+  useEffect(() => {
+    if (!open) {
+      setActivePanel(ROOT_PANEL);
+    }
+  }, [open]);
+  const handleDismiss = () => {
+    setActivePanel(ROOT_PANEL);
+    onRequestDismiss();
+  };
+  const submenuById = new Map(
+    entries.filter((e) => e.kind === "submenu").map((e) => [e.id, e])
+  );
+  const activeSubmenu = activePanel === ROOT_PANEL ? null : submenuById.get(activePanel);
+  const renderActionItem = (item, closeOnSelect) => /* @__PURE__ */ jsx("li", { className: "mobile-action-sheet-list-item", role: "none", children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "mobile-action-sheet-item",
+      role: "menuitem",
+      disabled: item.disabled,
+      title: item.title,
+      onClick: () => {
+        if (item.disabled) {
+          return;
+        }
+        item.onSelect();
+        {
+          handleDismiss();
+        }
+      },
+      children: [
+        item.icon ? /* @__PURE__ */ jsx("span", { className: "mobile-action-sheet-item-icon", "aria-hidden": "true", children: item.icon }) : null,
+        /* @__PURE__ */ jsx("span", { className: "mobile-action-sheet-item-label", children: item.label })
+      ]
+    }
+  ) }, item.id);
+  const rootPanel = /* @__PURE__ */ jsx("div", { className: "mobile-action-sheet-panel", role: "menu", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("ul", { className: "mobile-action-sheet-list", children: entries.map((entry) => {
+    if (entry.kind === "separator") {
+      return /* @__PURE__ */ jsx("li", { className: "mobile-action-sheet-list-item", role: "none", children: /* @__PURE__ */ jsx("div", { className: "mobile-action-sheet-separator", role: "separator" }) }, entry.id);
+    }
+    if (entry.kind === "submenu") {
+      return /* @__PURE__ */ jsx("li", { className: "mobile-action-sheet-list-item", role: "none", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "mobile-action-sheet-item mobile-action-sheet-item--submenu",
+          role: "menuitem",
+          "aria-haspopup": "menu",
+          onClick: () => setActivePanel(entry.id),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "mobile-action-sheet-item-icon", "aria-hidden": "true", children: entry.icon }),
+            /* @__PURE__ */ jsx("span", { className: "mobile-action-sheet-item-label", children: entry.label }),
+            /* @__PURE__ */ jsx(ChevronRightIcon, { className: "mobile-action-sheet-item-chevron" })
+          ]
+        }
+      ) }, entry.id);
+    }
+    return renderActionItem(entry);
+  }) }) });
+  const hasSubmenus = entries.some((e) => e.kind === "submenu");
+  const onSubmenu = activeSubmenu !== null && activeSubmenu !== void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "mobile-action-sheet",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": ariaLabel,
+      onClick: (event) => event.stopPropagation(),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: hasSubmenus ? "mobile-action-sheet-panels mobile-action-sheet-panels--slide" : "mobile-action-sheet-panels",
+          style: hasSubmenus ? { transform: onSubmenu ? "translateX(-50%)" : "none" } : void 0,
+          children: [
+            rootPanel,
+            hasSubmenus ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "mobile-action-sheet-panel",
+                role: "menu",
+                "aria-label": activeSubmenu?.label,
+                "aria-hidden": !onSubmenu,
+                children: activeSubmenu ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("div", { className: "mobile-action-sheet-subheader", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: "mobile-action-sheet-back",
+                        "aria-label": backAriaLabel,
+                        onClick: () => setActivePanel(ROOT_PANEL),
+                        children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "mobile-action-sheet-back-chevron" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "mobile-action-sheet-subheader-title", children: activeSubmenu.label })
+                  ] }),
+                  /* @__PURE__ */ jsx("ul", { className: "mobile-action-sheet-list", children: activeSubmenu.items.map((item) => renderActionItem(item)) })
+                ] }) : null
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  MobileActionSheetContent
+};
+//# sourceMappingURL=MobileActionSheetContent.js.map

package/dist/menu/MobileActionSheetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileActionSheetContent.js","sources":["../../src/menu/MobileActionSheetContent.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../icons/ChevronIcons';\n\nexport type MobileActionSheetActionItem = {\n  kind: 'item';\n  id: string;\n  label: string;\n  icon?: ReactNode;\n  disabled?: boolean;\n  title?: string;\n  onSelect: () => void;\n};\n\nexport type MobileActionSheetSubmenuItem = {\n  kind: 'submenu';\n  id: string;\n  label: string;\n  icon: ReactNode;\n  items: MobileActionSheetActionItem[];\n};\n\nexport type MobileActionSheetSeparatorItem = {\n  kind: 'separator';\n  id: string;\n};\n\nexport type MobileActionSheetEntry =\n  | MobileActionSheetActionItem\n  | MobileActionSheetSubmenuItem\n  | MobileActionSheetSeparatorItem;\n\nexport type MobileActionSheetContentProps = {\n  ariaLabel: string;\n  entries: MobileActionSheetEntry[];\n  open: boolean;\n  onRequestDismiss: () => void;\n  backAriaLabel?: string;\n};\n\nconst ROOT_PANEL = 'root';\n\nexport function MobileActionSheetContent({\n  ariaLabel,\n  entries,\n  open,\n  onRequestDismiss,\n  backAriaLabel = '返回',\n}: MobileActionSheetContentProps) {\n  const [activePanel, setActivePanel] = useState(ROOT_PANEL);\n\n  useEffect(() => {\n    if (!open) {\n      setActivePanel(ROOT_PANEL);\n    }\n  }, [open]);\n\n  const handleDismiss = () => {\n    setActivePanel(ROOT_PANEL);\n    onRequestDismiss();\n  };\n\n  const submenuById = new Map(\n    entries.filter((e): e is MobileActionSheetSubmenuItem => e.kind === 'submenu').map((e) => [e.id, e]),\n  );\n  const activeSubmenu = activePanel === ROOT_PANEL ? null : submenuById.get(activePanel);\n\n  const renderActionItem = (item: MobileActionSheetActionItem, closeOnSelect: boolean) => (\n    <li key={item.id} className=\"mobile-action-sheet-list-item\" role=\"none\">\n      <button\n        type=\"button\"\n        className=\"mobile-action-sheet-item\"\n        role=\"menuitem\"\n        disabled={item.disabled}\n        title={item.title}\n        onClick={() => {\n          if (item.disabled) {\n            return;\n          }\n          item.onSelect();\n          if (closeOnSelect) {\n            handleDismiss();\n          }\n        }}\n      >\n        {item.icon ? (\n          <span className=\"mobile-action-sheet-item-icon\" aria-hidden=\"true\">\n            {item.icon}\n          </span>\n        ) : null}\n        <span className=\"mobile-action-sheet-item-label\">{item.label}</span>\n      </button>\n    </li>\n  );\n\n  const rootPanel = (\n    <div className=\"mobile-action-sheet-panel\" role=\"menu\" aria-label={ariaLabel}>\n      <ul className=\"mobile-action-sheet-list\">\n        {entries.map((entry) => {\n          if (entry.kind === 'separator') {\n            return (\n              <li key={entry.id} className=\"mobile-action-sheet-list-item\" role=\"none\">\n                <div className=\"mobile-action-sheet-separator\" role=\"separator\" />\n              </li>\n            );\n          }\n\n          if (entry.kind === 'submenu') {\n            return (\n              <li key={entry.id} className=\"mobile-action-sheet-list-item\" role=\"none\">\n                <button\n                  type=\"button\"\n                  className=\"mobile-action-sheet-item mobile-action-sheet-item--submenu\"\n                  role=\"menuitem\"\n                  aria-haspopup=\"menu\"\n                  onClick={() => setActivePanel(entry.id)}\n                >\n                  <span className=\"mobile-action-sheet-item-icon\" aria-hidden=\"true\">\n                    {entry.icon}\n                  </span>\n                  <span className=\"mobile-action-sheet-item-label\">{entry.label}</span>\n                  <ChevronRightIcon className=\"mobile-action-sheet-item-chevron\" />\n                </button>\n              </li>\n            );\n          }\n\n          return renderActionItem(entry, true);\n        })}\n      </ul>\n    </div>\n  );\n\n  const hasSubmenus = entries.some((e) => e.kind === 'submenu');\n  const onSubmenu = activeSubmenu !== null && activeSubmenu !== undefined;\n\n  return (\n    <div\n      className=\"mobile-action-sheet\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      onClick={(event) => event.stopPropagation()}\n    >\n      <div\n        className={\n          hasSubmenus ? 'mobile-action-sheet-panels mobile-action-sheet-panels--slide' : 'mobile-action-sheet-panels'\n        }\n        style={hasSubmenus ? { transform: onSubmenu ? 'translateX(-50%)' : 'none' } : undefined}\n      >\n        {rootPanel}\n        {hasSubmenus ? (\n          <div\n            className=\"mobile-action-sheet-panel\"\n            role=\"menu\"\n            aria-label={activeSubmenu?.label}\n            aria-hidden={!onSubmenu}\n          >\n            {activeSubmenu ? (\n              <>\n                <div className=\"mobile-action-sheet-subheader\">\n                  <button\n                    type=\"button\"\n                    className=\"mobile-action-sheet-back\"\n                    aria-label={backAriaLabel}\n                    onClick={() => setActivePanel(ROOT_PANEL)}\n                  >\n                    <ChevronLeftIcon className=\"mobile-action-sheet-back-chevron\" />\n                  </button>\n                  <span className=\"mobile-action-sheet-subheader-title\">{activeSubmenu.label}</span>\n                </div>\n                <ul className=\"mobile-action-sheet-list\">\n                  {activeSubmenu.items.map((item) => renderActionItem(item, true))}\n                </ul>\n              </>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/menu/computeFloatingMenuGeometry.d.ts

@@ -0,0 +1,12 @@
+export type FloatingMenuGeometry = {
+    top: number;
+    left: number;
+    maxHeight?: number;
+};
+export type ComputeFloatingMenuGeometryOptions = {
+    pad?: number;
+    gap?: number;
+    minScrollHeight?: number;
+};
+export declare function computeFloatingMenuGeometry(trigger: HTMLElement, menu: HTMLElement, options?: ComputeFloatingMenuGeometryOptions): FloatingMenuGeometry;
+//# sourceMappingURL=computeFloatingMenuGeometry.d.ts.map

package/dist/menu/computeFloatingMenuGeometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeFloatingMenuGeometry.d.ts","sourceRoot":"","sources":["../../src/menu/computeFloatingMenuGeometry.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,EACjB,OAAO,GAAE,kCAAuC,GAC/C,oBAAoB,CA2BtB"}

package/dist/menu/computeFloatingMenuGeometry.js

@@ -0,0 +1,30 @@
+function computeFloatingMenuGeometry(trigger, menu, options = {}) {
+  const pad = options.pad ?? 8;
+  const gap = options.gap ?? 4;
+  const minScrollHeight = options.minScrollHeight ?? 120;
+  const rect = trigger.getBoundingClientRect();
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  const menuWidth = menu.offsetWidth;
+  const menuHeight = menu.offsetHeight;
+  let left = rect.right - menuWidth;
+  if (left < pad) {
+    left = rect.left;
+  }
+  left = Math.max(pad, Math.min(left, vw - menuWidth - pad));
+  let top = rect.bottom + gap;
+  let maxHeight;
+  if (top + menuHeight > vh - pad) {
+    const topIfAbove = rect.top - gap - menuHeight;
+    if (topIfAbove >= pad) {
+      top = topIfAbove;
+    } else {
+      maxHeight = Math.max(minScrollHeight, vh - pad - top);
+    }
+  }
+  return { top, left, maxHeight };
+}
+export {
+  computeFloatingMenuGeometry
+};
+//# sourceMappingURL=computeFloatingMenuGeometry.js.map

package/dist/menu/computeFloatingMenuGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeFloatingMenuGeometry.js","sources":["../../src/menu/computeFloatingMenuGeometry.ts"],"sourcesContent":["export type FloatingMenuGeometry = {\n  top: number;\n  left: number;\n  maxHeight?: number;\n};\n\nexport type ComputeFloatingMenuGeometryOptions = {\n  pad?: number;\n  gap?: number;\n  minScrollHeight?: number;\n};\n\nexport function computeFloatingMenuGeometry(\n  trigger: HTMLElement,\n  menu: HTMLElement,\n  options: ComputeFloatingMenuGeometryOptions = {},\n): FloatingMenuGeometry {\n  const pad = options.pad ?? 8;\n  const gap = options.gap ?? 4;\n  const minScrollHeight = options.minScrollHeight ?? 120;\n  const rect = trigger.getBoundingClientRect();\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n  const menuWidth = menu.offsetWidth;\n  const menuHeight = menu.offsetHeight;\n\n  let left = rect.right - menuWidth;\n  if (left < pad) {\n    left = rect.left;\n  }\n  left = Math.max(pad, Math.min(left, vw - menuWidth - pad));\n\n  let top = rect.bottom + gap;\n  let maxHeight: number | undefined;\n  if (top + menuHeight > vh - pad) {\n    const topIfAbove = rect.top - gap - menuHeight;\n    if (topIfAbove >= pad) {\n      top = topIfAbove;\n    } else {\n      maxHeight = Math.max(minScrollHeight, vh - pad - top);\n    }\n  }\n  return { top, left, maxHeight };\n}\n"],"names":[],"mappings":"AAYO,SAAS,4BACd,SACA,MACA,UAA8C,CAAA,GACxB;AACtB,QAAM,MAAM,QAAQ,OAAO;AAC3B,QAAM,MAAM,QAAQ,OAAO;AAC3B,QAAM,kBAAkB,QAAQ,mBAAmB;AACnD,QAAM,OAAO,QAAQ,sBAAA;AACrB,QAAM,KAAK,OAAO;AAClB,QAAM,KAAK,OAAO;AAClB,QAAM,YAAY,KAAK;AACvB,QAAM,aAAa,KAAK;AAExB,MAAI,OAAO,KAAK,QAAQ;AACxB,MAAI,OAAO,KAAK;AACd,WAAO,KAAK;AAAA,EACd;AACA,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,MAAM,KAAK,YAAY,GAAG,CAAC;AAEzD,MAAI,MAAM,KAAK,SAAS;AACxB,MAAI;AACJ,MAAI,MAAM,aAAa,KAAK,KAAK;AAC/B,UAAM,aAAa,KAAK,MAAM,MAAM;AACpC,QAAI,cAAc,KAAK;AACrB,YAAM;AAAA,IACR,OAAO;AACL,kBAAY,KAAK,IAAI,iBAAiB,KAAK,MAAM,GAAG;AAAA,IACtD;AAAA,EACF;AACA,SAAO,EAAE,KAAK,MAAM,UAAA;AACtB;"}

package/dist/menu/index.d.ts

@@ -0,0 +1,6 @@
+export { computeFloatingMenuGeometry, type ComputeFloatingMenuGeometryOptions, type FloatingMenuGeometry, } from './computeFloatingMenuGeometry';
+export { FloatingMenu, type FloatingMenuEntry, type FloatingMenuItem, type FloatingMenuProps } from './FloatingMenu';
+export { MobileActionSheet, type MobileActionSheetEntry, type MobileActionSheetProps, } from './MobileActionSheet';
+export { MobileActionSheetContent, type MobileActionSheetActionItem, type MobileActionSheetContentProps, type MobileActionSheetSeparatorItem, type MobileActionSheetSubmenuItem, } from './MobileActionSheetContent';
+export { useFloatingMenuGeometry, type UseFloatingMenuGeometryOptions } from './useFloatingMenuGeometry';
+//# sourceMappingURL=index.d.ts.map

package/dist/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,KAAK,kCAAkC,EACvC,KAAK,oBAAoB,GAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrH,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,wBAAwB,EACxB,KAAK,2BAA2B,EAChC,KAAK,6BAA6B,EAClC,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,GAClC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,KAAK,8BAA8B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/menu/index.js

@@ -0,0 +1,13 @@
+import { computeFloatingMenuGeometry } from "./computeFloatingMenuGeometry.js";
+import { FloatingMenu } from "./FloatingMenu.js";
+import { MobileActionSheet } from "./MobileActionSheet.js";
+import { MobileActionSheetContent } from "./MobileActionSheetContent.js";
+import { useFloatingMenuGeometry } from "./useFloatingMenuGeometry.js";
+export {
+  FloatingMenu,
+  MobileActionSheet,
+  MobileActionSheetContent,
+  computeFloatingMenuGeometry,
+  useFloatingMenuGeometry
+};
+//# sourceMappingURL=index.js.map

package/dist/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/menu/useFloatingMenuGeometry.d.ts

@@ -0,0 +1,13 @@
+import { type FloatingMenuGeometry } from './computeFloatingMenuGeometry';
+export type UseFloatingMenuGeometryOptions = {
+    menuOpen: boolean;
+    menuMounted: boolean;
+    /** 额外监听 scroll 的容器选择器（如 `.app-main`） */
+    scrollRootSelector?: string;
+};
+export declare function useFloatingMenuGeometry({ menuOpen, menuMounted, scrollRootSelector, }: UseFloatingMenuGeometryOptions): {
+    menuPanelRef: import("react").RefObject<HTMLUListElement | null>;
+    triggerRef: import("react").RefObject<HTMLButtonElement | null>;
+    menuGeometry: FloatingMenuGeometry | null;
+};
+//# sourceMappingURL=useFloatingMenuGeometry.d.ts.map

package/dist/menu/useFloatingMenuGeometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingMenuGeometry.d.ts","sourceRoot":"","sources":["../../src/menu/useFloatingMenuGeometry.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAEvG,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACX,kBAAkB,GACnB,EAAE,8BAA8B;;;;EA8ChC"}

package/dist/menu/useFloatingMenuGeometry.js

@@ -0,0 +1,50 @@
+import { useRef, useState, useLayoutEffect } from "react";
+import { computeFloatingMenuGeometry } from "./computeFloatingMenuGeometry.js";
+function useFloatingMenuGeometry({
+  menuOpen,
+  menuMounted,
+  scrollRootSelector
+}) {
+  const menuPanelRef = useRef(null);
+  const triggerRef = useRef(null);
+  const [menuGeometry, setMenuGeometry] = useState(null);
+  useLayoutEffect(() => {
+    if (!menuOpen || !menuMounted) {
+      setMenuGeometry(null);
+      return;
+    }
+    const update = () => {
+      const trigger = triggerRef.current;
+      const menu = menuPanelRef.current;
+      if (!trigger || !menu) {
+        return;
+      }
+      setMenuGeometry(computeFloatingMenuGeometry(trigger, menu));
+    };
+    update();
+    const scrollRoots = [];
+    if (scrollRootSelector) {
+      const root = document.querySelector(scrollRootSelector);
+      if (root) {
+        scrollRoots.push(root);
+      }
+    }
+    window.addEventListener("resize", update);
+    window.addEventListener("scroll", update, true);
+    for (const root of scrollRoots) {
+      root.addEventListener("scroll", update, { passive: true });
+    }
+    return () => {
+      window.removeEventListener("resize", update);
+      window.removeEventListener("scroll", update, true);
+      for (const root of scrollRoots) {
+        root.removeEventListener("scroll", update);
+      }
+    };
+  }, [menuOpen, menuMounted, scrollRootSelector]);
+  return { menuPanelRef, triggerRef, menuGeometry };
+}
+export {
+  useFloatingMenuGeometry
+};
+//# sourceMappingURL=useFloatingMenuGeometry.js.map

package/dist/menu/useFloatingMenuGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingMenuGeometry.js","sources":["../../src/menu/useFloatingMenuGeometry.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\nimport { computeFloatingMenuGeometry, type FloatingMenuGeometry } from './computeFloatingMenuGeometry';\n\nexport type UseFloatingMenuGeometryOptions = {\n  menuOpen: boolean;\n  menuMounted: boolean;\n  /** 额外监听 scroll 的容器选择器（如 `.app-main`） */\n  scrollRootSelector?: string;\n};\n\nexport function useFloatingMenuGeometry({\n  menuOpen,\n  menuMounted,\n  scrollRootSelector,\n}: UseFloatingMenuGeometryOptions) {\n  const menuPanelRef = useRef<HTMLUListElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const [menuGeometry, setMenuGeometry] = useState<FloatingMenuGeometry | null>(null);\n\n  useLayoutEffect(() => {\n    if (!menuOpen || !menuMounted) {\n      setMenuGeometry(null);\n      return;\n    }\n\n    const update = () => {\n      const trigger = triggerRef.current;\n      const menu = menuPanelRef.current;\n      if (!trigger || !menu) {\n        return;\n      }\n      setMenuGeometry(computeFloatingMenuGeometry(trigger, menu));\n    };\n\n    update();\n\n    const scrollRoots: HTMLElement[] = [];\n    if (scrollRootSelector) {\n      const root = document.querySelector<HTMLElement>(scrollRootSelector);\n      if (root) {\n        scrollRoots.push(root);\n      }\n    }\n\n    window.addEventListener('resize', update);\n    window.addEventListener('scroll', update, true);\n    for (const root of scrollRoots) {\n      root.addEventListener('scroll', update, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('resize', update);\n      window.removeEventListener('scroll', update, true);\n      for (const root of scrollRoots) {\n        root.removeEventListener('scroll', update);\n      }\n    };\n  }, [menuOpen, menuMounted, scrollRootSelector]);\n\n  return { menuPanelRef, triggerRef, menuGeometry };\n}\n"],"names":[],"mappings":";;AAUO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,eAAe,OAAgC,IAAI;AACzD,QAAM,aAAa,OAAiC,IAAI;AACxD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsC,IAAI;AAElF,kBAAgB,MAAM;AACpB,QAAI,CAAC,YAAY,CAAC,aAAa;AAC7B,sBAAgB,IAAI;AACpB;AAAA,IACF;AAEA,UAAM,SAAS,MAAM;AACnB,YAAM,UAAU,WAAW;AAC3B,YAAM,OAAO,aAAa;AAC1B,UAAI,CAAC,WAAW,CAAC,MAAM;AACrB;AAAA,MACF;AACA,sBAAgB,4BAA4B,SAAS,IAAI,CAAC;AAAA,IAC5D;AAEA,WAAA;AAEA,UAAM,cAA6B,CAAA;AACnC,QAAI,oBAAoB;AACtB,YAAM,OAAO,SAAS,cAA2B,kBAAkB;AACnE,UAAI,MAAM;AACR,oBAAY,KAAK,IAAI;AAAA,MACvB;AAAA,IACF;AAEA,WAAO,iBAAiB,UAAU,MAAM;AACxC,WAAO,iBAAiB,UAAU,QAAQ,IAAI;AAC9C,eAAW,QAAQ,aAAa;AAC9B,WAAK,iBAAiB,UAAU,QAAQ,EAAE,SAAS,MAAM;AAAA,IAC3D;AAEA,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,MAAM;AAC3C,aAAO,oBAAoB,UAAU,QAAQ,IAAI;AACjD,iBAAW,QAAQ,aAAa;AAC9B,aAAK,oBAAoB,UAAU,MAAM;AAAA,MAC3C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,aAAa,kBAAkB,CAAC;AAE9C,SAAO,EAAE,cAAc,YAAY,aAAA;AACrC;"}

package/dist/overlay/OverlayStackProvider.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import { type OverlayStackEntry } from './overlayStackTypes';
+type OverlayStackContextValue = {
+    register: (entry: OverlayStackEntry) => void;
+    unregister: (id: string) => void;
+    isTop: (id: string) => boolean;
+    getZIndex: (id: string) => number;
+    pushOverlayHistory: (id: string) => void;
+    syncOverlayHistoryOnUiClose: (id: string) => void;
+    acknowledgeOverlayHistoryPop: (id: string) => void;
+};
+export declare function OverlayStackProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useOverlayStack(): OverlayStackContextValue;
+export {};
+//# sourceMappingURL=OverlayStackProvider.d.ts.map

package/dist/overlay/OverlayStackProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayStackProvider.d.ts","sourceRoot":"","sources":["../../src/overlay/OverlayStackProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEnF,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/B,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,2BAA2B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,4BAA4B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD,CAAC;AAiBF,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAuHzE;AAED,wBAAgB,eAAe,6BAQ9B"}