@nuxt/devtools-ui-kit-nightly 2.4.0-29091142.bbfd37e → 2.4.1-29150090.ad8f305

package/dist/components/NBadge.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NBadgeHashed.vue

@@ -1,17 +1,15 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { getHslColorFromStringHash } from '../composables/color'
-import NBadge from './NBadge.vue'
-
-const props = defineProps<{
-  text: string
-}>()
-
+<script setup>
+import { computed } from "vue";
+import { getHslColorFromStringHash } from "../composables/color";
+import NBadge from "./NBadge.vue";
+const props = defineProps({
+  text: { type: String, required: true }
+});
 const color = computed(() => {
-  const foreground = getHslColorFromStringHash(props.text, 50, 60)
-  const background = getHslColorFromStringHash(props.text, 50, 60, 0.05)
-  return { color: foreground, background }
-})
+  const foreground = getHslColorFromStringHash(props.text, 50, 60);
+  const background = getHslColorFromStringHash(props.text, 50, 60, 0.05);
+  return { color: foreground, background };
+});
 </script>
 
 <template>

package/dist/components/NBadgeHashed.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    text: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NCard.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NCheckbox.vue

@@ -1,18 +1,11 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: boolean | null
-    disabled?: boolean
-  }>(),
-  {
-    modelValue: false,
-    disabled: false,
-  },
-)
-const emit = defineEmits<{ (...args: any): void }>()
-const checked = useVModel(props, 'modelValue', emit, { passive: true })
+<script setup>
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  modelValue: { type: [Boolean, null], required: false, default: false },
+  disabled: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits([]);
+const checked = useVModel(props, "modelValue", emit, { passive: true });
 </script>
 
 <template>

package/dist/components/NCheckbox.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    modelValue?: boolean | null;
+    disabled?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    [x: string]: never;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: unknown[]) => any) | undefined;
+}>, {
+    modelValue: boolean | null;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NCodeBlock.vue

@@ -1,40 +1,27 @@
-<script setup lang="ts">
-import type { BuiltinLanguage } from 'shiki'
-// This components requires to run in DevTools to render correctly
-import { computed, nextTick } from 'vue'
-import { devToolsClient } from '../runtime/client'
-
-const props = withDefaults(
-  defineProps<{
-    code: string
-    lang?: BuiltinLanguage | 'text'
-    lines?: boolean
-    inline?: boolean
-    grammarContextCode?: string
-    transformRendered?: (code: string) => string
-  }>(),
-  {
-    lines: true,
-  },
-)
-
-const emit = defineEmits(['loaded'])
-
+<script setup>
+import { computed, nextTick } from "vue";
+import { devToolsClient } from "../runtime/client";
+const props = defineProps({
+  code: { type: String, required: true },
+  lang: { type: null, required: false },
+  lines: { type: Boolean, required: false, default: true },
+  inline: { type: Boolean, required: false },
+  grammarContextCode: { type: String, required: false },
+  transformRendered: { type: Function, required: false }
+});
+const emit = defineEmits(["loaded"]);
 const rendered = computed(() => {
-  const result = props.lang === 'text'
-    ? { code: props.code, supported: false }
-    : devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang, { grammarContextCode: props.grammarContextCode }) || { code: props.code, supported: false }
+  const result = props.lang === "text" ? { code: props.code, supported: false } : devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang, { grammarContextCode: props.grammarContextCode }) || { code: props.code, supported: false };
   if (result.supported && props.transformRendered)
-    result.code = props.transformRendered(result.code)
+    result.code = props.transformRendered(result.code);
   if (result.supported)
-    nextTick(() => emit('loaded'))
-  return result
-})
-
+    nextTick(() => emit("loaded"));
+  return result;
+});
 const classes = computed(() => [
-  'n-code-block shiki',
-  (props.lines && !props.inline) ? 'n-code-block-lines' : '',
-])
+  "n-code-block shiki",
+  props.lines && !props.inline ? "n-code-block-lines" : ""
+]);
 </script>
 
 <template>

package/dist/components/NCodeBlock.vue.d.ts

@@ -0,0 +1,13 @@
+import type { BuiltinLanguage } from 'shiki';
+type __VLS_Props = {
+    code: string;
+    lang?: BuiltinLanguage | 'text';
+    lines?: boolean;
+    inline?: boolean;
+    grammarContextCode?: string;
+    transformRendered?: (code: string) => string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    lines: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/NDarkToggle.vue

@@ -1,73 +1,55 @@
-<script setup lang="ts">
-import { useColorMode } from '@vueuse/core'
-
-import { computed, nextTick } from 'vue'
-
+<script setup>
+import { useColorMode } from "@vueuse/core";
+import { computed, nextTick } from "vue";
 const mode = useColorMode({
-  storageKey: 'nuxt-devtools-color-mode',
-})
-const isDark = computed<boolean>({
+  storageKey: "nuxt-devtools-color-mode"
+});
+const isDark = computed({
   get() {
-    return mode.value === 'dark'
+    return mode.value === "dark";
   },
   set() {
-    mode.value = isDark.value ? 'light' : 'dark'
-  },
-})
-
-const isAppearanceTransition = typeof document !== 'undefined'
-// @ts-expect-error document.startViewTransition can be undefined
-  && document.startViewTransition
-  && !window.matchMedia('(prefers-reduced-motion: reduce)').matches
-
-/**
- * Credit to [@hooray](https://github.com/hooray)
- * @see https://github.com/vuejs/vitepress/pull/2347
- */
-function toggle(event?: MouseEvent) {
+    mode.value = isDark.value ? "light" : "dark";
+  }
+});
+const isAppearanceTransition = typeof document !== "undefined" && document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function toggle(event) {
   if (!isAppearanceTransition || !event) {
-    isDark.value = !isDark.value
-    return
+    isDark.value = !isDark.value;
+    return;
   }
-
-  const x = event.clientX
-  const y = event.clientY
+  const x = event.clientX;
+  const y = event.clientY;
   const endRadius = Math.hypot(
     Math.max(x, innerWidth - x),
-    Math.max(y, innerHeight - y),
-  )
+    Math.max(y, innerHeight - y)
+  );
   const transition = document.startViewTransition(async () => {
-    isDark.value = !isDark.value
-    await nextTick()
-  })
-
+    isDark.value = !isDark.value;
+    await nextTick();
+  });
   transition.ready.then(() => {
     const clipPath = [
       `circle(0px at ${x}px ${y}px)`,
-      `circle(${endRadius}px at ${x}px ${y}px)`,
-    ]
+      `circle(${endRadius}px at ${x}px ${y}px)`
+    ];
     document.documentElement.animate(
       {
-        clipPath: isDark.value
-          ? [...clipPath].reverse()
-          : clipPath,
+        clipPath: isDark.value ? [...clipPath].reverse() : clipPath
       },
       {
         duration: 400,
-        easing: 'ease-in',
-        pseudoElement: isDark.value
-          ? '::view-transition-old(root)'
-          : '::view-transition-new(root)',
-      },
-    )
-  })
+        easing: "ease-in",
+        pseudoElement: isDark.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
+      }
+    );
+  });
 }
-
 const context = {
   mode,
   isDark,
-  toggle,
-}
+  toggle
+};
 </script>
 
 <template>

package/dist/components/NDarkToggle.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_6: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NDialog.vue

@@ -1,58 +1,41 @@
-<script setup lang="ts">
-import { onClickOutside, useVModel } from '@vueuse/core'
-import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
-import { computed, nextTick, ref, watchEffect } from 'vue'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: boolean
-    dim?: boolean
-    autoClose?: boolean
-  }>(),
-  {
-    modelValue: false,
-    dim: true,
-    autoClose: true,
-  },
-)
-
-const emit = defineEmits<{
-  (event: 'close'): void
-  (event: 'update:modelValue', value: boolean): void
-}>()
-
-const show = useVModel(props, 'modelValue', emit, { passive: true })
-const card = ref(null)
-const shown = ref(false)
-
-const { activate, deactivate } = useFocusTrap(computed(() => card.value || document.body), { immediate: false })
-
+<script setup>
+import { onClickOutside, useVModel } from "@vueuse/core";
+import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
+import { computed, nextTick, ref, watchEffect } from "vue";
+const props = defineProps({
+  modelValue: { type: Boolean, required: false, default: false },
+  dim: { type: Boolean, required: false, default: true },
+  autoClose: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["close", "update:modelValue"]);
+const show = useVModel(props, "modelValue", emit, { passive: true });
+const card = ref(null);
+const shown = ref(false);
+const { activate, deactivate } = useFocusTrap(computed(() => card.value || document.body), { immediate: false });
 watchEffect(
   () => {
     if (!shown.value && show.value)
-      shown.value = true
-
+      shown.value = true;
     if (show.value && card.value)
-      nextTick(activate)
+      nextTick(activate);
     else
-      deactivate()
-  },
-)
-
+      deactivate();
+  }
+);
 onClickOutside(card, () => {
   if (props.modelValue && props.autoClose) {
-    show.value = false
-    emit('close')
+    show.value = false;
+    emit("close");
   }
 }, {
-  ignore: ['a', 'button', 'summary'],
-})
+  ignore: ["a", "button", "summary"]
+});
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  inheritAttrs: false,
-}
+  inheritAttrs: false
+};
 </script>
 
 <template>
@@ -63,14 +46,14 @@ export default {
       role="dialog"
       aria-modal="true"
       :class="[
-        show ? '' : 'op0 pointer-events-none visibility-none',
-      ]"
+  show ? '' : 'op0 pointer-events-none visibility-none'
+]"
     >
       <div
         class="absolute inset-0 -z-1"
         :class="[
-          dim ? 'glass-effect' : '',
-        ]"
+  dim ? 'glass-effect' : ''
+]"
       />
       <NCard v-bind="$attrs" ref="card" class="max-h-screen of-auto">
         <slot />

package/dist/components/NDialog.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    modelValue?: boolean;
+    dim?: boolean;
+    autoClose?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue?: boolean;
+    dim?: boolean;
+    autoClose?: boolean;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    dim: boolean;
+    autoClose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NDrawer.vue

@@ -1,50 +1,37 @@
-<script setup lang="ts">
-import { onClickOutside, useElementSize } from '@vueuse/core'
-import { ref } from 'vue'
-
-const props = withDefaults(defineProps<{
-  modelValue?: boolean
-  top?: HTMLElement | string
-  left?: HTMLElement | string
-  autoClose?: boolean
-  transition?: 'right' | 'bottom' | 'top'
-}>(), {
-  transition: 'right',
-})
-
-const emit = defineEmits<{
-  (e: 'close'): void
-}>()
-
-const el = ref<HTMLElement>()
-
-const { height } = useElementSize(() => props.top as HTMLElement, undefined, { box: 'border-box' })
-
-const width = typeof props.left === 'string' && props.left.startsWith('#')
-  ? document.querySelector(props.left)?.getBoundingClientRect().width
-  : useElementSize(() => props.left as HTMLElement, undefined, { box: 'border-box' }).width
-
+<script setup>
+import { onClickOutside, useElementSize } from "@vueuse/core";
+import { ref } from "vue";
+const props = defineProps({
+  modelValue: { type: Boolean, required: false },
+  top: { type: null, required: false },
+  left: { type: null, required: false },
+  autoClose: { type: Boolean, required: false },
+  transition: { type: String, required: false, default: "right" }
+});
+const emit = defineEmits(["close"]);
+const el = ref();
+const { height } = useElementSize(() => props.top, void 0, { box: "border-box" });
+const width = typeof props.left === "string" && props.left.startsWith("#") ? document.querySelector(props.left)?.getBoundingClientRect().width : useElementSize(() => props.left, void 0, { box: "border-box" }).width;
 onClickOutside(el, () => {
   if (props.modelValue && props.autoClose)
-    emit('close')
+    emit("close");
 }, {
-  ignore: ['a', 'button', 'summary', '[role="dialog"]'],
-})
-
+  ignore: ["a", "button", "summary", '[role="dialog"]']
+});
 const transitionType = {
   right: {
-    'enter-from-class': 'transform translate-x-1/1',
-    'leave-to-class': 'transform translate-x-1/1',
+    "enter-from-class": "transform translate-x-1/1",
+    "leave-to-class": "transform translate-x-1/1"
   },
   top: {
-    'enter-from-class': 'transform translate-y--1/1',
-    'leave-to-class': 'transform translate-y--1/1',
+    "enter-from-class": "transform translate-y--1/1",
+    "leave-to-class": "transform translate-y--1/1"
   },
   bottom: {
-    'enter-from-class': 'transform translate-y-1/1',
-    'leave-to-class': 'transform translate-y-1/1',
-  },
-}
+    "enter-from-class": "transform translate-y-1/1",
+    "leave-to-class": "transform translate-y-1/1"
+  }
+};
 </script>
 
 <template>
@@ -63,9 +50,9 @@ const transitionType = {
       :class="{ 'right-0': transition === 'right' || transition === 'bottom' }"
       absolute bottom-0 z-10 z-20 of-auto text-sm n-glass-effect
       :style="{
-        top: transition === 'bottom' ? 'auto' : `${height}px`,
-        left: transition === 'right' && !width ? 'auto' : `${width}px`,
-      }"
+  top: transition === 'bottom' ? 'auto' : `${height}px`,
+  left: transition === 'right' && !width ? 'auto' : `${width}px`
+}"
       v-bind="$attrs"
     >
       <NButton absolute right-2 top-2 z-20 text-xl icon="carbon-close" :border="false" @click="$emit('close')" />

package/dist/components/NDrawer.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    top?: HTMLElement | string;
+    left?: HTMLElement | string;
+    autoClose?: boolean;
+    transition?: 'right' | 'bottom' | 'top';
+};
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    transition: "right" | "bottom" | "top";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NDropdown.vue

@@ -1,21 +1,16 @@
-<script setup lang="ts">
-import { onClickOutside, useVModel } from '@vueuse/core'
-import { ref } from 'vue'
-
-const props = withDefaults(defineProps<{
-  modelValue?: boolean
-  direction?: 'start' | 'end'
-}>(), {
-  direction: 'start',
-})
-const emit = defineEmits<{ (...args: any): void }>()
-
-const enabled = useVModel(props, 'modelValue', emit, { passive: true })
-const el = ref<HTMLDivElement>()
-
+<script setup>
+import { onClickOutside, useVModel } from "@vueuse/core";
+import { ref } from "vue";
+const props = defineProps({
+  modelValue: { type: Boolean, required: false },
+  direction: { type: String, required: false, default: "start" }
+});
+const emit = defineEmits([]);
+const enabled = useVModel(props, "modelValue", emit, { passive: true });
+const el = ref();
 onClickOutside(el, () => {
-  enabled.value = false
-})
+  enabled.value = false;
+});
 </script>
 
 <template>

package/dist/components/NDropdown.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    direction?: 'start' | 'end';
+};
+declare var __VLS_1: {
+    enabled: any;
+    click: () => boolean;
+}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    [x: string]: never;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: unknown[]) => any) | undefined;
+}>, {
+    direction: "start" | "end";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NIcon.vue

@@ -1,7 +1,7 @@
-<script setup lang="ts">
-defineProps<{
-  icon?: string
-}>()
+<script setup>
+defineProps({
+  icon: { type: String, required: false }
+});
 </script>
 
 <template>

package/dist/components/NIcon.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    icon?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;