npm - @elmethis/vue - Versions diffs - 0.4.1 → 0.5.0 - Mend

@elmethis/vue 0.4.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (552) hide show

package/lib-types/hooks/use-bindable-signal.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-bindable-signal.d.ts","sourceRoot":"","sources":["../../src/hooks/use-bindable-signal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,IAAI,EAAE;IAC3E,+CAA+C;IAC/C,KAAK,EAAE,CAAC,CAAC;IACT,2EAA2E;IAC3E,GAAG,EAAE,CAAC,CAAC;IACP,wEAAwE;IACxE,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,MAAM,GAAG,CAAC,EAAE,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrE,yDAAyD;IACzD,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAGvB"}

package/lib-types/hooks/use-clipboard.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { type Component, type CSSProperties } from "vue";
+type ClipboardItemParameter = ConstructorParameters<typeof ClipboardItem>[0];
+export interface UseClipboardOptions {
+    class?: string;
+    style?: CSSProperties;
+    content: string | ClipboardItemParameter[];
+    delay?: number;
+}
+/**
+ * Vue port of qwik's `useClipboard`. Returns a `copy` callback and a
+ * `CopyButton` component whose icon swaps to the check variant for `delay` ms
+ * after a successful copy.
+ *
+ * Official-first: the copy + auto-resetting `copied` state come from `@vueuse`
+ * (`useClipboard` for text, `useClipboardItems` for rich `ClipboardItem[]`),
+ * which also handles the "re-press cancels the previous reset" timer. `copied`
+ * merges both paths.
+ */
+export declare const useClipboard: (options: UseClipboardOptions) => {
+    copy: () => Promise<void>;
+    CopyButton: Component;
+};
+export {};
+//# sourceMappingURL=use-clipboard.d.ts.map

package/lib-types/hooks/use-clipboard.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-clipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/use-clipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,aAAa,EAEnB,MAAM,KAAK,CAAC;AAWb,KAAK,sBAAsB,GAAG,qBAAqB,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,OAAO,EAAE,MAAM,GAAG,sBAAsB,EAAE,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,GACvB,SAAS,mBAAmB,KAC3B;IAAE,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAAC,UAAU,EAAE,SAAS,CAAA;CAwCpD,CAAC"}

package/lib-types/hooks/use-elmethis-theme.d.ts ADDED Viewed

@@ -0,0 +1,47 @@
+import { type Ref } from "vue";
+/**
+ * Same-tab broadcast channel. Fired on `window` by `applyTheme` after every
+ * theme mutation. Each `useElmethisTheme()` call owns an independent piece of
+ * state, and the `storage` event only fires in *other* tabs — so without this
+ * event, sibling components in the same tab would never see a toggle.
+ * `detail` carries the new `Theme | null` (`null` = reverted to OS auto).
+ */
+export declare const THEME_CHANGE_EVENT = "elmethis-theme-change";
+type Theme = "light" | "dark";
+/**
+ * Coerce a raw storage value into an explicit Theme, or `null` when no
+ * explicit choice is stored. `null` means "follow the OS" — i.e. fall back
+ * to the `color-scheme: light dark` default, which tracks
+ * `prefers-color-scheme`.
+ *
+ * Exported so the (otherwise inline) decision rule can be regression-tested
+ * directly without having to dispatch a real `StorageEvent`.
+ *
+ * Only the literal strings `"dark"` and `"light"` are explicit choices;
+ * anything else — including `null` (the key was cleared in another tab) and
+ * unknown strings — resolves to `null` (auto / OS).
+ */
+export declare const parseTheme: (raw: string | null) => Theme | null;
+/**
+ * Pin or release the Elmethis theme natively via `color-scheme` + `data-theme`
+ * on `<html>`, with cross-tab (`storage`) and same-tab (`CustomEvent`) sync.
+ *
+ * Vue port of qwik's `useElmethisTheme`: where qwik returns a `Signal<boolean>`
+ * plus a `QRL`, this returns a `Ref<boolean>` (read via `.value`) plus a plain
+ * `() => void`.
+ *
+ * Listeners are wired by hand in `onMounted` / `onBeforeUnmount` (mirroring the
+ * react port's `useEffect`): the custom `THEME_CHANGE_EVENT` and the
+ * `MediaQueryList` target don't fit `@vueuse`'s typed `useEventListener`
+ * overloads, so it would add casts rather than remove code.
+ *
+ * @example
+ *   const { isDarkTheme, toggleTheme } = useElmethisTheme();
+ *   // <button @click="toggleTheme">{{ isDarkTheme ? "🌙" : "☀️" }}</button>
+ */
+export declare function useElmethisTheme(): {
+    isDarkTheme: Ref<boolean>;
+    toggleTheme: () => void;
+};
+export {};
+//# sourceMappingURL=use-elmethis-theme.d.ts.map

package/lib-types/hooks/use-elmethis-theme.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-elmethis-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-elmethis-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAIhE;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAE1D,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,GAAG,IAAI,KAAG,KAAK,GAAG,IACI,CAAC;AAqD7D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,IAAI;IAClC,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CA+DA"}

package/lib-types/hooks/use-modal.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { type Component, type Ref } from "vue";
+export interface UseModalOptions {
+    /**
+     * Delay in **milliseconds** of the open/close fade animation.
+     */
+    delay?: number;
+}
+/**
+ * Imperative sugar over {@link ElmModal}. Owns a single `isOpen` intent and
+ * returns `show` / `hide` / `toggle` to drive it, plus a `Modal` component that
+ * renders the native `<dialog>` (open/animate/close lifecycle and timer cleanup
+ * all live in `ElmModal`).
+ *
+ * Unlike the react twin, no stable-identity ref hack is needed: a composable
+ * runs once in `setup`, so `Modal` is created once and reads the reactive
+ * `isOpen` by closure.
+ */
+export declare const useModal: (options?: UseModalOptions) => {
+    Modal: Component;
+    isOpen: Ref<boolean>;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+};
+//# sourceMappingURL=use-modal.d.ts.map

package/lib-types/hooks/use-modal.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../../src/hooks/use-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAIrE,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,GACnB,UAAS,eAAoB,KAC5B;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CA0BpB,CAAC"}

package/lib-types/index.d.ts ADDED Viewed

@@ -0,0 +1,53 @@
+import "@elmethis/core/tokens.css";
+export { ElmA2ui, type ElmA2uiProps, A2uiSurface, type A2uiSurfaceProps, } from "./components/a2ui/elm-a2ui";
+export { basicCatalog } from "./components/a2ui/catalog/basic-catalog";
+export { blockCatalog } from "./components/a2ui/catalog/block-catalog";
+export { CatalogRenderer, defineRenderer, type RenderArgs, type RenderFn, type RendererEntry, type ChildRef, } from "./components/a2ui/catalog/catalog";
+export { ElmCodeBlock, type ElmCodeBlockProps, } from "./components/code/elm-code-block";
+export { ElmKatex, type ElmKatexProps } from "./components/code/elm-katex";
+export { ElmShikiHighlighter, type ElmShikiHighlighterProps, } from "./components/code/elm-shiki-highlighter";
+export { ElmCollapse, type ElmCollapseProps, } from "./components/containments/elm-collapse";
+export { ElmModal, type ElmModalProps, } from "./components/containments/elm-modal";
+export { ElmParallax, type ElmParallaxProps, } from "./components/containments/elm-parallax";
+export { ElmTab, ElmTabList, ElmTabPanel, ElmTabs, type ElmTabListProps, type ElmTabPanelProps, type ElmTabProps, type ElmTabsProps, } from "./components/containments/elm-tabs";
+export { ElmToggle, type ElmToggleProps, } from "./components/containments/elm-toggle";
+export { ElmTooltip, type ElmTooltipProps, } from "./components/containments/elm-tooltip";
+export { ElmBlockFallback, type ElmBlockFallbackProps, } from "./components/fallback/elm-block-fallback";
+export { ElmRectangleWave, type ElmRectangleWaveProps, } from "./components/fallback/elm-rectangle-wave";
+export { ElmUnsupportedBlock, type ElmUnsupportedBlockProps, } from "./components/fallback/elm-unsupported-block";
+export { ElmButton, type ElmButtonProps } from "./components/form/elm-button";
+export { ElmCheckbox, type ElmCheckboxProps, } from "./components/form/elm-checkbox";
+export { ElmSelect, type ElmSelectOption, type ElmSelectProps, } from "./components/form/elm-select";
+export { ElmSwitch, type ElmSwitchProps } from "./components/form/elm-switch";
+export { ElmTextArea, type ElmTextAreaProps, } from "./components/form/elm-text-area";
+export { ElmTextField, type ElmTextFieldProps, } from "./components/form/elm-text-field";
+export { ElmValidation, type ElmValidationProps, } from "./components/form/elm-validation";
+export { ElmDotLoadingIcon, type ElmDotLoadingIconProps, } from "./components/icon/elm-dot-loading-icon";
+export { ElmCopyIcon, type ElmCopyIconProps, } from "./components/icon/elm-copy-icon";
+export { ElmInlineIcon, type ElmInlineIconProps, } from "./components/icon/elm-inline-icon";
+export { ElmLanguageIcon, LANGUAGES, type Language, type ElmLanguageIconProps, } from "./components/icon/elm-language-icon";
+export { ElmMdiIcon, type ElmMdiIconProps, } from "./components/icon/elm-mdi-icon";
+export { ElmSquareLoadingIcon, type ElmSquareLoadingIconProps, } from "./components/icon/elm-square-loading-icon";
+export { ElmToggleTheme, type ElmToggleThemeProps, } from "./components/icon/elm-toggle-theme";
+export { ElmBlockImage, type ElmBlockImageProps, } from "./components/media/elm-block-image";
+export { ElmFile, type ElmFileProps } from "./components/media/elm-file";
+export { ElmBookmark, type ElmBookmarkProps, } from "./components/navigation/elm-bookmark";
+export { ElmBreadcrumb, type ElmBreadcrumbLink, type ElmBreadcrumbProps, } from "./components/navigation/elm-breadcrumb";
+export { ElmPageTop, type ElmPageTopProps, } from "./components/navigation/elm-page-top";
+export { ElmColorPrimitiveSample, type ElmColorPrimitiveSampleProps, } from "./components/others/elm-color-primitive-sample";
+export { ElmColorSemanticSample, type ElmColorSemanticSampleProps, } from "./components/others/elm-color-semantic-sample";
+export { ElmMarkdown, type ElmMarkdownProps, } from "./components/others/elm-markdown";
+export { useWordle, type UseWordleOptions, type UseWordleReturn, type LetterResult, type LetterStatus, type GameStatus, } from "./components/others/use-wordle";
+export * from "./components/table";
+export { ElmBlockQuote, type ElmBlockQuoteProps, } from "./components/typography/elm-block-quote";
+export { ElmCallout, type AlertType, type ElmCalloutProps, } from "./components/typography/elm-callout";
+export { ElmDivider, type ElmDividerProps, } from "./components/typography/elm-divider";
+export { ElmHeading, type ElmHeadingProps, } from "./components/typography/elm-heading";
+export { ElmFragmentIdentifier, type ElmFragmentIdentifierProps, } from "./components/typography/elm-fragment-identifier";
+export { ElmInlineText, type ElmInlineTextProps, } from "./components/typography/elm-inline-text";
+export { ElmList, type ElmListProps } from "./components/typography/elm-list";
+export { ElmParagraph, type ElmParagraphProps, } from "./components/typography/elm-paragraph";
+export { useClipboard, type UseClipboardOptions } from "./hooks/use-clipboard";
+export { THEME_CHANGE_EVENT, useElmethisTheme, } from "./hooks/use-elmethis-theme";
+export { useModal, type UseModalOptions } from "./hooks/use-modal";
+//# sourceMappingURL=index.d.ts.map

package/lib-types/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,9 +1,11 @@
 {
   "name": "@elmethis/vue",
-  "version": "0.4.1",
+  "version": "0.5.0",
+  "description": "Vue 3 component library for elmethis.",
   "publishConfig": {
     "access": "public"
   },
+  "private": false,
   "type": "module",
   "author": "Ikuma Yamashita",
   "repository": {
@@ -11,60 +13,98 @@
     "url": "git@github.com:46ki75/elmethis.git"
   },
   "homepage": "https://46ki75.github.io/elmethis",
-  "files": [
-    "dist"
-  ],
-  "types": "./dist/index.d.ts",
-  "module": "./dist/index.mjs",
+  "main": "./lib/index.vue.mjs",
+  "module": "./lib/index.vue.mjs",
+  "types": "./lib-types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.mjs"
+      "types": "./lib-types/index.d.ts",
+      "import": {
+        "types": "./lib-types/index.d.ts",
+        "default": "./lib/index.vue.mjs"
+      },
+      "require": {
+        "types": "./lib-types/index.d.ts",
+        "default": "./lib/index.vue.cjs"
+      }
+    },
+    "./style.css": {
+      "default": "./lib/style.css"
     }
   },
+  "files": [
+    "lib",
+    "lib-types"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
   "dependencies": {
+    "@46ki75/ikuma-theme": "^0.0.10",
+    "@a2ui/web_core": "^0.10.0",
+    "@formkit/auto-animate": "^0.9.0",
     "@mdi/js": "^7.4.47",
-    "@vueuse/core": "^14.2.1",
-    "fuse.js": "^7.1.0",
-    "katex": "^0.16.33",
-    "lodash-es": "^4.17.23",
-    "marked": "^17.0.3",
-    "mermaid": "^11.12.3",
-    "nanoid": "^5.1.6",
-    "polished": "^4.3.1",
-    "shiki": "^4.0.0"
+    "@vueuse/core": "^14.3.0",
+    "clsx": "^2.1.1",
+    "dompurify": "^3.4.2",
+    "es-toolkit": "^1.47.1",
+    "katex": "^0.17.0",
+    "marked": "^18.0.5",
+    "shiki": "^4.2.0",
+    "zod": "^3",
+    "@elmethis/core": "^0.10.0"
   },
   "devDependencies": {
-    "@ag-ui/core": "^0.0.46",
-    "@notionhq/client": "^5.11.0",
-    "@storybook/addon-docs": "^10.2.13",
-    "@storybook/vue3-vite": "10.2.13",
-    "@types/json-schema": "^7.0.15",
+    "@eslint/js": "latest",
+    "@storybook/addon-docs": "^10.4.4",
+    "@storybook/vue3-vite": "^10.4.4",
     "@types/katex": "^0.16.8",
-    "@types/lodash-es": "^4.17.12",
-    "@types/prismjs": "^1.26.6",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "@vue/tsconfig": "^0.8.1",
-    "csstype": "^3.2.3",
-    "jarkup-ts": "^0.8.0",
-    "openapi-types": "^12.1.3",
-    "postcss": "^8.5.6",
-    "postcss-preset-env": "^11.2.0",
-    "sass": "^1.97.3",
-    "storybook": "^10.2.13",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-css-injected-by-js": "^4.0.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vue-tsc": "^3.2.5"
-  },
-  "peerDependencies": {
-    "vue": "^3.4.0"
+    "@types/node": "^25.7.0",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitejs/plugin-vue-jsx": "^5.1.5",
+    "@vitest/browser-playwright": "^4.1.8",
+    "@vitest/ui": "^4.1.8",
+    "@vue/test-utils": "^2.4.11",
+    "concurrently": "^10.0.3",
+    "eslint": "^10.4.1",
+    "globals": "^17.6.0",
+    "happy-dom": "^20.10.2",
+    "playwright": "^1.60.0",
+    "prettier": "3.8.4",
+    "storybook": "^10.4.4",
+    "stylelint": "^17.13.0",
+    "stylelint-config-css-modules": "^4.6.0",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-value-no-unknown-custom-properties": "^6.1.1",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.61.0",
+    "vite": "^8.0.4",
+    "vitest": "^4.1.8",
+    "vitest-browser-vue": "^2.1.0",
+    "vue": "^3.5.38",
+    "vue-tsc": "^3.3.4"
   },
   "scripts": {
-    "build": "vue-tsc && vite build",
-    "check": "vue-tsc -p tsconfig.app.json",
-    "storybook": "storybook dev -p 6006 --no-open",
-    "build-storybook": "storybook build"
+    "build": "pnpm run build.lib && pnpm run build.types",
+    "build.lib": "vite build",
+    "build.types": "vue-tsc --project tsconfig.lib.json",
+    "build-storybook": "storybook build",
+    "dev": "storybook dev -p 19231 --no-open",
+    "fmt": "prettier --write ./src",
+    "fmt.check": "prettier --check ./src",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "lint.css": "stylelint \"src/**/*.css\"",
+    "test": "pnpm run test.unit && pnpm run test.browser",
+    "test.unit": "vitest --run",
+    "test.browser": "vitest --run --config vitest.browser.config.ts",
+    "test.build": "pnpm run build && pnpm run build-storybook",
+    "check": "concurrently -g \"pnpm:fmt.check\" \"pnpm:lint\" \"pnpm:lint.css\" \"pnpm:build.types\" \"pnpm:test.unit\" \"pnpm:test.browser\"",
+    "check.ci": "concurrently -g \"pnpm:check\" \"pnpm:test.build\""
   }
 }

package/dist/_virtual/_plugin-vue_export-helper.mjs DELETED Viewed

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};

package/dist/components/ag-ui/message/ElmAgUiMessageUser.stories.d.ts DELETED Viewed

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

package/dist/components/ag-ui/message/ElmAgUiMessageUser.vue.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import { Message } from '@ag-ui/core';
-export interface ElmAgUiMessageSystemProps {
-    message: Extract<Message, {
-        role: "user";
-    }>;
-}
-declare const _default: import('vue').DefineComponent<ElmAgUiMessageSystemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmAgUiMessageSystemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmCodeBlock } from './ElmCodeBlock.vue';
-declare const meta: Meta<typeof ElmCodeBlock>;
-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 DELETED Viewed

@@ -1,46 +0,0 @@
-import { Property } from 'csstype';
-import { VNode } from 'vue';
-export interface ElmCodeBlockProps {
-    /**
-     * The code to display.
-     */
-    code: string;
-    /**
-     * The language of the code.
-     */
-    language?: string;
-    /**
-     * The caption of the code block.
-     * If not provided, the language will be used.
-     */
-    caption?: string;
-    /**
-     * The margin of the code block.
-     */
-    margin?: Property.MarginBlock;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default?: () => VNode[];
-    }> & {
-        default?: () => VNode[];
-    };
-    refs: {
-        target: 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;
-}, 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 DELETED Viewed

@@ -1,23 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-514e4afd],.v-leave-from[data-v-514e4afd]{opacity:1}.v-enter-active[data-v-514e4afd],.v-leave-active[data-v-514e4afd]{transition:opacity .15s}.v-enter-from[data-v-514e4afd],.v-leave-to[data-v-514e4afd]{opacity:0}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-import _sfc_main from "./ElmCodeBlock.vue2.mjs";
-import style0 from "./ElmCodeBlock.vue3.mjs";
-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-514e4afd"]]);
-export {
-  ElmCodeBlock as default
-};

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

@@ -1,104 +0,0 @@
-import { defineComponent, ref, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, createBlock, resolveDynamicComponent, unref, h } from "vue";
-import ElmLanguageIcon from "../icon/ElmLanguageIcon.vue.mjs";
-import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
-import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
-import { useClipboard, useIntersectionObserver } from "@vueuse/core";
-import { mdiClipboardCheckMultipleOutline, mdiClipboardMultipleOutline } from "@mdi/js";
-import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
-import ElmShikiHighlighter from "./ElmShikiHighlighter.vue.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmCodeBlock",
-  props: {
-    code: {},
-    language: { default: "txt" },
-    caption: {},
-    margin: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const isRendered = ref(false);
-    const { copy, copied } = useClipboard({ source: props.code });
-    const target = ref(null);
-    const targetIsVisible = ref(false);
-    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-      targetIsVisible.value = isIntersecting;
-    });
-    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",
-        ref: target,
-        class: normalizeClass(_ctx.$style.wrapper),
-        style: normalizeStyle({
-          "--margin-block": __props.margin,
-          "--opacity": targetIsVisible.value ? 1 : 0
-        })
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.header)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.header__left)
-          }, [
-            createVNode(ElmLanguageIcon, {
-              language: __props.language,
-              size: 20
-            }, null, 8, ["language"]),
-            createElementVNode("span", {
-              class: normalizeClass(_ctx.$style.caption)
-            }, [
-              (openBlock(), createBlock(resolveDynamicComponent(() => renderCaption())))
-            ], 2)
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.header__right)
-          }, [
-            createVNode(ElmMdiIcon, {
-              size: "1.25em",
-              d: unref(copied) ? unref(mdiClipboardCheckMultipleOutline) : unref(mdiClipboardMultipleOutline),
-              class: normalizeClass(_ctx.$style["copy-icon"]),
-              onClick: _cache[0] || (_cache[0] = () => {
-                unref(copy)(__props.code);
-              }),
-              icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline",
-              color: unref(copied) ? "#b69545" : void 0
-            }, null, 8, ["d", "class", "icon", "color"])
-          ], 2)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.code)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style["code-body"]),
-            style: normalizeStyle({ opacity: isRendered.value ? 1 : 0 })
-          }, [
-            createVNode(ElmShikiHighlighter, {
-              modelValue: isRendered.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRendered.value = $event),
-              code: __props.code,
-              language: __props.language
-            }, null, 8, ["modelValue", "code", "language"])
-          ], 6),
-          createElementVNode("div", {
-            style: normalizeStyle({ opacity: !isRendered.value ? 1 : 0 }),
-            class: normalizeClass(_ctx.$style.fallback)
-          }, [
-            createVNode(ElmDotLoadingIcon, { size: "48px" })
-          ], 6)
-        ], 2)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/code/ElmCodeBlock.vue3.mjs DELETED Viewed

@@ -1,40 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._wrapper_9uvgf_1{margin-block:var(--margin-block);opacity:var(--opacity);display:flex;flex-direction:column;border-radius:.25rem;transition:background-color .4s,opacity .8s;background-color:#fff6;box-shadow:0 0 .125rem #3e434b4d}[data-theme=dark] ._wrapper_9uvgf_1{background-color:#2c3037e6;box-shadow:0 0 .125rem #0006}._header_9uvgf_16{box-sizing:border-box;width:calc(100% - 1rem);padding:.25rem .5rem .5rem;margin:.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;border-bottom:solid 1px rgba(62,67,75,.3)}[data-theme=dark] ._header_9uvgf_16{border-color:#bec2ca4d}._header__left_9uvgf_32{width:calc(100% - 2rem);display:flex;flex-direction:row;align-items:center;gap:.5rem}._caption_9uvgf_40{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._copy-icon_9uvgf_46{box-sizing:border-box;padding:.125rem;width:26px;height:26px;border-radius:.125rem;cursor:pointer;transition:background-color .2s;color:#000000b3}[data-theme=dark] ._copy-icon_9uvgf_46{color:#ffffffb3}._copy-icon_9uvgf_46:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_9uvgf_46:hover{background-color:#ffffff1a}._header__right_9uvgf_66{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_9uvgf_74{position:relative;padding:.25rem 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(105,135,184,.3) rgba(105,135,184,.15)}._code-body_9uvgf_82{transition:opacity .2s}._fallback_9uvgf_86{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:auto;display:flex;justify-content:center;align-items:center;transition:opacity .2s;pointer-events:none}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const wrapper = "_wrapper_9uvgf_1";
-const header = "_header_9uvgf_16";
-const header__left = "_header__left_9uvgf_32";
-const caption = "_caption_9uvgf_40";
-const header__right = "_header__right_9uvgf_66";
-const code = "_code_9uvgf_74";
-const fallback = "_fallback_9uvgf_86";
-const style0 = {
-  wrapper,
-  header,
-  header__left,
-  caption,
-  "copy-icon": "_copy-icon_9uvgf_46",
-  header__right,
-  code,
-  "code-body": "_code-body_9uvgf_82",
-  fallback
-};
-export {
-  caption,
-  code,
-  style0 as default,
-  fallback,
-  header,
-  header__left,
-  header__right,
-  wrapper
-};

package/dist/components/code/ElmKatex.stories.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmKatex } from './ElmKatex.vue';
-declare const meta: Meta<typeof ElmKatex>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Inline: Story;
-export declare const Block: Story;
-export declare const Complex: Story;

package/dist/components/code/ElmKatex.vue.d.ts DELETED Viewed

@@ -1,20 +0,0 @@
-export interface ElmKatexProps {
-    /**
-     * The KaTex expression.
-     */
-    expression: string;
-    /**
-     * Whether to render the equation in block mode.
-     * - If `true`, the equation will be rendered in block mode.
-     * - If `false`, the equation will be rendered in inline mode.
-     *
-     * Default is `false`.
-     */
-    block?: boolean;
-}
-declare const _default: import('vue').DefineComponent<ElmKatexProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmKatexProps> & Readonly<{}>, {
-    block: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    targetRef: HTMLSpanElement;
-}, any>;
-export default _default;

package/dist/components/code/ElmKatex.vue.mjs DELETED Viewed

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