vitepress 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/client/theme-default/components/VPTeamMembersItem.vue

@@ -1,16 +1,17 @@
-<script setup lang="ts">
-import type { DefaultTheme } from 'vitepress/theme'
-import VPLink from './VPLink.vue'
-import VPSocialLinks from './VPSocialLinks.vue'
-
-interface Props {
-  size?: 'small' | 'medium'
-  member: DefaultTheme.TeamMember
-}
-
-withDefaults(defineProps<Props>(), {
-  size: 'medium'
-})
+<script setup>
+import VPLink from "./VPLink.vue";
+import VPSocialLinks from "./VPSocialLinks.vue";
+defineProps({
+	size: {
+		type: String,
+		required: false,
+		default: "medium"
+	},
+	member: {
+		type: Object,
+		required: true
+	}
+});
 </script>
 
 <template>
@@ -21,11 +22,11 @@ withDefaults(defineProps<Props>(), {
       </figure>
       <div class="data">
         <h1 class="name">
-          {{ member.name }}
+          <bdi>{{ member.name }}</bdi>
         </h1>
         <p v-if="member.title || member.org" class="affiliation">
           <span v-if="member.title" class="title">
-            {{ member.title }}
+            <bdi>{{ member.title }}</bdi>
           </span>
           <span v-if="member.title && member.org" class="at"> @ </span>
           <VPLink
@@ -35,18 +36,18 @@ withDefaults(defineProps<Props>(), {
             :href="member.orgLink"
             no-icon
           >
-            {{ member.org }}
+            <bdi>{{ member.org }}</bdi>
           </VPLink>
         </p>
-        <p v-if="member.desc" class="desc" v-html="member.desc" />
+        <p v-if="member.desc" class="desc"><bdi v-html="member.desc" /></p>
         <div v-if="member.links" class="links">
-          <VPSocialLinks :links="member.links" />
+          <VPSocialLinks :links="member.links" :me="false" />
         </div>
       </div>
     </div>
     <div v-if="member.sponsor" class="sp">
       <VPLink class="sp-link" :href="member.sponsor" no-icon>
-        <span class="vpi-heart sp-icon" /> {{ member.actionText || 'Sponsor' }}
+        <span class="vpi-heart sp-icon" /> {{ member.actionText || "Sponsor" }}
       </VPLink>
     </div>
   </article>
@@ -56,82 +57,82 @@ withDefaults(defineProps<Props>(), {
 .VPTeamMembersItem {
   display: flex;
   flex-direction: column;
-  gap: 2px;
-  border-radius: 12px;
+  gap: 0.125rem;
+  border-radius: 0.75rem;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 
 .VPTeamMembersItem.small .profile {
-  padding: 32px;
+  padding: 2rem;
 }
 
 .VPTeamMembersItem.small .data {
-  padding-top: 20px;
+  padding-top: 1.25rem;
 }
 
 .VPTeamMembersItem.small .avatar {
-  width: 64px;
-  height: 64px;
+  width: 4rem;
+  height: 4rem;
 }
 
 .VPTeamMembersItem.small .name {
-  line-height: 24px;
-  font-size: 16px;
+  line-height: 1.5;
+  font-size: 1rem;
 }
 
 .VPTeamMembersItem.small .affiliation {
-  padding-top: 4px;
-  line-height: 20px;
-  font-size: 14px;
+  padding-top: 0.25rem;
+  line-height: 1.4285714;
+  font-size: 0.875rem;
 }
 
 .VPTeamMembersItem.small .desc {
-  padding-top: 12px;
-  line-height: 20px;
-  font-size: 14px;
+  padding-top: 0.75rem;
+  line-height: 1.4285714;
+  font-size: 0.875rem;
 }
 
 .VPTeamMembersItem.small .links {
-  margin: 0 -16px -20px;
-  padding: 10px 0 0;
+  margin: 0 -1rem -1.25rem;
+  padding: 0.625rem 0 0;
 }
 
 .VPTeamMembersItem.medium .profile {
-  padding: 48px 32px;
+  padding: 3rem 2rem;
 }
 
 .VPTeamMembersItem.medium .data {
-  padding-top: 24px;
+  padding-top: 1.5rem;
   text-align: center;
 }
 
 .VPTeamMembersItem.medium .avatar {
-  width: 96px;
-  height: 96px;
+  width: 6rem;
+  height: 6rem;
 }
 
 .VPTeamMembersItem.medium .name {
-  letter-spacing: 0.15px;
-  line-height: 28px;
-  font-size: 20px;
+  letter-spacing: 0.0075em;
+  line-height: 1.4;
+  font-size: 1.25rem;
 }
 
 .VPTeamMembersItem.medium .affiliation {
-  padding-top: 4px;
-  font-size: 16px;
+  padding-top: 0.25rem;
+  font-size: 1rem;
 }
 
 .VPTeamMembersItem.medium .desc {
-  padding-top: 16px;
-  max-width: 288px;
-  font-size: 16px;
+  padding-top: 1rem;
+  max-width: 18rem;
+  font-size: 1rem;
 }
 
 .VPTeamMembersItem.medium .links {
-  margin: 0 -16px -12px;
-  padding: 16px 12px 0;
+  margin: 0 -1rem -0.75rem;
+  padding: 1rem 0.75rem 0;
 }
 
 .profile {
@@ -153,21 +154,23 @@ withDefaults(defineProps<Props>(), {
 
 .avatar-img {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
+  margin: 0;
   border-radius: 50%;
+  width: 100%;
+  height: 100%;
   object-fit: cover;
 }
 
 .name {
   margin: 0;
+  letter-spacing: normal;
   font-weight: 600;
 }
 
 .affiliation {
   margin: 0;
+  line-height: 1.5;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
@@ -183,6 +186,7 @@ withDefaults(defineProps<Props>(), {
 
 .desc {
   margin: 0 auto;
+  line-height: 1.5;
 }
 
 .desc :deep(a) {
@@ -195,7 +199,7 @@ withDefaults(defineProps<Props>(), {
 .links {
   display: flex;
   justify-content: center;
-  height: 56px;
+  height: 3.5rem;
 }
 
 .sp-link {
@@ -203,8 +207,8 @@ withDefaults(defineProps<Props>(), {
   justify-content: center;
   align-items: center;
   text-align: center;
-  padding: 16px;
-  font-size: 14px;
+  padding: 1rem;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-sponsor);
   background-color: var(--vp-c-bg-soft);
@@ -219,7 +223,7 @@ withDefaults(defineProps<Props>(), {
 }
 
 .sp-icon {
-  margin-right: 8px;
-  font-size: 16px;
+  margin-inline-end: 0.5rem;
+  font-size: 1rem;
 }
 </style>

package/dist/client/theme-default/components/VPTeamPage.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/client/theme-default/components/VPTeamPage.vue

@@ -6,53 +6,53 @@
 
 <style scoped>
 .VPTeamPage {
-  margin: 96px 0;
+  margin: 6rem 0;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPTeamPage {
-    margin: 128px 0;
+    margin: 8rem 0;
   }
 }
 
 .VPHome :slotted(.VPTeamPageTitle) {
   border-top: 1px solid var(--vp-c-gutter);
-  padding-top: 88px !important;
+  padding-top: 5.5rem !important;
 }
 
 :slotted(.VPTeamPageSection + .VPTeamPageSection),
 :slotted(.VPTeamMembers + .VPTeamPageSection) {
-  margin-top: 64px;
+  margin-top: 4rem;
 }
 
 :slotted(.VPTeamMembers + .VPTeamMembers) {
-  margin-top: 24px;
+  margin-top: 1.5rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   :slotted(.VPTeamPageTitle + .VPTeamPageSection) {
-    margin-top: 16px;
+    margin-top: 1rem;
   }
 
   :slotted(.VPTeamPageSection + .VPTeamPageSection),
   :slotted(.VPTeamMembers + .VPTeamPageSection) {
-    margin-top: 96px;
+    margin-top: 6rem;
   }
 }
 
 :slotted(.VPTeamMembers) {
-  padding: 0 24px;
+  padding: 0 1.5rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   :slotted(.VPTeamMembers) {
-    padding: 0 48px;
+    padding: 0 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   :slotted(.VPTeamMembers) {
-    padding: 0 64px;
+    padding: 0 4rem;
   }
 }
 </style>

package/dist/client/theme-default/components/VPTeamPageSection.d.vue.ts

@@ -0,0 +1,17 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    lead?: (props: typeof __VLS_3) => any;
+} & {
+    members?: (props: typeof __VLS_5) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/client/theme-default/components/VPTeamPageSection.vue

@@ -3,11 +3,11 @@
     <div class="title">
       <div class="title-line" />
       <h2 v-if="$slots.title" class="title-text">
-        <slot name="title" />
+        <bdi><slot name="title" /></bdi>
       </h2>
     </div>
     <p v-if="$slots.lead" class="lead">
-      <slot name="lead" />
+      <bdi><slot name="lead" /></bdi>
     </p>
     <div v-if="$slots.members" class="members">
       <slot name="members" />
@@ -17,34 +17,33 @@
 
 <style scoped>
 .VPTeamPageSection {
-  padding: 0 32px;
+  padding: 0 2rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPTeamPageSection {
-    padding: 0 48px;
+    padding: 0 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPTeamPageSection {
-    padding: 0 64px;
+    padding: 0 4rem;
   }
 }
 
 .title {
   position: relative;
   margin: 0 auto;
-  max-width: 1152px;
+  max-width: 72rem;
   text-align: center;
   color: var(--vp-c-text-2);
 }
 
 .title-line {
   position: absolute;
-  top: 16px;
-  left: 0;
-  width: 100%;
+  top: 1rem;
+  inset-inline: 0;
   height: 1px;
   background-color: var(--vp-c-divider);
 }
@@ -52,26 +51,28 @@
 .title-text {
   position: relative;
   display: inline-block;
-  padding: 0 24px;
+  margin: 0;
+  border-top: none;
+  padding: 0 1.5rem;
   letter-spacing: 0;
-  line-height: 32px;
-  font-size: 20px;
+  line-height: 1.6;
+  font-size: 1.25rem;
   font-weight: 500;
   background-color: var(--vp-c-bg);
 }
 
 .lead {
   margin: 0 auto;
-  max-width: 480px;
-  padding-top: 12px;
+  max-width: 30rem;
+  padding-top: 0.75rem;
   text-align: center;
-  line-height: 24px;
-  font-size: 16px;
+  line-height: 1.5;
+  font-size: 1rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
 .members {
-  padding-top: 40px;
+  padding-top: 2.5rem;
 }
 </style>

package/dist/client/theme-default/components/VPTeamPageTitle.d.vue.ts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    lead?: (props: typeof __VLS_3) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/client/theme-default/components/VPTeamPageTitle.vue

@@ -1,63 +1,63 @@
 <template>
   <div class="VPTeamPageTitle">
     <h1 v-if="$slots.title" class="title">
-      <slot name="title" />
+      <bdi><slot name="title" /></bdi>
     </h1>
     <p v-if="$slots.lead" class="lead">
-      <slot name="lead" />
+      <bdi><slot name="lead" /></bdi>
     </p>
   </div>
 </template>
 
 <style scoped>
 .VPTeamPageTitle {
-  padding: 48px 32px;
+  padding: 3rem 2rem;
   text-align: center;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPTeamPageTitle {
-    padding: 64px 48px 48px;
+    padding: 4rem 3rem 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPTeamPageTitle {
-    padding: 80px 64px 48px;
+    padding: 5rem 4rem 3rem;
   }
 }
 
 .title {
   letter-spacing: 0;
-  line-height: 44px;
-  font-size: 36px;
+  line-height: 1.2222222;
+  font-size: 2.25rem;
   font-weight: 500;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .title {
-    letter-spacing: -0.5px;
-    line-height: 56px;
-    font-size: 48px;
+    letter-spacing: -0.0104167em;
+    line-height: 1.1666667;
+    font-size: 3rem;
   }
 }
 
 .lead {
   margin: 0 auto;
-  max-width: 512px;
-  padding-top: 12px;
-  line-height: 24px;
-  font-size: 16px;
+  max-width: 32rem;
+  padding-top: 0.75rem;
+  line-height: 1.5;
+  font-size: 1rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .lead {
-    max-width: 592px;
-    letter-spacing: 0.15px;
-    line-height: 28px;
-    font-size: 20px;
+    max-width: 37rem;
+    letter-spacing: 0.0075em;
+    line-height: 1.4;
+    font-size: 1.25rem;
   }
 }
 </style>

package/dist/client/theme-default/composables/data.d.ts

@@ -0,0 +1,5 @@
+import { useData as useData$1 } from "vitepress";
+import { DefaultTheme } from "vitepress/theme";
+//#region src/client/theme-default/composables/data.d.ts
+export declare const useData: typeof useData$1<DefaultTheme.Config>;
+//#endregion

package/dist/client/theme-default/composables/data.js

@@ -1,2 +1,5 @@
-import { useData as useData$ } from 'vitepress';
-export const useData = useData$;
+import { useData as useData$1 } from "vitepress";
+//#region src/client/theme-default/composables/data.ts
+const useData = useData$1;
+//#endregion
+export { useData };

package/dist/client/theme-default/composables/edit-link.d.ts

@@ -0,0 +1,6 @@
+//#region src/client/theme-default/composables/edit-link.d.ts
+export declare function useEditLink(): import("vue").ComputedRef<{
+  url: string;
+  text: string;
+}>;
+//#endregion

package/dist/client/theme-default/composables/edit-link.js

@@ -1,16 +1,18 @@
-import { computed } from 'vue';
-import { useData } from './data';
-export function useEditLink() {
-    const { theme, page } = useData();
-    return computed(() => {
-        const { text = 'Edit this page', pattern = '' } = theme.value.editLink || {};
-        let url;
-        if (typeof pattern === 'function') {
-            url = pattern(page.value);
-        }
-        else {
-            url = pattern.replace(/:path/g, page.value.filePath);
-        }
-        return { url, text };
-    });
+import { useData } from "./data.js";
+import { computed } from "vue";
+//#region src/client/theme-default/composables/edit-link.ts
+function useEditLink() {
+	const { theme, page } = useData();
+	return computed(() => {
+		const { text = "Edit this page", pattern = "" } = theme.value.editLink || {};
+		let url;
+		if (typeof pattern === "function") url = pattern(page.value);
+		else url = pattern.replace(/:path/g, page.value.filePath);
+		return {
+			url,
+			text
+		};
+	});
 }
+//#endregion
+export { useEditLink };

package/dist/client/theme-default/composables/flyout.d.ts

@@ -0,0 +1,10 @@
+import { TemplateRef } from "vue";
+//#region src/client/theme-default/composables/flyout.d.ts
+interface UseFlyoutOptions {
+  el: TemplateRef<HTMLElement>;
+  onFocus?(): void;
+  onBlur?(): void;
+}
+export declare const focusedElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+export declare function useFlyout(options: UseFlyoutOptions): Readonly<import("vue").Ref<boolean, boolean>>;
+//#endregion