@elmethis/core 1.0.0-alpha.19 → 1.0.0-alpha.191

package/dist/components/table/ElmTableCell.vue2.mjs

@@ -0,0 +1,28 @@
+import { defineComponent, inject, createBlock, openBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableCell",
+  props: {
+    hasHeader: { type: Boolean, default: false },
+    text: {}
+  },
+  setup(__props) {
+    const hasHeaderInjected = inject("hasHeader");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.hasHeader || unref(hasHeaderInjected) ? "th" : "td"), {
+        class: normalizeClass([
+          _ctx.$style.common,
+          _ctx.hasHeader || unref(hasHeaderInjected) ? _ctx.$style.th : _ctx.$style.td
+        ])
+      }, {
+        default: withCtx(() => [
+          _ctx.text == null ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(_ctx.text), 1)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/table/ElmTableCell.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._common_1puhv_1{padding:.75rem 1rem;color:#000000b3;border-right:1px dotted rgba(0,0,0,.15)}._common_1puhv_1::-moz-selection{color:#ffffffb3;background-color:#000000b3}._common_1puhv_1::selection{color:#ffffffb3;background-color:#000000b3}[data-theme=dark] ._common_1puhv_1{color:#ffffffb3}[data-theme=dark] ._common_1puhv_1::-moz-selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._common_1puhv_1::selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._common_1puhv_1{border-right:1px dotted rgba(255,255,255,.15)}._common_1puhv_1:last-child{border-right:none}._td_1puhv_24{border-top:1px solid rgba(0,0,0,.15)}[data-theme=dark] ._td_1puhv_24{border-top-color:#ffffff26}._th_1puhv_31{background-color:#80808026}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const common = "_common_1puhv_1";
+const td = "_td_1puhv_24";
+const th = "_th_1puhv_31";
+const style0 = {
+  common,
+  td,
+  th
+};
+export {
+  common,
+  style0 as default,
+  td,
+  th
+};

package/dist/components/table/ElmTableHeader.vue.d.ts

@@ -1,14 +1,18 @@
+import { default as ElmTableRow } from './ElmTableRow.vue';
 export interface ElmTableHeaderProps {
 }
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: InstanceType<typeof ElmTableRow> | InstanceType<typeof ElmTableRow>[];
+    }> & {
+        default: InstanceType<typeof ElmTableRow> | InstanceType<typeof ElmTableRow>[];
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableSectionElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmTableHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<ElmTableHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableSectionElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/table/ElmTableHeader.vue.mjs

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

package/dist/components/table/ElmTableHeader.vue2.mjs

@@ -0,0 +1,17 @@
+import { defineComponent, provide, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableHeader",
+  setup(__props) {
+    provide("hasHeader", true);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("thead", {
+        class: normalizeClass(_ctx.$style.thead)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/table/ElmTableHeader.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._thead_1brzu_1{text-align:left;transition:background-color .4s,color .4s;border-bottom:2px solid rgba(128,128,128,.5)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const thead = "_thead_1brzu_1";
+const style0 = {
+  thead
+};
+export {
+  style0 as default,
+  thead
+};

package/dist/components/table/ElmTableRow.vue.d.ts

@@ -1,14 +1,18 @@
+import { default as ElmTableCell } from './ElmTableCell.vue';
 export interface ElmTableRowProps {
 }
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: InstanceType<typeof ElmTableCell>[];
+    }> & {
+        default: InstanceType<typeof ElmTableCell>[];
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableRowElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmTableRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<ElmTableRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/table/ElmTableRow.vue.mjs

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

package/dist/components/table/ElmTableRow.vue2.mjs

@@ -0,0 +1,20 @@
+import { defineComponent, useSlots, inject, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createVNode, resolveDynamicComponent } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableRow",
+  setup(__props) {
+    const slots = useSlots();
+    const hasRowHeader = inject("hasRowHeader");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("tr", {
+        class: normalizeClass([_ctx.$style.tr, { [_ctx.$style["has-row-header"]]: unref(hasRowHeader) }])
+      }, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(slots, (cell) => {
+          return createVNode(resolveDynamicComponent(cell));
+        }), 64))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/table/ElmTableRow.vue3.mjs

@@ -0,0 +1,21 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._tr_2ogbz_1{transition:background-color .2s}._tr_2ogbz_1:nth-child(odd){background-color:transparent}._tr_2ogbz_1:nth-child(2n){background-color:#00000004}[data-theme=dark] ._tr_2ogbz_1:nth-child(2n){background-color:#ffffff04}._tr_2ogbz_1:hover,[data-theme=dark] ._tr_2ogbz_1:hover{background-color:#6987b826}._has-row-header_2ogbz_20 td:first-child,._has-row-header_2ogbz_20 tr:first-child{background-color:#80808026}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const tr = "_tr_2ogbz_1";
+const style0 = {
+  tr,
+  "has-row-header": "_has-row-header_2ogbz_20"
+};
+export {
+  style0 as default,
+  tr
+};

package/dist/components/template/ElmTemplate.vue.d.ts

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

package/dist/components/typography/ElmBlockQuote.vue.d.ts

@@ -1,16 +1,20 @@
 export interface ElmBlockQuoteProps {
+    cite?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         target: HTMLQuoteElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLQuoteElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmBlockQuoteProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBlockQuoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<ElmBlockQuoteProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBlockQuoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLQuoteElement;
+}, HTMLQuoteElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/typography/ElmBlockQuote.vue.mjs

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

package/dist/components/typography/ElmBlockQuote.vue2.mjs

@@ -0,0 +1,64 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, createElementVNode, toDisplayString, unref } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+import { mdiFormatQuoteOpen, mdiFormatQuoteClose } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
+const _hoisted_1 = ["cite"];
+const _hoisted_2 = ["href"];
+const _hoisted_3 = ["d"];
+const _hoisted_4 = ["d"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBlockQuote",
+  props: {
+    cite: {}
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("blockquote", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.blockquote),
+        style: normalizeStyle({
+          "--opacity": targetIsVisible.value ? 1 : 0
+        }),
+        cite: _ctx.cite
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        _ctx.cite ? (openBlock(), createElementBlock("cite", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.cite)
+        }, [
+          createElementVNode("a", {
+            href: _ctx.cite,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, toDisplayString(_ctx.cite), 9, _hoisted_2)
+        ], 2)) : createCommentVNode("", true),
+        (openBlock(), createElementBlock("svg", {
+          class: normalizeClass(_ctx.$style.icon),
+          style: { "top": "0.25rem", "left": "0.25rem" },
+          viewBox: "0 0 24 24",
+          width: "1rem",
+          height: "1rem"
+        }, [
+          createElementVNode("path", { d: unref(mdiFormatQuoteOpen) }, null, 8, _hoisted_3)
+        ], 2)),
+        (openBlock(), createElementBlock("svg", {
+          class: normalizeClass(_ctx.$style.icon),
+          style: { "bottom": "0.25rem", "right": "0.25rem" },
+          viewBox: "0 0 24 24",
+          width: "1rem",
+          height: "1rem"
+        }, [
+          createElementVNode("path", { d: unref(mdiFormatQuoteClose) }, null, 8, _hoisted_4)
+        ], 2))
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/typography/ElmBlockQuote.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._blockquote_jhmbg_1{position:relative;margin-block:2rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;margin:0;padding:1.5rem .5rem 1.5rem 1.5rem;background-color:#868e9c0d;border-left:4px solid rgba(0,0,0,.2)}[data-theme=dark] ._blockquote_jhmbg_1{border-left-color:#fff3}._cite_jhmbg_16{position:absolute;font-size:.75rem;line-height:.75rem;bottom:.5rem;right:2rem}._cite_jhmbg_16 a{all:unset;color:#6987b8;padding:0 .25rem;border-radius:.125rem;cursor:pointer;transition:background-color .1s}._cite_jhmbg_16 a:hover{background-color:#6987b826}._icon_jhmbg_35{position:absolute;padding:0;margin:0;width:1rem;height:1rem;fill:#868e9c}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const blockquote = "_blockquote_jhmbg_1";
+const cite = "_cite_jhmbg_16";
+const icon = "_icon_jhmbg_35";
+const style0 = {
+  blockquote,
+  cite,
+  icon
+};
+export {
+  blockquote,
+  cite,
+  style0 as default,
+  icon
+};

package/dist/components/typography/ElmCallout.vue.d.ts

@@ -1,4 +1,4 @@
-export type AlertType = 'note' | 'tip' | 'important' | 'warning' | 'caution';
+export type AlertType = "note" | "tip" | "important" | "warning" | "caution";
 export interface ElmCalloutProps {
     /**
      * Type of alert
@@ -6,18 +6,21 @@ export interface ElmCalloutProps {
     type?: AlertType;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         target: HTMLElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ElmCalloutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCalloutProps> & Readonly<{}>, {
     type: AlertType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLElement;
+}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/typography/ElmCallout.vue.mjs

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

package/dist/components/typography/ElmCallout.vue2.mjs

@@ -0,0 +1,57 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createVNode, renderSlot } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "./ElmInlineText.vue.mjs";
+import { rgba } from "polished";
+import { useIntersectionObserver } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmCallout",
+  props: {
+    type: { default: "note" }
+  },
+  setup(__props) {
+    const colors = {
+      note: { code: "#6987b8", icon: "mdi:information-slab-box-outline" },
+      tip: { code: "#59b57c", icon: "heroicons:light-bulb" },
+      important: { code: "#9771bd", icon: "heroicons:shield-exclamation" },
+      warning: { code: "#b8a36e", icon: "heroicons:exclamation-triangle" },
+      caution: { code: "#b36472", icon: "heroicons:x-circle" }
+    };
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("aside", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.callout),
+        style: normalizeStyle({
+          "--border-color": colors[_ctx.type].code,
+          "--bg-color": unref(rgba)(colors[_ctx.type].code, 0.1),
+          "--scale": targetIsVisible.value ? 1 : 0
+        })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createVNode(unref(Icon), {
+            icon: colors[_ctx.type].icon,
+            class: normalizeClass(_ctx.$style.icon),
+            style: normalizeStyle({ "--icon-color": colors[_ctx.type].code })
+          }, null, 8, ["icon", "class", "style"]),
+          createVNode(ElmInlineText, {
+            text: _ctx.type.toUpperCase(),
+            color: colors[_ctx.type].code
+          }, null, 8, ["text", "color"])
+        ], 2),
+        createElementVNode("div", null, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/typography/ElmCallout.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._callout_s5qh4_1{z-index:1;margin-block:2rem;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-left:solid 4px var(--border-color)}._callout_s5qh4_1:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:var(--bg-color);transition:transform .8s;transform:scaleX(var(--scale));transform-origin:left}._header_s5qh4_25{display:flex;align-items:center;gap:.5rem}._icon_s5qh4_31{width:20px;height:20px;color:var(--icon-color)}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const callout = "_callout_s5qh4_1";
+const header = "_header_s5qh4_25";
+const icon = "_icon_s5qh4_31";
+const style0 = {
+  callout,
+  header,
+  icon
+};
+export {
+  callout,
+  style0 as default,
+  header,
+  icon
+};

package/dist/components/typography/ElmDivider.vue.d.ts

@@ -1,4 +1,11 @@
+import { Property } from 'csstype';
 export interface ElmDividerProps {
+    /**
+     * The margin of the divider.
+     */
+    margin?: Property.MarginBlock;
 }
-declare const _default: import('vue').DefineComponent<ElmDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<ElmDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLHRElement;
+}, HTMLHRElement>;
 export default _default;

package/dist/components/typography/ElmDivider.vue.mjs

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

package/dist/components/typography/ElmDivider.vue2.mjs

@@ -0,0 +1,29 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmDivider",
+  props: {
+    margin: {}
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("hr", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.divider),
+        style: normalizeStyle({
+          "--scale": targetIsVisible.value ? 1 : 0,
+          "--margin-block": _ctx.margin
+        })
+      }, null, 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/typography/ElmDivider.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._divider_z5wle_1{margin-block:var(--margin-block);position:relative;display:block;width:100%;overflow:visible;border:none;border-bottom:1px solid rgba(0,0,0,.3);transform:scaleX(var(--scale));transition:transform 1.2s}[data-theme=dark] ._divider_z5wle_1{border-bottom-color:#ffffff4d}._divider_z5wle_1:before{position:absolute;content:"";height:5px;width:5px;top:-2px;border-radius:50%;background-color:#0009;left:0}[data-theme=dark] ._divider_z5wle_1:before{background-color:#fff9}._divider_z5wle_1:after{position:absolute;content:"";height:5px;width:5px;top:-2px;border-radius:50%;background-color:#0009;right:0}[data-theme=dark] ._divider_z5wle_1:after{background-color:#fff9}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const divider = "_divider_z5wle_1";
+const style0 = {
+  divider
+};
+export {
+  style0 as default,
+  divider
+};

package/dist/components/typography/ElmFragmentIdentifier.stories.d.ts

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

package/dist/components/typography/ElmFragmentIdentifier.vue.d.ts

@@ -0,0 +1,8 @@
+export interface ElmFragmentIdentifierProps {
+    /**
+     * ID of the heading element.
+     */
+    id: string;
+}
+declare const _default: import('vue').DefineComponent<ElmFragmentIdentifierProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmFragmentIdentifierProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/typography/ElmFragmentIdentifier.vue.mjs

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

package/dist/components/typography/ElmFragmentIdentifier.vue2.mjs

@@ -0,0 +1,57 @@
+import { defineComponent, onMounted, nextTick, createElementBlock, openBlock, normalizeClass, createVNode, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import { useClipboard } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmFragmentIdentifier",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    const handleHashClick = (id) => {
+      const url = new URL(window.location.href);
+      url.hash = id;
+      window.history.replaceState(null, "", url.toString());
+      const target = document.getElementById(id);
+      if (target != null) {
+        target.scrollIntoView({ behavior: "smooth" });
+      }
+    };
+    const handleLinkClick = (id) => {
+      const url = new URL(window.location.href);
+      url.hash = id;
+      window.history.replaceState(null, "", url.toString());
+      copy(window.location.href);
+    };
+    const { copy } = useClipboard();
+    onMounted(() => {
+      nextTick(() => {
+        const hash = window.location.hash;
+        if (hash && hash.startsWith("#")) {
+          const element = document.querySelector(hash);
+          if (element) {
+            element.scrollIntoView({ behavior: "smooth" });
+          }
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.fragment)
+      }, [
+        createVNode(unref(Icon), {
+          icon: "material-symbols:anchor",
+          class: normalizeClass(_ctx.$style.icon),
+          onClick: _cache[0] || (_cache[0] = ($event) => handleHashClick(_ctx.id))
+        }, null, 8, ["class"]),
+        createVNode(unref(Icon), {
+          icon: "mingcute:link-line",
+          class: normalizeClass(_ctx.$style.icon),
+          onClick: _cache[1] || (_cache[1] = ($event) => handleLinkClick(_ctx.id))
+        }, null, 8, ["class"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};