@elmethis/vue 0.4.1 → 0.5.0

package/dist/components/media/ElmFile.vue.d.ts

@@ -1,21 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmFileProps {
-    /**
-     * The name of the file.
-     */
-    name?: string;
-    /**
-     * The source of the file.
-     */
-    src: string;
-    /**
-     * The size of the file in bytes.
-     */
-    filesize?: string;
-    /**
-     * The margin of the file.
-     */
-    margin?: Property.MarginBlock;
-}
-declare const _default: import('vue').DefineComponent<ElmFileProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmFileProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/media/ElmFile.vue.mjs

@@ -1,10 +0,0 @@
-import _sfc_main from "./ElmFile.vue2.mjs";
-import style0 from "./ElmFile.vue3.mjs";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const cssModules = {
-  "$style": style0
-};
-const ElmFile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  ElmFile as default
-};

package/dist/components/media/ElmFile.vue2.mjs

@@ -1,79 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, createBlock, createCommentVNode } from "vue";
-import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
-import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
-import { mdiFileOutline, mdiDownload } from "@mdi/js";
-const _hoisted_1 = { style: { opacity: 0.6 } };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmFile",
-  props: {
-    name: {},
-    src: {},
-    filesize: {},
-    margin: {}
-  },
-  setup(__props) {
-    function getLastPathSegmentWithoutQueryOrHash(urlString) {
-      const cleanedUrl = urlString.split(/[?#]/)[0];
-      const pathSegments = cleanedUrl.split("/").filter(Boolean);
-      return pathSegments.length > 0 ? pathSegments[pathSegments.length - 1] : null;
-    }
-    async function downloadFile(url, filename) {
-      let link;
-      try {
-        const response = await fetch(url);
-        if (!response.ok) throw new Error("Failed to download file");
-        const blob = await response.blob();
-        link = document.createElement("a");
-        link.href = URL.createObjectURL(blob);
-        link.download = filename;
-        link.click();
-      } catch (error) {
-        console.error("ERROR:", error);
-      } finally {
-        if (link) URL.revokeObjectURL(link.href);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.file),
-        style: normalizeStyle({ "--margin-block": __props.margin })
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["left-container"])
-        }, [
-          createVNode(ElmMdiIcon, {
-            d: unref(mdiFileOutline),
-            size: "1.25em"
-          }, null, 8, ["d"]),
-          createVNode(ElmInlineText, {
-            text: __props.name ?? getLastPathSegmentWithoutQueryOrHash(__props.src) ?? "unknown file"
-          }, null, 8, ["text"])
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["right-container"])
-        }, [
-          createElementVNode("span", _hoisted_1, [
-            __props.filesize ? (openBlock(), createBlock(ElmInlineText, {
-              key: 0,
-              text: __props.filesize
-            }, null, 8, ["text"])) : createCommentVNode("", true)
-          ]),
-          createVNode(ElmMdiIcon, {
-            d: unref(mdiDownload),
-            class: normalizeClass(_ctx.$style["download-icon"]),
-            size: "1.25em",
-            onClick: _cache[0] || (_cache[0] = () => {
-              downloadFile(
-                __props.src,
-                __props.name ?? getLastPathSegmentWithoutQueryOrHash(__props.src) ?? "unknown file"
-              );
-            })
-          }, null, 8, ["d", "class"])
-        ], 2)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/media/ElmFile.vue3.mjs

@@ -1,23 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._file_1j0l6_1{margin-block:var(--margin-block);box-sizing:border-box;width:100%;padding:1rem;box-shadow:0 0 .125rem #0003;border-radius:.25rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff3}[data-theme=dark] ._file_1j0l6_1{background-color:#0003}._file_1j0l6_1 ._left-container_1j0l6_16{display:flex;justify-content:flex-start;align-items:center;gap:.75rem}._file_1j0l6_1 ._right-container_1j0l6_22{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}._file_1j0l6_1 ._right-container_1j0l6_22 ._download-icon_1j0l6_28{padding:.125rem;cursor:pointer;transition:color .2s,background-color .2s}._file_1j0l6_1 ._right-container_1j0l6_22 ._download-icon_1j0l6_28:hover{background-color:#0000001a}[data-theme=dark] ._file_1j0l6_1 ._right-container_1j0l6_22 ._download-icon_1j0l6_28:hover{background-color:#ffffff1a}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const file = "_file_1j0l6_1";
-const style0 = {
-  file,
-  "left-container": "_left-container_1j0l6_16",
-  "right-container": "_right-container_1j0l6_22",
-  "download-icon": "_download-icon_1j0l6_28"
-};
-export {
-  style0 as default,
-  file
-};

package/dist/components/media/ElmImage.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmImage } from './ElmImage.vue';
-declare const meta: Meta<typeof ElmImage>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Svg: Story;
-export declare const LongAlt: Story;
-export declare const Invalid: Story;
-export declare const Landscape: Story;
-export declare const Portrait: Story;
-export declare const Square: Story;

package/dist/components/media/ElmImage.vue.d.ts

@@ -1,29 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmImageProps {
-    /**
-     * Image source URL
-     */
-    src: string;
-    /**
-     * Image alt text
-     */
-    alt?: string;
-    block?: boolean;
-    /**
-     * Enable modal on image click. Default: `false`
-     */
-    enableModal?: boolean;
-    /**
-     * The margin of the image.
-     */
-    margin?: Property.MarginBlock;
-    width?: number;
-    height?: number;
-}
-declare const _default: import('vue').DefineComponent<ElmImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmImageProps> & Readonly<{}>, {
-    block: boolean;
-    enableModal: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    target: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/media/ElmImage.vue.mjs

@@ -1,10 +0,0 @@
-import _sfc_main from "./ElmImage.vue2.mjs";
-import style0 from "./ElmImage.vue3.mjs";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const cssModules = {
-  "$style": style0
-};
-const ElmImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  ElmImage as default
-};

package/dist/components/media/ElmImage.vue2.mjs

@@ -1,179 +0,0 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, createVNode, createElementVNode, Transition, unref, withCtx, createCommentVNode, normalizeStyle } from "vue";
-import ElmRectangleWave from "../fallback/ElmRectangleWave.vue.mjs";
-import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
-import { useImage, onKeyStroke, useIntersectionObserver } from "@vueuse/core";
-import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
-import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
-import { mdiMessageImageOutline } from "@mdi/js";
-import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
-const _hoisted_1 = ["src", "alt", "width", "height"];
-const _hoisted_2 = ["src", "alt", "width", "height"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmImage",
-  props: {
-    src: {},
-    alt: {},
-    block: { type: Boolean, default: false },
-    enableModal: { type: Boolean, default: false },
-    margin: {},
-    width: {},
-    height: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { isLoading, error } = useImage({ src: props.src });
-    const isModalOpen = ref(false);
-    onKeyStroke("Escape", (e) => {
-      e.preventDefault();
-      isModalOpen.value = false;
-    });
-    const target = ref(null);
-    const targetIsVisible = ref(false);
-    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-      if (props.block) targetIsVisible.value = isIntersecting;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.wrapper),
-        ref_key: "target",
-        ref: target
-      }, [
-        createVNode(Transition, {
-          mode: "out-in",
-          "enter-from-class": unref(fadeStyle)["fade-enter-from"],
-          "enter-active-class": unref(fadeStyle)["fade-enter-active"],
-          "enter-to-class": unref(fadeStyle)["fade-fast-enter-to"],
-          "leave-from-class": unref(fadeStyle)["fade-fast-leave-from"],
-          "leave-active-class": unref(fadeStyle)["fade-fast-leave-active"],
-          "leave-to-class": unref(fadeStyle)["fade-fast-leave-to"]
-        }, {
-          default: withCtx(() => [
-            unref(error) ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.error)
-            }, [
-              createVNode(ElmInlineText, {
-                text: "Error loading image",
-                color: "#c56565",
-                size: "1.5rem"
-              })
-            ], 2)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"]),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["image-frame"]),
-          style: normalizeStyle({
-            "--margin-block": __props.margin
-          })
-        }, [
-          createVNode(Transition, {
-            mode: "out-in",
-            "enter-from-class": unref(fadeStyle)["fade-enter-from"],
-            "enter-active-class": unref(fadeStyle)["fade-enter-active"],
-            "enter-to-class": unref(fadeStyle)["fade-fast-enter-to"],
-            "leave-from-class": unref(fadeStyle)["fade-fast-leave-from"],
-            "leave-active-class": unref(fadeStyle)["fade-fast-leave-active"],
-            "leave-to-class": unref(fadeStyle)["fade-fast-leave-to"]
-          }, {
-            default: withCtx(() => [
-              unref(isLoading) ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(_ctx.$style.fallback),
-                style: normalizeStyle({
-                  "aspect-ratio": __props.width && __props.height ? `${__props.width} / ${__props.height}` : "1200 / 630",
-                  width: __props.width && `${__props.width}px`,
-                  height: __props.height && `${__props.height}px`
-                })
-              }, [
-                createVNode(ElmRectangleWave),
-                createElementVNode("div", null, [
-                  createVNode(ElmDotLoadingIcon)
-                ])
-              ], 6)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"]),
-          createElementVNode("img", {
-            class: normalizeClass(__props.block ? _ctx.$style["image-block"] : _ctx.$style["image-inline"]),
-            src: __props.src,
-            alt: __props.alt,
-            width: __props.width,
-            height: __props.height,
-            onClick: _cache[0] || (_cache[0] = ($event) => {
-              if (__props.enableModal) isModalOpen.value = true;
-            }),
-            style: normalizeStyle({
-              "--margin-block": __props.margin,
-              "--width": __props.width && `${__props.width}px`,
-              "--height": __props.width && `${__props.height}px`,
-              cursor: __props.enableModal ? "zoom-in" : void 0,
-              opacity: !unref(isLoading) && !unref(error) ? 1 : 0,
-              pointerEvents: !unref(isLoading) && !unref(error) ? void 0 : "none"
-            })
-          }, null, 14, _hoisted_1)
-        ], 6),
-        createVNode(Transition, {
-          mode: "out-in",
-          "enter-from-class": unref(fadeStyle)["fade-enter-from"],
-          "enter-active-class": unref(fadeStyle)["fade-enter-active"],
-          "enter-to-class": unref(fadeStyle)["fade-enter-to"],
-          "leave-from-class": unref(fadeStyle)["fade-leave-from"],
-          "leave-active-class": unref(fadeStyle)["fade-leave-active"],
-          "leave-to-class": unref(fadeStyle)["fade-leave-to"]
-        }, {
-          default: withCtx(() => [
-            __props.block && !unref(isLoading) && __props.alt != null && __props.alt.trim() !== "" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(_ctx.$style["alt-container"])
-            }, [
-              createVNode(ElmMdiIcon, {
-                d: unref(mdiMessageImageOutline),
-                color: "#b69545",
-                style: { "flex-shrink": "0" }
-              }, null, 8, ["d"]),
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["alt-text"])
-              }, [
-                createVNode(ElmInlineText, {
-                  text: __props.alt,
-                  size: "0.8rem"
-                }, null, 8, ["text"])
-              ], 2)
-            ], 2)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"]),
-        createVNode(Transition, {
-          mode: "out-in",
-          "enter-from-class": unref(fadeStyle)["fade-enter-from"],
-          "enter-active-class": unref(fadeStyle)["fade-enter-active"],
-          "enter-to-class": unref(fadeStyle)["fade-enter-to"],
-          "leave-from-class": unref(fadeStyle)["fade-leave-from"],
-          "leave-active-class": unref(fadeStyle)["fade-leave-active"],
-          "leave-to-class": unref(fadeStyle)["fade-leave-to"]
-        }, {
-          default: withCtx(() => [
-            isModalOpen.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.modal),
-              onClick: _cache[1] || (_cache[1] = ($event) => isModalOpen.value = false)
-            }, [
-              createElementVNode("img", {
-                class: normalizeClass(_ctx.$style["modal-image"]),
-                src: __props.src,
-                alt: __props.alt,
-                width: __props.width,
-                height: __props.height
-              }, null, 10, _hoisted_2)
-            ], 2)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/media/ElmImage.vue3.mjs

@@ -1,34 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._wrapper_14s6t_1{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;opacity:var(--opacity)}._error_14s6t_10{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._image-frame_14s6t_22{position:relative;width:100%;display:grid;place-items:center;transition:opacity .2s}._fallback_14s6t_30{min-height:8rem;max-width:100%;z-index:2;display:flex;justify-content:center;align-items:center;grid-area:1/1}._image-block_14s6t_40,._image-inline_14s6t_40{display:block;grid-area:1/1;transition:opacity .2s ease .1s;z-index:0;width:auto;width:var(--width, auto);max-width:100%;height:auto;height:var(--height, auto)}._image-inline_14s6t_40{margin-block:0;margin-block:var(--margin-block, 0)}._image-block_14s6t_40{border-radius:.25rem;box-shadow:0 0 .125rem #0000004d}._alt-container_14s6t_59{max-width:80%;margin:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;color:#6987b8;opacity:.8}._modal_14s6t_70{position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#23262acc;cursor:zoom-out}._modal-image_14s6t_84{display:block;max-width:100%;cursor:zoom-out}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const wrapper = "_wrapper_14s6t_1";
-const error = "_error_14s6t_10";
-const fallback = "_fallback_14s6t_30";
-const modal = "_modal_14s6t_70";
-const style0 = {
-  wrapper,
-  error,
-  "image-frame": "_image-frame_14s6t_22",
-  fallback,
-  "image-block": "_image-block_14s6t_40",
-  "image-inline": "_image-inline_14s6t_40",
-  "alt-container": "_alt-container_14s6t_59",
-  modal,
-  "modal-image": "_modal-image_14s6t_84"
-};
-export {
-  style0 as default,
-  error,
-  fallback,
-  modal,
-  wrapper
-};

package/dist/components/navigation/ElmBookmark.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmBookmark } from './ElmBookmark.vue';
-declare const meta: Meta<typeof ElmBookmark>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const WithoutDate: Story;
-export declare const Card: Story;
-export declare const Square: Story;
-export declare const SquareCard: Story;
-export declare const InvalidImage: Story;
-export declare const NoImage: Story;

package/dist/components/navigation/ElmBookmark.vue.d.ts

@@ -1,53 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmBookmarkProps {
-    /**
-     * Whether to hide the URL.
-     */
-    hideUrl?: boolean;
-    /**
-     * Whether to open the link in a new tab.
-     * Defaults to `true`.
-     */
-    openInNewTab?: boolean;
-    /**
-     * The title of the bookmark.
-     */
-    title?: string;
-    /**
-     * The description of the bookmark.
-     */
-    description?: string;
-    /**
-     * The image to display.
-     * This can be a URL or a base64-encoded image.
-     */
-    image?: string;
-    /**
-     * The URL to navigate to.
-     */
-    url?: string;
-    /**
-     * The date the bookmark was created.
-     */
-    createdAt?: string;
-    updatedAt?: string;
-    /**
-     * The function to call when the link is clicked.
-     * If provided, the default behavior (navigating to the URL) is prevented.
-     */
-    onClick?: () => void;
-    /**
-     * The margin of the bookmark.
-     */
-    margin?: Property.MarginBlock;
-    /**
-     * The URL of the favicon.
-     */
-    favicon?: string;
-}
-declare const _default: import('vue').DefineComponent<ElmBookmarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkProps> & Readonly<{}>, {
-    description: string;
-    hideUrl: boolean;
-    openInNewTab: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/navigation/ElmBookmark.vue.mjs

@@ -1,10 +0,0 @@
-import _sfc_main from "./ElmBookmark.vue2.mjs";
-import style0 from "./ElmBookmark.vue3.mjs";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const cssModules = {
-  "$style": style0
-};
-const ElmBookmark = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  ElmBookmark as default
-};

package/dist/components/navigation/ElmBookmark.vue2.mjs

@@ -1,116 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, Fragment, unref } from "vue";
-import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
-import ElmImage from "../media/ElmImage.vue.mjs";
-import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
-import { mdiCalendarMonth, mdiCalendarRefresh } from "@mdi/js";
-const _hoisted_1 = ["href", "target"];
-const _hoisted_2 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmBookmark",
-  props: {
-    hideUrl: { type: Boolean, default: false },
-    openInNewTab: { type: Boolean, default: true },
-    title: {},
-    description: { default: "No description provided" },
-    image: {},
-    url: {},
-    createdAt: {},
-    updatedAt: {},
-    onClick: {},
-    margin: {},
-    favicon: {}
-  },
-  setup(__props) {
-    const props = __props;
-    function handleClick(event) {
-      if (props.onClick) {
-        event.preventDefault();
-        props.onClick();
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.parent),
-        style: normalizeStyle({ "--margin-block": __props.margin })
-      }, [
-        createElementVNode("a", {
-          class: normalizeClass(_ctx.$style.bookmark),
-          href: __props.url,
-          target: __props.openInNewTab ? "_blank" : void 0,
-          rel: "noopener noreferrer",
-          onClick: handleClick
-        }, [
-          __props.image != null ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.image)
-          }, [
-            createVNode(ElmImage, { src: __props.image }, null, 8, ["src"])
-          ], 2)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.typography)
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.title)
-            }, [
-              createVNode(ElmInlineText, {
-                text: __props.title ?? "No title provided",
-                bold: ""
-              }, null, 8, ["text"])
-            ], 2),
-            createElementVNode("div", null, [
-              createVNode(ElmInlineText, {
-                text: __props.description == null ? "No description provided" : __props.description.length > 100 ? __props.description.slice(0, 100) + "..." : __props.description,
-                size: ".8rem",
-                style: { opacity: 0.6 }
-              }, null, 8, ["text"])
-            ]),
-            __props.createdAt != null || __props.updatedAt != null ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.date)
-            }, [
-              __props.createdAt != null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createVNode(ElmMdiIcon, {
-                  d: unref(mdiCalendarMonth),
-                  size: "1em"
-                }, null, 8, ["d"]),
-                createVNode(ElmInlineText, {
-                  text: `${__props.createdAt}`,
-                  size: ".8rem"
-                }, null, 8, ["text"])
-              ], 64)) : createCommentVNode("", true),
-              __props.updatedAt != null ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(ElmMdiIcon, {
-                  d: unref(mdiCalendarRefresh),
-                  size: "1em"
-                }, null, 8, ["d"]),
-                createVNode(ElmInlineText, {
-                  text: `${__props.updatedAt}`,
-                  size: ".8rem"
-                }, null, 8, ["text"])
-              ], 64)) : createCommentVNode("", true)
-            ], 2)) : createCommentVNode("", true),
-            !__props.hideUrl && __props.url != null ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(_ctx.$style.link)
-            }, [
-              __props.favicon ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                src: __props.favicon,
-                alt: "favicon",
-                class: normalizeClass(_ctx.$style.favicon)
-              }, null, 10, _hoisted_2)) : createCommentVNode("", true),
-              createVNode(ElmInlineText, {
-                text: `${__props.url}`,
-                size: ".8rem",
-                color: "#6987b8"
-              }, null, 8, ["text"])
-            ], 2)) : createCommentVNode("", true)
-          ], 2)
-        ], 10, _hoisted_1)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/navigation/ElmBookmark.vue3.mjs

@@ -1,41 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._parent_1tjtz_1{container-type:inline-size;margin-block:var(--margin-block);border-radius:.25rem;box-shadow:0 0 .125rem #0000001a;overflow:hidden;transition:background-color .2s,transform .2s}._parent_1tjtz_1:hover{background-color:#6987b81a;transform:translate(-.125rem) translateY(-.125rem)}._parent_1tjtz_1:active{background-color:#59b57c1a;transform:translate(0) translateY(0)}._bookmark_1tjtz_18{all:unset;display:flex;cursor:pointer;background-color:#ffffff80}[data-theme=dark] ._bookmark_1tjtz_18{background-color:#0003}._bookmark_1tjtz_18{flex-direction:row;height:120px}@container (max-width: 700px){._bookmark_1tjtz_18{flex-direction:column;height:auto}}._bookmark_1tjtz_18 ._image_1tjtz_37{overflow:hidden;height:100%;opacity:.9;display:flex;justify-content:center;align-items:center;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:2/1;min-width:-moz-min-content;min-width:min-content;max-width:35%}@container (max-width: 700px){._bookmark_1tjtz_18 ._image_1tjtz_37{min-width:0;min-width:initial;max-width:none;max-width:initial;width:100%}}._bookmark_1tjtz_18 ._typography_1tjtz_57{overflow:hidden;box-sizing:border-box;padding:.5rem;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:.25rem}._bookmark_1tjtz_18 ._typography_1tjtz_57 ._title_1tjtz_67{display:inline;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._bookmark_1tjtz_18 ._typography_1tjtz_57 ._date_1tjtz_74{width:100%;display:flex;justify-content:flex-end;gap:.5rem;white-space:nowrap;text-overflow:ellipsis}._link_1tjtz_83{width:100%;display:flex;justify-content:flex-end;align-items:center;white-space:nowrap;text-overflow:ellipsis;gap:.5rem}._favicon_1tjtz_93{width:16px;height:16px}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const parent = "_parent_1tjtz_1";
-const bookmark = "_bookmark_1tjtz_18";
-const image = "_image_1tjtz_37";
-const typography = "_typography_1tjtz_57";
-const title = "_title_1tjtz_67";
-const date = "_date_1tjtz_74";
-const link = "_link_1tjtz_83";
-const favicon = "_favicon_1tjtz_93";
-const style0 = {
-  parent,
-  bookmark,
-  image,
-  typography,
-  title,
-  date,
-  link,
-  favicon
-};
-export {
-  bookmark,
-  date,
-  style0 as default,
-  favicon,
-  image,
-  link,
-  parent,
-  title,
-  typography
-};

package/dist/components/navigation/ElmBreadcrumb.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmBreadcrumb } from './ElmBreadcrumb.vue';
-declare const meta: Meta<typeof ElmBreadcrumb>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Long: Story;