@elmethis/core 1.0.0-alpha.18 → 1.0.0-alpha.180

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmParagraph",
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.paragraph),
+        style: normalizeStyle({
+          "--opacity": targetIsVisible.value ? 1 : 0
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._paragraph_19lcl_1{margin-block:2rem;opacity:var(--opacity);transition:opacity .8s;color:#000000b3}._paragraph_19lcl_1::-moz-selection{color:#ffffffb3;background-color:#000000b3}._paragraph_19lcl_1::selection{color:#ffffffb3;background-color:#000000b3}[data-theme=dark] ._paragraph_19lcl_1{color:#ffffffb3}[data-theme=dark] ._paragraph_19lcl_1::-moz-selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._paragraph_19lcl_1::selection{color:#000000b3;background-color:#ffffffb3}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const paragraph = "_paragraph_19lcl_1";
+const style0 = {
+  paragraph
+};
+export {
+  style0 as default,
+  paragraph
+};

package/dist/hooks/useElmethisTheme.mjs

@@ -0,0 +1,43 @@
+import { ref, watch, onMounted } from "vue";
+const LOCAL_STORAGE_KEY = "elmethis-theme";
+function useElmethisTheme() {
+  const isDarkTheme = ref(false);
+  const toggleTheme = () => {
+    isDarkTheme.value = !isDarkTheme.value;
+  };
+  watch(isDarkTheme, () => {
+    if (typeof document !== "undefined") {
+      document.documentElement.setAttribute(
+        "data-theme",
+        isDarkTheme.value ? "dark" : "light"
+      );
+      const body = document.querySelector("body");
+      if (body != null) {
+        body.style.colorScheme = isDarkTheme.value ? "dark" : "light";
+      }
+      if (localStorage != null) {
+        localStorage.setItem(
+          LOCAL_STORAGE_KEY,
+          isDarkTheme.value ? "dark" : "light"
+        );
+      }
+    }
+  });
+  onMounted(() => {
+    if (typeof document !== "undefined") {
+      const currentTheme = document.documentElement.getAttribute("data-theme");
+      if (currentTheme != null) {
+        isDarkTheme.value = currentTheme === "dark";
+      } else {
+        const localStorageTheme = localStorage.getItem(LOCAL_STORAGE_KEY);
+        if (localStorageTheme != null) {
+          isDarkTheme.value = localStorageTheme === "dark";
+        }
+      }
+    }
+  });
+  return { isDarkTheme, toggleTheme };
+}
+export {
+  useElmethisTheme
+};

package/dist/hooks/useTyping.d.ts

@@ -0,0 +1,17 @@
+interface Target {
+    char: string;
+    status: 'typed' | 'incorrect' | 'current' | 'default';
+}
+export declare function useTyping(): {
+    start: (target: string) => void;
+    targetArray: import('vue').Ref<{
+        char: string;
+        status: "typed" | "incorrect" | "current" | "default";
+    }[], Target[] | {
+        char: string;
+        status: "typed" | "incorrect" | "current" | "default";
+    }[]>;
+    isFinished: import('vue').Ref<boolean, boolean>;
+    mistakes: import('vue').Ref<number, number>;
+};
+export {};

package/dist/hooks/useTyping.mjs

@@ -0,0 +1,37 @@
+import { onKeyStroke } from "@vueuse/core";
+import { ref } from "vue";
+function useTyping() {
+  const targetString = ref(null);
+  const targetArray = ref([]);
+  const currentCharIndex = ref(0);
+  const mistakes = ref(0);
+  const isFinished = ref(false);
+  const start = (target) => {
+    isFinished.value = false;
+    currentCharIndex.value = 0;
+    targetString.value = target;
+    targetArray.value = target.split("").map((char) => ({ char, status: "default" }));
+    targetArray.value[0].status = "current";
+  };
+  onKeyStroke((event) => {
+    if (targetArray.value[currentCharIndex.value] != null && !isFinished.value && event.key.length === 1) {
+      if (event.key === targetArray.value[currentCharIndex.value].char) {
+        targetArray.value[currentCharIndex.value].status = "typed";
+        if (currentCharIndex.value === targetArray.value.length - 1) {
+          isFinished.value = true;
+        } else {
+          currentCharIndex.value += 1;
+          targetArray.value[currentCharIndex.value] = targetArray.value[currentCharIndex.value];
+          targetArray.value[currentCharIndex.value].status = "current";
+        }
+      } else {
+        mistakes.value += 1;
+        targetArray.value[currentCharIndex.value].status = "incorrect";
+      }
+    }
+  });
+  return { start, targetArray, isFinished, mistakes };
+}
+export {
+  useTyping
+};

package/dist/index.d.ts

@@ -1,46 +1,128 @@
-import { default as ElmCodeBlock, ElmCodeBlockProps } from './components/code/ElmCodeBlock.vue';
-import { default as ElmPrismHighlighter, ElmPrismHighlighterProps } from './components/code/ElmPrismHighlighter.vue';
-import { default as ElmKatex, ElmKatexProps } from './components/code/ElmKatex.vue';
-import { default as ElmColumn, ElmColumnProps } from './components/containments/ElmColumn.vue';
-import { default as ElmColumnList, ElmColumnListProps } from './components/containments/ElmColumnList.vue';
-import { default as ElmDesktopWindow, ElmDesktopWindowProps } from './components/containments/ElmDesktopWindow.vue';
-import { default as ElmParallax, ElmParallaxProps } from './components/containments/ElmParallax.vue';
-import { default as ElmToggle, ElmToggleProps } from './components/containments/ElmToggle.vue';
-import { default as ElmTooltip, ElmTooltipProps } from './components/containments/ElmTooltip.vue';
-import { default as ElmProgress, ElmProgressProps } from './components/data/ElmProgress.vue';
-import { default as ElmRectangleWave, ElmRectangleWaveProps } from './components/fallback/ElmRectangleWave.vue';
-import { default as ElmHeading1, ElmHeading1Props } from './components/headings/ElmHeading1.vue';
-import { default as ElmHeading2, ElmHeading2Props } from './components/headings/ElmHeading2.vue';
-import { default as ElmHeading3, ElmHeading3Props } from './components/headings/ElmHeading3.vue';
-import { default as ElmHeading4, ElmHeading4Props } from './components/headings/ElmHeading4.vue';
-import { default as ElmHeading5, ElmHeading5Props } from './components/headings/ElmHeading5.vue';
-import { default as ElmHeading6, ElmHeading6Props } from './components/headings/ElmHeading6.vue';
-import { default as ElmCubeIcon, ElmCubeIconProps } from './components/icon/ElmCubeIcon.vue';
-import { default as ElmDotLoadingIcon, ElmDotLoadingIconProps } from './components/icon/ElmDotLoadingIcon.vue';
-import { default as ElmLanguageIcon, ElmLanguageIconProps } from './components/icon/ElmLanguageIcon.vue';
-import { default as ElmToggleTheme, ElmToggleThemeProps } from './components/icon/ElmToggleTheme.vue';
-import { default as ElmInlineCode, ElmInlineCodeProps } from './components/inline/ElmInlineCode.vue';
-import { default as ElmInlineLink, ElmInlineLinkProps } from './components/inline/ElmInlineLink.vue';
-import { default as ElmInlineRuby, ElmInlineRubyProps } from './components/inline/ElmInlineRuby.vue';
-import { default as ElmInlineText, ElmInlineTextProps } from './components/inline/ElmInlineText.vue';
-import { default as ElmFile, ElmFileProps } from './components/media/ElmFile.vue';
-import { default as ElmImage, ElmImageProps } from './components/media/ElmImage.vue';
-import { default as ElmBookmark, ElmBookmarkProps } from './components/navigation/ElmBookmark.vue';
-import { default as ElmBreadcrumb, ElmBreadcrumbProps } from './components/navigation/ElmBreadcrumb.vue';
-import { default as ElmPagetop, ElmPagetopProps } from './components/navigation/ElmPagetop.vue';
-import { default as ElmTableOfContents, ElmTableOfContentsProps } from './components/navigation/ElmTableOfContents.vue';
-import { default as ElmJsonRenderer, ElmJsonRendererProps } from './components/renderer/ElmJsonRenderer.vue';
-import { default as ElmTable, ElmTableProps } from './components/table/ElmTable.vue';
-import { default as ElmTableHeader, ElmTableHeaderProps } from './components/table/ElmTableHeader.vue';
-import { default as ElmTableBody, ElmTableBodyProps } from './components/table/ElmTableBody.vue';
-import { default as ElmTableRow, ElmTableRowProps } from './components/table/ElmTableRow.vue';
-import { default as ElmTableCell, ElmTableCellProps } from './components/table/ElmTableCell.vue';
-import { default as ElmBlockQuote, ElmBlockQuoteProps } from './components/typography/ElmBlockQuote.vue';
-import { default as ElmBulletedList, ElmBulletedListProps } from './components/typography/ElmBulletedList.vue';
-import { default as ElmCallout, ElmCalloutProps } from './components/typography/ElmCallout.vue';
-import { default as ElmDivider, ElmDividerProps } from './components/typography/ElmDivider.vue';
-import { default as ElmNumberedList, ElmNumberedListProps } from './components/typography/ElmNumberedList.vue';
-import { default as ElmListItem, ElmListItemProps } from './components/typography/ElmListItem.vue';
-import { useElmethisTheme } from './hooks/useElmethisTheme';
-export { ElmCodeBlock, ElmPrismHighlighter, ElmKatex, ElmColumn, ElmColumnList, ElmDesktopWindow, ElmParallax, ElmToggle, ElmTooltip, ElmProgress, ElmRectangleWave, ElmHeading1, ElmHeading2, ElmHeading3, ElmHeading4, ElmHeading5, ElmHeading6, ElmCubeIcon, ElmDotLoadingIcon, ElmLanguageIcon, ElmToggleTheme, ElmInlineCode, ElmInlineLink, ElmInlineRuby, ElmInlineText, ElmFile, ElmImage, ElmBookmark, ElmBreadcrumb, ElmPagetop, ElmTableOfContents, ElmJsonRenderer, ElmTable, ElmTableHeader, ElmTableBody, ElmTableRow, ElmTableCell, ElmBlockQuote, ElmBulletedList, ElmCallout, ElmDivider, ElmNumberedList, ElmListItem, useElmethisTheme };
-export type { ElmCodeBlockProps, ElmPrismHighlighterProps, ElmKatexProps, ElmColumnProps, ElmColumnListProps, ElmDesktopWindowProps, ElmParallaxProps, ElmToggleProps, ElmTooltipProps, ElmProgressProps, ElmRectangleWaveProps, ElmHeading1Props, ElmHeading2Props, ElmHeading3Props, ElmHeading4Props, ElmHeading5Props, ElmHeading6Props, ElmCubeIconProps, ElmDotLoadingIconProps, ElmLanguageIconProps, ElmToggleThemeProps, ElmInlineCodeProps, ElmInlineLinkProps, ElmInlineRubyProps, ElmInlineTextProps, ElmFileProps, ElmImageProps, ElmBookmarkProps, ElmBreadcrumbProps, ElmPagetopProps, ElmTableOfContentsProps, ElmJsonRendererProps, ElmTableProps, ElmTableHeaderProps, ElmTableBodyProps, ElmTableRowProps, ElmTableCellProps, ElmBlockQuoteProps, ElmBulletedListProps, ElmCalloutProps, ElmDividerProps, ElmNumberedListProps, ElmListItemProps };
+export type { ElmBadgeProps } from './components/badge/ElmBadge.vue';
+export { default as ElmBadge } from './components/badge/ElmBadge.vue';
+export type { ElmTagProps } from './components/badge/ElmTag.vue';
+export { default as ElmTag } from './components/badge/ElmTag.vue';
+export type { ElmCodeBlockProps } from './components/code/ElmCodeBlock.vue';
+export { default as ElmCodeBlock } from './components/code/ElmCodeBlock.vue';
+export type { ElmKatexProps } from './components/code/ElmKatex.vue';
+export { default as ElmKatex } from './components/code/ElmKatex.vue';
+export type { ElmColumnProps } from './components/containments/ElmColumn.vue';
+export { default as ElmColumn } from './components/containments/ElmColumn.vue';
+export type { ElmColumnListProps } from './components/containments/ElmColumnList.vue';
+export { default as ElmColumnList } from './components/containments/ElmColumnList.vue';
+export type { ElmDesktopWindowProps } from './components/containments/ElmDesktopWindow.vue';
+export { default as ElmDesktopWindow } from './components/containments/ElmDesktopWindow.vue';
+export type { ElmModalProps } from './components/containments/ElmModal.vue';
+export { default as ElmModal } from './components/containments/ElmModal.vue';
+export type { ElmParallaxProps } from './components/containments/ElmParallax.vue';
+export { default as ElmParallax } from './components/containments/ElmParallax.vue';
+export type { ElmSnackbarProps } from './components/containments/ElmSnackbar.vue';
+export { default as ElmSnackbar } from './components/containments/ElmSnackbar.vue';
+export type { ElmSnackbarContainerProps } from './components/containments/ElmSnackbarContainer.vue';
+export { default as ElmSnackbarContainer } from './components/containments/ElmSnackbarContainer.vue';
+export type { ElmToggleProps } from './components/containments/ElmToggle.vue';
+export { default as ElmToggle } from './components/containments/ElmToggle.vue';
+export type { ElmTooltipProps } from './components/containments/ElmTooltip.vue';
+export { default as ElmTooltip } from './components/containments/ElmTooltip.vue';
+export type { ElmProgressProps } from './components/data/ElmProgress.vue';
+export { default as ElmProgress } from './components/data/ElmProgress.vue';
+export type { ElmMultiProgressProps } from './components/data/ElmMultiProgress.vue';
+export { default as ElmMultiProgress } from './components/data/ElmMultiProgress.vue';
+export type { ElmStatusMessageProps } from './components/data/ElmStatusMessage.vue';
+export { default as ElmStatusMessage } from './components/data/ElmStatusMessage.vue';
+export type { ElmRectangleWaveProps } from './components/fallback/ElmRectangleWave.vue';
+export { default as ElmRectangleWave } from './components/fallback/ElmRectangleWave.vue';
+export type { ElmBlockFallbackProps } from './components/fallback/ElmBlockFallback.vue';
+export { default as ElmBlockFallback } from './components/fallback/ElmBlockFallback.vue';
+export type { ElmSpinnerProps } from './components/fallback/ElmSpinner.vue';
+export { default as ElmSpinner } from './components/fallback/ElmSpinner.vue';
+export type { ElmButtonProps } from './components/form/ElmButton.vue';
+export { default as ElmButton } from './components/form/ElmButton.vue';
+export type { ElmCheckboxProps } from './components/form/ElmCheckbox.vue';
+export { default as ElmCheckbox } from './components/form/ElmCheckbox.vue';
+export type { ElmSwitchProps } from './components/form/ElmSwitch.vue';
+export { default as ElmSwitch } from './components/form/ElmSwitch.vue';
+export type { ElmTextFieldProps } from './components/form/ElmTextField.vue';
+export { default as ElmTextField } from './components/form/ElmTextField.vue';
+export type { ElmTotpProps } from './components/form/ElmTotp.vue';
+export { default as ElmTotp } from './components/form/ElmTotp.vue';
+export type { ElmHeading1Props } from './components/headings/ElmHeading1.vue';
+export { default as ElmHeading1 } from './components/headings/ElmHeading1.vue';
+export type { ElmHeading2Props } from './components/headings/ElmHeading2.vue';
+export { default as ElmHeading2 } from './components/headings/ElmHeading2.vue';
+export type { ElmHeading3Props } from './components/headings/ElmHeading3.vue';
+export { default as ElmHeading3 } from './components/headings/ElmHeading3.vue';
+export type { ElmHeading4Props } from './components/headings/ElmHeading4.vue';
+export { default as ElmHeading4 } from './components/headings/ElmHeading4.vue';
+export type { ElmHeading5Props } from './components/headings/ElmHeading5.vue';
+export { default as ElmHeading5 } from './components/headings/ElmHeading5.vue';
+export type { ElmHeading6Props } from './components/headings/ElmHeading6.vue';
+export { default as ElmHeading6 } from './components/headings/ElmHeading6.vue';
+export type { ElmFragmentIdentifierProps } from './components/headings/ElmFragmentIdentifier.vue';
+export { default as ElmFragmentIdentifier } from './components/headings/ElmFragmentIdentifier.vue';
+export type { ElmArrowIconProps } from './components/icon/ElmArrowIcon.vue';
+export { default as ElmArrowIcon } from './components/icon/ElmArrowIcon.vue';
+export type { ElmBookmarkIconProps } from './components/icon/ElmBookmarkIcon.vue';
+export { default as ElmBookmarkIcon } from './components/icon/ElmBookmarkIcon.vue';
+export type { ElmCubeIconProps } from './components/icon/ElmCubeIcon.vue';
+export { default as ElmCubeIcon } from './components/icon/ElmCubeIcon.vue';
+export type { ElmDotLoadingIconProps } from './components/icon/ElmDotLoadingIcon.vue';
+export { default as ElmDotLoadingIcon } from './components/icon/ElmDotLoadingIcon.vue';
+export type { ElmLanguageIconProps } from './components/icon/ElmLanguageIcon.vue';
+export { default as ElmLanguageIcon } from './components/icon/ElmLanguageIcon.vue';
+export type { ElmLoginIconProps } from './components/icon/ElmLoginIcon.vue';
+export { default as ElmLoginIcon } from './components/icon/ElmLoginIcon.vue';
+export type { ElmToggleThemeProps } from './components/icon/ElmToggleTheme.vue';
+export { default as ElmToggleTheme } from './components/icon/ElmToggleTheme.vue';
+export type { ElmInlineLinkProps } from './components/inline/ElmInlineLink.vue';
+export { default as ElmInlineLink } from './components/inline/ElmInlineLink.vue';
+export type { ElmInlineRubyProps } from './components/inline/ElmInlineRuby.vue';
+export { default as ElmInlineRuby } from './components/inline/ElmInlineRuby.vue';
+export type { ElmInlineTextProps } from './components/inline/ElmInlineText.vue';
+export { default as ElmInlineText } from './components/inline/ElmInlineText.vue';
+export type { ElmFileProps } from './components/media/ElmFile.vue';
+export { default as ElmFile } from './components/media/ElmFile.vue';
+export type { ElmImageProps } from './components/media/ElmImage.vue';
+export { default as ElmImage } from './components/media/ElmImage.vue';
+export type { ElmBlockImageProps } from './components/media/ElmBlockImage.vue';
+export { default as ElmBlockImage } from './components/media/ElmImage.vue';
+export type { ElmBookmarkProps } from './components/navigation/ElmBookmark.vue';
+export { default as ElmBookmark } from './components/navigation/ElmBookmark.vue';
+export type { ElmBreadcrumbProps } from './components/navigation/ElmBreadcrumb.vue';
+export { default as ElmBreadcrumb } from './components/navigation/ElmBreadcrumb.vue';
+export type { ElmPagetopProps } from './components/navigation/ElmPagetop.vue';
+export { default as ElmPagetop } from './components/navigation/ElmPagetop.vue';
+export type { ElmTableOfContentsProps } from './components/navigation/ElmTableOfContents.vue';
+export { default as ElmTableOfContents } from './components/navigation/ElmTableOfContents.vue';
+export type { ElmColorSampleProps } from './components/others/ElmColorSample.vue';
+export { default as ElmColorSample } from './components/others/ElmColorSample.vue';
+export type { ElmColorTableProps } from './components/others/ElmColorTable.vue';
+export { default as ElmColorTable } from './components/others/ElmColorTable.vue';
+export type { ElmJsonRendererProps } from './components/renderer/ElmJsonRenderer.vue';
+export { default as ElmJsonRenderer } from './components/renderer/ElmJsonRenderer.vue';
+export type { ElmTableProps } from './components/table/ElmTable.vue';
+export { default as ElmTable } from './components/table/ElmTable.vue';
+export type { ElmTableHeaderProps } from './components/table/ElmTableHeader.vue';
+export { default as ElmTableHeader } from './components/table/ElmTableHeader.vue';
+export type { ElmTableBodyProps } from './components/table/ElmTableBody.vue';
+export { default as ElmTableBody } from './components/table/ElmTableBody.vue';
+export type { ElmTableRowProps } from './components/table/ElmTableRow.vue';
+export { default as ElmTableRow } from './components/table/ElmTableRow.vue';
+export type { ElmTableCellProps } from './components/table/ElmTableCell.vue';
+export { default as ElmTableCell } from './components/table/ElmTableCell.vue';
+export type { ElmBlockQuoteProps } from './components/typography/ElmBlockQuote.vue';
+export { default as ElmBlockQuote } from './components/typography/ElmBlockQuote.vue';
+export type { ElmBulletedListProps } from './components/typography/ElmBulletedList.vue';
+export { default as ElmBulletedList } from './components/typography/ElmBulletedList.vue';
+export type { ElmCalloutProps } from './components/typography/ElmCallout.vue';
+export { default as ElmCallout } from './components/typography/ElmCallout.vue';
+export type { ElmDividerProps } from './components/typography/ElmDivider.vue';
+export { default as ElmDivider } from './components/typography/ElmDivider.vue';
+export type { ElmNumberedListProps } from './components/typography/ElmNumberedList.vue';
+export { default as ElmNumberedList } from './components/typography/ElmNumberedList.vue';
+export type { ElmParagraphProps } from './components/typography/ElmParagraph.vue';
+export { default as ElmParagraph } from './components/typography/ElmParagraph.vue';
+export type { ElmListItemProps } from './components/typography/ElmListItem.vue';
+export { default as ElmListItem } from './components/typography/ElmListItem.vue';
+export { useElmethisTheme } from './hooks/useElmethisTheme';
+export { useTyping } from './hooks/useTyping';

package/dist/index.mjs

@@ -0,0 +1,147 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".elmethis-table-header-thead{text-align:left;background-color:#000c;color:#fffc;transition:background-color .4s,color .4s}[data-theme=dark] .elmethis-table-header-thead{background-color:#fffc;color:#000c}.elmethis-table-header-thead tr td,.elmethis-table-header-thead tr th{color:#ffffffb3}[data-theme=dark] .elmethis-table-header-thead tr td,[data-theme=dark] .elmethis-table-header-thead tr th{color:#000000b3}.elmethis-table-header-thead tr td::-moz-selection,.elmethis-table-header-thead tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}.elmethis-table-header-thead tr td::selection,.elmethis-table-header-thead tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-thead tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::selection,[data-theme=dark] .elmethis-table-header-thead tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}\n.elmethis-table-header-body tr{transition:background-color .2s}.elmethis-table-header-body tr:nth-child(odd){background-color:transparent}.elmethis-table-header-body tr:nth-child(2n){background-color:#00000006}[data-theme=dark] .elmethis-table-header-body tr:nth-child(2n){background-color:#ffffff06}.elmethis-table-header-body tr:hover,[data-theme=dark] .elmethis-table-header-body tr:hover{background-color:#6987b826}.elmethis-table-header-body tr td,.elmethis-table-header-body tr th{color:#000000b3}[data-theme=dark] .elmethis-table-header-body tr td,[data-theme=dark] .elmethis-table-header-body tr th{color:#ffffffb3}.elmethis-table-header-body tr td::-moz-selection,.elmethis-table-header-body tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}.elmethis-table-header-body tr td::selection,.elmethis-table-header-body tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-body tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-body tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-body tr td::selection,[data-theme=dark] .elmethis-table-header-body tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}\n.elmethis-bulleted-list{margin-block:2rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}\n.elmethis-numbered-list{margin-block:2rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import { default as default2 } from "./components/badge/ElmBadge.vue.mjs";
+import { default as default3 } from "./components/badge/ElmTag.vue.mjs";
+import { default as default4 } from "./components/code/ElmCodeBlock.vue.mjs";
+import { default as default5 } from "./components/code/ElmKatex.vue.mjs";
+import { default as default6 } from "./components/containments/ElmColumn.vue.mjs";
+import { default as default7 } from "./components/containments/ElmColumnList.vue.mjs";
+import { default as default8 } from "./components/containments/ElmDesktopWindow.vue.mjs";
+import { default as default9 } from "./components/containments/ElmModal.vue.mjs";
+import { default as default10 } from "./components/containments/ElmParallax.vue.mjs";
+import { default as default11 } from "./components/containments/ElmSnackbar.vue.mjs";
+import { default as default12 } from "./components/containments/ElmSnackbarContainer.vue.mjs";
+import { default as default13 } from "./components/containments/ElmToggle.vue.mjs";
+import { default as default14 } from "./components/containments/ElmTooltip.vue.mjs";
+import { default as default15 } from "./components/data/ElmProgress.vue.mjs";
+import { default as default16 } from "./components/data/ElmMultiProgress.vue.mjs";
+import { default as default17 } from "./components/data/ElmStatusMessage.vue.mjs";
+import { default as default18 } from "./components/fallback/ElmRectangleWave.vue.mjs";
+import { default as default19 } from "./components/fallback/ElmBlockFallback.vue.mjs";
+import { default as default20 } from "./components/fallback/ElmSpinner.vue.mjs";
+import { default as default21 } from "./components/form/ElmButton.vue.mjs";
+import { default as default22 } from "./components/form/ElmCheckbox.vue.mjs";
+import { default as default23 } from "./components/form/ElmSwitch.vue.mjs";
+import { default as default24 } from "./components/form/ElmTextField.vue.mjs";
+import { default as default25 } from "./components/form/ElmTotp.vue.mjs";
+import { default as default26 } from "./components/headings/ElmHeading1.vue.mjs";
+import { default as default27 } from "./components/headings/ElmHeading2.vue.mjs";
+import { default as default28 } from "./components/headings/ElmHeading3.vue.mjs";
+import { default as default29 } from "./components/headings/ElmHeading4.vue.mjs";
+import { default as default30 } from "./components/headings/ElmHeading5.vue.mjs";
+import { default as default31 } from "./components/headings/ElmHeading6.vue.mjs";
+import { default as default32 } from "./components/headings/ElmFragmentIdentifier.vue.mjs";
+import { default as default33 } from "./components/icon/ElmArrowIcon.vue.mjs";
+import { default as default34 } from "./components/icon/ElmBookmarkIcon.vue.mjs";
+import { default as default35 } from "./components/icon/ElmCubeIcon.vue.mjs";
+import { default as default36 } from "./components/icon/ElmDotLoadingIcon.vue.mjs";
+import { default as default37 } from "./components/icon/ElmLanguageIcon.vue.mjs";
+import { default as default38 } from "./components/icon/ElmLoginIcon.vue.mjs";
+import { default as default39 } from "./components/icon/ElmToggleTheme.vue.mjs";
+import { default as default40 } from "./components/inline/ElmInlineLink.vue.mjs";
+import { default as default41 } from "./components/inline/ElmInlineRuby.vue.mjs";
+import { default as default42 } from "./components/inline/ElmInlineText.vue.mjs";
+import { default as default43 } from "./components/media/ElmFile.vue.mjs";
+import { default as default44, default as default45 } from "./components/media/ElmImage.vue.mjs";
+import { default as default46 } from "./components/navigation/ElmBookmark.vue.mjs";
+import { default as default47 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
+import { default as default48 } from "./components/navigation/ElmPagetop.vue.mjs";
+import { default as default49 } from "./components/navigation/ElmTableOfContents.vue.mjs";
+import { default as default50 } from "./components/others/ElmColorSample.vue.mjs";
+import { default as default51 } from "./components/others/ElmColorTable.vue.mjs";
+import { default as default52 } from "./components/renderer/ElmJsonRenderer.vue.mjs";
+import { default as default53 } from "./components/table/ElmTable.vue.mjs";
+import { default as default54 } from "./components/table/ElmTableHeader.vue.mjs";
+
+import { default as default55 } from "./components/table/ElmTableBody.vue.mjs";
+
+import { default as default56 } from "./components/table/ElmTableRow.vue.mjs";
+import { default as default57 } from "./components/table/ElmTableCell.vue.mjs";
+import { default as default58 } from "./components/typography/ElmBlockQuote.vue.mjs";
+import { default as default59 } from "./components/typography/ElmBulletedList.vue.mjs";
+
+import { default as default60 } from "./components/typography/ElmCallout.vue.mjs";
+import { default as default61 } from "./components/typography/ElmDivider.vue.mjs";
+import { default as default62 } from "./components/typography/ElmNumberedList.vue.mjs";
+
+import { default as default63 } from "./components/typography/ElmParagraph.vue.mjs";
+import { default as default64 } from "./components/typography/ElmListItem.vue.mjs";
+import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
+import { useTyping } from "./hooks/useTyping.mjs";
+export {
+  default33 as ElmArrowIcon,
+  default2 as ElmBadge,
+  default19 as ElmBlockFallback,
+  default44 as ElmBlockImage,
+  default58 as ElmBlockQuote,
+  default46 as ElmBookmark,
+  default34 as ElmBookmarkIcon,
+  default47 as ElmBreadcrumb,
+  default59 as ElmBulletedList,
+  default21 as ElmButton,
+  default60 as ElmCallout,
+  default22 as ElmCheckbox,
+  default4 as ElmCodeBlock,
+  default50 as ElmColorSample,
+  default51 as ElmColorTable,
+  default6 as ElmColumn,
+  default7 as ElmColumnList,
+  default35 as ElmCubeIcon,
+  default8 as ElmDesktopWindow,
+  default61 as ElmDivider,
+  default36 as ElmDotLoadingIcon,
+  default43 as ElmFile,
+  default32 as ElmFragmentIdentifier,
+  default26 as ElmHeading1,
+  default27 as ElmHeading2,
+  default28 as ElmHeading3,
+  default29 as ElmHeading4,
+  default30 as ElmHeading5,
+  default31 as ElmHeading6,
+  default45 as ElmImage,
+  default40 as ElmInlineLink,
+  default41 as ElmInlineRuby,
+  default42 as ElmInlineText,
+  default52 as ElmJsonRenderer,
+  default5 as ElmKatex,
+  default37 as ElmLanguageIcon,
+  default64 as ElmListItem,
+  default38 as ElmLoginIcon,
+  default9 as ElmModal,
+  default16 as ElmMultiProgress,
+  default62 as ElmNumberedList,
+  default48 as ElmPagetop,
+  default63 as ElmParagraph,
+  default10 as ElmParallax,
+  default15 as ElmProgress,
+  default18 as ElmRectangleWave,
+  default11 as ElmSnackbar,
+  default12 as ElmSnackbarContainer,
+  default20 as ElmSpinner,
+  default17 as ElmStatusMessage,
+  default23 as ElmSwitch,
+  default53 as ElmTable,
+  default55 as ElmTableBody,
+  default57 as ElmTableCell,
+  default54 as ElmTableHeader,
+  default49 as ElmTableOfContents,
+  default56 as ElmTableRow,
+  default3 as ElmTag,
+  default24 as ElmTextField,
+  default13 as ElmToggle,
+  default39 as ElmToggleTheme,
+  default14 as ElmTooltip,
+  default25 as ElmTotp,
+  useElmethisTheme,
+  useTyping
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "1.0.0-alpha.18",
+  "version": "1.0.0-alpha.180",
   "publishConfig": {
     "access": "public"
   },
@@ -14,45 +14,54 @@
   "files": [
     "dist"
   ],
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.mjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/elmethis.js",
-      "require": "./dist/elmethis.umd.cjs"
+      "default": "./dist/index.mjs"
     }
   },
+  "dependencies": {
+    "@heroicons/vue": "^2.2.0",
+    "@iconify/vue": "^4.3.0",
+    "@vueuse/core": "^13.0.0",
+    "katex": "^0.16.21",
+    "lodash-es": "^4.17.21",
+    "nanoid": "^5.1.5",
+    "polished": "^4.3.1",
+    "shiki": "^3.2.1"
+  },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
-    "@heroicons/vue": "^2.1.5",
-    "@storybook/addon-essentials": "^8.4.1",
-    "@storybook/addon-interactions": "^8.4.1",
-    "@storybook/addon-links": "^8.4.1",
-    "@storybook/addon-onboarding": "^8.4.1",
-    "@storybook/blocks": "^8.3.6",
-    "@storybook/test": "^8.3.6",
-    "@storybook/vue3": "^8.4.1",
-    "@storybook/vue3-vite": "^8.4.1",
+    "@chromatic-com/storybook": "^3.2.6",
+    "@notionhq/client": "^2.3.0",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/vue3": "^8.6.12",
+    "@storybook/vue3-vite": "^8.6.12",
+    "@types/json-schema": "^7.0.15",
     "@types/katex": "^0.16.7",
     "@types/lodash-es": "^4.17.12",
     "@types/prismjs": "^1.26.5",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vitejs/plugin-vue-jsx": "^4.0.1",
-    "@vueuse/core": "^11.2.0",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitejs/plugin-vue-jsx": "^4.1.2",
     "csstype": "^3.1.3",
-    "katex": "^0.16.11",
-    "lodash-es": "^4.17.21",
-    "polished": "^4.3.1",
-    "postcss": "^8.4.47",
-    "postcss-preset-env": "^10.0.8",
-    "prism-theme-vars": "^0.2.5",
-    "prismjs": "^1.29.0",
-    "sass": "^1.80.5",
-    "storybook": "^8.3.6",
-    "vite": "^5.4.9",
+    "openapi-types": "^12.1.3",
+    "postcss": "^8.5.3",
+    "postcss-preset-env": "^10.1.5",
+    "sass": "^1.86.3",
+    "storybook": "^8.6.12",
+    "vite": "^6.2.5",
     "vite-plugin-css-injected-by-js": "^3.5.2",
-    "vite-plugin-dts": "^4.3.0",
-    "vue": "^3.5.12",
-    "vue-tsc": "^2.1.10"
+    "vite-plugin-dts": "^4.5.3",
+    "vue-tsc": "^2.2.8"
+  },
+  "peerDependencies": {
+    "vue": ">=3.4.0"
   },
   "scripts": {
     "build": "vue-tsc && vite build",