@studiometa/ui 0.2.12 → 0.2.14

package/atoms/Figure/FigureTwicPics.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,25 +15,24 @@ 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/atoms/Figure/FigureTwicPics.js
+// packages/ui/atoms/Figure/FigureTwicPics.ts
 var FigureTwicPics_exports = {};
 __export(FigureTwicPics_exports, {
-  default: () => FigureTwicPics
+  FigureTwicPics: () => FigureTwicPics
 });
 module.exports = __toCommonJS(FigureTwicPics_exports);
-var import_Figure = __toESM(require("./Figure.cjs"), 1);
+var import_Figure = require("./Figure.cjs");
 function normalizeSize(that, prop) {
   const { step } = that.$options;
   return Math.ceil(that.$refs.img[prop] / step) * step;
 }
-var FigureTwicPics = class extends import_Figure.default {
+var FigureTwicPics = class extends import_Figure.Figure {
   get domain() {
     const url = new URL(this.$refs.img.dataset.src);
     return url.host;
@@ -45,7 +42,10 @@ var FigureTwicPics = class extends import_Figure.default {
     url.host = this.domain;
     const width = normalizeSize(this, "offsetWidth");
     const height = normalizeSize(this, "offsetHeight");
-    url.searchParams.set("twic", ["v1", this.$options.transform, `${this.$options.mode}=${width}x${height}`].filter(Boolean).join("/"));
+    url.searchParams.set(
+      "twic",
+      ["v1", this.$options.transform, `${this.$options.mode}=${width}x${height}`].filter(Boolean).join("/")
+    );
     url.search = decodeURIComponent(url.search);
     super.src = url.toString();
   }
@@ -54,10 +54,10 @@ var FigureTwicPics = class extends import_Figure.default {
   }
 };
 __publicField(FigureTwicPics, "config", {
-  ...import_Figure.default.config,
+  ...import_Figure.Figure.config,
   name: "FigureTwicPics",
   options: {
-    ...import_Figure.default.config.options,
+    ...import_Figure.Figure.config.options,
     transform: String,
     step: {
       type: Number,

package/atoms/Figure/FigureTwicPics.d.ts

@@ -1,53 +1,32 @@
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import { Figure } from './Figure.js';
+export interface FigureTwicPicsProps extends BaseProps {
+    $options: {
+        transform: string;
+        step: number;
+        mode: string;
+    };
+}
 /**
  * Figure class.
  *
  * Manager lazyloading image sources.
  */
-export default class FigureTwicPics extends Figure {
+export declare class FigureTwicPics<T extends BaseProps = BaseProps> extends Figure<T & FigureTwicPicsProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        options: {
-            transform: StringConstructor;
-            step: {
-                type: NumberConstructor;
-                default: number;
-            };
-            mode: {
-                type: StringConstructor;
-                default: string;
-            };
-            lazy: BooleanConstructor;
-        };
-        refs: string[];
-        debug?: boolean;
-        log?: boolean;
-        emits?: string[];
-        components?: import("@studiometa/js-toolkit/Base/index.js").BaseConfigComponents;
-    };
+    static config: BaseConfig;
     /**
      * Get the TwicPics domain.
-     *
-     * @this {FigureTwicPicsInterface}
-     * @returns {string}
      */
     get domain(): string;
+    /**
+     * Add TwicPics transforms and domain to the URL.
+     */
+    set src(value: string);
     /**
      * Reassign the source from the original on resized.
-     *
-     * @this {FigureTwicPicsInterface}
-     * @returns {void}
      */
-    resized(this: FigureTwicPicsInterface): void;
+    resized(): void;
 }
-export type FigureInterface = import('./Figure.js').FigureInterface;
-export type FigureTwicPicsInterface = FigureTwicPics & FigureInterface & {
-    $options: {
-        transform: string;
-        step: number;
-        mode: string;
-    };
-};
-import Figure from "./Figure.js";

package/atoms/Figure/FigureTwicPics.js

@@ -1 +1,51 @@
-import e from"./Figure.js";function o(i,s){const{step:t}=i.$options;return Math.ceil(i.$refs.img[s]/t)*t}class c extends e{static config={...e.config,name:"FigureTwicPics",options:{...e.config.options,transform:String,step:{type:Number,default:50},mode:{type:String,default:"cover"}}};get domain(){return new URL(this.$refs.img.dataset.src).host}set src(s){const t=new URL(s,window.location.origin);t.host=this.domain;const r=o(this,"offsetWidth"),n=o(this,"offsetHeight");t.searchParams.set("twic",["v1",this.$options.transform,`${this.$options.mode}=${r}x${n}`].filter(Boolean).join("/")),t.search=decodeURIComponent(t.search),super.src=t.toString()}resized(){this.src=this.$refs.img.dataset.src}}export{c 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 { Figure } from "./Figure.js";
+function normalizeSize(that, prop) {
+  const { step } = that.$options;
+  return Math.ceil(that.$refs.img[prop] / step) * step;
+}
+class FigureTwicPics extends Figure {
+  get domain() {
+    const url = new URL(this.$refs.img.dataset.src);
+    return url.host;
+  }
+  set src(value) {
+    const url = new URL(value, window.location.origin);
+    url.host = this.domain;
+    const width = normalizeSize(this, "offsetWidth");
+    const height = normalizeSize(this, "offsetHeight");
+    url.searchParams.set(
+      "twic",
+      ["v1", this.$options.transform, `${this.$options.mode}=${width}x${height}`].filter(Boolean).join("/")
+    );
+    url.search = decodeURIComponent(url.search);
+    super.src = url.toString();
+  }
+  resized() {
+    this.src = this.$refs.img.dataset.src;
+  }
+}
+__publicField(FigureTwicPics, "config", {
+  ...Figure.config,
+  name: "FigureTwicPics",
+  options: {
+    ...Figure.config.options,
+    transform: String,
+    step: {
+      type: Number,
+      default: 50
+    },
+    mode: {
+      type: String,
+      default: "cover"
+    }
+  }
+});
+export {
+  FigureTwicPics
+};

package/atoms/Figure/index.cjs

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

package/atoms/Figure/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Figure } from "./Figure.js";
-export { default as FigureTwicPics } from "./FigureTwicPics.js";
+export * from './Figure.js';
+export * from './FigureTwicPics.js';

package/atoms/Figure/index.js

@@ -1 +1,2 @@
-import{default as a}from"./Figure.js";import{default as i}from"./FigureTwicPics.js";export{a as Figure,i as FigureTwicPics};
+export * from "./Figure.js";
+export * from "./FigureTwicPics.js";

package/atoms/LargeText/LargeText.cjs

@@ -21,22 +21,25 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/atoms/LargeText/LargeText.js
+// packages/ui/atoms/LargeText/LargeText.ts
 var LargeText_exports = {};
 __export(LargeText_exports, {
-  default: () => LargeText
+  LargeText: () => LargeText
 });
 module.exports = __toCommonJS(LargeText_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_utils = require("@studiometa/js-toolkit/utils");
 var LargeText = class extends (0, import_js_toolkit.withMountWhenInView)(import_js_toolkit.Base, { rootMargin: "50%" }) {
-  x = 0;
-  deltaY = 0;
-  transform = {
-    skewX: 0,
-    x: 0
-  };
-  width = 0;
+  constructor() {
+    super(...arguments);
+    __publicField(this, "x", 0);
+    __publicField(this, "deltaY", 0);
+    __publicField(this, "transform", {
+      skewX: 0,
+      x: 0
+    });
+    __publicField(this, "width", 0);
+  }
   mounted() {
     this.width = this.$refs.target.clientWidth;
   }
@@ -50,7 +53,11 @@ var LargeText = class extends (0, import_js_toolkit.withMountWhenInView)(import_
     this.x -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;
     this.transform.x = (0, import_utils.damp)(this.x, this.transform.x, 0.25);
     if (this.$options.skew) {
-      this.transform.skewX = (0, import_utils.damp)((0, import_utils.clamp)(this.deltaY * -1, -50, 50) * this.$options.skewSensitivity, this.transform.skewX, 0.25);
+      this.transform.skewX = (0, import_utils.damp)(
+        (0, import_utils.clamp)(this.deltaY * -1, -50, 50) * this.$options.skewSensitivity,
+        this.transform.skewX,
+        0.25
+      );
     }
     if (this.x <= this.width * -1) {
       this.x = 0;

package/atoms/LargeText/LargeText.d.ts

@@ -1,17 +1,20 @@
-/**
- * @typedef {LargeText & {
- *   $refs: { target: HTMLElement },
- *   $options: {
- *     skew: boolean,
- *     sensitivity: number,
- *     skewSensitivity: number,
- *   }
- * }} LargeTextInterface
- */
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseInterface, ScrollServiceProps } from '@studiometa/js-toolkit';
+export interface LargeTextProps extends BaseProps {
+    $refs: {
+        target: HTMLElement;
+    };
+    $options: {
+        skew: boolean;
+        sensitivity: number;
+        skewSensitivity: number;
+    };
+}
+declare const LargeText_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithMountWhenInViewInterface, Base<BaseProps>, import("@studiometa/js-toolkit").WithMountWhenInViewProps>;
 /**
  * Large text class.
  */
-export default class LargeText extends Base {
+export declare class LargeText<T extends BaseProps = BaseProps> extends LargeText_base<T & LargeTextProps> implements BaseInterface {
     /**
      * Config.
      */
@@ -32,12 +35,10 @@ export default class LargeText extends Base {
     };
     /**
      * Translate X.
-     * @type {number}
      */
     x: number;
     /**
      * Scroll delta Y.
-     * @type {number}
      */
     deltaY: number;
     /**
@@ -49,45 +50,23 @@ export default class LargeText extends Base {
     };
     /**
      * Target width.
-     * @type {number}
      */
     width: number;
     /**
      * Set width on mount.
-     *
-     * @this    {LargeTextInterface}
-     * @returns {void}
      */
-    mounted(this: LargeTextInterface): void;
+    mounted(): void;
     /**
      * Set width on resize.
-     *
-     * @this    {LargeTextInterface}
-     * @returns {void}
      */
-    resized(this: LargeTextInterface): void;
+    resized(): void;
     /**
      * Update delta scroll on scroll.
-     *
-     * @param   {import('@studiometa/js-toolkit/services/scroll').ScrollServiceProps} props
-     * @returns {void}
      */
-    scrolled(props: import('@studiometa/js-toolkit/services/scroll').ScrollServiceProps): void;
+    scrolled(props: ScrollServiceProps): void;
     /**
      * Update values on raf.
-     *
-     * @this    {LargeTextInterface}
      */
-    ticked(this: LargeTextInterface): () => void;
+    ticked(): () => void;
 }
-export type LargeTextInterface = LargeText & {
-    $refs: {
-        target: HTMLElement;
-    };
-    $options: {
-        skew: boolean;
-        sensitivity: number;
-        skewSensitivity: number;
-    };
-};
-import { Base } from "@studiometa/js-toolkit";
+export {};

package/atoms/LargeText/LargeText.js

@@ -1 +1,68 @@
-import{Base as s,withMountWhenInView as e}from"@studiometa/js-toolkit";import{damp as t,clamp as h,transform as r}from"@studiometa/js-toolkit/utils";class a extends e(s,{rootMargin:"50%"}){static config={name:"LargeText",refs:["target"],options:{skew:Boolean,sensitivity:{type:Number,default:1},skewSensitivity:{type:Number,default:1}}};x=0;deltaY=0;transform={skewX:0,x:0};width=0;mounted(){this.width=this.$refs.target.clientWidth}resized(){this.width=this.$refs.target.clientWidth}scrolled(i){this.deltaY=i.delta.y}ticked(){return this.x-=(Math.abs(this.deltaY)+1)*this.$options.sensitivity,this.transform.x=t(this.x,this.transform.x,.25),this.$options.skew&&(this.transform.skewX=t(h(this.deltaY*-1,-50,50)*this.$options.skewSensitivity,this.transform.skewX,.25)),this.x<=this.width*-1?(this.x=0,this.transform.x+=this.width):this.$options.sensitivity<0&&this.x>=this.width&&(this.x=0,this.transform.x-=this.width),()=>{r(this.$refs.target,this.transform)}}}export{a 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, withMountWhenInView } from "@studiometa/js-toolkit";
+import { damp, clamp, transform } from "@studiometa/js-toolkit/utils";
+class LargeText extends withMountWhenInView(Base, { rootMargin: "50%" }) {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "x", 0);
+    __publicField(this, "deltaY", 0);
+    __publicField(this, "transform", {
+      skewX: 0,
+      x: 0
+    });
+    __publicField(this, "width", 0);
+  }
+  mounted() {
+    this.width = this.$refs.target.clientWidth;
+  }
+  resized() {
+    this.width = this.$refs.target.clientWidth;
+  }
+  scrolled(props) {
+    this.deltaY = props.delta.y;
+  }
+  ticked() {
+    this.x -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;
+    this.transform.x = damp(this.x, this.transform.x, 0.25);
+    if (this.$options.skew) {
+      this.transform.skewX = damp(
+        clamp(this.deltaY * -1, -50, 50) * this.$options.skewSensitivity,
+        this.transform.skewX,
+        0.25
+      );
+    }
+    if (this.x <= this.width * -1) {
+      this.x = 0;
+      this.transform.x += this.width;
+    } else if (this.$options.sensitivity < 0 && this.x >= this.width) {
+      this.x = 0;
+      this.transform.x -= this.width;
+    }
+    return () => {
+      transform(this.$refs.target, this.transform);
+    };
+  }
+}
+__publicField(LargeText, "config", {
+  name: "LargeText",
+  refs: ["target"],
+  options: {
+    skew: Boolean,
+    sensitivity: {
+      type: Number,
+      default: 1
+    },
+    skewSensitivity: {
+      type: Number,
+      default: 1
+    }
+  }
+});
+export {
+  LargeText
+};

package/atoms/LargeText/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/atoms/LargeText/index.ts
+var LargeText_exports = {};
+module.exports = __toCommonJS(LargeText_exports);
+__reExport(LargeText_exports, require("./LargeText.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/LargeText/index.d.ts

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

package/atoms/LargeText/index.js

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

package/atoms/LazyInclude/LazyInclude.cjs

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

package/atoms/LazyInclude/LazyInclude.d.ts

@@ -1,12 +1,19 @@
-/**
- * @typedef {{ src: string, terminateOnLoad: boolean }} LazyIncludeOptions
- * @typedef {{ loading: HTMLElement, error: HTMLElement }} LazyIncludeRefs
- * @typedef {LazyInclude & { $refs: LazyIncludeRefs, $options: LazyIncludeOptions }} LazyIncludeInterface
- */
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseInterface } from '@studiometa/js-toolkit';
+export interface LazyIncludeProps extends BaseProps {
+    $refs: {
+        loading: HTMLElement;
+        error: HTMLElement;
+    };
+    $options: {
+        src: string;
+        terminateOnLoad: boolean;
+    };
+}
 /**
  * LazyInclude class.
  */
-export default class LazyInclude extends Base {
+export declare class LazyInclude<T extends BaseProps = BaseProps> extends Base<T & LazyIncludeProps> implements BaseInterface {
     /**
      * Config.
      */
@@ -21,44 +28,18 @@ export default class LazyInclude extends Base {
     };
     /**
      * Load the lazy content on mount.
-     *
-     * @this {LazyIncludeInterface}
-     * @returns {void}
      */
-    mounted(this: LazyIncludeInterface): void;
+    mounted(): void;
     /**
      * Set content.
-     *
-     * @this {LazyIncludeInterface}
-     * @param   {string} content
-     * @returns {void}
      */
-    onContent(this: LazyIncludeInterface, content: string): void;
+    onContent(content: string): void;
     /**
      * Set error.
-     *
-     * @this {LazyIncludeInterface}
-     * @returns {void}
      */
-    onError(this: LazyIncludeInterface): void;
+    onError(): void;
     /**
      * Always.
-     *
-     * @this {LazyIncludeInterface}
-     * @returns {void}
      */
-    onAlways(this: LazyIncludeInterface): void;
+    onAlways(): void;
 }
-export type LazyIncludeOptions = {
-    src: string;
-    terminateOnLoad: boolean;
-};
-export type LazyIncludeRefs = {
-    loading: HTMLElement;
-    error: HTMLElement;
-};
-export type LazyIncludeInterface = LazyInclude & {
-    $refs: LazyIncludeRefs;
-    $options: LazyIncludeOptions;
-};
-import { Base } from "@studiometa/js-toolkit";

package/atoms/LazyInclude/LazyInclude.js

@@ -1 +1,46 @@
-import{Base as e}from"@studiometa/js-toolkit";class i extends e{static config={name:"LazyInclude",refs:["loading","error"],emits:["content","error","always"],options:{src:String,terminateOnLoad:Boolean}};mounted(){if(!this.$options.src){this.$log("The `src` option is missing. Define it with the `data-option-src` attribute");return}fetch(this.$options.src).then(t=>t.text()).then(t=>{this.$emit("content",t)}).catch(t=>{this.$emit("error",t)}).finally(()=>{this.$emit("always")})}onContent(t){this.$refs.loading.style.display="none",this.$el.innerHTML=t}onError(){this.$refs.error.style.display="block"}onAlways(){this.$options.terminateOnLoad&&this.$terminate()}}export{i 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 LazyInclude extends Base {
+  mounted() {
+    if (!this.$options.src) {
+      this.$log("The `src` option is missing. Define it with the `data-option-src` attribute");
+      return;
+    }
+    fetch(this.$options.src).then((response) => response.text()).then((content) => {
+      this.$emit("content", content);
+    }).catch((error) => {
+      this.$emit("error", error);
+    }).finally(() => {
+      this.$emit("always");
+    });
+  }
+  onContent(content) {
+    this.$refs.loading.style.display = "none";
+    this.$el.innerHTML = content;
+  }
+  onError() {
+    this.$refs.error.style.display = "block";
+  }
+  onAlways() {
+    if (this.$options.terminateOnLoad) {
+      this.$terminate();
+    }
+  }
+}
+__publicField(LazyInclude, "config", {
+  name: "LazyInclude",
+  refs: ["loading", "error"],
+  emits: ["content", "error", "always"],
+  options: {
+    src: String,
+    terminateOnLoad: Boolean
+  }
+});
+export {
+  LazyInclude
+};

package/atoms/LazyInclude/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/atoms/LazyInclude/index.ts
+var LazyInclude_exports = {};
+module.exports = __toCommonJS(LazyInclude_exports);
+__reExport(LazyInclude_exports, require("./LazyInclude.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/LazyInclude/index.d.ts

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

package/atoms/LazyInclude/index.js

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