@studiometa/ui 0.2.13 → 0.2.15

package/molecules/Menu/Menu.js

@@ -1 +1,108 @@
-import{Base as h,isDirectChild as r,getDirectChildren as s}from"@studiometa/js-toolkit";import{nextTick as o}from"@studiometa/js-toolkit/utils";import l from"./MenuBtn.js";import c from"./MenuList.js";class n extends h{static config={name:"Menu",debug:!0,components:{MenuBtn:l,MenuList:c,Menu:n},options:{mode:{type:String,default:"click"}}};get menuList(){return s(this,"Menu","MenuList")[0]}get menuBtn(){return s(this,"Menu","MenuBtn")[0]}get shouldReactOnClick(){return this.$options.mode==="click"}get isHover(){return this.menuBtn.isHover||this.menuList.isHover}mounted(){if(!this.menuBtn||!this.menuList){this.$destroy();return}this.menuBtn.$el.setAttribute("aria-controls",this.$id),this.menuList.$el.setAttribute("id",this.$id),this.menuList.close()}keyed({ENTER:t,ESC:e,isUp:i}){if(!!i){if(e){this.close();return}if(!this.shouldReactOnClick){const u=document.activeElement===this.menuBtn.$el;t&&u&&this.toggle()}}}onMenuBtnClick(t,e){r(this,"Menu","MenuBtn",this.$children.MenuBtn[t])&&this.shouldReactOnClick&&(e.preventDefault(),this.toggle())}onMenuBtnMouseenter(t){this.$children.MenuBtn[t]===this.menuBtn&&!this.shouldReactOnClick&&this.open()}onMenuBtnMouseleave(){this.shouldReactOnClick||o(()=>{this.isHover||this.close()})}onMenuListMouseleave(){this.shouldReactOnClick||o(()=>{this.isHover||this.close()})}onMenuListItemsOpen(t){const e=this.$children.MenuList[t];this.$children.MenuList.forEach(i=>{i.$el.contains(e.$el)||i.close()})}close(){this.menuList.close()}open(){this.menuList.open()}toggle(){this.menuList.toggle()}}export{n as default};
+import { Base, isDirectChild, getDirectChildren } from "@studiometa/js-toolkit";
+import { nextTick } from "@studiometa/js-toolkit/utils";
+import { MenuBtn } from "./MenuBtn.js";
+import { MenuList } from "./MenuList.js";
+class Menu extends Base {
+  static config = {
+    name: "Menu",
+    components: {
+      MenuBtn,
+      MenuList,
+      Menu
+    },
+    options: {
+      mode: {
+        type: String,
+        default: "click"
+      }
+    }
+  };
+  get menuList() {
+    return getDirectChildren(this, "Menu", "MenuList")[0];
+  }
+  get menuBtn() {
+    return getDirectChildren(this, "Menu", "MenuBtn")[0];
+  }
+  get shouldReactOnClick() {
+    return this.$options.mode === "click";
+  }
+  get isHover() {
+    return this.menuBtn.isHover || this.menuList.isHover;
+  }
+  mounted() {
+    if (!this.menuBtn || !this.menuList) {
+      this.$destroy();
+      return;
+    }
+    this.menuBtn.$el.setAttribute("aria-controls", this.$id);
+    this.menuList.$el.setAttribute("id", this.$id);
+    this.menuList.close();
+  }
+  keyed({ ENTER, ESC, isUp }) {
+    if (!isUp) {
+      return;
+    }
+    if (ESC) {
+      this.close();
+      return;
+    }
+    if (!this.shouldReactOnClick) {
+      const hasFocusElementWithin = document.activeElement === this.menuBtn.$el;
+      if (ENTER && hasFocusElementWithin) {
+        this.toggle();
+      }
+    }
+  }
+  onMenuBtnClick(index, event) {
+    if (isDirectChild(this, "Menu", "MenuBtn", this.$children.MenuBtn[index]) && this.shouldReactOnClick) {
+      event.preventDefault();
+      this.toggle();
+    }
+  }
+  onMenuBtnMouseenter(index) {
+    if (this.$children.MenuBtn[index] === this.menuBtn && !this.shouldReactOnClick) {
+      this.open();
+    }
+  }
+  onMenuBtnMouseleave() {
+    if (this.shouldReactOnClick) {
+      return;
+    }
+    nextTick(() => {
+      if (!this.isHover) {
+        this.close();
+      }
+    });
+  }
+  onMenuListMouseleave() {
+    if (this.shouldReactOnClick) {
+      return;
+    }
+    nextTick(() => {
+      if (!this.isHover) {
+        this.close();
+      }
+    });
+  }
+  onMenuListItemsOpen(index) {
+    const targetMenu = this.$children.MenuList[index];
+    this.$children.MenuList.forEach((menuItem) => {
+      if (!menuItem.$el.contains(targetMenu.$el)) {
+        menuItem.close();
+      }
+    });
+  }
+  close() {
+    this.menuList.close();
+  }
+  open() {
+    this.menuList.open();
+  }
+  toggle() {
+    this.menuList.toggle();
+  }
+}
+export {
+  Menu
+};
+//# sourceMappingURL=Menu.js.map

package/molecules/Menu/Menu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/Menu/Menu.ts"],
+  "sourcesContent": ["import { Base, isDirectChild, getDirectChildren } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps, KeyServiceProps } from '@studiometa/js-toolkit';\nimport { nextTick } from '@studiometa/js-toolkit/utils';\nimport { MenuBtn } from './MenuBtn.js';\nimport { MenuList } from './MenuList.js';\n\nexport interface MenuProps extends BaseProps {\n  $children: {\n    // eslint-disable-next-line no-use-before-define\n    Menu: Menu[];\n    MenutBtn: MenuBtn[];\n    MenuList: MenuList[];\n  };\n  $options: {\n    mode: 'click' | 'hover';\n  };\n}\n\n/**\n * Menu class.\n */\nexport class Menu<T extends BaseProps = BaseProps> extends Base<T & MenuProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'Menu',\n    components: {\n      MenuBtn,\n      MenuList,\n      Menu,\n    },\n    options: {\n      mode: {\n        type: String,\n        default: 'click', // or 'hover'\n      },\n    },\n  };\n\n  /**\n   * Get the first `MenuList` instance.\n   */\n  get menuList(): MenuList {\n    return getDirectChildren<MenuList>(this, 'Menu', 'MenuList')[0];\n  }\n\n  /**\n   * Get the first `MenuBtn` instance.\n   */\n  get menuBtn(): MenuBtn {\n    return getDirectChildren<MenuBtn>(this, 'Menu', 'MenuBtn')[0];\n  }\n\n  /**\n   * Test which mode to use.\n   */\n  get shouldReactOnClick(): boolean {\n    return this.$options.mode === 'click';\n  }\n\n  /**\n   * Wether the button or the items are hovered.\n   */\n  get isHover(): boolean {\n    return this.menuBtn.isHover || this.menuList.isHover;\n  }\n\n  /**\n   * Set attributes on mounted, destroy the component if it is missing required\n   * child components.\n   */\n  mounted() {\n    if (!this.menuBtn || !this.menuList) {\n      this.$destroy();\n      return;\n    }\n\n    this.menuBtn.$el.setAttribute('aria-controls', this.$id);\n    this.menuList.$el.setAttribute('id', this.$id);\n    this.menuList.close();\n  }\n\n  /**\n   * Keyboard management.\n   */\n  keyed({ ENTER, ESC, isUp }: KeyServiceProps) {\n    if (!isUp) {\n      return;\n    }\n\n    if (ESC) {\n      this.close();\n      return;\n    }\n\n    if (!this.shouldReactOnClick) {\n      const hasFocusElementWithin = document.activeElement === this.menuBtn.$el;\n\n      if (ENTER && hasFocusElementWithin) {\n        this.toggle();\n      }\n    }\n  }\n\n  /**\n   * Toggle menu items on button click.\n   */\n  onMenuBtnClick(index: number, event: MouseEvent) {\n    if (\n      isDirectChild(this, 'Menu', 'MenuBtn', this.$children.MenuBtn[index]) &&\n      this.shouldReactOnClick\n    ) {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n\n  /**\n   * Open menu items on button mouse enter.\n   */\n  onMenuBtnMouseenter(index: number) {\n    if (this.$children.MenuBtn[index] === this.menuBtn && !this.shouldReactOnClick) {\n      this.open();\n    }\n  }\n\n  /**\n   * Close menu items on button mouse leave.\n   */\n  onMenuBtnMouseleave() {\n    if (this.shouldReactOnClick) {\n      return;\n    }\n\n    nextTick(() => {\n      if (!this.isHover) {\n        this.close();\n      }\n    });\n  }\n\n  /**\n   * Close menu items on button mouse leave.\n   */\n  onMenuListMouseleave() {\n    if (this.shouldReactOnClick) {\n      return;\n    }\n\n    nextTick(() => {\n      if (!this.isHover) {\n        this.close();\n      }\n    });\n  }\n\n  /**\n   * Close other non-parent menu items on menu items open.\n   */\n  onMenuListItemsOpen(index: number) {\n    const targetMenu = this.$children.MenuList[index];\n    this.$children.MenuList.forEach((menuItem) => {\n      if (!menuItem.$el.contains(targetMenu.$el)) {\n        menuItem.close();\n      }\n    });\n  }\n\n  /**\n   * Close the menu.\n   */\n  close() {\n    this.menuList.close();\n  }\n\n  /**\n   * Open the menu.\n   */\n  open() {\n    this.menuList.open();\n  }\n\n  /**\n   * Toggle the menu.\n   */\n  toggle() {\n    this.menuList.toggle();\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,MAAM,eAAe,yBAAyB;AAEvD,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAiBlB,MAAM,aAA8C,KAAoB;AAAA,EAI7E,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAKA,IAAI,WAAqB;AACvB,WAAO,kBAA4B,MAAM,QAAQ,UAAU,EAAE;AAAA,EAC/D;AAAA,EAKA,IAAI,UAAmB;AACrB,WAAO,kBAA2B,MAAM,QAAQ,SAAS,EAAE;AAAA,EAC7D;AAAA,EAKA,IAAI,qBAA8B;AAChC,WAAO,KAAK,SAAS,SAAS;AAAA,EAChC;AAAA,EAKA,IAAI,UAAmB;AACrB,WAAO,KAAK,QAAQ,WAAW,KAAK,SAAS;AAAA,EAC/C;AAAA,EAMA,UAAU;AACR,QAAI,CAAC,KAAK,WAAW,CAAC,KAAK,UAAU;AACnC,WAAK,SAAS;AACd;AAAA,IACF;AAEA,SAAK,QAAQ,IAAI,aAAa,iBAAiB,KAAK,GAAG;AACvD,SAAK,SAAS,IAAI,aAAa,MAAM,KAAK,GAAG;AAC7C,SAAK,SAAS,MAAM;AAAA,EACtB;AAAA,EAKA,MAAM,EAAE,OAAO,KAAK,KAAK,GAAoB;AAC3C,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AAEA,QAAI,KAAK;AACP,WAAK,MAAM;AACX;AAAA,IACF;AAEA,QAAI,CAAC,KAAK,oBAAoB;AAC5B,YAAM,wBAAwB,SAAS,kBAAkB,KAAK,QAAQ;AAEtE,UAAI,SAAS,uBAAuB;AAClC,aAAK,OAAO;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAKA,eAAe,OAAe,OAAmB;AAC/C,QACE,cAAc,MAAM,QAAQ,WAAW,KAAK,UAAU,QAAQ,MAAM,KACpE,KAAK,oBACL;AACA,YAAM,eAAe;AACrB,WAAK,OAAO;AAAA,IACd;AAAA,EACF;AAAA,EAKA,oBAAoB,OAAe;AACjC,QAAI,KAAK,UAAU,QAAQ,WAAW,KAAK,WAAW,CAAC,KAAK,oBAAoB;AAC9E,WAAK,KAAK;AAAA,IACZ;AAAA,EACF;AAAA,EAKA,sBAAsB;AACpB,QAAI,KAAK,oBAAoB;AAC3B;AAAA,IACF;AAEA,aAAS,MAAM;AACb,UAAI,CAAC,KAAK,SAAS;AACjB,aAAK,MAAM;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAKA,uBAAuB;AACrB,QAAI,KAAK,oBAAoB;AAC3B;AAAA,IACF;AAEA,aAAS,MAAM;AACb,UAAI,CAAC,KAAK,SAAS;AACjB,aAAK,MAAM;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAKA,oBAAoB,OAAe;AACjC,UAAM,aAAa,KAAK,UAAU,SAAS;AAC3C,SAAK,UAAU,SAAS,QAAQ,CAAC,aAAa;AAC5C,UAAI,CAAC,SAAS,IAAI,SAAS,WAAW,GAAG,GAAG;AAC1C,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAKA,QAAQ;AACN,SAAK,SAAS,MAAM;AAAA,EACtB;AAAA,EAKA,OAAO;AACL,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAKA,SAAS;AACP,SAAK,SAAS,OAAO;AAAA,EACvB;AACF;",
+  "names": []
+}

package/molecules/Menu/MenuBtn.cjs

@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/molecules/Menu/MenuBtn.js
+// packages/ui/molecules/Menu/MenuBtn.ts
 var MenuBtn_exports = {};
 __export(MenuBtn_exports, {
-  default: () => MenuBtn
+  MenuBtn: () => MenuBtn
 });
 module.exports = __toCommonJS(MenuBtn_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
@@ -43,7 +43,7 @@ var MenuBtn = class extends import_js_toolkit.Base {
   }
 };
 __publicField(MenuBtn, "config", {
-  name: "MenuBtn",
-  debug: true
+  name: "MenuBtn"
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=MenuBtn.cjs.map

package/molecules/Menu/MenuBtn.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/Menu/MenuBtn.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\n\n/**\n * MenuBtn class.\n */\nexport class MenuBtn<T extends BaseProps = BaseProps> extends Base<T> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'MenuBtn',\n  };\n\n  /**\n   * Wether the button is hovered or not.\n   * @type {boolean}\n   */\n  isHover = false;\n\n  /**\n   * Dispatch the click event.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onClick(event) {\n    event.stopPropagation();\n  }\n\n  /**\n   * Dispatch the mouseenter event.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onMouseenter(event) {\n    this.isHover = true;\n    event.stopPropagation();\n  }\n\n  /**\n   * Dispatch the mouseleave event.\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onMouseleave(event) {\n    this.isHover = false;\n    event.stopPropagation();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAMd,IAAM,UAAN,cAAuD,uBAAQ;AAAA,EAYpE,UAAU;AAAA,EAQV,QAAQ,OAAO;AACb,UAAM,gBAAgB;AAAA,EACxB;AAAA,EAQA,aAAa,OAAO;AAClB,SAAK,UAAU;AACf,UAAM,gBAAgB;AAAA,EACxB;AAAA,EAOA,aAAa,OAAO;AAClB,SAAK,UAAU;AACf,UAAM,gBAAgB;AAAA,EACxB;AACF;AAxCE,cAJW,SAIJ,UAAqB;AAAA,EAC1B,MAAM;AACR;",
+  "names": []
+}

package/molecules/Menu/MenuBtn.d.ts

@@ -1,14 +1,13 @@
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
 /**
  * MenuBtn class.
  */
-export default class MenuBtn extends Base {
+export declare class MenuBtn<T extends BaseProps = BaseProps> extends Base<T> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        debug: boolean;
-    };
+    static config: BaseConfig;
     /**
      * Wether the button is hovered or not.
      * @type {boolean}
@@ -20,19 +19,18 @@ export default class MenuBtn extends Base {
      * @param   {MouseEvent} event
      * @returns {void}
      */
-    onClick(event: MouseEvent): void;
+    onClick(event: any): void;
     /**
      * Dispatch the mouseenter event.
      *
      * @param   {MouseEvent} event
      * @returns {void}
      */
-    onMouseenter(event: MouseEvent): void;
+    onMouseenter(event: any): void;
     /**
      * Dispatch the mouseleave event.
      * @param   {MouseEvent} event
      * @returns {void}
      */
-    onMouseleave(event: MouseEvent): void;
+    onMouseleave(event: any): void;
 }
-import { Base } from "@studiometa/js-toolkit";

package/molecules/Menu/MenuBtn.js

@@ -1 +1,22 @@
-import{Base as o}from"@studiometa/js-toolkit";class t extends o{static config={name:"MenuBtn",debug:!0};isHover=!1;onClick(e){e.stopPropagation()}onMouseenter(e){this.isHover=!0,e.stopPropagation()}onMouseleave(e){this.isHover=!1,e.stopPropagation()}}export{t as default};
+import { Base } from "@studiometa/js-toolkit";
+class MenuBtn extends Base {
+  static config = {
+    name: "MenuBtn"
+  };
+  isHover = false;
+  onClick(event) {
+    event.stopPropagation();
+  }
+  onMouseenter(event) {
+    this.isHover = true;
+    event.stopPropagation();
+  }
+  onMouseleave(event) {
+    this.isHover = false;
+    event.stopPropagation();
+  }
+}
+export {
+  MenuBtn
+};
+//# sourceMappingURL=MenuBtn.js.map

package/molecules/Menu/MenuBtn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/Menu/MenuBtn.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\n\n/**\n * MenuBtn class.\n */\nexport class MenuBtn<T extends BaseProps = BaseProps> extends Base<T> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'MenuBtn',\n  };\n\n  /**\n   * Wether the button is hovered or not.\n   * @type {boolean}\n   */\n  isHover = false;\n\n  /**\n   * Dispatch the click event.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onClick(event) {\n    event.stopPropagation();\n  }\n\n  /**\n   * Dispatch the mouseenter event.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onMouseenter(event) {\n    this.isHover = true;\n    event.stopPropagation();\n  }\n\n  /**\n   * Dispatch the mouseleave event.\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onMouseleave(event) {\n    this.isHover = false;\n    event.stopPropagation();\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAMd,MAAM,gBAAiD,KAAQ;AAAA,EAIpE,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AAAA,EAMA,UAAU;AAAA,EAQV,QAAQ,OAAO;AACb,UAAM,gBAAgB;AAAA,EACxB;AAAA,EAQA,aAAa,OAAO;AAClB,SAAK,UAAU;AACf,UAAM,gBAAgB;AAAA,EACxB;AAAA,EAOA,aAAa,OAAO;AAClB,SAAK,UAAU;AACf,UAAM,gBAAgB;AAAA,EACxB;AACF;",
+  "names": []
+}

package/molecules/Menu/MenuList.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,20 +15,19 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/molecules/Menu/MenuList.js
+// packages/ui/molecules/Menu/MenuList.ts
 var MenuList_exports = {};
 __export(MenuList_exports, {
-  default: () => MenuList
+  MenuList: () => MenuList
 });
 module.exports = __toCommonJS(MenuList_exports);
-var import_Transition = __toESM(require("../../primitives/Transition/Transition.cjs"), 1);
+var import_primitives = require("../../primitives/index.cjs");
 var FOCUSABLE_ELEMENTS = [
   "a[href]:not([inert])",
   "area[href]:not([inert])",
@@ -44,7 +41,7 @@ var FOCUSABLE_ELEMENTS = [
   "[contenteditable]:not([inert])",
   "[tabindex]:not([inert])"
 ].join(",");
-var _MenuList = class extends import_Transition.default {
+var _MenuList = class extends import_primitives.Transition {
   isOpen = false;
   isHover = false;
   get $options() {
@@ -103,7 +100,9 @@ var _MenuList = class extends import_Transition.default {
     }
   }
   __updateTabIndexes(mode = "open") {
-    const focusableItems = Array.from(this.$el.querySelectorAll(FOCUSABLE_ELEMENTS)).filter((item) => this.__filterFocusableItems(item));
+    const focusableItems = Array.from(this.$el.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(
+      (item) => this.__filterFocusableItems(item)
+    );
     focusableItems.forEach((item) => {
       if (mode === "close") {
         item.setAttribute("tabindex", "-1");
@@ -122,7 +121,7 @@ var _MenuList = class extends import_Transition.default {
 };
 var MenuList = _MenuList;
 __publicField(MenuList, "config", {
-  ...import_Transition.default.config,
+  ...import_primitives.Transition.config,
   name: "MenuList",
   emits: ["items-open", "items-close", "items-mouseleave"],
   components: {
@@ -130,3 +129,4 @@ __publicField(MenuList, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=MenuList.cjs.map

package/molecules/Menu/MenuList.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/Menu/MenuList.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nconst FOCUSABLE_ELEMENTS = [\n  'a[href]:not([inert])',\n  'area[href]:not([inert])',\n  'input:not([disabled]):not([inert])',\n  'select:not([disabled]):not([inert])',\n  'textarea:not([disabled]):not([inert])',\n  'button:not([disabled]):not([inert])',\n  'iframe:not([inert])',\n  'audio:not([inert])',\n  'video:not([inert])',\n  '[contenteditable]:not([inert])',\n  '[tabindex]:not([inert])',\n].join(',');\n\nexport interface MenuListProps extends BaseProps {\n  $children: {\n    // eslint-disable-next-line no-use-before-define\n    MenuList: MenuList[];\n  };\n}\n\n/**\n * MenuList class.\n */\nexport class MenuList<T extends BaseProps = BaseProps> extends Transition<T & MenuListProps> {\n  /**\n   * Config.\n   */\n  static config:BaseConfig = {\n    ...Transition.config,\n    name: 'MenuList',\n    emits: ['items-open', 'items-close', 'items-mouseleave'],\n    components: {\n      MenuList,\n    },\n  };\n\n  /**\n   * Are the menu items visible?\n   */\n  isOpen = false;\n\n  /**\n   * Wether the component is hovered.\n   */\n  isHover = false;\n\n  /**\n   * Override `Transition` options.\n   */\n  // @ts-ignore\n  get $options() {\n    const options = super.$options;\n\n    options.leaveKeep = true;\n    options.enterKeep = true;\n\n    return options;\n  }\n\n  /**\n   * Update tab indexes on mount.\n   */\n  mounted() {\n    this.__updateTabIndexes('close');\n  }\n\n  /**\n   * Set hover state.\n   */\n  onMouseenter() {\n    this.isHover = true;\n  }\n\n  /**\n   * Unset hover state.\n   */\n  onMouseleave() {\n    this.isHover = false;\n  }\n\n  /**\n   * Display the menu items.\n   */\n  open() {\n    if (this.isOpen) {\n      return;\n    }\n\n    // @todo Remove event listener when the close method is called.\n    const clickOutsideHandler = (event) => {\n      if (!this.$el.contains(event.target)) {\n        document.removeEventListener('click', clickOutsideHandler);\n        this.close();\n      }\n    };\n    document.addEventListener('click', clickOutsideHandler);\n\n    this.__updateTabIndexes('open');\n    this.$el.setAttribute('aria-hidden', 'false');\n    this.isOpen = true;\n    this.enter();\n    this.$emit('items-open');\n  }\n\n  /**\n   * Hide the menu items.\n   */\n  close() {\n    if (!this.isOpen) {\n      return;\n    }\n\n    // Close child menu items.\n    this.$children.MenuList.forEach((menuItem) => {\n      menuItem.close();\n    });\n\n    if (\n      document.activeElement instanceof HTMLElement &&\n      this.$el.contains(document.activeElement)\n    ) {\n      document.activeElement.blur();\n    }\n\n    this.$el.setAttribute('aria-hidden', 'true');\n    this.__updateTabIndexes('close');\n    this.isOpen = false;\n    this.leave();\n    this.$emit('items-close');\n  }\n\n  /**\n   * Toggle the menu items.\n   */\n  toggle() {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Update `tabindex` attribute of child focusable elements.\n   * @private\n   */\n  __updateTabIndexes(mode:'open'|'close' = 'open') {\n    const focusableItems = Array.from(this.$el.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(\n      (item) => this.__filterFocusableItems(item as HTMLElement),\n    );\n\n    focusableItems.forEach((item) => {\n      if (mode === 'close') {\n        item.setAttribute('tabindex', '-1');\n      } else {\n        item.removeAttribute('tabindex');\n      }\n    });\n  }\n\n  /**\n   * Filter out items which are inside a child `MenuList` instance.\n   * @private\n   */\n  __filterFocusableItems(item:HTMLElement):boolean {\n    let ancestor = item.parentElement;\n\n    // @ts-ignore\n    while (ancestor && (!ancestor.__base__ || !ancestor.__base__.has(this.constructor))) {\n      ancestor = ancestor.parentElement;\n    }\n\n    return ancestor === null || ancestor === this.$el;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAA2B;AAE3B,IAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAYH,IAAM,YAAN,cAAwD,6BAA8B;AAAA,EAgB3F,SAAS;AAAA,EAKT,UAAU;AAAA,EAMV,IAAI,WAAW;AACb,UAAM,UAAU,MAAM;AAEtB,YAAQ,YAAY;AACpB,YAAQ,YAAY;AAEpB,WAAO;AAAA,EACT;AAAA,EAKA,UAAU;AACR,SAAK,mBAAmB,OAAO;AAAA,EACjC;AAAA,EAKA,eAAe;AACb,SAAK,UAAU;AAAA,EACjB;AAAA,EAKA,eAAe;AACb,SAAK,UAAU;AAAA,EACjB;AAAA,EAKA,OAAO;AACL,QAAI,KAAK,QAAQ;AACf;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,UAAU;AACrC,UAAI,CAAC,KAAK,IAAI,SAAS,MAAM,MAAM,GAAG;AACpC,iBAAS,oBAAoB,SAAS,mBAAmB;AACzD,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AACA,aAAS,iBAAiB,SAAS,mBAAmB;AAEtD,SAAK,mBAAmB,MAAM;AAC9B,SAAK,IAAI,aAAa,eAAe,OAAO;AAC5C,SAAK,SAAS;AACd,SAAK,MAAM;AACX,SAAK,MAAM,YAAY;AAAA,EACzB;AAAA,EAKA,QAAQ;AACN,QAAI,CAAC,KAAK,QAAQ;AAChB;AAAA,IACF;AAGA,SAAK,UAAU,SAAS,QAAQ,CAAC,aAAa;AAC5C,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,QACE,SAAS,yBAAyB,eAClC,KAAK,IAAI,SAAS,SAAS,aAAa,GACxC;AACA,eAAS,cAAc,KAAK;AAAA,IAC9B;AAEA,SAAK,IAAI,aAAa,eAAe,MAAM;AAC3C,SAAK,mBAAmB,OAAO;AAC/B,SAAK,SAAS;AACd,SAAK,MAAM;AACX,SAAK,MAAM,aAAa;AAAA,EAC1B;AAAA,EAKA,SAAS;AACP,QAAI,KAAK,QAAQ;AACf,WAAK,MAAM;AAAA,IACb,OAAO;AACL,WAAK,KAAK;AAAA,IACZ;AAAA,EACF;AAAA,EAMA,mBAAmB,OAAsB,QAAQ;AAC/C,UAAM,iBAAiB,MAAM,KAAK,KAAK,IAAI,iBAAiB,kBAAkB,CAAC,EAAE;AAAA,MAC/E,CAAC,SAAS,KAAK,uBAAuB,IAAmB;AAAA,IAC3D;AAEA,mBAAe,QAAQ,CAAC,SAAS;AAC/B,UAAI,SAAS,SAAS;AACpB,aAAK,aAAa,YAAY,IAAI;AAAA,MACpC,OAAO;AACL,aAAK,gBAAgB,UAAU;AAAA,MACjC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAMA,uBAAuB,MAA0B;AAC/C,QAAI,WAAW,KAAK;AAGpB,WAAO,aAAa,CAAC,SAAS,YAAY,CAAC,SAAS,SAAS,IAAI,KAAK,WAAW,IAAI;AACnF,iBAAW,SAAS;AAAA,IACtB;AAEA,WAAO,aAAa,QAAQ,aAAa,KAAK;AAAA,EAChD;AACF;AAvJO,IAAM,WAAN;AAIL,cAJW,UAIJ,UAAoB;AAAA,EACzB,GAAG,6BAAW;AAAA,EACd,MAAM;AAAA,EACN,OAAO,CAAC,cAAc,eAAe,kBAAkB;AAAA,EACvD,YAAY;AAAA,IACV;AAAA,EACF;AACF;",
+  "names": []
+}

package/molecules/Menu/MenuList.d.ts

@@ -1,99 +1,62 @@
-declare const MenuList_base: typeof import("@studiometa/js-toolkit").Base & (new (...a: any[]) => {
-    readonly target: HTMLElement | HTMLElement[];
-    enter(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-    leave(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-});
-/**
- * @typedef {MenuList & {
- *   $children: {
- *     MenuList: MenuList[]
- *   }
- * }} MenuListInterface
- */
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import { Transition } from '../../primitives/index.js';
+export interface MenuListProps extends BaseProps {
+    $children: {
+        MenuList: MenuList[];
+    };
+}
 /**
  * MenuList class.
  */
-export default class MenuList extends MenuList_base {
+export declare class MenuList<T extends BaseProps = BaseProps> extends Transition<T & MenuListProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        emits: string[];
-        components: {
-            MenuList: typeof MenuList;
-        };
-        debug?: boolean;
-        log?: boolean;
-        refs?: string[];
-        options?: import("@studiometa/js-toolkit/Base/managers/OptionsManager.js").OptionsSchema;
-    };
+    static config: BaseConfig;
     /**
      * Are the menu items visible?
-     * @type {boolean}
      */
     isOpen: boolean;
     /**
      * Wether the component is hovered.
-     * @type {boolean}
      */
     isHover: boolean;
+    /**
+     * Override `Transition` options.
+     */
+    get $options(): import("@studiometa/js-toolkit/Base/managers/OptionsManager.js").OptionsManager & import("@studiometa/js-toolkit/Base/index.js").BaseOptions & (T & MenuListProps & import("../../index.js").TransitionProps)["$options"];
     /**
      * Update tab indexes on mount.
-     *
-     * @returns {void}
      */
     mounted(): void;
     /**
      * Set hover state.
-     *
-     * @returns {void}
      */
     onMouseenter(): void;
     /**
      * Unset hover state.
-     *
-     * @returns {void}
      */
     onMouseleave(): void;
     /**
      * Display the menu items.
-     *
-     * @returns {void}
      */
     open(): void;
     /**
      * Hide the menu items.
-     *
-     * @this    {MenuListInterface}
-     * @returns {void}
      */
-    close(this: MenuListInterface): void;
+    close(): void;
     /**
      * Toggle the menu items.
-     * @returns {void}
      */
     toggle(): void;
     /**
      * Update `tabindex` attribute of child focusable elements.
-     *
      * @private
-     * @param {'open'|'close'} mode
-     * @returns {void}
      */
-    private __updateTabIndexes;
+    __updateTabIndexes(mode?: 'open' | 'close'): void;
     /**
      * Filter out items which are inside a child `MenuList` instance.
-     *
      * @private
-     * @param   {HTMLElement} item
-     * @returns {boolean}
      */
-    private __filterFocusableItems;
+    __filterFocusableItems(item: HTMLElement): boolean;
 }
-export type MenuListInterface = MenuList & {
-    $children: {
-        MenuList: MenuList[];
-    };
-};
-export {};

package/molecules/Menu/MenuList.js

@@ -1 +1,104 @@
-import s from"../../primitives/Transition/Transition.js";const o=["a[href]:not([inert])","area[href]:not([inert])","input:not([disabled]):not([inert])","select:not([disabled]):not([inert])","textarea:not([disabled]):not([inert])","button:not([disabled]):not([inert])","iframe:not([inert])","audio:not([inert])","video:not([inert])","[contenteditable]:not([inert])","[tabindex]:not([inert])"].join(",");class n extends s{static config={...s.config,name:"MenuList",emits:["items-open","items-close","items-mouseleave"],components:{MenuList:n}};isOpen=!1;isHover=!1;get $options(){const e=super.$options;return e.leaveKeep=!0,e.enterKeep=!0,e}mounted(){this.__updateTabIndexes("close")}onMouseenter(){this.isHover=!0}onMouseleave(){this.isHover=!1}open(){if(this.isOpen)return;const e=t=>{this.$el.contains(t.target)||(document.removeEventListener("click",e),this.close())};document.addEventListener("click",e),this.__updateTabIndexes("open"),this.$el.setAttribute("aria-hidden","false"),this.isOpen=!0,this.enter(),this.$emit("items-open")}close(){!this.isOpen||(this.$children.MenuList.forEach(e=>{e.close()}),document.activeElement instanceof HTMLElement&&this.$el.contains(document.activeElement)&&document.activeElement.blur(),this.$el.setAttribute("aria-hidden","true"),this.__updateTabIndexes("close"),this.isOpen=!1,this.leave(),this.$emit("items-close"))}toggle(){this.isOpen?this.close():this.open()}__updateTabIndexes(e="open"){Array.from(this.$el.querySelectorAll(o)).filter(i=>this.__filterFocusableItems(i)).forEach(i=>{e==="close"?i.setAttribute("tabindex","-1"):i.removeAttribute("tabindex")})}__filterFocusableItems(e){let t=e.parentElement;for(;t&&(!t.__base__||!t.__base__.has(this.constructor));)t=t.parentElement;return t===null||t===this.$el}}export{n as default};
+import { Transition } from "../../primitives/index.js";
+const FOCUSABLE_ELEMENTS = [
+  "a[href]:not([inert])",
+  "area[href]:not([inert])",
+  "input:not([disabled]):not([inert])",
+  "select:not([disabled]):not([inert])",
+  "textarea:not([disabled]):not([inert])",
+  "button:not([disabled]):not([inert])",
+  "iframe:not([inert])",
+  "audio:not([inert])",
+  "video:not([inert])",
+  "[contenteditable]:not([inert])",
+  "[tabindex]:not([inert])"
+].join(",");
+class MenuList extends Transition {
+  static config = {
+    ...Transition.config,
+    name: "MenuList",
+    emits: ["items-open", "items-close", "items-mouseleave"],
+    components: {
+      MenuList
+    }
+  };
+  isOpen = false;
+  isHover = false;
+  get $options() {
+    const options = super.$options;
+    options.leaveKeep = true;
+    options.enterKeep = true;
+    return options;
+  }
+  mounted() {
+    this.__updateTabIndexes("close");
+  }
+  onMouseenter() {
+    this.isHover = true;
+  }
+  onMouseleave() {
+    this.isHover = false;
+  }
+  open() {
+    if (this.isOpen) {
+      return;
+    }
+    const clickOutsideHandler = (event) => {
+      if (!this.$el.contains(event.target)) {
+        document.removeEventListener("click", clickOutsideHandler);
+        this.close();
+      }
+    };
+    document.addEventListener("click", clickOutsideHandler);
+    this.__updateTabIndexes("open");
+    this.$el.setAttribute("aria-hidden", "false");
+    this.isOpen = true;
+    this.enter();
+    this.$emit("items-open");
+  }
+  close() {
+    if (!this.isOpen) {
+      return;
+    }
+    this.$children.MenuList.forEach((menuItem) => {
+      menuItem.close();
+    });
+    if (document.activeElement instanceof HTMLElement && this.$el.contains(document.activeElement)) {
+      document.activeElement.blur();
+    }
+    this.$el.setAttribute("aria-hidden", "true");
+    this.__updateTabIndexes("close");
+    this.isOpen = false;
+    this.leave();
+    this.$emit("items-close");
+  }
+  toggle() {
+    if (this.isOpen) {
+      this.close();
+    } else {
+      this.open();
+    }
+  }
+  __updateTabIndexes(mode = "open") {
+    const focusableItems = Array.from(this.$el.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(
+      (item) => this.__filterFocusableItems(item)
+    );
+    focusableItems.forEach((item) => {
+      if (mode === "close") {
+        item.setAttribute("tabindex", "-1");
+      } else {
+        item.removeAttribute("tabindex");
+      }
+    });
+  }
+  __filterFocusableItems(item) {
+    let ancestor = item.parentElement;
+    while (ancestor && (!ancestor.__base__ || !ancestor.__base__.has(this.constructor))) {
+      ancestor = ancestor.parentElement;
+    }
+    return ancestor === null || ancestor === this.$el;
+  }
+}
+export {
+  MenuList
+};
+//# sourceMappingURL=MenuList.js.map

package/molecules/Menu/MenuList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/Menu/MenuList.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nconst FOCUSABLE_ELEMENTS = [\n  'a[href]:not([inert])',\n  'area[href]:not([inert])',\n  'input:not([disabled]):not([inert])',\n  'select:not([disabled]):not([inert])',\n  'textarea:not([disabled]):not([inert])',\n  'button:not([disabled]):not([inert])',\n  'iframe:not([inert])',\n  'audio:not([inert])',\n  'video:not([inert])',\n  '[contenteditable]:not([inert])',\n  '[tabindex]:not([inert])',\n].join(',');\n\nexport interface MenuListProps extends BaseProps {\n  $children: {\n    // eslint-disable-next-line no-use-before-define\n    MenuList: MenuList[];\n  };\n}\n\n/**\n * MenuList class.\n */\nexport class MenuList<T extends BaseProps = BaseProps> extends Transition<T & MenuListProps> {\n  /**\n   * Config.\n   */\n  static config:BaseConfig = {\n    ...Transition.config,\n    name: 'MenuList',\n    emits: ['items-open', 'items-close', 'items-mouseleave'],\n    components: {\n      MenuList,\n    },\n  };\n\n  /**\n   * Are the menu items visible?\n   */\n  isOpen = false;\n\n  /**\n   * Wether the component is hovered.\n   */\n  isHover = false;\n\n  /**\n   * Override `Transition` options.\n   */\n  // @ts-ignore\n  get $options() {\n    const options = super.$options;\n\n    options.leaveKeep = true;\n    options.enterKeep = true;\n\n    return options;\n  }\n\n  /**\n   * Update tab indexes on mount.\n   */\n  mounted() {\n    this.__updateTabIndexes('close');\n  }\n\n  /**\n   * Set hover state.\n   */\n  onMouseenter() {\n    this.isHover = true;\n  }\n\n  /**\n   * Unset hover state.\n   */\n  onMouseleave() {\n    this.isHover = false;\n  }\n\n  /**\n   * Display the menu items.\n   */\n  open() {\n    if (this.isOpen) {\n      return;\n    }\n\n    // @todo Remove event listener when the close method is called.\n    const clickOutsideHandler = (event) => {\n      if (!this.$el.contains(event.target)) {\n        document.removeEventListener('click', clickOutsideHandler);\n        this.close();\n      }\n    };\n    document.addEventListener('click', clickOutsideHandler);\n\n    this.__updateTabIndexes('open');\n    this.$el.setAttribute('aria-hidden', 'false');\n    this.isOpen = true;\n    this.enter();\n    this.$emit('items-open');\n  }\n\n  /**\n   * Hide the menu items.\n   */\n  close() {\n    if (!this.isOpen) {\n      return;\n    }\n\n    // Close child menu items.\n    this.$children.MenuList.forEach((menuItem) => {\n      menuItem.close();\n    });\n\n    if (\n      document.activeElement instanceof HTMLElement &&\n      this.$el.contains(document.activeElement)\n    ) {\n      document.activeElement.blur();\n    }\n\n    this.$el.setAttribute('aria-hidden', 'true');\n    this.__updateTabIndexes('close');\n    this.isOpen = false;\n    this.leave();\n    this.$emit('items-close');\n  }\n\n  /**\n   * Toggle the menu items.\n   */\n  toggle() {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Update `tabindex` attribute of child focusable elements.\n   * @private\n   */\n  __updateTabIndexes(mode:'open'|'close' = 'open') {\n    const focusableItems = Array.from(this.$el.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(\n      (item) => this.__filterFocusableItems(item as HTMLElement),\n    );\n\n    focusableItems.forEach((item) => {\n      if (mode === 'close') {\n        item.setAttribute('tabindex', '-1');\n      } else {\n        item.removeAttribute('tabindex');\n      }\n    });\n  }\n\n  /**\n   * Filter out items which are inside a child `MenuList` instance.\n   * @private\n   */\n  __filterFocusableItems(item:HTMLElement):boolean {\n    let ancestor = item.parentElement;\n\n    // @ts-ignore\n    while (ancestor && (!ancestor.__base__ || !ancestor.__base__.has(this.constructor))) {\n      ancestor = ancestor.parentElement;\n    }\n\n    return ancestor === null || ancestor === this.$el;\n  }\n}\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAE3B,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAYH,MAAM,iBAAkD,WAA8B;AAAA,EAI3F,OAAO,SAAoB;AAAA,IACzB,GAAG,WAAW;AAAA,IACd,MAAM;AAAA,IACN,OAAO,CAAC,cAAc,eAAe,kBAAkB;AAAA,IACvD,YAAY;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAKA,SAAS;AAAA,EAKT,UAAU;AAAA,EAMV,IAAI,WAAW;AACb,UAAM,UAAU,MAAM;AAEtB,YAAQ,YAAY;AACpB,YAAQ,YAAY;AAEpB,WAAO;AAAA,EACT;AAAA,EAKA,UAAU;AACR,SAAK,mBAAmB,OAAO;AAAA,EACjC;AAAA,EAKA,eAAe;AACb,SAAK,UAAU;AAAA,EACjB;AAAA,EAKA,eAAe;AACb,SAAK,UAAU;AAAA,EACjB;AAAA,EAKA,OAAO;AACL,QAAI,KAAK,QAAQ;AACf;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,UAAU;AACrC,UAAI,CAAC,KAAK,IAAI,SAAS,MAAM,MAAM,GAAG;AACpC,iBAAS,oBAAoB,SAAS,mBAAmB;AACzD,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AACA,aAAS,iBAAiB,SAAS,mBAAmB;AAEtD,SAAK,mBAAmB,MAAM;AAC9B,SAAK,IAAI,aAAa,eAAe,OAAO;AAC5C,SAAK,SAAS;AACd,SAAK,MAAM;AACX,SAAK,MAAM,YAAY;AAAA,EACzB;AAAA,EAKA,QAAQ;AACN,QAAI,CAAC,KAAK,QAAQ;AAChB;AAAA,IACF;AAGA,SAAK,UAAU,SAAS,QAAQ,CAAC,aAAa;AAC5C,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,QACE,SAAS,yBAAyB,eAClC,KAAK,IAAI,SAAS,SAAS,aAAa,GACxC;AACA,eAAS,cAAc,KAAK;AAAA,IAC9B;AAEA,SAAK,IAAI,aAAa,eAAe,MAAM;AAC3C,SAAK,mBAAmB,OAAO;AAC/B,SAAK,SAAS;AACd,SAAK,MAAM;AACX,SAAK,MAAM,aAAa;AAAA,EAC1B;AAAA,EAKA,SAAS;AACP,QAAI,KAAK,QAAQ;AACf,WAAK,MAAM;AAAA,IACb,OAAO;AACL,WAAK,KAAK;AAAA,IACZ;AAAA,EACF;AAAA,EAMA,mBAAmB,OAAsB,QAAQ;AAC/C,UAAM,iBAAiB,MAAM,KAAK,KAAK,IAAI,iBAAiB,kBAAkB,CAAC,EAAE;AAAA,MAC/E,CAAC,SAAS,KAAK,uBAAuB,IAAmB;AAAA,IAC3D;AAEA,mBAAe,QAAQ,CAAC,SAAS;AAC/B,UAAI,SAAS,SAAS;AACpB,aAAK,aAAa,YAAY,IAAI;AAAA,MACpC,OAAO;AACL,aAAK,gBAAgB,UAAU;AAAA,MACjC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAMA,uBAAuB,MAA0B;AAC/C,QAAI,WAAW,KAAK;AAGpB,WAAO,aAAa,CAAC,SAAS,YAAY,CAAC,SAAS,SAAS,IAAI,KAAK,WAAW,IAAI;AACnF,iBAAW,SAAS;AAAA,IACtB;AAEA,WAAO,aAAa,QAAQ,aAAa,KAAK;AAAA,EAChD;AACF;",
+  "names": []
+}

package/molecules/Menu/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,18 +10,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/ui/molecules/Menu/index.js
+// packages/ui/molecules/Menu/index.ts
 var Menu_exports = {};
-__export(Menu_exports, {
-  Menu: () => import_Menu.default,
-  MenuBtn: () => import_MenuBtn.default,
-  MenuList: () => import_MenuList.default
-});
 module.exports = __toCommonJS(Menu_exports);
-var import_Menu = __toESM(require("./Menu.cjs"), 1);
-var import_MenuBtn = __toESM(require("./MenuBtn.cjs"), 1);
-var import_MenuList = __toESM(require("./MenuList.cjs"), 1);
+__reExport(Menu_exports, require("./Menu.cjs"), module.exports);
+__reExport(Menu_exports, require("./MenuBtn.cjs"), module.exports);
+__reExport(Menu_exports, require("./MenuList.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/molecules/Menu/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/Menu/index.ts"],
+  "sourcesContent": ["export * from './Menu.js';\nexport * from './MenuBtn.js';\nexport * from './MenuList.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,uBAAd;AACA,yBAAc,0BADd;AAEA,yBAAc,2BAFd;",
+  "names": []
+}

package/molecules/Menu/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Menu } from "./Menu.js";
-export { default as MenuBtn } from "./MenuBtn.js";
-export { default as MenuList } from "./MenuList.js";
+export * from './Menu.js';
+export * from './MenuBtn.js';
+export * from './MenuList.js';

package/molecules/Menu/index.js

@@ -1 +1,4 @@
-import{default as a}from"./Menu.js";import{default as o}from"./MenuBtn.js";import{default as u}from"./MenuList.js";export{a as Menu,o as MenuBtn,u as MenuList};
+export * from "./Menu.js";
+export * from "./MenuBtn.js";
+export * from "./MenuList.js";
+//# sourceMappingURL=index.js.map

package/molecules/Menu/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/Menu/index.ts"],
+  "sourcesContent": ["export * from './Menu.js';\nexport * from './MenuBtn.js';\nexport * from './MenuList.js';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}