@nuxt/ui 4.2.1 → 4.3.0

package/dist/runtime/components/content/ContentSurround.d.vue.ts

@@ -46,7 +46,9 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-description': SlotProps<T>;
 }
 declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentSurroundSlots<T>;

package/dist/runtime/components/content/ContentSurround.vue.d.ts

@@ -46,7 +46,9 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-description': SlotProps<T>;
 }
 declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentSurroundSlots<T>;

package/dist/runtime/components/content/ContentToc.d.vue.ts

@@ -73,10 +73,9 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
     }): any;
 }
 declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentTocProps<T> & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        onMove?: ((id: string) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentTocSlots<T>;

package/dist/runtime/components/content/ContentToc.vue.d.ts

@@ -73,10 +73,9 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
     }): any;
 }
 declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentTocProps<T> & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        onMove?: ((id: string) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentTocSlots<T>;

package/dist/runtime/components/locale/LocaleSelect.d.vue.ts

@@ -11,10 +11,6 @@ declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    valueKey: "code";
-    labelKey: string;
-    searchInput: boolean | import("../Input.vue").InputProps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/locale/LocaleSelect.vue

@@ -26,6 +26,7 @@ const props = defineProps({
   labelKey: { type: null, required: false, default: "name" },
   descriptionKey: { type: null, required: false },
   defaultValue: { type: null, required: false },
+  modelModifiers: { type: Object, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },
@@ -68,8 +69,8 @@ function getEmojiFlag(locale) {
     // Danish -> Denmark
     el: "gr",
     // Greek -> Greece
-    en: "gb",
-    // English -> Great Britain
+    en: "us",
+    // English -> United States (default)
     et: "ee",
     // Estonian -> Estonia
     gl: "es",
@@ -111,8 +112,14 @@ function getEmojiFlag(locale) {
     vi: "vn"
     // Vietnamese -> Vietnam
   };
+  if (locale.includes("-")) {
+    const countryCode2 = locale.split("-")[1]?.toLowerCase();
+    if (countryCode2) {
+      return countryCode2.toUpperCase().split("").map((char) => String.fromCodePoint(127397 + char.charCodeAt(0))).join("");
+    }
+  }
   const baseLanguage = locale.split("-")[0]?.toLowerCase() || locale;
-  const countryCode = languageToCountry[baseLanguage] || locale.replace(/^.*-/, "").slice(0, 2);
+  const countryCode = languageToCountry[baseLanguage] || locale.slice(0, 2);
   return countryCode.toUpperCase().split("").map((char) => String.fromCodePoint(127397 + char.charCodeAt(0))).join("");
 }
 </script>

package/dist/runtime/components/locale/LocaleSelect.vue.d.ts

@@ -11,10 +11,6 @@ declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    valueKey: "code";
-    labelKey: string;
-    searchInput: boolean | import("../Input.vue").InputProps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Accordion.d.vue.ts

@@ -11,9 +11,7 @@ export interface ProseAccordionProps {
 export interface ProseAccordionSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
-    type: "single" | "multiple";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Accordion.vue.d.ts

@@ -11,9 +11,7 @@ export interface ProseAccordionProps {
 export interface ProseAccordionSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
-    type: "single" | "multiple";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Callout.vue

@@ -32,7 +32,6 @@ const target = computed(() => props.target || (!!props.to && typeof props.to ===
       v-if="to"
       v-bind="{ to, target, ...$attrs }"
       class="focus:outline-none"
-      tabindex="-1"
       raw
     >
       <span class="absolute inset-0" aria-hidden="true" />

package/dist/runtime/components/prose/Card.vue

@@ -37,7 +37,6 @@ const ariaLabel = computed(() => (props.title || "Card link").trim());
       :aria-label="ariaLabel"
       v-bind="{ to, target, ...$attrs }"
       class="focus:outline-none"
-      tabindex="-1"
       raw
     >
       <span class="absolute inset-0" aria-hidden="true" />

package/dist/runtime/components/prose/CodeGroup.d.vue.ts

@@ -26,9 +26,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseC
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/CodeGroup.vue.d.ts

@@ -26,9 +26,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseC
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/CodeTree.d.vue.ts

@@ -1,8 +1,20 @@
+import { TreeItem } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/code-tree';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCodeTree = ComponentConfig<typeof theme, AppConfig, 'codeTree', 'ui.prose'>;
+type TreeItem = {
+    label: string;
+    icon?: string;
+    component: any;
+};
 export interface ProseCodeTreeProps {
+    items?: TreeItem[];
+    /**
+     * The selected path.
+     * @example 'package.json'
+     */
+    modelValue?: string;
     /**
      * The default path to select.
      * @example 'package.json'
@@ -16,10 +28,17 @@ export interface ProseCodeTreeProps {
     class?: any;
     ui?: ProseCodeTree['slots'];
 }
+export interface ProseCodeTreeEmits {
+    'update:modelValue': [value: string | undefined];
+}
 export interface ProseCodeTreeSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/CodeTree.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/prose/code-tree";
 </script>
 
 <script setup>
-import { computed, ref, watch, onBeforeUpdate } from "vue";
+import { computed, watch, onBeforeUpdate, ref } from "vue";
 import { TreeRoot, TreeItem } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
@@ -12,21 +12,40 @@ import UCodeIcon from "./CodeIcon.vue";
 import UIcon from "../Icon.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
+  items: { type: Array, required: false },
+  modelValue: { type: String, required: false },
   defaultValue: { type: String, required: false },
   expandAll: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });
+const emits = defineEmits(["update:modelValue"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const [DefineTreeTemplate, ReuseTreeTemplate] = createReusableTemplate();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codeTree || {} })());
-const model = ref(props.defaultValue ? { path: props.defaultValue } : void 0);
+const initialPath = props.modelValue ?? props.defaultValue;
+const model = ref(initialPath ? { path: initialPath } : void 0);
 const lastSelectedItem = ref();
+watch(model, (value) => {
+  if (value?.path !== props.modelValue) {
+    emits("update:modelValue", value?.path);
+  }
+});
+watch(() => props.modelValue, (value) => {
+  if (value === model.value?.path) return;
+  model.value = value ? { path: value } : void 0;
+  const pathsToExpand = getExpandedPaths(value);
+  for (const path of pathsToExpand) {
+    if (!expanded.value.includes(path)) {
+      expanded.value.push(path);
+    }
+  }
+});
 const rerenderCount = ref(1);
 const flatItems = computed(() => {
   rerenderCount.value;
-  return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
+  return props.items || slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
 });
 const items = computed(() => buildTree(flatItems.value));
 function buildTree(items2) {
@@ -63,7 +82,7 @@ function transformSlot(slot, index) {
     component: slot
   };
 }
-const expanded = computed(() => {
+function getExpandedPaths(path) {
   if (props.expandAll) {
     const allPaths = /* @__PURE__ */ new Set();
     flatItems.value.forEach((item) => {
@@ -74,13 +93,18 @@ const expanded = computed(() => {
     });
     return Array.from(allPaths);
   }
-  const path = model.value?.path;
   if (!path) {
     return [];
   }
   const parts = path.split("/");
-  return parts.map((_, index) => parts.slice(0, index + 1).join("/"));
-});
+  return parts.slice(0, -1).map((_, index) => parts.slice(0, index + 1).join("/"));
+}
+const expanded = ref(getExpandedPaths(model.value?.path));
+watch(flatItems, () => {
+  if (props.expandAll) {
+    expanded.value = getExpandedPaths();
+  }
+}, { immediate: true });
 watch(model, (value) => {
   const item = flatItems.value.find((item2) => value?.path === item2.label);
   if (item?.component) {
@@ -145,10 +169,10 @@ onBeforeUpdate(() => rerenderCount.value++);
   <div v-bind="$attrs" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <TreeRoot
       v-model="model"
+      v-model:expanded="expanded"
       :class="ui.list({ class: props.ui?.list })"
       :items="items"
       :get-key="(item2) => item2.path"
-      :default-expanded="expanded"
     >
       <ReuseTreeTemplate :items="items" :level="1" />
     </TreeRoot>

package/dist/runtime/components/prose/CodeTree.vue.d.ts

@@ -1,8 +1,20 @@
+import { TreeItem } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/code-tree';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCodeTree = ComponentConfig<typeof theme, AppConfig, 'codeTree', 'ui.prose'>;
+type TreeItem = {
+    label: string;
+    icon?: string;
+    component: any;
+};
 export interface ProseCodeTreeProps {
+    items?: TreeItem[];
+    /**
+     * The selected path.
+     * @example 'package.json'
+     */
+    modelValue?: string;
     /**
      * The default path to select.
      * @example 'package.json'
@@ -16,10 +28,17 @@ export interface ProseCodeTreeProps {
     class?: any;
     ui?: ProseCodeTree['slots'];
 }
+export interface ProseCodeTreeEmits {
+    'update:modelValue': [value: string | undefined];
+}
 export interface ProseCodeTreeSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Img.d.vue.ts

@@ -15,8 +15,6 @@ export interface ProseImgProps {
     zoom?: boolean;
     ui?: ProseImg['slots'];
 }
-declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {
-    zoom: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Img.vue.d.ts

@@ -15,8 +15,6 @@ export interface ProseImgProps {
     zoom?: boolean;
     ui?: ProseImg['slots'];
 }
-declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {
-    zoom: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Tabs.d.vue.ts

@@ -31,9 +31,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseT
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Tabs.vue.d.ts

@@ -31,9 +31,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseT
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/callout/Caution.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Caution.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Note.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Note.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Tip.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Tip.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Warning.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Warning.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/composables/defineShortcuts.d.ts

@@ -9,7 +9,8 @@ export interface ShortcutsConfig {
 }
 export interface ShortcutsOptions {
     chainDelay?: number;
+    layoutIndependent?: boolean;
 }
-export declare function extractShortcuts(items: any[] | any[][]): Record<string, Handler>;
+export declare function extractShortcuts(items: any[] | any[][], separator?: '_' | '-'): Record<string, Handler>;
 export declare function defineShortcuts(config: MaybeRef<ShortcutsConfig>, options?: ShortcutsOptions): import("@vueuse/shared").Fn;
 export {};

package/dist/runtime/composables/defineShortcuts.js

@@ -4,12 +4,36 @@ import { useKbd } from "./useKbd.js";
 const chainedShortcutRegex = /^[^-]+.*-.*[^-]+$/;
 const combinedShortcutRegex = /^[^_]+.*_.*[^_]+$/;
 const shiftableKeys = ["arrowleft", "arrowright", "arrowup", "arrowright", "tab", "escape", "enter", "backspace"];
-export function extractShortcuts(items) {
+function convertKeyToCode(key) {
+  if (/^[a-z]$/i.test(key)) {
+    return `Key${key.toUpperCase()}`;
+  }
+  if (/^\d$/.test(key)) {
+    return `Digit${key}`;
+  }
+  if (/^f\d+$/i.test(key)) {
+    return key.toUpperCase();
+  }
+  const specialKeys = {
+    space: "Space",
+    enter: "Enter",
+    escape: "Escape",
+    tab: "Tab",
+    backspace: "Backspace",
+    delete: "Delete",
+    arrowup: "ArrowUp",
+    arrowdown: "ArrowDown",
+    arrowleft: "ArrowLeft",
+    arrowright: "ArrowRight"
+  };
+  return specialKeys[key.toLowerCase()] || key;
+}
+export function extractShortcuts(items, separator = "_") {
   const shortcuts = {};
   function traverse(items2) {
     items2.forEach((item) => {
       if (item.kbds?.length && (item.onSelect || item.onClick)) {
-        const shortcutKey = item.kbds.join("_");
+        const shortcutKey = item.kbds.join(separator);
         shortcuts[shortcutKey] = item.onSelect || item.onClick;
       }
       if (item.children) {
@@ -31,14 +55,16 @@ export function defineShortcuts(config, options = {}) {
   const debouncedClearChainedInput = useDebounceFn(clearChainedInput, options.chainDelay ?? 800);
   const { macOS } = useKbd();
   const activeElement = useActiveElement();
+  const layoutIndependent = options.layoutIndependent ?? false;
+  const shiftableCodes = shiftableKeys.map((k) => convertKeyToCode(k));
   const onKeyDown = (e) => {
     if (!e.key) {
       return;
     }
-    const alphabetKey = /^[a-z]{1}$/i.test(e.key);
-    const shiftableKey = shiftableKeys.includes(e.key.toLowerCase());
+    const alphabetKey = layoutIndependent ? /^Key[A-Z]$/i.test(e.code) : /^[a-z]{1}$/i.test(e.key);
+    const shiftableKey = layoutIndependent ? shiftableCodes.includes(e.code) : shiftableKeys.includes(e.key.toLowerCase());
     let chainedKey;
-    chainedInputs.value.push(e.key);
+    chainedInputs.value.push(layoutIndependent ? e.code : e.key);
     if (chainedInputs.value.length >= 2) {
       chainedKey = chainedInputs.value.slice(-2).join("-");
       for (const shortcut of shortcuts.value.filter((s) => s.chained)) {
@@ -54,8 +80,14 @@ export function defineShortcuts(config, options = {}) {
       }
     }
     for (const shortcut of shortcuts.value.filter((s) => !s.chained)) {
-      if (e.key.toLowerCase() !== shortcut.key) {
-        continue;
+      if (layoutIndependent) {
+        if (e.code !== shortcut.key) {
+          continue;
+        }
+      } else {
+        if (e.key.toLowerCase() !== shortcut.key) {
+          continue;
+        }
       }
       if (e.metaKey !== shortcut.metaKey) {
         continue;
@@ -98,17 +130,32 @@ export function defineShortcuts(config, options = {}) {
       }
       const chained = key.includes("-") && key !== "-" && !key.includes("_");
       if (chained) {
-        shortcut = {
-          key: key.toLowerCase(),
-          metaKey: false,
-          ctrlKey: false,
-          shiftKey: false,
-          altKey: false
-        };
+        if (layoutIndependent) {
+          const parts = key.split("-").map((p) => convertKeyToCode(p));
+          shortcut = {
+            key: parts.join("-"),
+            metaKey: false,
+            ctrlKey: false,
+            shiftKey: false,
+            altKey: false
+          };
+        } else {
+          shortcut = {
+            key: key.toLowerCase(),
+            metaKey: false,
+            ctrlKey: false,
+            shiftKey: false,
+            altKey: false
+          };
+        }
       } else {
         const keySplit = key.toLowerCase().split("_").map((k) => k);
+        let baseKey = keySplit.filter((k) => !["meta", "command", "ctrl", "shift", "alt", "option"].includes(k)).join("_");
+        if (layoutIndependent) {
+          baseKey = convertKeyToCode(baseKey);
+        }
         shortcut = {
-          key: keySplit.filter((k) => !["meta", "command", "ctrl", "shift", "alt", "option"].includes(k)).join("_"),
+          key: baseKey,
           metaKey: keySplit.includes("meta") || keySplit.includes("command"),
           ctrlKey: keySplit.includes("ctrl"),
           shiftKey: keySplit.includes("shift"),