mikuru 1.0.37 → 1.0.39

package/components/MikuruWysiwygEditor.mikuru

@@ -0,0 +1,259 @@
+<template>
+  <section class="mikuru-wysiwyg-editor">
+    <header class="editor-header">
+      <label>{{ label }}</label>
+      <div class="toolbar" role="toolbar" aria-label="WYSIWYG formatting">
+        <button type="button" title="Bold" @click="format('bold')"><strong>B</strong></button>
+        <button type="button" title="Italic" @click="format('italic')"><em>I</em></button>
+        <button type="button" title="Heading" @click="toggleHeading">H</button>
+        <button type="button" title="Bulleted list" @click="format('insertUnorderedList')">•</button>
+        <button type="button" title="Link" @click="createLink">🔗</button>
+        <button type="button" title="Clear formatting" @click="format('removeFormat')">Tx</button>
+      </div>
+    </header>
+
+    <div
+      ref="editorEl"
+      class="wysiwyg-surface"
+      contenteditable="true"
+      role="textbox"
+      aria-multiline="true"
+      :aria-label="label"
+      :data-placeholder="placeholder"
+      @input="handleInput"
+      @blur="handleBlur"
+      @paste="handlePaste"
+    ></div>
+
+    <small m-if="help">{{ help }}</small>
+  </section>
+</template>
+
+<script>
+import { onMounted, ref, watch } from "mikuru";
+
+const {
+  label = "Editor",
+  modelValue = "",
+  placeholder = "Start writing...",
+  help = ""
+} = defineProps({
+  label: String,
+  modelValue: String,
+  placeholder: String,
+  help: String
+});
+
+const emit = defineEmits(["update:modelValue", "input", "change"]);
+const editorEl = ref(null);
+let internalUpdate = false;
+
+onMounted(() => {
+  syncHtml();
+});
+
+watch(modelValue, syncHtml);
+
+function syncHtml() {
+  if (internalUpdate) return;
+  const editor = editorEl.value;
+  if (!editor) return;
+  const nextHtml = sanitizeHtml(modelValue.value || "");
+  if (editor.innerHTML !== nextHtml) {
+    editor.innerHTML = nextHtml;
+  }
+}
+
+function emitInputHtml() {
+  const editor = editorEl.value;
+  if (!editor) return;
+  const nextHtml = sanitizeHtml(editor.innerHTML);
+  if (editor.innerHTML !== nextHtml) {
+    editor.innerHTML = nextHtml;
+  }
+  internalUpdate = true;
+  emit("update:modelValue", nextHtml);
+  emit("input", nextHtml);
+  internalUpdate = false;
+}
+
+function handleInput() {
+  emitInputHtml();
+}
+
+function handleBlur() {
+  emitChangeHtml();
+}
+
+function emitChangeHtml() {
+  const editor = editorEl.value;
+  if (!editor) return;
+  const nextHtml = sanitizeHtml(editor.innerHTML);
+  if (editor.innerHTML !== nextHtml) {
+    editor.innerHTML = nextHtml;
+  }
+  internalUpdate = true;
+  emit("update:modelValue", nextHtml);
+  emit("change", nextHtml);
+  internalUpdate = false;
+}
+
+function format(command) {
+  focusEditor();
+  document.execCommand(command, false);
+  emitInputHtml();
+}
+
+function toggleHeading() {
+  focusEditor();
+  document.execCommand("formatBlock", false, "h2");
+  emitInputHtml();
+}
+
+function createLink() {
+  focusEditor();
+  const url = window.prompt("Link URL");
+  if (!url) return;
+  const safeUrl = sanitizeUrl(url);
+  if (!safeUrl) return;
+  document.execCommand("createLink", false, safeUrl);
+  emitInputHtml();
+}
+
+function handlePaste(event) {
+  event.preventDefault();
+  const text = event.clipboardData?.getData("text/plain") || "";
+  document.execCommand("insertText", false, text);
+  emitInputHtml();
+}
+
+function focusEditor() {
+  editorEl.value?.focus();
+}
+
+function sanitizeHtml(html) {
+  const template = document.createElement("template");
+  template.innerHTML = String(html || "");
+  template.content.querySelectorAll("script, style, iframe, object, embed").forEach((node) => node.remove());
+  template.content.querySelectorAll("*").forEach((node) => {
+    for (const attribute of [...node.attributes]) {
+      const name = attribute.name.toLowerCase();
+      if (name.startsWith("on")) {
+        node.removeAttribute(attribute.name);
+        continue;
+      }
+      if ((name === "href" || name === "src") && !sanitizeUrl(attribute.value)) {
+        node.removeAttribute(attribute.name);
+      }
+    }
+    if (node.tagName === "A") {
+      node.setAttribute("rel", "noreferrer");
+      node.setAttribute("target", "_blank");
+    }
+  });
+  return template.innerHTML;
+}
+
+function sanitizeUrl(value) {
+  const trimmed = String(value || "").trim();
+  if (!trimmed) return "";
+  if (trimmed.startsWith("#") || trimmed.startsWith("/")) return trimmed;
+  try {
+    const parsed = new URL(trimmed);
+    return parsed.protocol === "http:" || parsed.protocol === "https:" || parsed.protocol === "mailto:"
+      ? parsed.toString()
+      : "";
+  } catch {
+    return "";
+  }
+}
+</script>
+
+<style scoped>
+.mikuru-wysiwyg-editor {
+  display: grid;
+  gap: 8px;
+  color: #111827;
+  font: inherit;
+}
+
+.editor-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+label {
+  font-weight: 650;
+}
+
+.toolbar {
+  display: flex;
+  gap: 4px;
+  flex-wrap: wrap;
+}
+
+button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 34px;
+  border: 1px solid #cbd5e1;
+  border-radius: 8px;
+  padding: 7px 9px;
+  color: #111827;
+  background: #ffffff;
+  font: inherit;
+  cursor: pointer;
+}
+
+button:hover,
+button:focus-visible {
+  border-color: #2563eb;
+  outline: 3px solid rgb(37 99 235 / 16%);
+}
+
+.wysiwyg-surface {
+  min-height: 220px;
+  overflow: auto;
+  border: 1px solid #cbd5e1;
+  border-radius: 8px;
+  padding: 12px;
+  color: #111827;
+  background: #ffffff;
+  line-height: 1.6;
+  outline: none;
+}
+
+.wysiwyg-surface:focus {
+  border-color: #2563eb;
+  outline: 3px solid rgb(37 99 235 / 18%);
+}
+
+.wysiwyg-surface:empty::before {
+  content: attr(data-placeholder);
+  color: #94a3b8;
+}
+
+small {
+  color: #64748b;
+}
+
+:deep(.wysiwyg-surface h2),
+:deep(.wysiwyg-surface p),
+:deep(.wysiwyg-surface ul) {
+  margin: 0 0 10px;
+}
+
+:deep(.wysiwyg-surface a) {
+  color: #2563eb;
+}
+
+@media (max-width: 760px) {
+  .editor-header {
+    align-items: stretch;
+    flex-direction: column;
+  }
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mikuru",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "private": false,
   "type": "module",
   "description": "A compile-first JavaScript framework with Vue-like authoring and Svelte-like generated DOM updates.",
@@ -117,6 +117,238 @@
       "types": "./types/components/MikuruCodeBlock.d.ts",
       "default": "./components/MikuruCodeBlock.mikuru"
     },
+    "./components/MikuruCodeView": {
+      "types": "./types/components/MikuruCodeView.d.ts",
+      "default": "./components/MikuruCodeView.mikuru"
+    },
+    "./components/MikuruCodeView.mikuru": {
+      "types": "./types/components/MikuruCodeView.d.ts",
+      "default": "./components/MikuruCodeView.mikuru"
+    },
+    "./components/MikuruDrawer": {
+      "types": "./types/components/MikuruDrawer.d.ts",
+      "default": "./components/MikuruDrawer.mikuru"
+    },
+    "./components/MikuruDrawer.mikuru": {
+      "types": "./types/components/MikuruDrawer.d.ts",
+      "default": "./components/MikuruDrawer.mikuru"
+    },
+    "./components/MikuruBreadcrumb": {
+      "types": "./types/components/MikuruBreadcrumb.d.ts",
+      "default": "./components/MikuruBreadcrumb.mikuru"
+    },
+    "./components/MikuruBreadcrumb.mikuru": {
+      "types": "./types/components/MikuruBreadcrumb.d.ts",
+      "default": "./components/MikuruBreadcrumb.mikuru"
+    },
+    "./components/MikuruSwitch": {
+      "types": "./types/components/MikuruSwitch.d.ts",
+      "default": "./components/MikuruSwitch.mikuru"
+    },
+    "./components/MikuruSwitch.mikuru": {
+      "types": "./types/components/MikuruSwitch.d.ts",
+      "default": "./components/MikuruSwitch.mikuru"
+    },
+    "./components/MikuruRadioGroup": {
+      "types": "./types/components/MikuruRadioGroup.d.ts",
+      "default": "./components/MikuruRadioGroup.mikuru"
+    },
+    "./components/MikuruRadioGroup.mikuru": {
+      "types": "./types/components/MikuruRadioGroup.d.ts",
+      "default": "./components/MikuruRadioGroup.mikuru"
+    },
+    "./components/MikuruFileUpload": {
+      "types": "./types/components/MikuruFileUpload.d.ts",
+      "default": "./components/MikuruFileUpload.mikuru"
+    },
+    "./components/MikuruFileUpload.mikuru": {
+      "types": "./types/components/MikuruFileUpload.d.ts",
+      "default": "./components/MikuruFileUpload.mikuru"
+    },
+    "./components/MikuruEmptyState": {
+      "types": "./types/components/MikuruEmptyState.d.ts",
+      "default": "./components/MikuruEmptyState.mikuru"
+    },
+    "./components/MikuruEmptyState.mikuru": {
+      "types": "./types/components/MikuruEmptyState.d.ts",
+      "default": "./components/MikuruEmptyState.mikuru"
+    },
+    "./components/MikuruSkeleton": {
+      "types": "./types/components/MikuruSkeleton.d.ts",
+      "default": "./components/MikuruSkeleton.mikuru"
+    },
+    "./components/MikuruSkeleton.mikuru": {
+      "types": "./types/components/MikuruSkeleton.d.ts",
+      "default": "./components/MikuruSkeleton.mikuru"
+    },
+    "./components/MikuruBadge": {
+      "types": "./types/components/MikuruBadge.d.ts",
+      "default": "./components/MikuruBadge.mikuru"
+    },
+    "./components/MikuruBadge.mikuru": {
+      "types": "./types/components/MikuruBadge.d.ts",
+      "default": "./components/MikuruBadge.mikuru"
+    },
+    "./components/MikuruCommandPalette": {
+      "types": "./types/components/MikuruCommandPalette.d.ts",
+      "default": "./components/MikuruCommandPalette.mikuru"
+    },
+    "./components/MikuruCommandPalette.mikuru": {
+      "types": "./types/components/MikuruCommandPalette.d.ts",
+      "default": "./components/MikuruCommandPalette.mikuru"
+    },
+    "./components/MikuruAvatar": {
+      "types": "./types/components/MikuruAvatar.d.ts",
+      "default": "./components/MikuruAvatar.mikuru"
+    },
+    "./components/MikuruAvatar.mikuru": {
+      "types": "./types/components/MikuruAvatar.d.ts",
+      "default": "./components/MikuruAvatar.mikuru"
+    },
+    "./components/MikuruAvatarGroup": {
+      "types": "./types/components/MikuruAvatarGroup.d.ts",
+      "default": "./components/MikuruAvatarGroup.mikuru"
+    },
+    "./components/MikuruAvatarGroup.mikuru": {
+      "types": "./types/components/MikuruAvatarGroup.d.ts",
+      "default": "./components/MikuruAvatarGroup.mikuru"
+    },
+    "./components/MikuruContextMenu": {
+      "types": "./types/components/MikuruContextMenu.d.ts",
+      "default": "./components/MikuruContextMenu.mikuru"
+    },
+    "./components/MikuruContextMenu.mikuru": {
+      "types": "./types/components/MikuruContextMenu.d.ts",
+      "default": "./components/MikuruContextMenu.mikuru"
+    },
+    "./components/MikuruStepper": {
+      "types": "./types/components/MikuruStepper.d.ts",
+      "default": "./components/MikuruStepper.mikuru"
+    },
+    "./components/MikuruStepper.mikuru": {
+      "types": "./types/components/MikuruStepper.d.ts",
+      "default": "./components/MikuruStepper.mikuru"
+    },
+    "./components/MikuruSlider": {
+      "types": "./types/components/MikuruSlider.d.ts",
+      "default": "./components/MikuruSlider.mikuru"
+    },
+    "./components/MikuruSlider.mikuru": {
+      "types": "./types/components/MikuruSlider.d.ts",
+      "default": "./components/MikuruSlider.mikuru"
+    },
+    "./components/MikuruRating": {
+      "types": "./types/components/MikuruRating.d.ts",
+      "default": "./components/MikuruRating.mikuru"
+    },
+    "./components/MikuruRating.mikuru": {
+      "types": "./types/components/MikuruRating.d.ts",
+      "default": "./components/MikuruRating.mikuru"
+    },
+    "./components/MikuruTimeline": {
+      "types": "./types/components/MikuruTimeline.d.ts",
+      "default": "./components/MikuruTimeline.mikuru"
+    },
+    "./components/MikuruTimeline.mikuru": {
+      "types": "./types/components/MikuruTimeline.d.ts",
+      "default": "./components/MikuruTimeline.mikuru"
+    },
+    "./components/MikuruStatCard": {
+      "types": "./types/components/MikuruStatCard.d.ts",
+      "default": "./components/MikuruStatCard.mikuru"
+    },
+    "./components/MikuruStatCard.mikuru": {
+      "types": "./types/components/MikuruStatCard.d.ts",
+      "default": "./components/MikuruStatCard.mikuru"
+    },
+    "./components/MikuruKbd": {
+      "types": "./types/components/MikuruKbd.d.ts",
+      "default": "./components/MikuruKbd.mikuru"
+    },
+    "./components/MikuruKbd.mikuru": {
+      "types": "./types/components/MikuruKbd.d.ts",
+      "default": "./components/MikuruKbd.mikuru"
+    },
+    "./components/MikuruSearchInput": {
+      "types": "./types/components/MikuruSearchInput.d.ts",
+      "default": "./components/MikuruSearchInput.mikuru"
+    },
+    "./components/MikuruSearchInput.mikuru": {
+      "types": "./types/components/MikuruSearchInput.d.ts",
+      "default": "./components/MikuruSearchInput.mikuru"
+    },
+    "./components/MikuruSegmentedControl": {
+      "types": "./types/components/MikuruSegmentedControl.d.ts",
+      "default": "./components/MikuruSegmentedControl.mikuru"
+    },
+    "./components/MikuruSegmentedControl.mikuru": {
+      "types": "./types/components/MikuruSegmentedControl.d.ts",
+      "default": "./components/MikuruSegmentedControl.mikuru"
+    },
+    "./components/MikuruChip": {
+      "types": "./types/components/MikuruChip.d.ts",
+      "default": "./components/MikuruChip.mikuru"
+    },
+    "./components/MikuruChip.mikuru": {
+      "types": "./types/components/MikuruChip.d.ts",
+      "default": "./components/MikuruChip.mikuru"
+    },
+    "./components/MikuruTagInput": {
+      "types": "./types/components/MikuruTagInput.d.ts",
+      "default": "./components/MikuruTagInput.mikuru"
+    },
+    "./components/MikuruTagInput.mikuru": {
+      "types": "./types/components/MikuruTagInput.d.ts",
+      "default": "./components/MikuruTagInput.mikuru"
+    },
+    "./components/MikuruRangeSlider": {
+      "types": "./types/components/MikuruRangeSlider.d.ts",
+      "default": "./components/MikuruRangeSlider.mikuru"
+    },
+    "./components/MikuruRangeSlider.mikuru": {
+      "types": "./types/components/MikuruRangeSlider.d.ts",
+      "default": "./components/MikuruRangeSlider.mikuru"
+    },
+    "./components/MikuruColorPicker": {
+      "types": "./types/components/MikuruColorPicker.d.ts",
+      "default": "./components/MikuruColorPicker.mikuru"
+    },
+    "./components/MikuruColorPicker.mikuru": {
+      "types": "./types/components/MikuruColorPicker.d.ts",
+      "default": "./components/MikuruColorPicker.mikuru"
+    },
+    "./components/MikuruTimePicker": {
+      "types": "./types/components/MikuruTimePicker.d.ts",
+      "default": "./components/MikuruTimePicker.mikuru"
+    },
+    "./components/MikuruTimePicker.mikuru": {
+      "types": "./types/components/MikuruTimePicker.d.ts",
+      "default": "./components/MikuruTimePicker.mikuru"
+    },
+    "./components/MikuruCalendar": {
+      "types": "./types/components/MikuruCalendar.d.ts",
+      "default": "./components/MikuruCalendar.mikuru"
+    },
+    "./components/MikuruCalendar.mikuru": {
+      "types": "./types/components/MikuruCalendar.d.ts",
+      "default": "./components/MikuruCalendar.mikuru"
+    },
+    "./components/MikuruDataList": {
+      "types": "./types/components/MikuruDataList.d.ts",
+      "default": "./components/MikuruDataList.mikuru"
+    },
+    "./components/MikuruDataList.mikuru": {
+      "types": "./types/components/MikuruDataList.d.ts",
+      "default": "./components/MikuruDataList.mikuru"
+    },
+    "./components/MikuruTreeView": {
+      "types": "./types/components/MikuruTreeView.d.ts",
+      "default": "./components/MikuruTreeView.mikuru"
+    },
+    "./components/MikuruTreeView.mikuru": {
+      "types": "./types/components/MikuruTreeView.d.ts",
+      "default": "./components/MikuruTreeView.mikuru"
+    },
     "./components/MikuruTabs": {
       "types": "./types/components/MikuruTabs.d.ts",
       "default": "./components/MikuruTabs.mikuru"
@@ -173,6 +405,62 @@
       "types": "./types/components/MikuruCombobox.d.ts",
       "default": "./components/MikuruCombobox.mikuru"
     },
+    "./components/MikuruPopover": {
+      "types": "./types/components/MikuruPopover.d.ts",
+      "default": "./components/MikuruPopover.mikuru"
+    },
+    "./components/MikuruPopover.mikuru": {
+      "types": "./types/components/MikuruPopover.d.ts",
+      "default": "./components/MikuruPopover.mikuru"
+    },
+    "./components/MikuruAlertDialog": {
+      "types": "./types/components/MikuruAlertDialog.d.ts",
+      "default": "./components/MikuruAlertDialog.mikuru"
+    },
+    "./components/MikuruAlertDialog.mikuru": {
+      "types": "./types/components/MikuruAlertDialog.d.ts",
+      "default": "./components/MikuruAlertDialog.mikuru"
+    },
+    "./components/MikuruTable": {
+      "types": "./types/components/MikuruTable.d.ts",
+      "default": "./components/MikuruTable.mikuru"
+    },
+    "./components/MikuruTable.mikuru": {
+      "types": "./types/components/MikuruTable.d.ts",
+      "default": "./components/MikuruTable.mikuru"
+    },
+    "./components/MikuruPagination": {
+      "types": "./types/components/MikuruPagination.d.ts",
+      "default": "./components/MikuruPagination.mikuru"
+    },
+    "./components/MikuruPagination.mikuru": {
+      "types": "./types/components/MikuruPagination.d.ts",
+      "default": "./components/MikuruPagination.mikuru"
+    },
+    "./components/MikuruDatePicker": {
+      "types": "./types/components/MikuruDatePicker.d.ts",
+      "default": "./components/MikuruDatePicker.mikuru"
+    },
+    "./components/MikuruDatePicker.mikuru": {
+      "types": "./types/components/MikuruDatePicker.d.ts",
+      "default": "./components/MikuruDatePicker.mikuru"
+    },
+    "./components/MikuruMarkdownEditor": {
+      "types": "./types/components/MikuruMarkdownEditor.d.ts",
+      "default": "./components/MikuruMarkdownEditor.mikuru"
+    },
+    "./components/MikuruMarkdownEditor.mikuru": {
+      "types": "./types/components/MikuruMarkdownEditor.d.ts",
+      "default": "./components/MikuruMarkdownEditor.mikuru"
+    },
+    "./components/MikuruWysiwygEditor": {
+      "types": "./types/components/MikuruWysiwygEditor.d.ts",
+      "default": "./components/MikuruWysiwygEditor.mikuru"
+    },
+    "./components/MikuruWysiwygEditor.mikuru": {
+      "types": "./types/components/MikuruWysiwygEditor.d.ts",
+      "default": "./components/MikuruWysiwygEditor.mikuru"
+    },
     "./components/MikuruHeader": {
       "types": "./types/components/MikuruHeader.d.ts",
       "default": "./components/MikuruHeader.mikuru"

package/types/components/MikuruAlertDialog.d.ts

@@ -0,0 +1,16 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruAlertDialogProps = {
+  open?: boolean;
+  title?: string;
+  description?: string;
+  body?: string;
+  confirmLabel?: string;
+  cancelLabel?: string;
+  closeOnBackdrop?: boolean;
+  closeOnEscape?: boolean;
+};
+
+declare const component: MikuruComponent<MikuruAlertDialogProps>;
+export default component;
+export const mount: MikuruComponent<MikuruAlertDialogProps>["mount"];

package/types/components/MikuruAvatar.d.ts

@@ -0,0 +1,12 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruAvatarProps = {
+  src?: string;
+  name?: string;
+  alt?: string;
+  size?: "sm" | "md" | "lg" | string;
+};
+
+declare const component: MikuruComponent<MikuruAvatarProps>;
+export default component;
+export const mount: MikuruComponent<MikuruAvatarProps>["mount"];

package/types/components/MikuruAvatarGroup.d.ts

@@ -0,0 +1,19 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruAvatarGroupItem = {
+  id?: string;
+  src?: string;
+  name: string;
+  alt?: string;
+};
+
+export type MikuruAvatarGroupProps = {
+  avatars?: MikuruAvatarGroupItem[];
+  max?: number;
+  size?: "sm" | "md" | "lg" | string;
+  label?: string;
+};
+
+declare const component: MikuruComponent<MikuruAvatarGroupProps>;
+export default component;
+export const mount: MikuruComponent<MikuruAvatarGroupProps>["mount"];

package/types/components/MikuruBadge.d.ts

@@ -0,0 +1,11 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruBadgeProps = {
+  label?: string;
+  tone?: "neutral" | "success" | "warning" | "danger" | "info" | string;
+  variant?: "soft" | "outline" | string;
+};
+
+declare const component: MikuruComponent<MikuruBadgeProps>;
+export default component;
+export const mount: MikuruComponent<MikuruBadgeProps>["mount"];

package/types/components/MikuruBreadcrumb.d.ts

@@ -0,0 +1,16 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruBreadcrumbItem = {
+  label: string;
+  value?: string;
+  href?: string;
+  current?: boolean;
+};
+
+export type MikuruBreadcrumbProps = {
+  items?: MikuruBreadcrumbItem[];
+};
+
+declare const component: MikuruComponent<MikuruBreadcrumbProps>;
+export default component;
+export const mount: MikuruComponent<MikuruBreadcrumbProps>["mount"];

package/types/components/MikuruCalendar.d.ts

@@ -0,0 +1,11 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruCalendarProps = {
+  label?: string;
+  modelValue?: string;
+  locale?: string;
+};
+
+declare const component: MikuruComponent<MikuruCalendarProps>;
+export default component;
+export const mount: MikuruComponent<MikuruCalendarProps>["mount"];

package/types/components/MikuruChip.d.ts

@@ -0,0 +1,12 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruChipProps = {
+  label?: string;
+  tone?: "neutral" | "info" | "success" | string;
+  removable?: boolean;
+  removeLabel?: string;
+};
+
+declare const component: MikuruComponent<MikuruChipProps>;
+export default component;
+export const mount: MikuruComponent<MikuruChipProps>["mount"];

package/types/components/MikuruCodeView.d.ts

@@ -0,0 +1,11 @@
+import type { MikuruComponent } from "../env";
+
+export type MikuruCodeViewProps = {
+  code?: string;
+  language?: string;
+  showLineNumbers?: boolean;
+};
+
+declare const component: MikuruComponent<MikuruCodeViewProps>;
+export default component;
+export const mount: MikuruComponent<MikuruCodeViewProps>["mount"];