@abraca/nuxt 1.8.2 → 2.0.0

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

@@ -0,0 +1,99 @@
+<script>
+import theme from "../../theme/content/content-search-button";
+</script>
+
+<script setup>
+import { computed, toRef } from "vue";
+import { useForwardProps } from "reka-ui";
+import { defu } from "defu";
+import { reactiveOmit, createReusableTemplate } from "@vueuse/core";
+import { useAppConfig } 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";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  icon: { type: null, required: false },
+  label: { type: String, required: false },
+  color: { type: null, required: false, default: "neutral" },
+  variant: { type: null, required: false },
+  collapsed: { type: Boolean, required: false, default: true },
+  tooltip: { type: [Boolean, Object], required: false, default: false },
+  kbds: { type: Array, required: false, default: () => ["meta", "k"] },
+  ui: { type: Object, required: false },
+  class: { type: null, required: false },
+  activeColor: { type: null, required: false },
+  activeVariant: { type: null, required: false },
+  size: { type: null, required: false },
+  square: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  loadingAuto: { type: Boolean, required: false },
+  onClick: { type: [Function, Array], required: false },
+  avatar: { type: Object, required: false },
+  leading: { type: Boolean, required: false },
+  leadingIcon: { type: null, required: false },
+  trailing: { type: Boolean, required: false },
+  trailingIcon: { type: null, required: false },
+  loading: { type: Boolean, required: false },
+  loadingIcon: { type: null, required: false },
+  as: { type: null, required: false },
+  type: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  exactActiveClass: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false }
+});
+const slots = defineSlots();
+const [DefineButtonTemplate, ReuseButtonTemplate] = createReusableTemplate();
+const getProxySlots = () => omit(slots, ["trailing"]);
+const buttonProps = useForwardProps(reactiveOmit(props, "icon", "label", "variant", "collapsed", "tooltip", "kbds", "class", "ui"));
+const tooltipProps = toRef(() => defu(typeof props.tooltip === "boolean" ? {} : props.tooltip, { delayDuration: 0, content: { side: "right" } }));
+const { t } = useLocale();
+const { open } = useDocsSearch();
+const appConfig = useAppConfig();
+const uiProp = useComponentUI("contentSearchButton", props);
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearchButton || {} })({
+  collapsed: props.collapsed
+}));
+</script>
+
+<template>
+  <DefineButtonTemplate>
+    <UButton
+      :icon="icon || appConfig.ui.icons.search"
+      :label="label || t('contentSearchButton.label')"
+      :variant="variant || (collapsed ? 'ghost' : 'outline')"
+      v-bind="{
+        ...buttonProps,
+        ...collapsed ? {
+          'square': true,
+          'aria-label': label || t('contentSearchButton.label')
+        } : {},
+        ...$attrs
+      }"
+      :class="ui.base({ class: [uiProp?.base, props.class] })"
+      :ui="transformUI(ui, uiProp)"
+      @click="open = true"
+    >
+      <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
+
+      <template #trailing="{ ui: uiProxy }">
+        <div data-slot="trailing" :class="ui.trailing({ class: uiProp?.trailing })">
+          <slot name="trailing" :ui="uiProxy">
+            <template v-if="kbds?.length">
+              <UKbd v-for="(kbd, index) in kbds" :key="index" variant="subtle" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
+            </template>
+          </slot>
+        </div>
+      </template>
+    </UButton>
+  </DefineButtonTemplate>
+
+  <UTooltip v-if="collapsed && tooltip" :text="label || t('contentSearchButton.label')" v-bind="tooltipProps">
+    <ReuseButtonTemplate />
+  </UTooltip>
+  <ReuseButtonTemplate v-else />
+</template>

package/dist/runtime/components/docs/ADocsSearchButton.vue.d.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;
+});

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

@@ -0,0 +1,56 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: null;
+        required: false;
+    };
+    prevIcon: {
+        type: null;
+        required: false;
+    };
+    nextIcon: {
+        type: null;
+        required: false;
+    };
+    surround: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: null;
+        required: false;
+    };
+    prevIcon: {
+        type: null;
+        required: false;
+    };
+    nextIcon: {
+        type: null;
+        required: false;
+    };
+    surround: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});

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

@@ -0,0 +1,68 @@
+<script>
+import theme from "../../theme/content/content-surround";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { createReusableTemplate } from "@vueuse/core";
+import { useAppConfig } from "#imports";
+import { useComponentUI } from "@nuxt/ui/composables/useComponentUI";
+import { useLocale } from "@nuxt/ui/composables/useLocale";
+import { tv } from "@nuxt/ui/utils/tv";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  as: { type: null, required: false },
+  prevIcon: { type: null, required: false },
+  nextIcon: { type: null, required: false },
+  surround: { type: Array, required: false },
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
+});
+defineSlots();
+const { dir } = useLocale();
+const appConfig = useAppConfig();
+const uiProp = useComponentUI("contentSurround", props);
+const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate({
+  props: {
+    link: Object,
+    icon: String,
+    direction: String
+  }
+});
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSurround || {} })());
+const prevIcon = computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowRight : appConfig.ui.icons.arrowLeft));
+const nextIcon = computed(() => props.nextIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowLeft : appConfig.ui.icons.arrowRight));
+</script>
+
+<template>
+  <DefineLinkTemplate v-slot="{ link, icon, direction }">
+    <ULink v-if="link" :to="link.path" raw data-slot="link" :class="ui.link({ class: [uiProp?.link, link.ui?.link, link.class], direction })">
+      <slot name="link" :link="link" :ui="ui">
+        <div data-slot="linkLeading" :class="ui.linkLeading({ class: [uiProp?.linkLeading, link.ui?.linkLeading] })">
+          <slot name="link-leading" :link="link" :ui="ui">
+            <UIcon :name="link.icon || icon" data-slot="linkLeadingIcon" :class="ui.linkLeadingIcon({ class: [uiProp?.linkLeadingIcon, link.ui?.linkLeadingIcon], direction })" />
+          </slot>
+        </div>
+
+        <p data-slot="linkTitle" :class="ui.linkTitle({ class: [uiProp?.linkTitle, link.ui?.linkTitle] })">
+          <slot name="link-title" :link="link" :ui="ui">
+            {{ link.title }}
+          </slot>
+        </p>
+
+        <p data-slot="linkDescription" :class="ui.linkDescription({ class: [uiProp?.linkDescription, link.ui?.linkDescription] })">
+          <slot name="link-description" :link="link" :ui="ui">
+            {{ link.description }}
+          </slot>
+        </p>
+      </slot>
+    </ULink>
+    <span v-else class="hidden sm:block">&nbsp;</span>
+  </DefineLinkTemplate>
+
+  <Primitive v-if="surround" :as="as" v-bind="$attrs" data-slot="root" :class="ui.root({ class: [uiProp?.root, props.class] })">
+    <ReuseLinkTemplate :link="surround[0]" :icon="prevIcon" direction="left" />
+    <ReuseLinkTemplate :link="surround[1]" :icon="nextIcon" direction="right" />
+  </Primitive>
+</template>

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

@@ -0,0 +1,56 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: null;
+        required: false;
+    };
+    prevIcon: {
+        type: null;
+        required: false;
+    };
+    nextIcon: {
+        type: null;
+        required: false;
+    };
+    surround: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: null;
+        required: false;
+    };
+    prevIcon: {
+        type: null;
+        required: false;
+    };
+    nextIcon: {
+        type: null;
+        required: false;
+    };
+    surround: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});

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

@@ -0,0 +1,117 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    trailingIcon: {
+        type: null;
+        required: false;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    color: {
+        type: null;
+        required: false;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    highlightColor: {
+        type: null;
+        required: false;
+    };
+    highlightVariant: {
+        type: null;
+        required: false;
+    };
+    links: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    move: (...args: any[]) => void;
+    "update:open": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    trailingIcon: {
+        type: null;
+        required: false;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    color: {
+        type: null;
+        required: false;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    highlightColor: {
+        type: null;
+        required: false;
+    };
+    highlightVariant: {
+        type: null;
+        required: false;
+    };
+    links: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+    ui: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    onMove?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    as: any;
+    open: boolean;
+    highlight: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});