@abraca/nuxt 1.8.2 → 2.0.0

package/dist/runtime/components/docs/ADocsSearch.vue

@@ -0,0 +1,187 @@
+<script>
+import theme from "../../theme/content/content-search";
+</script>
+
+<script setup>
+import { computed, useTemplateRef } from "vue";
+import { useForwardProps } from "reka-ui";
+import { defu } from "defu";
+import { reactivePick } from "@vueuse/core";
+import { useAppConfig, useColorMode, defineShortcuts } from "#imports";
+import { useComponentUI } from "@nuxt/ui/composables/useComponentUI";
+import { useLocale } from "@nuxt/ui/composables/useLocale";
+import { omit, transformUI } from "@nuxt/ui/utils";
+import { tv } from "@nuxt/ui/utils/tv";
+import { useDocsSearch } from "../../composables/useDocsSearch";
+const props = defineProps({
+  size: { type: null, required: false },
+  icon: { type: null, required: false },
+  placeholder: { type: String, required: false },
+  autofocus: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  loadingIcon: { type: null, required: false },
+  close: { type: [Boolean, Object], required: false, default: true },
+  closeIcon: { type: null, required: false },
+  shortcut: { type: String, required: false, default: "meta_k" },
+  links: { type: Array, required: false },
+  navigation: { type: Array, required: false },
+  groups: { type: Array, required: false },
+  files: { type: Array, required: false },
+  fuse: { type: Object, required: false },
+  colorMode: { type: Boolean, required: false, default: true },
+  class: { type: null, required: false },
+  ui: { type: Object, required: false },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  overlay: { type: Boolean, required: false },
+  transition: { type: Boolean, required: false },
+  content: { type: Object, required: false },
+  dismissible: { type: Boolean, required: false },
+  fullscreen: { type: Boolean, required: false, default: false },
+  modal: { type: Boolean, required: false },
+  portal: { type: [Boolean, String], required: false, skipCheck: true }
+});
+const slots = defineSlots();
+const searchTerm = defineModel("searchTerm", { type: String, ...{ default: "" } });
+const { t } = useLocale();
+const { open, mapNavigationItems, postFilter } = useDocsSearch();
+const colorMode = useColorMode();
+const appConfig = useAppConfig();
+const uiProp = useComponentUI("contentSearch", props);
+const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon"));
+const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
+const getProxySlots = () => omit(slots, ["content"]);
+const fuse = computed(() => defu({}, props.fuse, {
+  fuseOptions: {
+    includeMatches: true
+  }
+}));
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearch || {} })({
+  size: props.size,
+  fullscreen: props.fullscreen
+}));
+const commandPaletteRef = useTemplateRef("commandPaletteRef");
+const mappedLinksItems = computed(() => {
+  if (!props.links?.length) {
+    return [];
+  }
+  return props.links.flatMap((link) => [{
+    ...link,
+    suffix: link.description,
+    description: void 0,
+    icon: link.icon || appConfig.ui.icons.file,
+    children: void 0
+  }, ...link.children?.map((child) => ({
+    ...child,
+    prefix: link.label + " >",
+    suffix: child.description,
+    description: void 0,
+    icon: child.icon || link.icon || appConfig.ui.icons.file
+  })) || []]);
+});
+const mappedNavigationGroups = computed(() => {
+  if (!props.navigation?.length) {
+    return [];
+  }
+  if (props.navigation.some((link) => !!link.children?.length)) {
+    return props.navigation.map((group) => ({
+      id: group.path,
+      label: group.title,
+      items: mapNavigationItems(group.children || [], props.files || []),
+      postFilter
+    }));
+  } else {
+    return [{ id: "docs", items: mapNavigationItems(props.navigation, props.files || []), postFilter }];
+  }
+});
+const themeGroup = computed(() => {
+  if (!props.colorMode || colorMode?.forced) {
+    return null;
+  }
+  return {
+    id: "theme",
+    label: t("contentSearch.theme"),
+    items: [{
+      label: t("colorMode.system"),
+      icon: appConfig.ui.icons.system,
+      active: colorMode.preference === "system",
+      onSelect: () => {
+        colorMode.preference = "system";
+      }
+    }, {
+      label: t("colorMode.light"),
+      icon: appConfig.ui.icons.light,
+      active: colorMode.preference === "light",
+      onSelect: () => {
+        colorMode.preference = "light";
+      }
+    }, {
+      label: t("colorMode.dark"),
+      icon: appConfig.ui.icons.dark,
+      active: colorMode.preference === "dark",
+      onSelect: () => {
+        colorMode.preference = "dark";
+      }
+    }]
+  };
+});
+const groups = computed(() => {
+  const result = [];
+  if (mappedLinksItems.value.length) {
+    result.push({ id: "links", label: t("contentSearch.links"), items: mappedLinksItems.value });
+  }
+  result.push(...mappedNavigationGroups.value);
+  result.push(...props.groups || []);
+  if (themeGroup.value) {
+    result.push(themeGroup.value);
+  }
+  return result;
+});
+function onSelect(item) {
+  if (item.disabled) {
+    return;
+  }
+  open.value = false;
+  searchTerm.value = "";
+}
+defineShortcuts({
+  [props.shortcut]: {
+    usingInput: true,
+    handler: () => open.value = !open.value
+  }
+});
+defineExpose({
+  commandPaletteRef
+});
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title || t('contentSearch.title')"
+    :description="description || t('contentSearch.description')"
+    v-bind="modalProps"
+    data-slot="modal"
+    :class="ui.modal({ class: [uiProp?.modal, props.class] })"
+  >
+    <template #content="contentData">
+      <slot name="content" v-bind="contentData">
+        <UCommandPalette
+          ref="commandPaletteRef"
+          v-model:search-term="searchTerm"
+          v-bind="commandPaletteProps"
+          :groups="groups"
+          :fuse="fuse"
+          :input="{ fixed: true }"
+          :ui="transformUI(omit(ui, ['modal']), uiProp)"
+          @update:model-value="onSelect"
+          @update:open="open = $event"
+        >
+          <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
+            <slot :name="name" v-bind="slotData" />
+          </template>
+        </UCommandPalette>
+      </slot>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/docs/ADocsSearch.vue.d.ts

@@ -0,0 +1,249 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    size: {
+        type: null;
+        required: false;
+    };
+    icon: {
+        type: null;
+        required: false;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loadingIcon: {
+        type: null;
+        required: false;
+    };
+    close: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    closeIcon: {
+        type: null;
+        required: false;
+    };
+    shortcut: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    links: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    navigation: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    groups: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    files: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    fuse: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    colorMode: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    description: {
+        type: StringConstructor;
+        required: false;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    transition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    content: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    portal: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: false;
+        skipCheck: boolean;
+    };
+    searchTerm: {
+        type: import("vue").PropType<string>;
+    };
+}>, {
+    commandPaletteRef: Readonly<import("vue").ShallowRef<any, any>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:searchTerm": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: null;
+        required: false;
+    };
+    icon: {
+        type: null;
+        required: false;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loadingIcon: {
+        type: null;
+        required: false;
+    };
+    close: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    closeIcon: {
+        type: null;
+        required: false;
+    };
+    shortcut: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    links: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    navigation: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    groups: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    files: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    fuse: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    colorMode: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    description: {
+        type: StringConstructor;
+        required: false;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    transition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    content: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    portal: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: false;
+        skipCheck: boolean;
+    };
+    searchTerm: {
+        type: import("vue").PropType<string>;
+    };
+}>> & Readonly<{
+    "onUpdate:searchTerm"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    close: boolean | Record<string, any>;
+    shortcut: string;
+    transition: boolean;
+    autofocus: boolean;
+    loading: boolean;
+    colorMode: boolean;
+    overlay: boolean;
+    dismissible: boolean;
+    fullscreen: boolean;
+    modal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});

package/dist/runtime/components/docs/ADocsSearchButton.d.vue.ts

@@ -0,0 +1,253 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: null;
+        required: false;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    color: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    variant: {
+        type: null;
+        required: false;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    tooltip: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    kbds: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => string[];
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    activeColor: {
+        type: null;
+        required: false;
+    };
+    activeVariant: {
+        type: null;
+        required: false;
+    };
+    size: {
+        type: null;
+        required: false;
+    };
+    square: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    block: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loadingAuto: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    onClick: {
+        type: (ArrayConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    avatar: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    leading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    leadingIcon: {
+        type: null;
+        required: false;
+    };
+    trailing: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    trailingIcon: {
+        type: null;
+        required: false;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loadingIcon: {
+        type: null;
+        required: false;
+    };
+    as: {
+        type: null;
+        required: false;
+    };
+    type: {
+        type: null;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    exactActiveClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    viewTransition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: null;
+        required: false;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    color: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    variant: {
+        type: null;
+        required: false;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    tooltip: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    kbds: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => string[];
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    activeColor: {
+        type: null;
+        required: false;
+    };
+    activeVariant: {
+        type: null;
+        required: false;
+    };
+    size: {
+        type: null;
+        required: false;
+    };
+    square: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    block: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loadingAuto: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    onClick: {
+        type: (ArrayConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    avatar: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    leading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    leadingIcon: {
+        type: null;
+        required: false;
+    };
+    trailing: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    trailingIcon: {
+        type: null;
+        required: false;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loadingIcon: {
+        type: null;
+        required: false;
+    };
+    as: {
+        type: null;
+        required: false;
+    };
+    type: {
+        type: null;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    exactActiveClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    viewTransition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    color: any;
+    disabled: boolean;
+    square: boolean;
+    viewTransition: boolean;
+    block: boolean;
+    collapsed: boolean;
+    loading: boolean;
+    tooltip: boolean | Record<string, any>;
+    leading: boolean;
+    trailing: boolean;
+    kbds: unknown[];
+    loadingAuto: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});