@elmethis/core 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/index.d.ts

@@ -1,7 +1,13 @@
+import { App } from 'vue';
 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 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';
@@ -17,10 +23,12 @@ import { default as ElmInlineCode, ElmInlineCodeProps } from './components/inlin
 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';
@@ -33,5 +41,8 @@ import { default as ElmCallout, ElmCalloutProps } from './components/typography/
 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';
-export { ElmCodeBlock, ElmPrismHighlighter, ElmKatex, ElmTooltip, ElmRectangleWave, ElmHeading1, ElmHeading2, ElmHeading3, ElmHeading4, ElmHeading5, ElmHeading6, ElmCubeIcon, ElmDotLoadingIcon, ElmLanguageIcon, ElmToggleTheme, ElmInlineCode, ElmInlineLink, ElmInlineRuby, ElmInlineText, ElmImage, ElmBookmark, ElmBreadcrumb, ElmPagetop, ElmJsonRenderer, ElmTable, ElmTableHeader, ElmTableBody, ElmTableRow, ElmTableCell, ElmBlockQuote, ElmBulletedList, ElmCallout, ElmDivider, ElmNumberedList, ElmListItem };
-export type { ElmCodeBlockProps, ElmPrismHighlighterProps, ElmKatexProps, ElmTooltipProps, ElmRectangleWaveProps, ElmHeading1Props, ElmHeading2Props, ElmHeading3Props, ElmHeading4Props, ElmHeading5Props, ElmHeading6Props, ElmCubeIconProps, ElmDotLoadingIconProps, ElmLanguageIconProps, ElmToggleThemeProps, ElmInlineCodeProps, ElmInlineLinkProps, ElmInlineRubyProps, ElmInlineTextProps, ElmImageProps, ElmBookmarkProps, ElmBreadcrumbProps, ElmPagetopProps, ElmJsonRendererProps, ElmTableProps, ElmTableHeaderProps, ElmTableBodyProps, ElmTableRowProps, ElmTableCellProps, ElmBlockQuoteProps, ElmBulletedListProps, ElmCalloutProps, ElmDividerProps, ElmNumberedListProps, ElmListItemProps };
+export { ElmCodeBlock, ElmPrismHighlighter, ElmKatex, ElmColumn, ElmColumnList, 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 };
+export type { ElmCodeBlockProps, ElmPrismHighlighterProps, ElmKatexProps, ElmColumnProps, ElmColumnListProps, 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 declare const ElmethisPlugin: {
+    install(app: App): void;
+};

package/dist/types/global.d.ts

@@ -0,0 +1,57 @@
+import { ElmCodeBlockProps, ElmPrismHighlighterProps, ElmKatexProps, ElmColumnProps, ElmColumnListProps, 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 } from '../index';
+declare module 'vue' {
+  interface GlobalComponents {
+    ElmCodeBlock: (props: ElmCodeBlockProps) => JSX.Element
+    ElmPrismHighlighter: (props: ElmPrismHighlighterProps) => JSX.Element
+    ElmKatex: (props: ElmKatexProps) => JSX.Element
+
+    ElmColumn: (props: ElmColumnProps) => JSX.Element
+    ElmColumnList: (props: ElmColumnListProps) => JSX.Element
+    ElmParallax: (props: ElmParallaxProps) => JSX.Element
+    ElmToggle: (props: ElmToggleProps) => JSX.Element
+    ElmTooltip: (props: ElmTooltipProps) => JSX.Element
+
+    ElmProgress: (props: ElmProgressProps) => JSX.Element
+    ElmRectangleWave: (props: ElmRectangleWaveProps) => JSX.Element
+
+    ElmHeading1: (props: ElmHeading1Props) => JSX.Element
+    ElmHeading2: (props: ElmHeading2Props) => JSX.Element
+    ElmHeading3: (props: ElmHeading3Props) => JSX.Element
+    ElmHeading4: (props: ElmHeading4Props) => JSX.Element
+    ElmHeading5: (props: ElmHeading5Props) => JSX.Element
+    ElmHeading6: (props: ElmHeading6Props) => JSX.Element
+
+    ElmCubeIcon: (props: ElmCubeIconProps) => JSX.Element
+    ElmDotLoadingIcon: (props: ElmDotLoadingIconProps) => JSX.Element
+    ElmLanguageIcon: (props: ElmLanguageIconProps) => JSX.Element
+    ElmToggleTheme: (props: ElmToggleThemeProps) => JSX.Element
+
+    ElmInlineCode: (props: ElmInlineCodeProps) => JSX.Element
+    ElmInlineLink: (props: ElmInlineLinkProps) => JSX.Element
+    ElmInlineRuby: (props: ElmInlineRubyProps) => JSX.Element
+    ElmInlineText: (props: ElmInlineTextProps) => JSX.Element
+
+    ElmFile: (props: ElmFileProps) => JSX.Element
+    ElmImage: (props: ElmImageProps) => JSX.Element
+
+    ElmBookmark: (props: ElmBookmarkProps) => JSX.Element
+    ElmBreadcrumb: (props: ElmBreadcrumbProps) => JSX.Element
+    ElmPagetop: (props: ElmPagetopProps) => JSX.Element
+    ElmTableOfContents: (props: ElmTableOfContentsProps) => JSX.Element
+
+    ElmJsonRenderer: (props: ElmJsonRendererProps) => JSX.Element
+
+    ElmTable: (props: ElmTableProps) => JSX.Element
+    ElmTableHeader: (props: ElmTableHeaderProps) => JSX.Element
+    ElmTableBody: (props: ElmTableBodyProps) => JSX.Element
+    ElmTableRow: (props: ElmTableRowProps) => JSX.Element
+    ElmTableCell: (props: ElmTableCellProps) => JSX.Element
+
+    ElmBlockQuote: (props: ElmBlockQuoteProps) => JSX.Element
+    ElmBulletedList: (props: ElmBulletedListProps) => JSX.Element
+    ElmCallout: (props: ElmCalloutProps) => JSX.Element
+    ElmDivider: (props: ElmDividerProps) => JSX.Element
+    ElmNumberedList: (props: ElmNumberedListProps) => JSX.Element
+    ElmListItem: (props: ElmListItemProps) => JSX.Element
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "publishConfig": {
     "access": "public"
   },
@@ -16,14 +16,46 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/elmethis.js",
-      "require": "./dist/elmethis.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/elmethis.umd.cjs"
     }
   },
+  "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",
+    "@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",
+    "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",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.3.0",
+    "vue": "^3.5.12",
+    "vue-tsc": "^2.1.10"
+  },
   "scripts": {
     "build": "vue-tsc && vite build",
-    "prepublishOnly": "npm run build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   }

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>