@studiometa/ui 0.2.13 → 0.2.14

package/molecules/Tabs/index.cjs

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __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/Tabs/index.ts
+var Tabs_exports = {};
+module.exports = __toCommonJS(Tabs_exports);
+__reExport(Tabs_exports, require("./Tabs.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs.js';

package/molecules/Tabs/index.js

@@ -0,0 +1 @@
+export * from "./Tabs.js";

package/molecules/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))
@@ -17,29 +11,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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/index.js
+// packages/ui/molecules/index.ts
 var molecules_exports = {};
-__export(molecules_exports, {
-  Accordion: () => import_Accordion.default,
-  AccordionItem: () => import_AccordionItem.default,
-  Modal: () => import_Modal.default,
-  ModalWithTransition: () => import_ModalWithTransition.default,
-  Panel: () => import_Panel.default,
-  Sticky: () => import_Sticky.default,
-  Tabs: () => import_Tabs.default
-});
 module.exports = __toCommonJS(molecules_exports);
+__reExport(molecules_exports, require("./Accordion/Accordion.cjs"), module.exports);
+__reExport(molecules_exports, require("./Accordion/AccordionItem.cjs"), module.exports);
 __reExport(molecules_exports, require("./Menu/index.cjs"), module.exports);
 __reExport(molecules_exports, require("./Slider/index.cjs"), module.exports);
+__reExport(molecules_exports, require("./Sticky/Sticky.cjs"), module.exports);
 __reExport(molecules_exports, require("./TableOfContent/index.cjs"), module.exports);
-var import_Accordion = __toESM(require("./Accordion/Accordion.cjs"), 1);
-var import_AccordionItem = __toESM(require("./Accordion/AccordionItem.cjs"), 1);
-var import_Modal = __toESM(require("./Modal/Modal.cjs"), 1);
-var import_ModalWithTransition = __toESM(require("./Modal/ModalWithTransition.cjs"), 1);
-var import_Panel = __toESM(require("./Panel/Panel.cjs"), 1);
-var import_Sticky = __toESM(require("./Sticky/Sticky.cjs"), 1);
-var import_Tabs = __toESM(require("./Tabs/Tabs.cjs"), 1);
+__reExport(molecules_exports, require("./Tabs/index.cjs"), module.exports);
+__reExport(molecules_exports, require("./Modal/index.cjs"), module.exports);
+__reExport(molecules_exports, require("./Panel/index.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

package/molecules/index.d.ts

@@ -1,10 +1,9 @@
-export * from "./Menu/index.js";
-export * from "./Slider/index.js";
-export * from "./TableOfContent/index.js";
-export { default as Accordion } from "./Accordion/Accordion.js";
-export { default as AccordionItem } from "./Accordion/AccordionItem.js";
-export { default as Modal } from "./Modal/Modal.js";
-export { default as ModalWithTransition } from "./Modal/ModalWithTransition.js";
-export { default as Panel } from "./Panel/Panel.js";
-export { default as Sticky } from "./Sticky/Sticky.js";
-export { default as Tabs } from "./Tabs/Tabs.js";
+export * from './Accordion/Accordion.js';
+export * from './Accordion/AccordionItem.js';
+export * from './Menu/index.js';
+export * from './Slider/index.js';
+export * from './Sticky/Sticky.js';
+export * from './TableOfContent/index.js';
+export * from './Tabs/index.js';
+export * from './Modal/index.js';
+export * from './Panel/index.js';

package/molecules/index.js

@@ -1 +1,9 @@
-export*from"./Menu/index.js";export*from"./Slider/index.js";export*from"./TableOfContent/index.js";import{default as f}from"./Accordion/Accordion.js";import{default as m}from"./Accordion/AccordionItem.js";import{default as p}from"./Modal/Modal.js";import{default as s}from"./Modal/ModalWithTransition.js";import{default as i}from"./Panel/Panel.js";import{default as n}from"./Sticky/Sticky.js";import{default as M}from"./Tabs/Tabs.js";export{f as Accordion,m as AccordionItem,p as Modal,s as ModalWithTransition,i as Panel,n as Sticky,M as Tabs};
+export * from "./Accordion/Accordion.js";
+export * from "./Accordion/AccordionItem.js";
+export * from "./Menu/index.js";
+export * from "./Slider/index.js";
+export * from "./Sticky/Sticky.js";
+export * from "./TableOfContent/index.js";
+export * from "./Tabs/index.js";
+export * from "./Modal/index.js";
+export * from "./Panel/index.js";

package/organisms/Frame/Frame.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,24 +15,23 @@ 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/organisms/Frame/Frame.js
+// packages/ui/organisms/Frame/Frame.ts
 var Frame_exports = {};
 __export(Frame_exports, {
-  default: () => Frame
+  Frame: () => Frame
 });
 module.exports = __toCommonJS(Frame_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_utils = require("@studiometa/js-toolkit/utils");
-var import_FrameAnchor = __toESM(require("./FrameAnchor.cjs"), 1);
-var import_FrameForm = __toESM(require("./FrameForm.cjs"), 1);
-var import_FrameTarget = __toESM(require("./FrameTarget.cjs"), 1);
+var import_FrameAnchor = require("./FrameAnchor.cjs");
+var import_FrameForm = require("./FrameForm.cjs");
+var import_FrameTarget = require("./FrameTarget.cjs");
 function getScrollPosition() {
   return {
     left: window.pageXOffset,
@@ -46,43 +43,21 @@ var _Frame = class extends import_js_toolkit.Base {
   get id() {
     return this.$el.id;
   }
-  getDirectChild(name) {
-    if (!this.$children[name]) {
-      return [];
-    }
-    if (!this.$children.Frame) {
-      return this.$children[name];
-    }
-    return this.$children[name].filter((child) => this.$children.Frame.every((frame) => frame.$children[name] ? !frame.$children[name].includes(child) : true));
-  }
   get directChildrenFrameTarget() {
     return (0, import_js_toolkit.getDirectChildren)(this, "Frame", "FrameTarget");
   }
-  mounted() {
-    if (this.$options.history) {
-      window.addEventListener("popstate", this);
-    }
-  }
-  destroyed() {
-    window.removeEventListener("popstate", this);
-  }
-  handleEvent(event) {
-    if (event.type === "popstate") {
-      this.onWindowPopstate(event);
-    }
-    if (event.type === "beforeunload") {
-      this.onWindowUnload();
-    }
-  }
   onWindowUnload() {
     const { history } = window;
     if (!history.state) {
       return;
     }
-    history.replaceState({
-      ...history.state,
-      scroll: getScrollPosition()
-    }, "");
+    history.replaceState(
+      {
+        ...history.state,
+        scroll: getScrollPosition()
+      },
+      ""
+    );
   }
   onWindowPopstate(event) {
     this.goTo(window.location.href, event.state);
@@ -130,7 +105,9 @@ var _Frame = class extends import_js_toolkit.Base {
     await Promise.all(this.directChildrenFrameTarget.map((target) => target.leave()));
     this.$emit("after-leave");
     this.$emit("before-content");
-    this.directChildrenFrameTarget.map((target, index) => target.updateContent(newFrame.directChildrenFrameTarget[index]));
+    this.directChildrenFrameTarget.map(
+      (target, index) => target.updateContent(newFrame.directChildrenFrameTarget[index])
+    );
     if (this.$options.history) {
       document.title = doc.title;
       (0, import_utils.historyPush)({ path: parsedUrl.pathname, search: parsedUrl.searchParams });
@@ -155,14 +132,14 @@ var _Frame = class extends import_js_toolkit.Base {
       }
       return cached.content;
     }
-    const promise = fetch(url);
+    const promise = fetch(url).then((response) => response.text());
     try {
       cache.set(url, {
         promise,
         status: "pending",
         content: void 0
       });
-      const content = await promise.then((response) => response.text());
+      const content = await promise;
       cache.set(url, {
         promise,
         status: "resolved",
@@ -193,9 +170,9 @@ __publicField(Frame, "config", {
     "after-enter"
   ],
   components: {
-    FrameAnchor: import_FrameAnchor.default,
-    FrameForm: import_FrameForm.default,
-    FrameTarget: import_FrameTarget.default,
+    FrameAnchor: import_FrameAnchor.FrameAnchor,
+    FrameForm: import_FrameForm.FrameForm,
+    FrameTarget: import_FrameTarget.FrameTarget,
     Frame: _Frame
   },
   options: {

package/organisms/Frame/Frame.d.ts

@@ -1,141 +1,64 @@
-/**
- * @typedef {Object} FrameOptions
- * @property {boolean} history
- * @property {'replace'|'prepend'|'append'} position
- * @property {string} target
- */
-/**
- * @typedef {Frame & {
- *   $children: {
- *     FrameAnchor: FrameAnchor[],
- *     FrameForm: FrameForm[],
- *     FrameTarget: FrameTarget[],
- *     Frame: Frame[],
- *   }
- * }} FrameInterface
- */
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+import { FrameAnchor } from './FrameAnchor.js';
+import { FrameForm } from './FrameForm.js';
+import { FrameTarget } from './FrameTarget.js';
+export interface FrameProps extends BaseProps {
+    $children: {
+        FrameAnchor: FrameAnchor[];
+        FrameForm: FrameForm[];
+        FrameTarget: FrameTarget[];
+        Frame: Frame[];
+    };
+    $options: {
+        history: boolean;
+    };
+}
 /**
  * Class.
  */
-export default class Frame extends Base {
+export declare class Frame<T extends BaseProps = BaseProps> extends Base<T & FrameProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        emits: string[];
-        components: {
-            FrameAnchor: typeof FrameAnchor;
-            FrameForm: typeof FrameForm;
-            FrameTarget: typeof FrameTarget;
-            Frame: typeof Frame;
-        };
-        options: {
-            history: BooleanConstructor;
-        };
-    };
+    static config: BaseConfig;
     /**
      * Get uniq id.
-     * @returns {string}
      */
     get id(): string;
-    /**
-     * Get direct children.
-     *
-     * @this    {FrameInterface}
-     * @param   {string} name
-     * @returns {any[]}
-     */
-    getDirectChild(this: FrameInterface, name: string): any[];
     /**
      * Get direct `FrameTarget` children.
-     * @returns {FrameTarget[]}
      */
     get directChildrenFrameTarget(): FrameTarget[];
-    /**
-     * Mounted hook.
-     * @returns {void}
-     */
-    mounted(): void;
-    /**
-     * Destroyed hook.
-     * @returns {void}
-     */
-    destroyed(): void;
-    /**
-     * Dispatch events.
-     * @param   {PopStateEvent} event
-     * @returns {void}
-     */
-    handleEvent(event: PopStateEvent): void;
     /**
      * Prevent scroll top on unload.
-     *
-     * @returns {void}
      */
     onWindowUnload(): void;
     /**
      * Go to the previous URL on `popstate` event.
-     *
-     * @param   {PopStateEvent} event
-     * @returns {void}
      */
     onWindowPopstate(event: PopStateEvent): void;
     /**
      * Prevent click on `FrameAnchor`.
-     *
-     * @this    {FrameInterface}
-     * @param   {number} index
-     * @param   {MouseEvent} event
-     * @returns {void}
      */
-    onFrameAnchorClick(this: FrameInterface, index: number, event: MouseEvent): void;
+    onFrameAnchorClick(index: number, event: MouseEvent): void;
     /**
      * Prevent submit on forms.
-     *
-     * @this    {FrameInterface}
-     * @param   {number} index
-     * @param   {SubmitEvent} event
-     * @returns {void}
      */
-    onFrameFormSubmit(this: FrameInterface, index: number, event: SubmitEvent): void;
+    onFrameFormSubmit(index: number, event: SubmitEvent): void;
     /**
      * Parge an HTML string into a DOM object.
-     * @param   {string} string
-     * @returns {Document}
      */
     parseHTML(string?: string): Document;
     /**
      * Go to the given url.
-     * @param   {string} url
-     * @param   {null|{ top: number, left: number }} [scroll]
-     * @returns {Promise<void>}
      */
-    goTo(url: string, scroll?: null | {
+    goTo(url: string, scroll?: {
         top: number;
         left: number;
     }): Promise<void>;
     /**
      * Fetch the given url.
-     * @param   {string} url
-     * @returns {Promise<string>}
      */
     fetch(url: string): Promise<string>;
 }
-export type FrameOptions = {
-    history: boolean;
-    position: 'replace' | 'prepend' | 'append';
-    target: string;
-};
-export type FrameInterface = Frame & {
-    $children: {
-        FrameAnchor: FrameAnchor[];
-        FrameForm: FrameForm[];
-        FrameTarget: FrameTarget[];
-        Frame: Frame[];
-    };
-};
-import { Base } from "@studiometa/js-toolkit";
-import FrameTarget from "./FrameTarget.js";
-import FrameAnchor from "./FrameAnchor.js";
-import FrameForm from "./FrameForm.js";

package/organisms/Frame/Frame.js

@@ -1 +1,161 @@
-import{Base as f,isDirectChild as c,getDirectChildren as p}from"@studiometa/js-toolkit";import{nextFrame as m,historyPush as w}from"@studiometa/js-toolkit/utils";import g from"./FrameAnchor.js";import F from"./FrameForm.js";import u from"./FrameTarget.js";function $(){return{left:window.pageXOffset,top:window.pageYOffset}}const a=new Map;class s extends f{static config={name:"Frame",emits:["before-fetch","after-fetch","before-leave","after-leave","before-content","after-content","before-enter","after-enter"],components:{FrameAnchor:g,FrameForm:F,FrameTarget:u,Frame:s},options:{history:Boolean}};get id(){return this.$el.id}getDirectChild(e){return this.$children[e]?this.$children.Frame?this.$children[e].filter(r=>this.$children.Frame.every(t=>t.$children[e]?!t.$children[e].includes(r):!0)):this.$children[e]:[]}get directChildrenFrameTarget(){return p(this,"Frame","FrameTarget")}mounted(){this.$options.history&&window.addEventListener("popstate",this)}destroyed(){window.removeEventListener("popstate",this)}handleEvent(e){e.type==="popstate"&&this.onWindowPopstate(e),e.type==="beforeunload"&&this.onWindowUnload()}onWindowUnload(){const{history:e}=window;!e.state||e.replaceState({...e.state,scroll:$()},"")}onWindowPopstate(e){this.goTo(window.location.href,e.state)}onFrameAnchorClick(e,r){if(!c(this,"Frame","FrameAnchor",this.$children.FrameAnchor[e]))return;this.$log("onAFrameClick",e,r),r.preventDefault();const t=this.$children.FrameAnchor[e];t.href!==window.location.href&&this.goTo(t.href)}onFrameFormSubmit(e,r){if(!c(this,"Frame","FrameForm",this.$children.FrameForm[e]))return;this.$log("onFrameFormFrameSubmit",e,r),r.preventDefault();const t=this.$children.FrameForm[e],i=new URL(t.action);i.search=new URLSearchParams(new FormData(t.$el)).toString(),this.goTo(i.toString())}parseHTML(e=""){return new DOMParser().parseFromString(e,"text/html")}async goTo(e,r=null){this.$log("goTo",e);const t=new URL(e);if(t.origin!==window.location.origin)throw new Error("Cross origin request are not allowed.");this.$emit("before-fetch",e);const i=await this.fetch(e),n=this.parseHTML(i),l=n.querySelector(`#${this.id}`),h=new s(l);h.$children.registerAll(),this.$emit("after-fetch",e,i),this.$emit("before-leave"),await Promise.all(this.directChildrenFrameTarget.map(o=>o.leave())),this.$emit("after-leave"),this.$emit("before-content"),this.directChildrenFrameTarget.map((o,d)=>o.updateContent(h.directChildrenFrameTarget[d])),this.$options.history&&(document.title=n.title,w({path:t.pathname,search:t.searchParams})),r&&(document.scrollingElement.scrollTop=r.top,document.scrollingElement.scrollLeft=r.left),await m(),this.$root.$update(),await m(),this.$emit("after-content"),this.$emit("before-enter"),await Promise.all(this.directChildrenFrameTarget.map(o=>o.enter())),this.$emit("after-enter")}async fetch(e){const r=a.get(e);if(r)return r.status==="pending"?r.promise:r.content;const t=fetch(e);try{a.set(e,{promise:t,status:"pending",content:void 0});const i=await t.then(n=>n.text());return a.set(e,{promise:t,status:"resolved",content:i}),i}catch(i){return a.set(e,{promise:t,status:"error",content:i}),i}}}export{s as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { Base, isDirectChild, getDirectChildren } from "@studiometa/js-toolkit";
+import { nextFrame, historyPush } from "@studiometa/js-toolkit/utils";
+import { FrameAnchor } from "./FrameAnchor.js";
+import { FrameForm } from "./FrameForm.js";
+import { FrameTarget } from "./FrameTarget.js";
+function getScrollPosition() {
+  return {
+    left: window.pageXOffset,
+    top: window.pageYOffset
+  };
+}
+const cache = /* @__PURE__ */ new Map();
+const _Frame = class extends Base {
+  get id() {
+    return this.$el.id;
+  }
+  get directChildrenFrameTarget() {
+    return getDirectChildren(this, "Frame", "FrameTarget");
+  }
+  onWindowUnload() {
+    const { history } = window;
+    if (!history.state) {
+      return;
+    }
+    history.replaceState(
+      {
+        ...history.state,
+        scroll: getScrollPosition()
+      },
+      ""
+    );
+  }
+  onWindowPopstate(event) {
+    this.goTo(window.location.href, event.state);
+  }
+  onFrameAnchorClick(index, event) {
+    if (!isDirectChild(this, "Frame", "FrameAnchor", this.$children.FrameAnchor[index])) {
+      return;
+    }
+    this.$log("onAFrameClick", index, event);
+    event.preventDefault();
+    const anchor = this.$children.FrameAnchor[index];
+    if (anchor.href === window.location.href) {
+      return;
+    }
+    this.goTo(anchor.href);
+  }
+  onFrameFormSubmit(index, event) {
+    if (!isDirectChild(this, "Frame", "FrameForm", this.$children.FrameForm[index])) {
+      return;
+    }
+    this.$log("onFrameFormFrameSubmit", index, event);
+    event.preventDefault();
+    const form = this.$children.FrameForm[index];
+    const url = new URL(form.action);
+    url.search = new URLSearchParams(new FormData(form.$el)).toString();
+    this.goTo(url.toString());
+  }
+  parseHTML(string = "") {
+    return new DOMParser().parseFromString(string, "text/html");
+  }
+  async goTo(url, scroll = null) {
+    this.$log("goTo", url);
+    const parsedUrl = new URL(url);
+    if (parsedUrl.origin !== window.location.origin) {
+      throw new Error("Cross origin request are not allowed.");
+    }
+    this.$emit("before-fetch", url);
+    const content = await this.fetch(url);
+    const doc = this.parseHTML(content);
+    const el = doc.querySelector(`#${this.id}`);
+    const newFrame = new _Frame(el);
+    newFrame.$children.registerAll();
+    this.$emit("after-fetch", url, content);
+    this.$emit("before-leave");
+    await Promise.all(this.directChildrenFrameTarget.map((target) => target.leave()));
+    this.$emit("after-leave");
+    this.$emit("before-content");
+    this.directChildrenFrameTarget.map(
+      (target, index) => target.updateContent(newFrame.directChildrenFrameTarget[index])
+    );
+    if (this.$options.history) {
+      document.title = doc.title;
+      historyPush({ path: parsedUrl.pathname, search: parsedUrl.searchParams });
+    }
+    if (scroll) {
+      document.scrollingElement.scrollTop = scroll.top;
+      document.scrollingElement.scrollLeft = scroll.left;
+    }
+    await nextFrame();
+    this.$root.$update();
+    await nextFrame();
+    this.$emit("after-content");
+    this.$emit("before-enter");
+    await Promise.all(this.directChildrenFrameTarget.map((target) => target.enter()));
+    this.$emit("after-enter");
+  }
+  async fetch(url) {
+    const cached = cache.get(url);
+    if (cached) {
+      if (cached.status === "pending") {
+        return cached.promise;
+      }
+      return cached.content;
+    }
+    const promise = fetch(url).then((response) => response.text());
+    try {
+      cache.set(url, {
+        promise,
+        status: "pending",
+        content: void 0
+      });
+      const content = await promise;
+      cache.set(url, {
+        promise,
+        status: "resolved",
+        content
+      });
+      return content;
+    } catch (err) {
+      cache.set(url, {
+        promise,
+        status: "error",
+        content: err
+      });
+      return err;
+    }
+  }
+};
+let Frame = _Frame;
+__publicField(Frame, "config", {
+  name: "Frame",
+  emits: [
+    "before-fetch",
+    "after-fetch",
+    "before-leave",
+    "after-leave",
+    "before-content",
+    "after-content",
+    "before-enter",
+    "after-enter"
+  ],
+  components: {
+    FrameAnchor,
+    FrameForm,
+    FrameTarget,
+    Frame: _Frame
+  },
+  options: {
+    history: Boolean
+  }
+});
+export {
+  Frame
+};

package/organisms/Frame/FrameAnchor.cjs

@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/organisms/Frame/FrameAnchor.js
+// packages/ui/organisms/Frame/FrameAnchor.ts
 var FrameAnchor_exports = {};
 __export(FrameAnchor_exports, {
-  default: () => FrameAnchor
+  FrameAnchor: () => FrameAnchor
 });
 module.exports = __toCommonJS(FrameAnchor_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");

package/organisms/Frame/FrameAnchor.d.ts

@@ -1,27 +1,18 @@
-/**
- * @typedef {FrameAnchor & {
- *   $el: HTMLAnchorElement
- * }} FrameAnchorInterface
- */
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+export interface FrameAnchorProps extends BaseProps {
+    $el: HTMLAnchorElement;
+}
 /**
  * FrameAnchor class.
  */
-export default class FrameAnchor extends Base {
+export declare class FrameAnchor<T extends BaseProps = BaseProps> extends Base<T & FrameAnchorProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-    };
+    static config: BaseConfig;
     /**
      * Get the URL.
-     *
-     * @this    {FrameAnchorInterface}
-     * @returns {string}
      */
     get href(): string;
 }
-export type FrameAnchorInterface = FrameAnchor & {
-    $el: HTMLAnchorElement;
-};
-import { Base } from "@studiometa/js-toolkit";

package/organisms/Frame/FrameAnchor.js

@@ -1 +1,18 @@
-import{Base as e}from"@studiometa/js-toolkit";class r extends e{static config={name:"FrameAnchor"};get href(){return this.$el.href}}export{r as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { Base } from "@studiometa/js-toolkit";
+class FrameAnchor extends Base {
+  get href() {
+    return this.$el.href;
+  }
+}
+__publicField(FrameAnchor, "config", {
+  name: "FrameAnchor"
+});
+export {
+  FrameAnchor
+};

package/organisms/Frame/FrameForm.cjs

@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/organisms/Frame/FrameForm.js
+// packages/ui/organisms/Frame/FrameForm.ts
 var FrameForm_exports = {};
 __export(FrameForm_exports, {
-  default: () => FrameForm
+  FrameForm: () => FrameForm
 });
 module.exports = __toCommonJS(FrameForm_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");