@appartmint/tsm-mint 0.0.6 → 0.1.1

package/dist/components/section/grid.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../util/math.cjs.js"),i=[1,2,3,4],r=i[0],t=i[i.length-1];function e(u){return n.clamp(u,r,t)}exports.gridNum=e;exports.gridNumMax=t;exports.gridNumMin=r;exports.gridNums=i;

package/dist/components/{grid.es.js → section/grid.es.js}

@@ -1,4 +1,4 @@
-import { clamp as t } from "../util/math.es.js";
+import { clamp as t } from "../../util/math.es.js";
 const r = [1, 2, 3, 4], i = r[0], m = r[r.length - 1];
 function u(n) {
   return t(n, i, m);

package/dist/components/ui/text/title.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../util/math.cjs.js"),t=[1,2,3,4,5,6],e=t[0],i=t[t.length-1];function n(u){return l.clamp(u,e,i)}exports.titleNum=n;exports.titleNumMax=i;exports.titleNumMin=e;exports.titleNums=t;

package/dist/components/{title.es.js → ui/text/title.es.js}

@@ -1,4 +1,4 @@
-import { clamp as e } from "../util/math.es.js";
+import { clamp as e } from "../../../util/math.es.js";
 const t = [1, 2, 3, 4, 5, 6], i = t[0], m = t[t.length - 1];
 function l(n) {
   return e(n, i, m);

package/dist/components/widget/header.cjs.js

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var a=(s,e,t)=>e in s?i(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var n=(s,e,t)=>a(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./panel.cjs.js"),l=require("./menu.cjs.js");class r{constructor(e){n(this,"settings",{id:"mint-menu",wrapperId:"mint-wrapper",title:"menu",fixed:!0});n(this,"el",{});n(this,"panel");n(this,"menu");this.settings={...this.settings,...e},this.panel=new d.Panel(this.settings),this.menu=new l.Menu(this.settings),this.attachElements(),this.addClasses()}detachEvents(){var e,t;(e=this.panel)==null||e.detachEvents(),(t=this.menu)==null||t.detachEvents()}attachElements(){this.el.body=document.querySelector("body")}addClasses(){var e;this.settings.fixed&&((e=this.el.body)==null||e.classList.add("mint-fixed"))}}exports.Header=r;

package/dist/components/widget/header.d.ts

@@ -0,0 +1,18 @@
+import { Panel } from './panel';
+import { Menu } from './menu';
+export declare class Header {
+    settings: {
+        [key: string]: any;
+    };
+    el: {
+        [key: string]: HTMLElement | null;
+    };
+    panel?: Panel;
+    menu?: Menu;
+    constructor(settings?: {
+        [key: string]: any;
+    });
+    detachEvents(): void;
+    attachElements(): void;
+    addClasses(): void;
+}

package/dist/components/widget/header.es.js

@@ -0,0 +1,33 @@
+var n = Object.defineProperty;
+var a = (s, t, e) => t in s ? n(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => a(s, typeof t != "symbol" ? t + "" : t, e);
+import { Panel as d } from "./panel.es.js";
+import { Menu as h } from "./menu.es.js";
+class o {
+  constructor(t) {
+    i(this, "settings", {
+      id: "mint-menu",
+      wrapperId: "mint-wrapper",
+      title: "menu",
+      fixed: !0
+    });
+    i(this, "el", {});
+    i(this, "panel");
+    i(this, "menu");
+    this.settings = { ...this.settings, ...t }, this.panel = new d(this.settings), this.menu = new h(this.settings), this.attachElements(), this.addClasses();
+  }
+  detachEvents() {
+    var t, e;
+    (t = this.panel) == null || t.detachEvents(), (e = this.menu) == null || e.detachEvents();
+  }
+  attachElements() {
+    this.el.body = document.querySelector("body");
+  }
+  addClasses() {
+    var t;
+    this.settings.fixed && ((t = this.el.body) == null || t.classList.add("mint-fixed"));
+  }
+}
+export {
+  o as Header
+};

package/dist/components/widget/menu.cjs.js

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var d=(n,i,e)=>i in n?p(n,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[i]=e;var o=(n,i,e)=>d(n,typeof i!="symbol"?i+"":i,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../abstract/attaches-events.cjs.js"),h=require("../../types/time.cjs.js"),u=require("../../util/display.cjs.js"),c=require("../../util/event.cjs.js"),a=require("../../util/selectors.cjs.js");class M extends g.AttachesEvents{constructor(e){super();o(this,"settings",{});o(this,"el",{});if(this.settings={...this.settings,...e},!this.settings.wrapperId)throw new Error("Wrapper ID is required");this.attachElements(),this.attachEvents(),requestAnimationFrame(()=>{this.closeAllMenus()})}attachElements(){this.el.wrapper=document.getElementById(this.settings.wrapperId)}attachEvents(){var t,r;this.attachEvent(window,"scroll",c.throttleEvent(this.eHandleScroll.bind(this),h.delay.default,{trailing:!1}));const e=(t=this.el.wrapper)==null?void 0:t.querySelectorAll(a.focusable);e==null||e.forEach(l=>{this.attachEvent(l,"keydown",c.throttleEvent(this.eHandleKeypress.bind(this)))});const s=(r=this.el.wrapper)==null?void 0:r.querySelectorAll(a.controls());s==null||s.forEach(l=>{this.attachEvent(l,"click",c.throttleEvent(this.eToggleMenu.bind(this),h.delay.slower,{trailing:!1}))})}setMenu(e,s=!1){let t=s?"true":"false",r=e==null?void 0:e.nextElementSibling;e&&r&&(e.setAttribute("aria-expanded",t),s?u.showElement(r):(u.hideElement(r),this.closeSubMenus(e)))}toggleMenu(e){var s;this.setMenu(e,((s=e==null?void 0:e.getAttribute("aria-expanded"))==null?void 0:s.toLowerCase())!=="true")}closeSubMenus(e){let s=e==null?void 0:e.nextElementSibling;(s==null?void 0:s.querySelectorAll(a.subMenuButtons)).forEach(r=>{var l;((l=r.parentElement)==null?void 0:l.parentElement)===s&&this.setMenu(r)})}closeSiblingMenus(e){var r;let s=e==null?void 0:e.parentElement;((r=s==null?void 0:s.parentElement)==null?void 0:r.querySelectorAll(a.subMenuButtons)).forEach(l=>{l!==e&&this.setMenu(l)})}closeAllMenus(){var s;let e=(s=this.el.wrapper)==null?void 0:s.querySelectorAll(a.subMenuButtons);e==null||e.forEach(t=>{this.setMenu(t)})}openClosestMenu(){var r;let e=document.activeElement,s=e==null?void 0:e.nextElementSibling,t=((r=e==null?void 0:e.getAttribute("aria-expanded"))==null?void 0:r.toLowerCase())==="true";if((e==null?void 0:e.getAttribute("aria-controls"))===this.settings.wrapperId&&(s=this.el.wrapper),e!=null&&e.getAttribute("aria-controls")&&s&&!t){e.click();let l=s.querySelector(a.focusable);l==null||l.focus()}}closeClosestMenu(){var r,l;let e=document.activeElement,s=e==null?void 0:e.closest(a.subMenu),t=s==null?void 0:s.previousElementSibling;e!=null&&e.getAttribute("aria-controls")&&((r=e==null?void 0:e.getAttribute("aria-expanded"))==null?void 0:r.toLowerCase())==="true"&&(t=e),((l=t==null?void 0:t.getAttribute("aria-expanded"))==null?void 0:l.toLowerCase())==="true"&&(t==null||t.click(),t==null||t.focus())}toggleClosestMenu(){var e,s;((s=(e=document.activeElement)==null?void 0:e.getAttribute("aria-expanded"))==null?void 0:s.toLowerCase())==="true"?this.closeClosestMenu():this.openClosestMenu()}eHandleScroll(){this.closeAllMenus()}eHandleButtonKeypress(e){let s=e.target,t=s==null?void 0:s.closest("li");switch(e.key.toLowerCase()){case"escape":t!=null&&t.classList.contains("mint-open")&&this.setMenu(t);break;case"arrowleft":this.closeClosestMenu();break;case"arrowright":this.openClosestMenu();break;case"enter":case"space":s==null||s.click();break}}eHandleLinkKeypress(e){let s=e.target;switch(e.key.toLowerCase()){case"escape":case"arrowleft":this.closeClosestMenu();break;case"arrowright":this.openClosestMenu();break;case"enter":case"space":s==null||s.click();break}}eHandleKeypress(e){e.key.toLowerCase()!=="tab"&&e.preventDefault();const s=e.target;switch(s==null?void 0:s.tagName.toLowerCase()){case"a":this.eHandleLinkKeypress(e);break;case"button":this.eHandleButtonKeypress(e);break}}eToggleMenu(e){let s=e.target;this.closeSiblingMenus(s),this.toggleMenu(s)}}exports.Menu=M;

package/dist/components/widget/menu.d.ts

@@ -0,0 +1,21 @@
+import { AttachesEvents } from '../../abstract/attaches-events';
+export declare class Menu extends AttachesEvents {
+    settings: Record<string, any>;
+    el: Record<string, HTMLElement | null>;
+    constructor(settings?: Record<string, any>);
+    attachElements(): void;
+    attachEvents(): void;
+    setMenu(button?: HTMLElement | null, open?: boolean): void;
+    toggleMenu(button?: HTMLElement | null): void;
+    closeSubMenus(button?: HTMLElement | null): void;
+    closeSiblingMenus(button?: HTMLElement | null): void;
+    closeAllMenus(): void;
+    openClosestMenu(): void;
+    closeClosestMenu(): void;
+    toggleClosestMenu(): void;
+    eHandleScroll(): void;
+    eHandleButtonKeypress(e: KeyboardEvent): void;
+    eHandleLinkKeypress(e: KeyboardEvent): void;
+    eHandleKeypress(e: KeyboardEvent): void;
+    eToggleMenu(e: MouseEvent): void;
+}

package/dist/components/widget/menu.es.js

@@ -0,0 +1,138 @@
+var g = Object.defineProperty;
+var d = (a, i, e) => i in a ? g(a, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[i] = e;
+var n = (a, i, e) => d(a, typeof i != "symbol" ? i + "" : i, e);
+import { AttachesEvents as u } from "../../abstract/attaches-events.es.js";
+import { delay as h } from "../../types/time.es.js";
+import { showElement as w, hideElement as M } from "../../util/display.es.js";
+import { throttleEvent as o } from "../../util/event.es.js";
+import { focusable as p, controls as f, subMenuButtons as c, subMenu as m } from "../../util/selectors.es.js";
+class b extends u {
+  constructor(e) {
+    super();
+    n(this, "settings", {});
+    n(this, "el", {});
+    if (this.settings = { ...this.settings, ...e }, !this.settings.wrapperId)
+      throw new Error("Wrapper ID is required");
+    this.attachElements(), this.attachEvents(), requestAnimationFrame(() => {
+      this.closeAllMenus();
+    });
+  }
+  attachElements() {
+    this.el.wrapper = document.getElementById(this.settings.wrapperId);
+  }
+  attachEvents() {
+    var t, r;
+    this.attachEvent(window, "scroll", o(this.eHandleScroll.bind(this), h.default, { trailing: !1 }));
+    const e = (t = this.el.wrapper) == null ? void 0 : t.querySelectorAll(p);
+    e == null || e.forEach((l) => {
+      this.attachEvent(l, "keydown", o(this.eHandleKeypress.bind(this)));
+    });
+    const s = (r = this.el.wrapper) == null ? void 0 : r.querySelectorAll(f());
+    s == null || s.forEach((l) => {
+      this.attachEvent(l, "click", o(this.eToggleMenu.bind(this), h.slower, { trailing: !1 }));
+    });
+  }
+  setMenu(e, s = !1) {
+    let t = s ? "true" : "false", r = e == null ? void 0 : e.nextElementSibling;
+    e && r && (e.setAttribute("aria-expanded", t), s ? w(r) : (M(r), this.closeSubMenus(e)));
+  }
+  toggleMenu(e) {
+    var s;
+    this.setMenu(e, ((s = e == null ? void 0 : e.getAttribute("aria-expanded")) == null ? void 0 : s.toLowerCase()) !== "true");
+  }
+  closeSubMenus(e) {
+    let s = e == null ? void 0 : e.nextElementSibling;
+    (s == null ? void 0 : s.querySelectorAll(c)).forEach((r) => {
+      var l;
+      ((l = r.parentElement) == null ? void 0 : l.parentElement) === s && this.setMenu(r);
+    });
+  }
+  closeSiblingMenus(e) {
+    var r;
+    let s = e == null ? void 0 : e.parentElement;
+    ((r = s == null ? void 0 : s.parentElement) == null ? void 0 : r.querySelectorAll(c)).forEach((l) => {
+      l !== e && this.setMenu(l);
+    });
+  }
+  closeAllMenus() {
+    var s;
+    let e = (s = this.el.wrapper) == null ? void 0 : s.querySelectorAll(c);
+    e == null || e.forEach((t) => {
+      this.setMenu(t);
+    });
+  }
+  openClosestMenu() {
+    var r;
+    let e = document.activeElement, s = e == null ? void 0 : e.nextElementSibling, t = ((r = e == null ? void 0 : e.getAttribute("aria-expanded")) == null ? void 0 : r.toLowerCase()) === "true";
+    if ((e == null ? void 0 : e.getAttribute("aria-controls")) === this.settings.wrapperId && (s = this.el.wrapper), e != null && e.getAttribute("aria-controls") && s && !t) {
+      e.click();
+      let l = s.querySelector(p);
+      l == null || l.focus();
+    }
+  }
+  closeClosestMenu() {
+    var r, l;
+    let e = document.activeElement, s = e == null ? void 0 : e.closest(m), t = s == null ? void 0 : s.previousElementSibling;
+    e != null && e.getAttribute("aria-controls") && ((r = e == null ? void 0 : e.getAttribute("aria-expanded")) == null ? void 0 : r.toLowerCase()) === "true" && (t = e), ((l = t == null ? void 0 : t.getAttribute("aria-expanded")) == null ? void 0 : l.toLowerCase()) === "true" && (t == null || t.click(), t == null || t.focus());
+  }
+  toggleClosestMenu() {
+    var e, s;
+    ((s = (e = document.activeElement) == null ? void 0 : e.getAttribute("aria-expanded")) == null ? void 0 : s.toLowerCase()) === "true" ? this.closeClosestMenu() : this.openClosestMenu();
+  }
+  eHandleScroll() {
+    this.closeAllMenus();
+  }
+  eHandleButtonKeypress(e) {
+    let s = e.target, t = s == null ? void 0 : s.closest("li");
+    switch (e.key.toLowerCase()) {
+      case "escape":
+        t != null && t.classList.contains("mint-open") && this.setMenu(t);
+        break;
+      case "arrowleft":
+        this.closeClosestMenu();
+        break;
+      case "arrowright":
+        this.openClosestMenu();
+        break;
+      case "enter":
+      case "space":
+        s == null || s.click();
+        break;
+    }
+  }
+  eHandleLinkKeypress(e) {
+    let s = e.target;
+    switch (e.key.toLowerCase()) {
+      case "escape":
+      case "arrowleft":
+        this.closeClosestMenu();
+        break;
+      case "arrowright":
+        this.openClosestMenu();
+        break;
+      case "enter":
+      case "space":
+        s == null || s.click();
+        break;
+    }
+  }
+  eHandleKeypress(e) {
+    e.key.toLowerCase() !== "tab" && e.preventDefault();
+    const s = e.target;
+    switch (s == null ? void 0 : s.tagName.toLowerCase()) {
+      case "a":
+        this.eHandleLinkKeypress(e);
+        break;
+      case "button":
+        this.eHandleButtonKeypress(e);
+        break;
+    }
+  }
+  eToggleMenu(e) {
+    let s = e.target;
+    this.closeSiblingMenus(s), this.toggleMenu(s);
+  }
+}
+export {
+  b as Menu
+};

package/dist/components/widget/panel.cjs.js

@@ -0,0 +1 @@
+"use strict";var y=Object.defineProperty;var v=(o,a,t)=>a in o?y(o,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[a]=t;var m=(o,a,t)=>v(o,typeof a!="symbol"?a+"":a,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../types/breakpoints.cjs.js"),r=require("../../types/side.cjs.js"),h=require("../../types/time.cjs.js"),E=require("../../abstract/attaches-events.cjs.js"),w=require("../../util/window.cjs.js"),p=require("../../util/event.cjs.js"),g=require("../../util/selectors.cjs.js");class b extends E.AttachesEvents{constructor(t){super();m(this,"settings",{title:"panel",from:r.sides[0],fixed:!0});m(this,"el",{});if(this.settings={...this.settings,...t},!this.settings.id||!this.settings.wrapperId)throw new Error("Panel ID and wrapper ID are required");this.attachElements(),this.attachEvents(),this.addClasses(),requestAnimationFrame(()=>{this.setPanel()})}attachElements(){var t;this.el.html=document.querySelector("html"),this.el.main=document.querySelector("main"),this.el.panel=document.getElementById(this.settings.id),this.el.wrapper=document.getElementById(this.settings.wrapperId),this.el.toggleButton=((t=this.el.panel)==null?void 0:t.querySelector(g.controls(this.settings.wrapperId)))||null}attachEvents(){var n;this.attachEvent(window,"resize",p.throttleEvent(this.eHandleResize.bind(this),h.delay.default)),this.attachEvent(this.el.main,"click",p.throttleEvent(this.eClose.bind(this),h.delay.default,{trailing:!1})),this.attachEvent(this.el.wrapper,"transitionend",this.eTransitionEnd.bind(this));const t=g.getFocusables(this.el.panel);t==null||t.forEach(i=>{this.attachEvent(i,"keydown",p.throttleEvent(this.eWrapTab.bind(this)))});const e=(n=this.el.panel)==null?void 0:n.querySelectorAll(g.controls(this.settings.wrapperId));e==null||e.forEach(i=>{this.attachEvent(i,"click",p.throttleEvent(this.eToggle.bind(this),h.delay.slower,{trailing:!1}))})}addClasses(){var t,e,n,i,s,l,d,c,u;(t=this.el.panel)==null||t.classList.add("mint-panel"),(e=this.el.wrapper)==null||e.classList.add("mint-panel-wrapper"),(n=this.el.toggleButton)==null||n.classList.add("mint-panel-toggle"),this.settings.from&&(console.log(this.settings.from),console.log(r.sides[this.settings.from]),console.log((i=r.sides[this.settings.from])==null?void 0:i.toLowerCase()),console.log(`mint-${(s=r.sides[this.settings.from])==null?void 0:s.toLowerCase()}`),(l=this.el.panel)==null||l.classList.remove("mint-top","mint-right","mint-bottom","mint-left"),(c=this.el.panel)==null||c.classList.add(`mint-${(d=r.sides[this.settings.from])==null?void 0:d.toLowerCase()}`)),this.settings.tray&&((u=this.el.panel)==null||u.classList.add("mint-tray"))}setPanel(t=!1){var i;let e=t?"true":"false",n=t?`close ${this.settings.title}`:`open ${this.settings.title}`;(i=this.el.toggleButton)==null||i.setAttribute("aria-expanded",e),setTimeout(()=>{var s;(s=this.el.toggleButton)==null||s.setAttribute("aria-label",n)},h.delay.faster),t?(this.closeOtherPanels(),this.settings.fixed!==!0&&window.scroll({top:0,left:0,behavior:"smooth"}),setTimeout(()=>{if(this.el.html){let s=w.windowWidth()<=f.breakpoints.sm,l="auto";this.settings.tray?s&&(l="hidden"):l="hidden",this.el.html.style.overflow=l}},this.settings.from===r.sides[3]?h.delay.default:h.delay.instant),this.el.wrapper&&(this.el.wrapper.style.display="flex"),requestAnimationFrame(()=>{var s;(s=this.el.wrapper)==null||s.classList.add("mint-open")})):(this.el.html&&(this.el.html.style.overflow="auto"),requestAnimationFrame(()=>{var s;(s=this.el.wrapper)==null||s.classList.remove("mint-open")}))}togglePanel(){var t,e;this.setPanel(((e=(t=this.el.toggleButton)==null?void 0:t.getAttribute("aria-expanded"))==null?void 0:e.toLowerCase())==="false")}closeOtherPanels(){const t=`.mint-panel-toggle[aria-expanded="true"]:not([aria-controls="${this.settings.wrapperId}"])`,e=document.querySelector(t);e==null||e.click()}eHandleResize(){var s,l,d,c;const t=w.windowWidth()<=f.breakpoints.sm;let e=!0;(s=this.el.panel)!=null&&s.classList.contains("mint-tray")?e=!1:(l=this.el.panel)!=null&&l.classList.contains("mint-expand")||(e=!1),!t&&e&&this.setPanel(!1);const n=((c=(d=this.el.toggleButton)==null?void 0:d.getAttribute("aria-expanded"))==null?void 0:c.toLowerCase())==="true";let i="auto";n&&(this.settings.tray?t&&(i="hidden"):i="hidden"),this.el.html&&(this.el.html.style.overflow=i)}eWrapTab(t){var l;const e=g.getFocusables(this.el.panel),n=e==null?void 0:e[(e==null?void 0:e.length)-1],i=(e==null?void 0:e.length)>1&&document.activeElement===n;t.key.toLowerCase()==="tab"&&!t.shiftKey&&i&&((l=this.el.toggleButton)==null||l.focus(),document.activeElement===this.el.toggleButton&&t.preventDefault())}eToggle(){this.togglePanel()}eClose(){this.setPanel(!1)}eTransitionEnd(){var t;((t=this.el.wrapper)==null?void 0:t.classList.contains("mint-open"))===!1&&(this.el.wrapper.style.display="none")}}exports.Panel=b;

package/dist/components/widget/panel.d.ts

@@ -0,0 +1,17 @@
+import { AttachesEvents } from '../../abstract/attaches-events';
+export declare class Panel extends AttachesEvents {
+    settings: Record<string, any>;
+    el: Record<string, HTMLElement | null>;
+    constructor(settings?: Record<string, any>);
+    attachElements(): void;
+    attachEvents(): void;
+    addClasses(): void;
+    setPanel(open?: boolean): void;
+    togglePanel(): void;
+    closeOtherPanels(): void;
+    eHandleResize(): void;
+    eWrapTab(e: KeyboardEvent): void;
+    eToggle(): void;
+    eClose(): void;
+    eTransitionEnd(): void;
+}

package/dist/components/widget/panel.es.js

@@ -0,0 +1,104 @@
+var E = Object.defineProperty;
+var v = (o, a, t) => a in o ? E(o, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[a] = t;
+var c = (o, a, t) => v(o, typeof a != "symbol" ? a + "" : a, t);
+import { breakpoints as f } from "../../types/breakpoints.es.js";
+import { sides as r } from "../../types/side.es.js";
+import { delay as h } from "../../types/time.es.js";
+import { AttachesEvents as b } from "../../abstract/attaches-events.es.js";
+import { windowWidth as u } from "../../util/window.es.js";
+import { throttleEvent as p } from "../../util/event.es.js";
+import { controls as w, getFocusables as y } from "../../util/selectors.es.js";
+class B extends b {
+  constructor(t) {
+    super();
+    c(this, "settings", {
+      title: "panel",
+      from: r[0],
+      fixed: !0
+    });
+    c(this, "el", {});
+    if (this.settings = { ...this.settings, ...t }, !this.settings.id || !this.settings.wrapperId)
+      throw new Error("Panel ID and wrapper ID are required");
+    this.attachElements(), this.attachEvents(), this.addClasses(), requestAnimationFrame(() => {
+      this.setPanel();
+    });
+  }
+  attachElements() {
+    var t;
+    this.el.html = document.querySelector("html"), this.el.main = document.querySelector("main"), this.el.panel = document.getElementById(this.settings.id), this.el.wrapper = document.getElementById(this.settings.wrapperId), this.el.toggleButton = ((t = this.el.panel) == null ? void 0 : t.querySelector(w(this.settings.wrapperId))) || null;
+  }
+  attachEvents() {
+    var n;
+    this.attachEvent(window, "resize", p(this.eHandleResize.bind(this), h.default)), this.attachEvent(this.el.main, "click", p(this.eClose.bind(this), h.default, { trailing: !1 })), this.attachEvent(this.el.wrapper, "transitionend", this.eTransitionEnd.bind(this));
+    const t = y(this.el.panel);
+    t == null || t.forEach((i) => {
+      this.attachEvent(i, "keydown", p(this.eWrapTab.bind(this)));
+    });
+    const e = (n = this.el.panel) == null ? void 0 : n.querySelectorAll(w(this.settings.wrapperId));
+    e == null || e.forEach((i) => {
+      this.attachEvent(i, "click", p(this.eToggle.bind(this), h.slower, { trailing: !1 }));
+    });
+  }
+  addClasses() {
+    var t, e, n, i, s, l, d, m, g;
+    (t = this.el.panel) == null || t.classList.add("mint-panel"), (e = this.el.wrapper) == null || e.classList.add("mint-panel-wrapper"), (n = this.el.toggleButton) == null || n.classList.add("mint-panel-toggle"), this.settings.from && (console.log(this.settings.from), console.log(r[this.settings.from]), console.log((i = r[this.settings.from]) == null ? void 0 : i.toLowerCase()), console.log(`mint-${(s = r[this.settings.from]) == null ? void 0 : s.toLowerCase()}`), (l = this.el.panel) == null || l.classList.remove("mint-top", "mint-right", "mint-bottom", "mint-left"), (m = this.el.panel) == null || m.classList.add(`mint-${(d = r[this.settings.from]) == null ? void 0 : d.toLowerCase()}`)), this.settings.tray && ((g = this.el.panel) == null || g.classList.add("mint-tray"));
+  }
+  setPanel(t = !1) {
+    var i;
+    let e = t ? "true" : "false", n = t ? `close ${this.settings.title}` : `open ${this.settings.title}`;
+    (i = this.el.toggleButton) == null || i.setAttribute("aria-expanded", e), setTimeout(() => {
+      var s;
+      (s = this.el.toggleButton) == null || s.setAttribute("aria-label", n);
+    }, h.faster), t ? (this.closeOtherPanels(), this.settings.fixed !== !0 && window.scroll({
+      top: 0,
+      left: 0,
+      behavior: "smooth"
+    }), setTimeout(() => {
+      if (this.el.html) {
+        let s = u() <= f.sm, l = "auto";
+        this.settings.tray ? s && (l = "hidden") : l = "hidden", this.el.html.style.overflow = l;
+      }
+    }, this.settings.from === r[3] ? h.default : h.instant), this.el.wrapper && (this.el.wrapper.style.display = "flex"), requestAnimationFrame(() => {
+      var s;
+      (s = this.el.wrapper) == null || s.classList.add("mint-open");
+    })) : (this.el.html && (this.el.html.style.overflow = "auto"), requestAnimationFrame(() => {
+      var s;
+      (s = this.el.wrapper) == null || s.classList.remove("mint-open");
+    }));
+  }
+  togglePanel() {
+    var t, e;
+    this.setPanel(((e = (t = this.el.toggleButton) == null ? void 0 : t.getAttribute("aria-expanded")) == null ? void 0 : e.toLowerCase()) === "false");
+  }
+  closeOtherPanels() {
+    const t = `.mint-panel-toggle[aria-expanded="true"]:not([aria-controls="${this.settings.wrapperId}"])`, e = document.querySelector(t);
+    e == null || e.click();
+  }
+  eHandleResize() {
+    var s, l, d, m;
+    const t = u() <= f.sm;
+    let e = !0;
+    (s = this.el.panel) != null && s.classList.contains("mint-tray") ? e = !1 : (l = this.el.panel) != null && l.classList.contains("mint-expand") || (e = !1), !t && e && this.setPanel(!1);
+    const n = ((m = (d = this.el.toggleButton) == null ? void 0 : d.getAttribute("aria-expanded")) == null ? void 0 : m.toLowerCase()) === "true";
+    let i = "auto";
+    n && (this.settings.tray ? t && (i = "hidden") : i = "hidden"), this.el.html && (this.el.html.style.overflow = i);
+  }
+  eWrapTab(t) {
+    var l;
+    const e = y(this.el.panel), n = e == null ? void 0 : e[(e == null ? void 0 : e.length) - 1], i = (e == null ? void 0 : e.length) > 1 && document.activeElement === n;
+    t.key.toLowerCase() === "tab" && !t.shiftKey && i && ((l = this.el.toggleButton) == null || l.focus(), document.activeElement === this.el.toggleButton && t.preventDefault());
+  }
+  eToggle() {
+    this.togglePanel();
+  }
+  eClose() {
+    this.setPanel(!1);
+  }
+  eTransitionEnd() {
+    var t;
+    ((t = this.el.wrapper) == null ? void 0 : t.classList.contains("mint-open")) === !1 && (this.el.wrapper.style.display = "none");
+  }
+}
+export {
+  B as Panel
+};

package/dist/types/breakpoints.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xs:480,sm:768,md:1024,lg:1200,xl:1440};exports.breakpoints=e;

package/dist/types/breakpoints.d.ts

@@ -0,0 +1,11 @@
+export declare const breakpoints: {
+    readonly xs: 480;
+    readonly sm: 768;
+    readonly md: 1024;
+    readonly lg: 1200;
+    readonly xl: 1440;
+};
+type BP = typeof breakpoints;
+export type BreakpointKey = keyof BP;
+export type Breakpoint = BP[BreakpointKey];
+export {};

package/dist/types/breakpoints.es.js

@@ -0,0 +1,10 @@
+const s = {
+  xs: 480,
+  sm: 768,
+  md: 1024,
+  lg: 1200,
+  xl: 1440
+};
+export {
+  s as breakpoints
+};

package/dist/types/side.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["top","right","bottom","left"];exports.sides=t;

package/dist/types/side.d.ts

@@ -0,0 +1,2 @@
+export declare const sides: readonly ["top", "right", "bottom", "left"];
+export type Side = (typeof sides)[number];

package/dist/types/{box.es.js → side.es.js}

@@ -1,9 +1,9 @@
-const o = [
+const t = [
   "top",
   "right",
   "bottom",
   "left"
 ];
 export {
-  o as boxPositions
+  t as sides
 };

package/dist/types/time.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=300;exports.durationDefault=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=0,t=100,a={instant:e+t*0,fastest:e+t*1,faster:e+t*2,default:e+t*3,slower:e+t*4,slowest:e+t*5};exports.delay=a;exports.delayBase=e;exports.delayStep=t;

package/dist/types/time.d.ts

@@ -1 +1,10 @@
-export declare const durationDefault: 300;
+export declare const delayBase: 0;
+export declare const delayStep: 100;
+export declare const delay: {
+    readonly instant: number;
+    readonly fastest: number;
+    readonly faster: number;
+    readonly default: number;
+    readonly slower: number;
+    readonly slowest: number;
+};

package/dist/types/time.es.js

@@ -1,4 +1,13 @@
-const t = 300;
+const e = 0, a = 100, l = {
+  instant: 0,
+  fastest: 100,
+  faster: 200,
+  default: 300,
+  slower: 400,
+  slowest: 500
+};
 export {
-  t as durationDefault
+  l as delay,
+  e as delayBase,
+  a as delayStep
 };

package/dist/util/display.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../types/box.cjs.js"),l=require("../types/time.cjs.js");function h(t,{duration:s=l.durationDefault,from:e=r.boxPositions[0]}={}){if(!t)return;const i=e==="top"||e==="bottom";t.style.display="",requestAnimationFrame(()=>{const{scrollHeight:o,scrollWidth:n}=t;i?t.style.height=`${o}px`:t.style.width=`${n}px`,setTimeout(()=>{i?t.style.height="auto":t.style.width="auto"},s)})}function u(t,{duration:s=l.durationDefault,from:e=r.boxPositions[0]}={}){if(!t)return;const i=e==="top"||e==="bottom",{scrollHeight:o,scrollWidth:n,style:{transition:a}}=t;t.style.transition="",requestAnimationFrame(()=>{i?t.style.height=`${o}px`:t.style.width=`${n}px`,t.style.transition=a,requestAnimationFrame(()=>{i?t.style.height="0":t.style.width="0"})}),setTimeout(()=>{t.style.display="none"},s)}exports.hideElement=u;exports.showElement=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../types/side.cjs.js"),r=require("../types/time.cjs.js");function y(t,{duration:s=r.delay.default,from:e=l.sides[0]}={}){if(!t)return;const i=e==="top"||e==="bottom";t.style.display="",requestAnimationFrame(()=>{const{scrollHeight:o,scrollWidth:n}=t;i?t.style.height=`${o}px`:t.style.width=`${n}px`,setTimeout(()=>{i?t.style.height="auto":t.style.width="auto"},s)})}function h(t,{duration:s=r.delay.default,from:e=l.sides[0]}={}){if(!t)return;const i=e==="top"||e==="bottom",{scrollHeight:o,scrollWidth:n,style:{transition:a}}=t;t.style.transition="",requestAnimationFrame(()=>{i?t.style.height=`${o}px`:t.style.width=`${n}px`,t.style.transition=a,requestAnimationFrame(()=>{i?t.style.height="0":t.style.width="0"})}),setTimeout(()=>{t.style.display="none"},s)}exports.hideElement=h;exports.showElement=y;

package/dist/util/display.d.ts

@@ -1,7 +1,7 @@
-import { BoxPosition } from '../types/box';
+import { Side } from '../types/side';
 export interface TransitionProps {
     duration?: number;
-    from?: BoxPosition;
+    from?: Side;
 }
 export declare function showElement(el?: HTMLElement | null, { duration, from, }?: TransitionProps): void;
 export declare function hideElement(el?: HTMLElement | null, { duration, from, }?: TransitionProps): void;

package/dist/util/display.es.js

@@ -1,7 +1,7 @@
-import { boxPositions as r } from "../types/box.es.js";
-import { durationDefault as h } from "../types/time.es.js";
+import { sides as r } from "../types/side.es.js";
+import { delay as l } from "../types/time.es.js";
 function m(t, {
-  duration: s = h,
+  duration: s = l.default,
   from: i = r[0]
 } = {}) {
   if (!t)
@@ -14,15 +14,15 @@ function m(t, {
     }, s);
   });
 }
-function u(t, {
-  duration: s = h,
+function d(t, {
+  duration: s = l.default,
   from: i = r[0]
 } = {}) {
   if (!t)
     return;
-  const e = i === "top" || i === "bottom", { scrollHeight: o, scrollWidth: n, style: { transition: l } } = t;
+  const e = i === "top" || i === "bottom", { scrollHeight: o, scrollWidth: n, style: { transition: a } } = t;
   t.style.transition = "", requestAnimationFrame(() => {
-    e ? t.style.height = `${o}px` : t.style.width = `${n}px`, t.style.transition = l, requestAnimationFrame(() => {
+    e ? t.style.height = `${o}px` : t.style.width = `${n}px`, t.style.transition = a, requestAnimationFrame(() => {
       e ? t.style.height = "0" : t.style.width = "0";
     });
   }), setTimeout(() => {
@@ -30,6 +30,6 @@ function u(t, {
   }, s);
 }
 export {
-  u as hideElement,
+  d as hideElement,
   m as showElement
 };

package/dist/util/event.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../types/time.cjs.js");function m(t,u=i.durationDefault){let e;return function(...l){e&&clearTimeout(e),e=Number(setTimeout(t,u,...l))}}function h(t,u=i.durationDefault){return m(t,u)}function g(t,u=i.durationDefault,e){let l,n,f,r,a=0,b=function(){a=(e==null?void 0:e.leading)===!1?0:new Date().getTime(),r=0,f=t.apply(l,n),r||(l=n=null)};return function(){let c=new Date().getTime();!a&&(e==null?void 0:e.leading)===!1&&(a=c);let d=u-c+a;return l=this,n=arguments,d<=0||d>u?(r&&(clearTimeout(r),r=0),a=c,f=t.apply(l,n),r||(l=n=null)):!r&&(e==null?void 0:e.trailing)!==!1&&(r=window.setTimeout(b,d)),f}}function o(t,u=i.durationDefault,e){return g(t,u,e)}exports.debounce=m;exports.debounceEvent=h;exports.throttle=g;exports.throttleEvent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../types/time.cjs.js");function m(t,l=f.delay.default){let e;return function(...r){e&&clearTimeout(e),e=Number(setTimeout(t,l,...r))}}function b(t,l=f.delay.default){return m(t,l)}function g(t,l=f.delay.default,e){let r,n,i,u,a=0,y=function(){a=(e==null?void 0:e.leading)===!1?0:new Date().getTime(),u=0,i=t.apply(r,n),u||(r=n=null)};return function(){let d=new Date().getTime();!a&&(e==null?void 0:e.leading)===!1&&(a=d);let c=l-d+a;return r=this,n=arguments,c<=0||c>l?(u&&(clearTimeout(u),u=0),a=d,i=t.apply(r,n),u||(r=n=null)):!u&&(e==null?void 0:e.trailing)!==!1&&(u=window.setTimeout(y,c)),i}}function h(t,l=f.delay.default,e){return g(t,l,e)}exports.debounce=m;exports.debounceEvent=b;exports.throttle=g;exports.throttleEvent=h;

package/dist/util/event.es.js

@@ -1,26 +1,26 @@
-import { durationDefault as i } from "../types/time.es.js";
-function g(t, r = i) {
+import { delay as a } from "../types/time.es.js";
+function g(t, l = a.default) {
   let e;
   return function(...u) {
-    e && clearTimeout(e), e = Number(setTimeout(t, r, ...u));
+    e && clearTimeout(e), e = Number(setTimeout(t, l, ...u));
   };
 }
-function b(t, r = i) {
-  return g(t, r);
+function b(t, l = a.default) {
+  return g(t, l);
 }
-function T(t, r = i, e) {
-  let u, n, a, l, f = 0, d = function() {
-    f = (e == null ? void 0 : e.leading) === !1 ? 0 : (/* @__PURE__ */ new Date()).getTime(), l = 0, a = t.apply(u, n), l || (u = n = null);
+function T(t, l = a.default, e) {
+  let u, f, i, r, n = 0, c = function() {
+    n = (e == null ? void 0 : e.leading) === !1 ? 0 : (/* @__PURE__ */ new Date()).getTime(), r = 0, i = t.apply(u, f), r || (u = f = null);
   };
   return function() {
     let m = (/* @__PURE__ */ new Date()).getTime();
-    !f && (e == null ? void 0 : e.leading) === !1 && (f = m);
-    let c = r - m + f;
-    return u = this, n = arguments, c <= 0 || c > r ? (l && (clearTimeout(l), l = 0), f = m, a = t.apply(u, n), l || (u = n = null)) : !l && (e == null ? void 0 : e.trailing) !== !1 && (l = window.setTimeout(d, c)), a;
+    !n && (e == null ? void 0 : e.leading) === !1 && (n = m);
+    let d = l - m + n;
+    return u = this, f = arguments, d <= 0 || d > l ? (r && (clearTimeout(r), r = 0), n = m, i = t.apply(u, f), r || (u = f = null)) : !r && (e == null ? void 0 : e.trailing) !== !1 && (r = window.setTimeout(c, d)), i;
   };
 }
-function v(t, r = i, e) {
-  return T(t, r, e);
+function v(t, l = a.default, e) {
+  return T(t, l, e);
 }
 export {
   g as debounce,

package/dist/util/selectors.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d="mint",a=`${d}-`,r="[disabled]",i="[aria-controls]",b="[aria-expanded]",u="[href]",$="[routerLink]",f="[id]",p=`button${i}`,m=`${p} + ul${f}`,o='[tabindex^="-"]',h=`[tabindex]${t(o)}`,c=`input${t(r)}${t(o)},
+    select${t(r)}${t(o)},
+    textarea${t(r)}${t(o)},
+    button${t(r)}${t(o)},
+    object${t(r)}${t(o)},
+    a${u}, a${$},
+    area${u}, ${h}`.replace(/\s/g,"");function s(e){return e=e.toLowerCase(),e.startsWith(a)?e:`${a}${e}`}function x(e){return`--${s(e.replace(/^-+/,""))}`}function g(e){return`var(${x(e)})`}function t(e){return`:not(${e})`}function L(e){return`.${s(e)}`}function k(e){return`#${s(e)}`}function w(e){return e?`[aria-controls="${s(e)}"]`:i}function C(e){return typeof e=="boolean"?`[aria-expanded="${e}"]`:b}function M(e){let n;return e?n=Array.from(e.querySelectorAll(c)):n=Array.from(document.querySelectorAll(c)),n.filter(l=>y(l))}function y(e){let n=e;do{if(window.getComputedStyle(n).getPropertyValue("display").toLowerCase()==="none")return!1;n=n.parentElement}while(n);return!0}exports.className=L;exports.controls=w;exports.cssPrefix=x;exports.cssVar=g;exports.disabled=r;exports.expanded=C;exports.focusable=c;exports.getFocusables=M;exports.hasControls=i;exports.hasExpanded=b;exports.hasId=f;exports.hasLink=u;exports.hasRouterLink=$;exports.id=k;exports.isFocusable=y;exports.lib=d;exports.not=t;exports.notTabbable=o;exports.pre=a;exports.prefix=s;exports.subMenu=m;exports.subMenuButtons=p;exports.tabbable=h;

package/dist/util/selectors.d.ts

@@ -0,0 +1,115 @@
+/**
+ * The library name that will be added as a prefix
+ */
+export declare const lib: "mint";
+/**
+ * The prefix built from the library name
+ */
+export declare const pre: "mint-";
+/**
+ * CSS-selector for disabled elements
+ */
+export declare const disabled: "[disabled]";
+/**
+ * CSS-selector for elements with an aria-controls attribute
+ */
+export declare const hasControls: "[aria-controls]";
+/**
+ * CSS-selector for elements with an aria-expanded attribute
+ */
+export declare const hasExpanded: "[aria-expanded]";
+/**
+ * CSS-selector for elements with an href attribute
+ */
+export declare const hasLink: "[href]";
+/**
+ * CSS-selector for elements with a routerLink attribute
+ * @summary - the routerLink attribute is used in Angular
+ */
+export declare const hasRouterLink: "[routerLink]";
+/**
+ * CSS-selector for elements with an id attribute
+ */
+export declare const hasId: "[id]";
+/**
+ * CSS-selector for submenu buttons
+ */
+export declare const subMenuButtons: "button[aria-controls]";
+/**
+ * CSS-selector for submenus
+ */
+export declare const subMenu: "button[aria-controls] + ul[id]";
+/**
+ * CSS-selector for elements that aren't tabbable (i.e. tabindex is negative)
+ */
+export declare const notTabbable: "[tabindex^=\"-\"]";
+/**
+ * CSS-selector for elements that are tabbable (i.e. tabindex isn't negative)
+ */
+export declare const tabbable: `[tabindex]${string}`;
+/**
+ * CSS-selector for elements that can receive focus
+ */
+export declare const focusable: string;
+/**
+ * Adds the library prefix to the beginning of the provided string
+ * @param base - the string to be prefixed
+ * @returns - the provided string prefixed with the library name
+ */
+export declare function prefix(base: string): string;
+/**
+ * Adds two dashes to the beginning of the provided string
+ * @param base - the string to be prefixed
+ * @returns - the provided string prefixed with two dashes
+ */
+export declare function cssPrefix(base: string): string;
+/**
+ * Turns the provided string into a CSS variable call
+ * @param base - the name of the CSS variable to call
+ * @returns - the CSS variable call for the provided string
+ */
+export declare function cssVar(base: string): string;
+/**
+ * Negates the provided CSS selector
+ * @param base - the CSS selector to negate
+ * @returns - the negated CSS selector
+ */
+export declare function not(base: string): string;
+/**
+ * Generates a class CSS selector
+ * @param base - the name of the class to generate
+ * @returns - the generated CSS selector
+ */
+export declare function className(base: string): string;
+/**
+ * Generates an id CSS selector
+ * @param base - the name of the id to generate
+ * @returns - the generated CSS selector
+ */
+export declare function id(base: string): string;
+/**
+ * Generates an aria-controls CSS selector
+ * @param id - the id of the controlled element
+ * @returns - the generated CSS selector
+ */
+export declare function controls(id?: string | null): string;
+/**
+ * Generates an aria-expanded CSS selector
+ * @param bool - whether the element is expanded or not
+ * @returns - the generated CSS selector
+ */
+export declare function expanded(bool?: boolean | null): string;
+/**
+ * Returns a NodeList of HTMLElements within the given element that are focusable
+ * @param el - the element whose focusable children will be returned
+ * @returns - the elements within the given element that are focusable
+ */
+export declare function getFocusables(el?: HTMLElement | null): HTMLElement[];
+/**
+ * Returns true if an element is focusable and false if not,
+ * based on styles (i.e. a parent has display: none;)
+ * NOTE: Still need to determine what other styles may make an element un-focusable
+ * @param el - the element
+ * @returns - true if the element is focusable; false if not
+ */
+export declare function isFocusable(el: HTMLElement): boolean;

package/dist/util/selectors.es.js

@@ -0,0 +1,69 @@
+const $ = "mint", u = `${$}-`, o = "[disabled]", l = "[aria-controls]", d = "[aria-expanded]", c = "[href]", f = "[routerLink]", p = "[id]", b = `button${l}`, m = `${b} + ul${p}`, r = '[tabindex^="-"]', x = `[tabindex]${e(r)}`, i = `input${e(o)}${e(r)},
+    select${e(o)}${e(r)},
+    textarea${e(o)}${e(r)},
+    button${e(o)}${e(r)},
+    object${e(o)}${e(r)},
+    a${c}, a${f},
+    area${c}, ${x}`.replace(/\s/g, "");
+function a(t) {
+  return t = t.toLowerCase(), t.startsWith(u) ? t : `${u}${t}`;
+}
+function y(t) {
+  return `--${a(t.replace(/^-+/, ""))}`;
+}
+function w(t) {
+  return `var(${y(t)})`;
+}
+function e(t) {
+  return `:not(${t})`;
+}
+function L(t) {
+  return `.${a(t)}`;
+}
+function g(t) {
+  return `#${a(t)}`;
+}
+function A(t) {
+  return t ? `[aria-controls="${a(t)}"]` : l;
+}
+function C(t) {
+  return typeof t == "boolean" ? `[aria-expanded="${t}"]` : d;
+}
+function k(t) {
+  let n;
+  return t ? n = Array.from(t.querySelectorAll(i)) : n = Array.from(document.querySelectorAll(i)), n.filter((s) => h(s));
+}
+function h(t) {
+  let n = t;
+  do {
+    if (window.getComputedStyle(n).getPropertyValue("display").toLowerCase() === "none")
+      return !1;
+    n = n.parentElement;
+  } while (n);
+  return !0;
+}
+export {
+  L as className,
+  A as controls,
+  y as cssPrefix,
+  w as cssVar,
+  o as disabled,
+  C as expanded,
+  i as focusable,
+  k as getFocusables,
+  l as hasControls,
+  d as hasExpanded,
+  p as hasId,
+  c as hasLink,
+  f as hasRouterLink,
+  g as id,
+  h as isFocusable,
+  $ as lib,
+  e as not,
+  r as notTabbable,
+  u as pre,
+  a as prefix,
+  m as subMenu,
+  b as subMenuButtons,
+  x as tabbable
+};

package/package.json

@@ -1,69 +1,60 @@
 {
-  "name": "@appartmint/tsm-mint",
-  "author": "App Art Mint LLC",
-  "version": "0.0.6",
-  "license": "MIT",
-  "description": "TypeScript Modules from App Art Mint LLC",
-  "keywords": [
-    "typescript",
-    "modules",
-    "app art mint",
-    "appartmint"
-  ],
-  "homepage": "https://github.com/App-Art-Mint/tsm-mint#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/App-Art-Mint/tsm-mint.git"
-  },
-  "bugs": {
-    "url": "https://github.com/App-Art-Mint/tsm-mint/issues"
-  },
-  "type": "module",
-  "module": "dist/index.es.js",
-  "main": "dist/index.cjs.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "default": "./dist/index.es.js"
-    },
-    "./*": {
-      "types": "./dist/*.d.ts",
-      "import": "./dist/*.es.js",
-      "require": "./dist/*.cjs.js",
-      "default": "./dist/*.es.js"
-    }
-  },
-  "files": [
-    "dist/**/*.{js,d.ts}"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "version": "npm i && git add -A",
-    "postversion": "git push && git push --tags && cross-replace gh release create \"v$npm_package_version\" --generate-notes",
-    "prepare": "run-s build",
-    "build": "run-p test:types build:prod --",
-    "build:prod": "vite build",
-    "clean": "rimraf dist",
-    "test:types": "tsc -b",
-    "test:circular": "madge --circular --extensions ts .",
-    "lint": "eslint --fix ."
-  },
-  "devDependencies": {
-    "@types/node": "^24.9.2",
-    "cross-replace": "^0.2.0",
-    "eslint": "^9.39.0",
-    "glob": "^11.0.3",
-    "madge": "^8.0.0",
-    "npm-run-all2": "^8.0.4",
-    "rimraf": "^6.1.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.46.2",
-    "vite": "^6.4.1",
-    "vite-plugin-dts": "^4.5.4"
-  }
+	"name": "@appartmint/tsm-mint",
+	"author": "App Art Mint LLC",
+	"version": "0.1.1",
+	"type": "module",
+	"license": "MIT",
+	"description": "TypeScript Modules from App Art Mint LLC",
+	"keywords": [
+		"typescript",
+		"modules",
+		"app art mint",
+		"appartmint"
+	],
+	"homepage": "https://github.com/App-Art-Mint/tsm-mint#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/App-Art-Mint/tsm-mint.git"
+	},
+	"bugs": {
+		"url": "https://github.com/App-Art-Mint/tsm-mint/issues"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"files": [
+		"dist/**/*.{js,d.ts}"
+	],
+	"exports": {
+		"./*": {
+			"types": "./dist/*.d.ts",
+			"import": "./dist/*.es.js",
+			"require": "./dist/*.cjs.js",
+			"default": "./dist/*.es.js"
+		}
+	},
+	"scripts": {
+		"version": "npm i && git add -A",
+		"postversion": "git push && git push --tags && cross-replace gh release create \"v$npm_package_version\" --generate-notes",
+		"prepare": "run-s build",
+		"build": "run-p test:types build:prod",
+		"build:prod": "vite build",
+		"clean": "rimraf dist",
+		"test:types": "tsc -b",
+		"test:circular": "madge --circular --extensions ts .",
+		"lint": "eslint --fix ."
+	},
+	"devDependencies": {
+		"@types/node": "^24.9.2",
+		"cross-replace": "^0.2.0",
+		"eslint": "^9.39.0",
+		"glob": "^11.0.3",
+		"madge": "^8.0.0",
+		"npm-run-all2": "^8.0.4",
+		"rimraf": "^6.1.0",
+		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.46.2",
+		"vite": "^6.4.1",
+		"vite-plugin-dts": "^4.5.4"
+	}
 }

package/dist/abstract/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./attaches-events.cjs.js");exports.AttachesEvents=t.AttachesEvents;

package/dist/abstract/index.d.ts

@@ -1 +0,0 @@
-export * from './attaches-events';

package/dist/abstract/index.es.js

@@ -1,4 +0,0 @@
-import { AttachesEvents as o } from "./attaches-events.es.js";
-export {
-  o as AttachesEvents
-};

package/dist/components/grid.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../util/math.cjs.js"),i=[1,2,3,4],r=i[0],t=i[i.length-1];function e(u){return n.clamp(u,r,t)}exports.gridNum=e;exports.gridNumMax=t;exports.gridNumMin=r;exports.gridNums=i;

package/dist/components/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./grid.cjs.js"),i=require("./title.cjs.js");exports.gridNum=t.gridNum;exports.gridNumMax=t.gridNumMax;exports.gridNumMin=t.gridNumMin;exports.gridNums=t.gridNums;exports.titleNum=i.titleNum;exports.titleNumMax=i.titleNumMax;exports.titleNumMin=i.titleNumMin;exports.titleNums=i.titleNums;

package/dist/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './grid';
-export * from './title';

package/dist/components/index.es.js

@@ -1,12 +0,0 @@
-import { gridNum as t, gridNumMax as r, gridNumMin as u, gridNums as N } from "./grid.es.js";
-import { titleNum as d, titleNumMax as g, titleNumMin as l, titleNums as o } from "./title.es.js";
-export {
-  t as gridNum,
-  r as gridNumMax,
-  u as gridNumMin,
-  N as gridNums,
-  d as titleNum,
-  g as titleNumMax,
-  l as titleNumMin,
-  o as titleNums
-};

package/dist/components/title.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../util/math.cjs.js"),t=[1,2,3,4,5,6],e=t[0],i=t[t.length-1];function n(u){return l.clamp(u,e,i)}exports.titleNum=n;exports.titleNumMax=i;exports.titleNumMin=e;exports.titleNums=t;

package/dist/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./abstract/attaches-events.cjs.js"),e=require("./components/grid.cjs.js"),i=require("./components/title.cjs.js"),a=require("./types/box.cjs.js"),m=require("./types/time.cjs.js"),c=require("./util/async.cjs.js"),s=require("./util/display.cjs.js"),n=require("./util/event.cjs.js"),r=require("./util/math.cjs.js"),o=require("./util/scroll.cjs.js"),t=require("./util/text.cjs.js"),l=require("./util/window.cjs.js");exports.AttachesEvents=u.AttachesEvents;exports.gridNum=e.gridNum;exports.gridNumMax=e.gridNumMax;exports.gridNumMin=e.gridNumMin;exports.gridNums=e.gridNums;exports.titleNum=i.titleNum;exports.titleNumMax=i.titleNumMax;exports.titleNumMin=i.titleNumMin;exports.titleNums=i.titleNums;exports.boxPositions=a.boxPositions;exports.durationDefault=m.durationDefault;exports.wait=c.wait;exports.hideElement=s.hideElement;exports.showElement=s.showElement;exports.debounce=n.debounce;exports.debounceEvent=n.debounceEvent;exports.throttle=n.throttle;exports.throttleEvent=n.throttleEvent;exports.clamp=r.clamp;exports.randomInt=r.randomInt;exports.scrollTo=o.scrollTo;exports.showElements=o.showElements;exports.showElementsOnScroll=o.showElementsOnScroll;exports.copyText=t.copyText;exports.formatPhone=t.formatPhone;exports.generateId=t.generateId;exports.isEmail=t.isEmail;exports.isImage=t.isImage;exports.isVideo=t.isVideo;exports.plural=t.plural;exports.slug=t.slug;exports.titleCase=t.titleCase;exports.truncate=t.truncate;exports.unslug=t.unslug;exports.windowHeight=l.windowHeight;exports.windowWidth=l.windowWidth;

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export * from './abstract';
-export * from './components';
-export * from './types';
-export * from './util';

package/dist/index.es.js

@@ -1,50 +0,0 @@
-import { AttachesEvents as o } from "./abstract/attaches-events.es.js";
-import { gridNum as m, gridNumMax as i, gridNumMin as l, gridNums as n } from "./components/grid.es.js";
-import { titleNum as u, titleNumMax as x, titleNumMin as a, titleNums as p } from "./components/title.es.js";
-import { boxPositions as f } from "./types/box.es.js";
-import { durationDefault as g } from "./types/time.es.js";
-import { wait as w } from "./util/async.es.js";
-import { hideElement as N, showElement as M } from "./util/display.es.js";
-import { debounce as v, debounceEvent as I, throttle as P, throttleEvent as T } from "./util/event.es.js";
-import { clamp as A, randomInt as C } from "./util/math.es.js";
-import { scrollTo as H, showElements as O, showElementsOnScroll as S } from "./util/scroll.es.js";
-import { copyText as W, formatPhone as j, generateId as k, isEmail as q, isImage as z, isVideo as B, plural as F, slug as G, titleCase as J, truncate as K, unslug as L } from "./util/text.es.js";
-import { windowHeight as R, windowWidth as U } from "./util/window.es.js";
-export {
-  o as AttachesEvents,
-  f as boxPositions,
-  A as clamp,
-  W as copyText,
-  v as debounce,
-  I as debounceEvent,
-  g as durationDefault,
-  j as formatPhone,
-  k as generateId,
-  m as gridNum,
-  i as gridNumMax,
-  l as gridNumMin,
-  n as gridNums,
-  N as hideElement,
-  q as isEmail,
-  z as isImage,
-  B as isVideo,
-  F as plural,
-  C as randomInt,
-  H as scrollTo,
-  M as showElement,
-  O as showElements,
-  S as showElementsOnScroll,
-  G as slug,
-  P as throttle,
-  T as throttleEvent,
-  J as titleCase,
-  u as titleNum,
-  x as titleNumMax,
-  a as titleNumMin,
-  p as titleNums,
-  K as truncate,
-  L as unslug,
-  w as wait,
-  R as windowHeight,
-  U as windowWidth
-};

package/dist/types/box.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=["top","right","bottom","left"];exports.boxPositions=o;

package/dist/types/box.d.ts

@@ -1,2 +0,0 @@
-export declare const boxPositions: readonly ["top", "right", "bottom", "left"];
-export type BoxPosition = (typeof boxPositions)[number];

package/dist/types/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./box.cjs.js"),e=require("./time.cjs.js");exports.boxPositions=t.boxPositions;exports.durationDefault=e.durationDefault;

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './box';
-export * from './time';

package/dist/types/index.es.js

@@ -1,6 +0,0 @@
-import { boxPositions as t } from "./box.es.js";
-import { durationDefault as f } from "./time.es.js";
-export {
-  t as boxPositions,
-  f as durationDefault
-};

package/dist/util/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./async.cjs.js"),o=require("./display.cjs.js"),t=require("./event.cjs.js"),n=require("./math.cjs.js"),l=require("./scroll.cjs.js"),e=require("./text.cjs.js"),i=require("./window.cjs.js");exports.wait=r.wait;exports.hideElement=o.hideElement;exports.showElement=o.showElement;exports.debounce=t.debounce;exports.debounceEvent=t.debounceEvent;exports.throttle=t.throttle;exports.throttleEvent=t.throttleEvent;exports.clamp=n.clamp;exports.randomInt=n.randomInt;exports.scrollTo=l.scrollTo;exports.showElements=l.showElements;exports.showElementsOnScroll=l.showElementsOnScroll;exports.copyText=e.copyText;exports.formatPhone=e.formatPhone;exports.generateId=e.generateId;exports.isEmail=e.isEmail;exports.isImage=e.isImage;exports.isVideo=e.isVideo;exports.plural=e.plural;exports.slug=e.slug;exports.titleCase=e.titleCase;exports.truncate=e.truncate;exports.unslug=e.unslug;exports.windowHeight=i.windowHeight;exports.windowWidth=i.windowWidth;

package/dist/util/index.d.ts

@@ -1,7 +0,0 @@
-export * from './async';
-export * from './display';
-export * from './event';
-export * from './math';
-export * from './scroll';
-export * from './text';
-export * from './window';

package/dist/util/index.es.js

@@ -1,34 +0,0 @@
-import { wait as t } from "./async.es.js";
-import { hideElement as l, showElement as n } from "./display.es.js";
-import { debounce as i, debounceEvent as s, throttle as a, throttleEvent as p } from "./event.es.js";
-import { clamp as h, randomInt as f } from "./math.es.js";
-import { scrollTo as x, showElements as c, showElementsOnScroll as u } from "./scroll.es.js";
-import { copyText as g, formatPhone as I, generateId as b, isEmail as v, isImage as T, isVideo as y, plural as C, slug as H, titleCase as O, truncate as P, unslug as S } from "./text.es.js";
-import { windowHeight as W, windowWidth as j } from "./window.es.js";
-export {
-  h as clamp,
-  g as copyText,
-  i as debounce,
-  s as debounceEvent,
-  I as formatPhone,
-  b as generateId,
-  l as hideElement,
-  v as isEmail,
-  T as isImage,
-  y as isVideo,
-  C as plural,
-  f as randomInt,
-  x as scrollTo,
-  n as showElement,
-  c as showElements,
-  u as showElementsOnScroll,
-  H as slug,
-  a as throttle,
-  p as throttleEvent,
-  O as titleCase,
-  P as truncate,
-  S as unslug,
-  t as wait,
-  W as windowHeight,
-  j as windowWidth
-};