@elmethis/core 1.0.0-alpha.189 → 1.0.0-alpha.190

package/dist/components/badge/ElmTag.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, createElementVNode, unref } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import { getLuminance } from "polished";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmTag",

package/dist/components/code/ElmCodeBlock.stories.d.ts

@@ -5,3 +5,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
 export declare const Rust: Story;
+export declare const Caption: Story;
+export declare const CaptionSlot: Story;

package/dist/components/code/ElmCodeBlock.vue.d.ts

@@ -1,4 +1,5 @@
 import { Property } from 'csstype';
+import { VNode } from 'vue';
 export interface ElmCodeBlockProps {
     /**
      * The code to display.
@@ -18,10 +19,30 @@ export interface ElmCodeBlockProps {
      */
     margin?: Property.MarginBlock;
 }
-declare const _default: import('vue').DefineComponent<ElmCodeBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCodeBlockProps> & Readonly<{}>, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+    };
+    refs: {
+        target: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmCodeBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCodeBlockProps> & Readonly<{}>, {
     language: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     target: HTMLDivElement;
     tooltipRef: HTMLDivElement;
 }, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/code/ElmCodeBlock.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-8082fb5c],.v-leave-from[data-v-8082fb5c]{opacity:1}.v-enter-active[data-v-8082fb5c],.v-leave-active[data-v-8082fb5c]{transition:opacity .15s}.v-enter-from[data-v-8082fb5c],.v-leave-to[data-v-8082fb5c]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-17343ed2],.v-leave-from[data-v-17343ed2]{opacity:1}.v-enter-active[data-v-17343ed2],.v-leave-active[data-v-17343ed2]{transition:opacity .15s}.v-enter-from[data-v-17343ed2],.v-leave-to[data-v-17343ed2]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-8082fb5c"]]);
+const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-17343ed2"]]);
 export {
   ElmCodeBlock as default
 };

package/dist/components/code/ElmCodeBlock.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, defineAsyncComponent, ref, useTemplateRef, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, Transition, withCtx, createCommentVNode } from "vue";
+import { defineComponent, defineAsyncComponent, ref, useTemplateRef, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, createBlock, resolveDynamicComponent, unref, Transition, withCtx, createCommentVNode, h } from "vue";
 import { Icon } from "@iconify/vue";
 import ElmLanguageIcon from "../icon/ElmLanguageIcon.vue.mjs";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
 import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
 import { useClipboard, useIntersectionObserver, useElementHover } from "@vueuse/core";
@@ -28,6 +28,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const tooltipElement = useTemplateRef("tooltipRef");
     const isHovered = useElementHover(tooltipElement);
+    const slots = useSlots();
+    const renderCaption = () => {
+      if (props.caption) {
+        return h(ElmInlineText, { text: props.caption });
+      } else if (slots.default != null) {
+        return slots.default();
+      } else {
+        return h(ElmInlineText, { text: props.language });
+      }
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "target",
@@ -48,9 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               language: _ctx.language,
               size: 20
             }, null, 8, ["language"]),
-            createVNode(ElmInlineText, {
-              text: _ctx.caption ?? _ctx.language
-            }, null, 8, ["text"])
+            (openBlock(), createBlock(resolveDynamicComponent(() => renderCaption())))
           ], 2),
           createElementVNode("div", {
             ref: "tooltipRef",

package/dist/components/containments/ElmModal.vue.d.ts

@@ -8,7 +8,7 @@ export interface ElmModalProps {
 }
 type __VLS_Props = ElmModalProps;
 type __VLS_PublicProps = {
-    'isOpen'?: boolean;
+    "isOpen"?: boolean;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/containments/ElmModal.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-aedf4e8f],.v-leave-from[data-v-aedf4e8f]{opacity:1}.v-enter-active[data-v-aedf4e8f],.v-leave-active[data-v-aedf4e8f]{transition:opacity .2s}.v-enter-from[data-v-aedf4e8f],.v-leave-to[data-v-aedf4e8f]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-aedf4e8f"]]);
+const ElmModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-83a74154"]]);
 export {
   ElmModal as default
 };

package/dist/components/containments/ElmSnackbar.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createVNode, createElementVNode, resolveDynamicComponent, unref, normalizeStyle } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmSnackbar",
   props: {

package/dist/components/containments/ElmSnackbarContainer.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".fade-enter-active[data-v-031ce55b],.fade-leave-active[data-v-031ce55b]{transition:all .3s ease}.fade-enter-from[data-v-031ce55b],.fade-leave-to[data-v-031ce55b]{opacity:0;transform:translate(30px)}"));
+      elementStyle.appendChild(document.createTextNode(".fade-enter-active[data-v-12f55baa],.fade-leave-active[data-v-12f55baa]{transition:all .3s ease}.fade-enter-from[data-v-12f55baa],.fade-leave-to[data-v-12f55baa]{opacity:0;transform:translate(30px)}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmSnackbarContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-031ce55b"]]);
+const ElmSnackbarContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-12f55baa"]]);
 export {
   ElmSnackbarContainer as default
 };

package/dist/components/containments/ElmToggle.vue.d.ts

@@ -1,9 +1,10 @@
 import { Property } from 'csstype';
+import { VNode } from 'vue';
 export interface ElmToggleProps {
     /**
      * The summary of the toggle.
      */
-    summary: string;
+    summary?: string;
     /**
      * The margin of the toggle.
      */
@@ -11,13 +12,16 @@ export interface ElmToggleProps {
 }
 type __VLS_Props = ElmToggleProps;
 type __VLS_PublicProps = {
-    'isOpen'?: boolean;
+    "isOpen"?: boolean;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        summary?(_: {}): any;
-        default?(_: {}): any;
+    slots: Readonly<{
+        default: () => VNode[];
+        summary?: () => VNode[];
+    }> & {
+        default: () => VNode[];
+        summary?: () => VNode[];
     };
     refs: {};
     rootEl: HTMLDivElement;

package/dist/components/containments/ElmToggle.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-cf33ab73],.v-leave-from[data-v-cf33ab73]{opacity:1}.v-enter-active[data-v-cf33ab73],.v-leave-active[data-v-cf33ab73]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-cf33ab73],.v-leave-to[data-v-cf33ab73]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-6b2a5911],.v-leave-from[data-v-6b2a5911]{opacity:1}.v-enter-active[data-v-6b2a5911],.v-leave-active[data-v-6b2a5911]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-6b2a5911],.v-leave-to[data-v-6b2a5911]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-cf33ab73"]]);
+const ElmToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-6b2a5911"]]);
 export {
   ElmToggle as default
 };

package/dist/components/containments/ElmToggle.vue2.mjs

@@ -1,7 +1,14 @@
 import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, createBlock, renderSlot, Transition, withCtx, createCommentVNode } from "vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import { Icon } from "@iconify/vue";
+import { mdiChevronUp } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
 const _hoisted_1 = { style: { display: "flex", gap: "0.5rem" } };
+const _hoisted_2 = {
+  viewBox: "0 0 24 24",
+  width: "1.25rem",
+  height: "1.25rem"
+};
+const _hoisted_3 = ["d"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmToggle",
   props: /* @__PURE__ */ mergeModels({
@@ -27,7 +34,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.summary),
-          onClick: handleClick
+          onClick: handleClick,
+          style: normalizeStyle({
+            borderRadius: isOpen.value ? "0.25rem 0.25rem 0rem 0rem" : "0.25rem"
+          })
         }, [
           createElementVNode("div", _hoisted_1, [
             createVNode(unref(Icon), {
@@ -50,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "--color": isOpen.value ? "#b36472" : void 0
             })
           }, null, 8, ["class", "style"])
-        ], 2),
+        ], 6),
         createVNode(Transition, null, {
           default: withCtx(() => [
             isOpen.value ? (openBlock(), createElementBlock("div", {
@@ -61,6 +71,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 2)) : createCommentVNode("", true)
           ]),
           _: 3
+        }),
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.close),
+              onClick: handleClick
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.$style["close-button"])
+              }, [
+                (openBlock(), createElementBlock("svg", _hoisted_2, [
+                  createElementVNode("path", { d: unref(mdiChevronUp) }, null, 8, _hoisted_3)
+                ])),
+                createVNode(ElmInlineText, {
+                  text: "CLOSE",
+                  color: "#8e3636"
+                })
+              ], 2)
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 1
         })
       ], 6);
     };

package/dist/components/containments/ElmToggle.vue3.mjs

@@ -3,24 +3,28 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._toggle_1hplt_1{margin-block:var(--margin-block);box-shadow:0 0 .125rem #0000004d;border-radius:.25rem;overflow:hidden}._summary_1hplt_8{box-sizing:border-box;padding:1rem;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;background-color:#00000006}[data-theme=dark] ._summary_1hplt_8{background-color:#ffffff1a}._icon_1hplt_24{width:1.25rem;height:1.25rem;color:#59b57c;color:var(--color, #59b57c);transform:rotate(0);transform:rotate(var(--rotate, 0deg));transition:transform .2s}._content_1hplt_32{margin:0;padding:.75rem;display:block;background-color:#ffffff0d;border-top:dashed 1px rgba(128,128,128,.2)}"));
+      elementStyle.appendChild(document.createTextNode("._toggle_7zlts_1{margin-block:var(--margin-block)}._summary_7zlts_5{box-sizing:border-box;padding:1rem;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;border:1px solid rgba(128,128,128,.25);background-color:#00000006}[data-theme=dark] ._summary_7zlts_5{background-color:#ffffff1a}._icon_7zlts_22{width:1.25rem;height:1.25rem;color:#59b57c;color:var(--color, #59b57c);transform:rotate(0);transform:rotate(var(--rotate, 0deg));transition:transform .2s}._content_7zlts_30{margin:0;padding:.75rem;display:block;background-color:#ffffff0d;border:1px solid rgba(128,128,128,.25);border-radius:0 0 .25rem .25rem}._close_7zlts_39{margin-block:.25rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem}._close-button_7zlts_48{padding:.25rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;fill:#c56565;opacity:.7;transition:background-color .1s;border-radius:.25rem}._close-button_7zlts_48:hover{background-color:#c5656526}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const toggle = "_toggle_1hplt_1";
-const summary = "_summary_1hplt_8";
-const icon = "_icon_1hplt_24";
-const content = "_content_1hplt_32";
+const toggle = "_toggle_7zlts_1";
+const summary = "_summary_7zlts_5";
+const icon = "_icon_7zlts_22";
+const content = "_content_7zlts_30";
+const close = "_close_7zlts_39";
 const style0 = {
   toggle,
   summary,
   icon,
-  content
+  content,
+  close,
+  "close-button": "_close-button_7zlts_48"
 };
 export {
+  close,
   content,
   style0 as default,
   icon,

package/dist/components/containments/ElmTooltip.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-0ec97e65],.v-leave-from[data-v-0ec97e65]{transform:scale(1);opacity:1}.v-enter-active[data-v-0ec97e65],.v-leave-active[data-v-0ec97e65]{transition:opacity .1s,transform .2s}.v-enter-from[data-v-0ec97e65],.v-leave-to[data-v-0ec97e65]{transform:scale(.5);opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-cd939485],.v-leave-from[data-v-cd939485]{transform:scale(1);opacity:1}.v-enter-active[data-v-cd939485],.v-leave-active[data-v-cd939485]{transition:opacity .1s,transform .2s}.v-enter-from[data-v-cd939485],.v-leave-to[data-v-cd939485]{transform:scale(.5);opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-0ec97e65"]]);
+const ElmTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-cd939485"]]);
 export {
   ElmTooltip as default
 };

package/dist/components/containments/useSnackbarState.d.ts

@@ -19,7 +19,7 @@ export declare function useSnackbarState(): {
         children?: VNode | undefined;
         close: () => void;
     }[]>;
-    push: ({ label, timeout, children }: {
+    push: ({ label, timeout, children, }: {
         label?: string;
         timeout?: number;
         children?: VNode;

package/dist/components/data/ElmStatusMessage.vue.d.ts

@@ -1,5 +1,5 @@
 export interface ElmStatusMessageProps {
-    status: 'success' | 'error' | 'warning' | 'pending';
+    status: "success" | "error" | "warning" | "pending";
     message: string;
 }
 declare const _default: import('vue').DefineComponent<ElmStatusMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmStatusMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/data/ElmStatusMessage.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-0a79ebd0],.v-leave-from[data-v-0a79ebd0]{opacity:1}.v-enter-active[data-v-0a79ebd0],.v-leave-active[data-v-0a79ebd0]{transition:opacity .15s}.v-enter-from[data-v-0a79ebd0],.v-leave-to[data-v-0a79ebd0]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-227d59df],.v-leave-from[data-v-227d59df]{opacity:1}.v-enter-active[data-v-227d59df],.v-leave-active[data-v-227d59df]{transition:opacity .15s}.v-enter-from[data-v-227d59df],.v-leave-to[data-v-227d59df]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmStatusMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-0a79ebd0"]]);
+const ElmStatusMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-227d59df"]]);
 export {
   ElmStatusMessage as default
 };

package/dist/components/data/ElmStatusMessage.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, unref } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmStatusMessage",
   props: {

package/dist/components/{headings/ElmHeading4.stories.d.ts → fallback/ElmUnsupportedBlock.stories.d.ts}

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import { default as ElmHeading4 } from './ElmHeading4.vue';
-declare const meta: Meta<typeof ElmHeading4>;
+import { default as UnsupportedBlock } from './ElmUnsupportedBlock.vue';
+declare const meta: Meta<typeof UnsupportedBlock>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;

package/dist/components/fallback/ElmUnsupportedBlock.vue.d.ts

@@ -0,0 +1,5 @@
+export interface ElmUnsupportedBlockProps {
+    details?: string;
+}
+declare const _default: import('vue').DefineComponent<ElmUnsupportedBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmUnsupportedBlockProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/fallback/ElmUnsupportedBlock.vue.mjs

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

package/dist/components/fallback/ElmUnsupportedBlock.vue2.mjs

@@ -0,0 +1,46 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createVNode, unref } from "vue";
+import { mdiInformation } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+const _hoisted_1 = ["d"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmUnsupportedBlock",
+  props: {
+    details: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.unsupported)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.message)
+        }, [
+          (openBlock(), createElementBlock("svg", {
+            viewBox: "0 0 24 24",
+            width: "1.25rem",
+            height: "1.25rem",
+            class: normalizeClass(_ctx.$style.icon)
+          }, [
+            createElementVNode("path", { d: unref(mdiInformation) }, null, 8, _hoisted_1)
+          ], 2)),
+          createVNode(ElmInlineText, {
+            text: "UNSUPPORTED BLOCK",
+            color: "#868e9c"
+          })
+        ], 2),
+        _ctx.details ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.details)
+        }, [
+          createVNode(ElmInlineText, {
+            text: _ctx.details,
+            color: "#868e9c"
+          }, null, 8, ["text"])
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/fallback/ElmUnsupportedBlock.vue3.mjs

@@ -0,0 +1,29 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._unsupported_1imfj_1{box-sizing:border-box;padding:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border:1px dashed rgba(134,142,156,.5)}._message_1imfj_12{display:flex;gap:.5rem;justify-content:center;align-items:center}._icon_1imfj_19{fill:#868e9c}._details_1imfj_23{opacity:.75}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const unsupported = "_unsupported_1imfj_1";
+const message = "_message_1imfj_12";
+const icon = "_icon_1imfj_19";
+const details = "_details_1imfj_23";
+const style0 = {
+  unsupported,
+  message,
+  icon,
+  details
+};
+export {
+  style0 as default,
+  details,
+  icon,
+  message,
+  unsupported
+};

package/dist/components/form/ElmButton.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-2613cb18],.v-leave-from[data-v-2613cb18]{opacity:1}.v-enter-active[data-v-2613cb18],.v-leave-active[data-v-2613cb18]{transition:opacity .1s}.v-enter-from[data-v-2613cb18],.v-leave-to[data-v-2613cb18]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-324befdb],.v-leave-from[data-v-324befdb]{opacity:1}.v-enter-active[data-v-324befdb],.v-leave-active[data-v-324befdb]{transition:opacity .1s}.v-enter-from[data-v-324befdb],.v-leave-to[data-v-324befdb]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-2613cb18"]]);
+const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-324befdb"]]);
 export {
   ElmButton as default
 };

package/dist/components/form/ElmCheckbox.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, normalizeStyle } from "vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _hoisted_1 = { style: {
   display: "flex",
   alignItems: "center",

package/dist/components/form/ElmTextField.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, mergeModels, ref, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, createCommentVNode, unref, toDisplayString, withDirectives, resolveDynamicComponent, vModelDynamic, createVNode } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import { nanoid } from "nanoid";
 const _hoisted_1 = ["for"];
 const _hoisted_2 = ["id", "type", "placeholder", "disabled", "aria-required"];

package/dist/components/icon/ElmArrowIcon.vue.d.ts

@@ -3,7 +3,7 @@ export interface ElmArrowIconProps {
     /**
      * Specifies the direction of the arrow.
      */
-    direction?: 'up' | 'down' | 'left' | 'right';
+    direction?: "up" | "down" | "left" | "right";
     /**
      * Specifies whether the arrow is in loading state.
      */

package/dist/components/icon/ElmBookmarkIcon.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createElementVNode, unref, createVNode } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/{inline → icon}/ElmInlineIcon.vue.d.ts

@@ -1,5 +1,11 @@
 export interface ElmInlineIconProps {
+    /**
+     * The source URL of the icon.
+     */
     src: string;
+    /**
+     * The alt text for the icon.
+     */
     alt?: string;
 }
 declare const _default: import('vue').DefineComponent<ElmInlineIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLImageElement>;

package/dist/components/icon/ElmInlineIcon.vue2.mjs

@@ -0,0 +1,27 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass } from "vue";
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmInlineIcon",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const icon = ref(props.src);
+    const handleError = () => {
+      icon.value = `data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="gray" d="M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>`;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("img", {
+        class: normalizeClass(_ctx.$style.icon),
+        src: icon.value,
+        alt: _ctx.alt,
+        onError: handleError
+      }, null, 42, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/icon/ElmInlineIcon.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._icon_19pv1_1{margin:0;padding:0;padding-inline:.125rem;display:inline-block;vertical-align:middle;height:1.25em}._icon_19pv1_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_19pv1_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_19pv1_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_19pv1_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_19pv1_1::selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const icon = "_icon_19pv1_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

package/dist/components/icon/ElmLanguageIcon.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-880dc126],.v-leave-from[data-v-880dc126]{opacity:1}.v-enter-active[data-v-880dc126],.v-leave-active[data-v-880dc126]{transition:opacity .1s}.v-enter-from[data-v-880dc126],.v-leave-to[data-v-880dc126]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-a7487e3e],.v-leave-from[data-v-a7487e3e]{opacity:1}.v-enter-active[data-v-a7487e3e],.v-leave-active[data-v-a7487e3e]{transition:opacity .1s}.v-enter-from[data-v-a7487e3e],.v-leave-to[data-v-a7487e3e]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmLanguageIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-880dc126"]]);
+const ElmLanguageIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-a7487e3e"]]);
 export {
   ElmLanguageIcon as default
 };