@studiometa/ui 0.2.1 → 0.2.4

package/molecules/Menu/Menu.cjs

@@ -0,0 +1,148 @@
+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) => {
+  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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/Menu.js
+var Menu_exports = {};
+__export(Menu_exports, {
+  default: () => Menu
+});
+module.exports = __toCommonJS(Menu_exports);
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var import_utils = require("@studiometa/js-toolkit/utils");
+var import_MenuBtn = __toESM(require("./MenuBtn.cjs"), 1);
+var import_MenuList = __toESM(require("./MenuList.cjs"), 1);
+var _Menu = class extends import_js_toolkit.Base {
+  getDirectChildren(name) {
+    if (!this.$children[name]) {
+      return [];
+    }
+    if (!this.$children.Menu) {
+      return this.$children[name];
+    }
+    return this.$children[name].filter((child) => this.$children.Menu.every((menu) => menu.$children[name] ? !menu.$children[name].includes(child) : true));
+  }
+  get menuList() {
+    return this.getDirectChildren("MenuList")[0];
+  }
+  get menuBtn() {
+    return this.getDirectChildren("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();
+      }
+    }
+  }
+  onMenuBtnBtnClick(event, index) {
+    if (this.$children.MenuBtn[index] === this.menuBtn && this.shouldReactOnClick) {
+      event.preventDefault();
+      this.toggle();
+    }
+  }
+  onMenuBtnBtnMouseenter(event, index) {
+    if (this.$children.MenuBtn[index] === this.menuBtn && !this.shouldReactOnClick) {
+      this.open();
+    }
+  }
+  onMenuBtnBtnMouseleave() {
+    if (this.shouldReactOnClick) {
+      return;
+    }
+    (0, import_utils.nextTick)(() => {
+      if (!this.isHover) {
+        this.close();
+      }
+    });
+  }
+  onMenuListItemsMouseleave() {
+    if (this.shouldReactOnClick) {
+      return;
+    }
+    (0, import_utils.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();
+  }
+};
+var Menu = _Menu;
+__publicField(Menu, "config", {
+  name: "Menu",
+  debug: true,
+  components: {
+    MenuBtn: import_MenuBtn.default,
+    MenuList: import_MenuList.default,
+    Menu: _Menu
+  },
+  options: {
+    mode: {
+      type: String,
+      default: "click"
+    }
+  }
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Menu/Menu.d.ts

@@ -0,0 +1,140 @@
+/**
+ * @typedef {Menu & {
+ *   $children: {
+ *     Menu: Menu[],
+ *     MenuBtn: MenuBtn[],
+ *     MenuList: MenuList[],
+ *   }
+ * }} MenuInterface
+ */
+/**
+ * Menu class.
+ */
+export default class Menu extends Base {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        debug: boolean;
+        components: {
+            MenuBtn: typeof MenuBtn;
+            MenuList: typeof MenuList;
+            Menu: typeof Menu;
+        };
+        options: {
+            mode: {
+                type: StringConstructor;
+                default: string;
+            };
+        };
+    };
+    /**
+     * Get direct children.
+     *
+     * @this    {MenuInterface}
+     * @param   {string} name
+     * @returns {any[]}
+     */
+    getDirectChildren(this: MenuInterface, name: string): any[];
+    /**
+     * Get the first `MenuList` instance.
+     *
+     * @this    {MenuInterface}
+     * @returns {MenuList}
+     */
+    get menuList(): MenuList;
+    /**
+     * Get the first `MenuBtn` instance.
+     *
+     * @this    {MenuInterface}
+     * @returns {MenuBtn}
+     */
+    get menuBtn(): MenuBtn;
+    /**
+     * @todo test breakpoint to switch between click and hover.
+     */
+    get shouldReactOnClick(): boolean;
+    /**
+     * Wether the button or the items are hovered.
+     *
+     * @returns {boolean}
+     */
+    get isHover(): boolean;
+    /**
+     * Set attributes on mounted, destroy the component if it is missing required
+     * child components.
+     *
+     * @returns {void}
+     */
+    mounted(): void;
+    /**
+     * Keyboard management.
+     *
+     * @param   {import('@studiometa/js-toolkit/services/key').KeyServiceProps} options
+     * @returns {void}
+     */
+    keyed({ ENTER, ESC, isUp }: import('@studiometa/js-toolkit/services/key').KeyServiceProps): void;
+    /**
+     * Toggle menu items on button click;
+     *
+     * @this    {MenuInterface}
+     * @param   {MouseEvent} event
+     * @returns {void}
+     */
+    onMenuBtnBtnClick(this: MenuInterface, event: MouseEvent, index: any): void;
+    /**
+     * Open menu items on button mouse enter.
+     *
+     * @this    {MenuInterface}
+     * @returns {void}
+     */
+    onMenuBtnBtnMouseenter(this: MenuInterface, event: any, index: any): void;
+    /**
+     * Close menu items on button mouse leave.
+     *
+     * @this    {MenuInterface}
+     * @returns {void}
+     */
+    onMenuBtnBtnMouseleave(this: MenuInterface): void;
+    /**
+     * Close menu items on button mouse leave.
+     *
+     * @this    {MenuInterface}
+     * @returns {void}
+     */
+    onMenuListItemsMouseleave(this: MenuInterface): void;
+    /**
+     * Close other non-parent menu items on menu items open.
+     *
+     * @this    {MenuInterface}
+     * @param   {number} index
+     * @returns {void}
+     */
+    onMenuListItemsOpen(this: MenuInterface, index: number): void;
+    /**
+     * Close the menu.
+     * @returns {void}
+     */
+    close(): void;
+    /**
+     * Open the menu.
+     * @returns {void}
+     */
+    open(): void;
+    /**
+     * Toggle the menu.
+     * @returns {void}
+     */
+    toggle(): void;
+}
+export type MenuInterface = Menu & {
+    $children: {
+        Menu: Menu[];
+        MenuBtn: MenuBtn[];
+        MenuList: MenuList[];
+    };
+};
+import { Base } from "@studiometa/js-toolkit";
+import MenuList from "./MenuList.js";
+import MenuBtn from "./MenuBtn.js";

package/molecules/Menu/Menu.js

@@ -0,0 +1 @@
+import{Base as h}from"@studiometa/js-toolkit";import{nextTick as s}from"@studiometa/js-toolkit/utils";import u from"./MenuBtn.js";import o from"./MenuList.js";class n extends h{static config={name:"Menu",debug:!0,components:{MenuBtn:u,MenuList:o,Menu:n},options:{mode:{type:String,default:"click"}}};getDirectChildren(t){return this.$children[t]?this.$children.Menu?this.$children[t].filter(e=>this.$children.Menu.every(i=>i.$children[t]?!i.$children[t].includes(e):!0)):this.$children[t]:[]}get menuList(){return this.getDirectChildren("MenuList")[0]}get menuBtn(){return this.getDirectChildren("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 r=document.activeElement===this.menuBtn.$el;t&&r&&this.toggle()}}}onMenuBtnBtnClick(t,e){this.$children.MenuBtn[e]===this.menuBtn&&this.shouldReactOnClick&&(t.preventDefault(),this.toggle())}onMenuBtnBtnMouseenter(t,e){this.$children.MenuBtn[e]===this.menuBtn&&!this.shouldReactOnClick&&this.open()}onMenuBtnBtnMouseleave(){this.shouldReactOnClick||s(()=>{this.isHover||this.close()})}onMenuListItemsMouseleave(){this.shouldReactOnClick||s(()=>{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};

package/molecules/Menu/MenuBtn.cjs

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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) => {
+  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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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/MenuBtn.js
+var MenuBtn_exports = {};
+__export(MenuBtn_exports, {
+  default: () => MenuBtn
+});
+module.exports = __toCommonJS(MenuBtn_exports);
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var MenuBtn = class extends import_js_toolkit.Base {
+  isHover = false;
+  onClick(event) {
+    event.stopPropagation();
+    this.$emit("btn-click", event);
+  }
+  onMouseenter(event) {
+    this.isHover = true;
+    event.stopPropagation();
+    this.$emit("btn-mouseenter", event);
+  }
+  onMouseleave(event) {
+    this.isHover = false;
+    event.stopPropagation();
+    this.$emit("btn-mouseleave", event);
+  }
+};
+__publicField(MenuBtn, "config", {
+  name: "MenuBtn",
+  debug: true,
+  emits: ["btn-click", "btn-mouseenter", "btn-mouseleave"]
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Menu/MenuBtn.d.ts

@@ -0,0 +1,39 @@
+/**
+ * MenuBtn class.
+ */
+export default class MenuBtn extends Base {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        debug: boolean;
+        emits: string[];
+    };
+    /**
+     * Wether the button is hovered or not.
+     * @type {boolean}
+     */
+    isHover: boolean;
+    /**
+     * Dispatch the click event.
+     *
+     * @param   {MouseEvent} event
+     * @returns {void}
+     */
+    onClick(event: MouseEvent): void;
+    /**
+     * Dispatch the mouseenter event.
+     *
+     * @param   {MouseEvent} event
+     * @returns {void}
+     */
+    onMouseenter(event: MouseEvent): void;
+    /**
+     * Dispatch the mouseleave event.
+     * @param   {MouseEvent} event
+     * @returns {void}
+     */
+    onMouseleave(event: MouseEvent): void;
+}
+import { Base } from "@studiometa/js-toolkit";

package/molecules/Menu/MenuBtn.js

@@ -0,0 +1 @@
+import{Base as t}from"@studiometa/js-toolkit";class o extends t{static config={name:"MenuBtn",debug:!0,emits:["btn-click","btn-mouseenter","btn-mouseleave"]};isHover=!1;onClick(e){e.stopPropagation(),this.$emit("btn-click",e)}onMouseenter(e){this.isHover=!0,e.stopPropagation(),this.$emit("btn-mouseenter",e)}onMouseleave(e){this.isHover=!1,e.stopPropagation(),this.$emit("btn-mouseleave",e)}}export{o as default};

package/molecules/Menu/MenuList.cjs

@@ -0,0 +1,134 @@
+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) => {
+  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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+var MenuList_exports = {};
+__export(MenuList_exports, {
+  default: () => MenuList
+});
+module.exports = __toCommonJS(MenuList_exports);
+var import_Transition = __toESM(require("../../primitives/Transition/Transition.cjs"), 1);
+var 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(",");
+var _MenuList = class extends import_Transition.default {
+  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(event) {
+    this.isHover = false;
+    this.$emit("items-mouseleave", event);
+  }
+  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() {
+    console.log(this.$id, "toggle", this.isOpen);
+    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;
+  }
+};
+var MenuList = _MenuList;
+__publicField(MenuList, "config", {
+  ...import_Transition.default.config,
+  name: "MenuList",
+  emits: ["items-open", "items-close", "items-mouseleave"],
+  components: {
+    MenuList: _MenuList
+  }
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Menu/MenuList.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @typedef {MenuList & {
+ *   $children: {
+ *     MenuList: MenuList[]
+ *   }
+ * }} MenuListInterface
+ */
+/**
+ * MenuList class.
+ */
+export default class MenuList extends Transition {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        emits: string[];
+        components: {
+            MenuList: typeof MenuList;
+        };
+        options: {
+            enterFrom: StringConstructor;
+            enterActive: StringConstructor;
+            enterTo: StringConstructor;
+            enterKeep: BooleanConstructor;
+            leaveFrom: StringConstructor;
+            leaveActive: StringConstructor;
+            leaveTo: StringConstructor;
+            leaveKeep: BooleanConstructor;
+        };
+    };
+    /**
+     * Are the menu items visible?
+     * @type {boolean}
+     */
+    isOpen: boolean;
+    /**
+     * Wether the component is hovered.
+     * @type {boolean}
+     */
+    isHover: boolean;
+    /**
+     * Update tab indexes on mount.
+     *
+     * @returns {void}
+     */
+    mounted(): void;
+    /**
+     * Set hover state.
+     *
+     * @returns {void}
+     */
+    onMouseenter(): void;
+    /**
+     * Unset hover state.
+     *
+     * @param   {MouseEvent} event
+     * @returns {void}
+     */
+    onMouseleave(event: MouseEvent): void;
+    /**
+     * Display the menu items.
+     *
+     * @returns {void}
+     */
+    open(): void;
+    /**
+     * Hide the menu items.
+     *
+     * @this    {MenuListInterface}
+     * @returns {void}
+     */
+    close(this: MenuListInterface): 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;
+    /**
+     * Filter out items which are inside a child `MenuList` instance.
+     *
+     * @private
+     * @param   {HTMLElement} item
+     * @returns {boolean}
+     */
+    private __filterFocusableItems;
+}
+export type MenuListInterface = MenuList & {
+    $children: {
+        MenuList: MenuList[];
+    };
+};
+import Transition from "../../primitives/Transition/Transition.js";

package/molecules/Menu/MenuList.js

@@ -0,0 +1 @@
+import n 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 s extends n{static config={...n.config,name:"MenuList",emits:["items-open","items-close","items-mouseleave"],components:{MenuList:s}};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(e){this.isHover=!1,this.$emit("items-mouseleave",e)}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(){console.log(this.$id,"toggle",this.isOpen),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{s as default};

package/molecules/Menu/index.cjs

@@ -0,0 +1,33 @@
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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);
+
+// packages/ui/molecules/Menu/index.js
+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);
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Menu/index.d.ts

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

package/molecules/Menu/index.js

@@ -0,0 +1 @@
+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};