@nuxt/devtools-ui-kit 2.4.1 → 2.5.0-beta.2

package/dist/components/NIconTitle.vue

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

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    icon?: string;
+    text?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/NLink.vue

@@ -1,23 +1,21 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-const props = defineProps<{
-  to?: string
-  href?: string
-  target?: string
-  underline?: boolean
-}>()
-
-const link = computed(() => props.href || props.to)
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  to: { type: String, required: false },
+  href: { type: String, required: false },
+  target: { type: String, required: false },
+  underline: { type: Boolean, required: false }
+});
+const link = computed(() => props.href || props.to);
 </script>
 
 <template>
   <NuxtLink
     v-bind="link ? {
-      href: link,
-      target,
-      rel: target === '_blank' ? 'noopener noreferrer' : null,
-    } : {}"
+  href: link,
+  target,
+  rel: target === '_blank' ? 'noopener noreferrer' : null
+} : {}"
     :class="{ 'n-link n-transition hover:n-link-hover n-link-base': link || underline }"
   >
     <slot />

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    to?: string;
+    href?: string;
+    target?: string;
+    underline?: boolean;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => 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/NLoading.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/NMarkdown.vue

@@ -1,12 +1,9 @@
-<script setup lang="ts">
-// This components requires to run in DevTools to render correctly
-
-import { devToolsClient } from '../runtime/client'
-
-defineProps<{
-  markdown: string
-  tag?: string
-}>()
+<script setup>
+import { devToolsClient } from "../runtime/client";
+defineProps({
+  markdown: { type: String, required: true },
+  tag: { type: String, required: false }
+});
 </script>
 
 <template>

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    markdown: string;
+    tag?: 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;

package/dist/components/NNavbar.vue

@@ -1,15 +1,11 @@
-<script setup lang="ts">
-defineProps<{
-  search?: string
-  noPadding?: boolean
-}>()
-
-const emit = defineEmits<{
-  (event: 'update:search', value: string): void
-}>()
-
-function update(event: any) {
-  emit('update:search', event.target.value)
+<script setup>
+defineProps({
+  search: { type: String, required: false },
+  noPadding: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:search"]);
+function update(event) {
+  emit("update:search", event.target.value);
 }
 </script>
 
@@ -18,7 +14,7 @@ function update(event: any) {
     <div flex="~ gap4 wrap" items-center>
       <slot name="search">
         <NTextInput
-          v-if="search !== undefined"
+          v-if="search !== void 0"
           placeholder="Search..."
           icon="carbon-search"
           n="primary" flex-auto

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    search?: string;
+    noPadding?: boolean;
+};
+declare var __VLS_1: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    search?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:search": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/NNotification.vue

@@ -1,36 +1,32 @@
-<script setup lang='ts'>
-import type { DevtoolsUiShowNotificationPosition } from '../composables/notification'
-
-import { ref } from 'vue'
-import { devtoolsUiProvideNotificationFn } from '../composables/notification'
-
-const show = ref(false)
-const icon = ref<string>()
-const text = ref<string>()
-const classes = ref<string>()
-const position = ref<DevtoolsUiShowNotificationPosition>('top-center')
-
+<script setup>
+import { ref } from "vue";
+import { devtoolsUiProvideNotificationFn } from "../composables/notification";
+const show = ref(false);
+const icon = ref();
+const text = ref();
+const classes = ref();
+const position = ref("top-center");
 devtoolsUiProvideNotificationFn((data) => {
-  text.value = data.message
-  icon.value = data.icon
-  classes.value = data.classes ?? 'text-primary border-primary'
-  icon.value = data.icon
-  show.value = true
-  position.value = data.position ?? 'top-center'
+  text.value = data.message;
+  icon.value = data.icon;
+  classes.value = data.classes ?? "text-primary border-primary";
+  icon.value = data.icon;
+  show.value = true;
+  position.value = data.position ?? "top-center";
   setTimeout(() => {
-    show.value = false
-  }, data.duration ?? 1500)
-})
+    show.value = false;
+  }, data.duration ?? 1500);
+});
 </script>
 
 <template>
   <div
     fixed left-0 right-0 z-999 text-center
     :class="[
-      { 'pointer-events-none overflow-hidden': !show },
-      { 'top-0': position.startsWith('top') },
-      { 'bottom-0': position.startsWith('bottom') },
-    ]"
+  { 'pointer-events-none overflow-hidden': !show },
+  { 'top-0': position.startsWith('top') },
+  { 'bottom-0': position.startsWith('bottom') }
+]"
   >
     <div flex :style="{ justifyContent: position.includes('right') ? 'right' : position.includes('left') ? 'left' : 'center' }">
       <div

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/NPanelGrids.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/NRadio.vue

@@ -1,20 +1,13 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: string
-    disabled?: boolean
-    name?: string
-    value?: string
-  }>(),
-  {
-    modelValue: '',
-    disabled: false,
-  },
-)
-const emit = defineEmits<{ (...args: any): void }>()
-const model = useVModel(props, 'modelValue', emit, { passive: true })
+<script setup>
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  modelValue: { type: String, required: false, default: "" },
+  disabled: { type: Boolean, required: false, default: false },
+  name: { type: String, required: false },
+  value: { type: String, required: false }
+});
+const emit = defineEmits([]);
+const model = useVModel(props, "modelValue", emit, { passive: true });
 </script>
 
 <template>
@@ -30,7 +23,7 @@ const model = useVModel(props, 'modelValue', emit, { passive: true })
       :disabled="disabled"
       :name="name"
       :value="value"
-      @keypress.enter="model = value!"
+      @keypress.enter="model = value"
     >
     <span class="n-radio-box n-checked:n-radio-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base n-transition">
       <div class="n-radio-inner n-checked:n-radio-inner-checked n-transition" />

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    modelValue?: string;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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: string;
+    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/NSectionBlock.vue

@@ -1,35 +1,25 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    icon?: string
-    text?: string
-    description?: string
-    containerClass?: string
-    headerClass?: string
-    collapse?: boolean
-    open?: boolean
-    padding?: boolean | string
-  }>(),
-  {
-    containerClass: '',
-    open: true,
-    padding: true,
-    collapse: true,
-  },
-)
-
-const open = useVModel(props, 'open', undefined, { passive: true })
-function onToggle(e: any) {
-  open.value = e.target.open
+<script setup>
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  icon: { type: String, required: false },
+  text: { type: String, required: false },
+  description: { type: String, required: false },
+  containerClass: { type: String, required: false, default: "" },
+  headerClass: { type: String, required: false },
+  collapse: { type: Boolean, required: false, default: true },
+  open: { type: Boolean, required: false, default: true },
+  padding: { type: [Boolean, String], required: false, default: true }
+});
+const open = useVModel(props, "open", void 0, { passive: true });
+function onToggle(e) {
+  open.value = e.target.open;
 }
 </script>
 
 <template>
   <!-- TODO: Seems something wrong with the DOM type -->
   <!-- @vue-ignore -->
-  <details :open="open" @toggle="(onToggle as any)">
+  <details :open="open" @toggle="onToggle">
     <summary
       class="cursor-pointer select-none hover:bg-active p4"
       :class="collapse ? '' : 'pointer-events-none'"

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

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    icon?: string;
+    text?: string;
+    description?: string;
+    containerClass?: string;
+    headerClass?: string;
+    collapse?: boolean;
+    open?: boolean;
+    padding?: boolean | string;
+};
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    text?: (props: typeof __VLS_5) => any;
+} & {
+    description?: (props: typeof __VLS_7) => any;
+} & {
+    actions?: (props: typeof __VLS_9) => any;
+} & {
+    details?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    footer?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    containerClass: string;
+    collapse: boolean;
+    open: boolean;
+    padding: boolean | string;
+}, {}, {}, {}, 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/NSelect.vue

@@ -1,22 +1,13 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: any
-    placeholder?: string
-    icon?: string
-    disabled?: boolean
-  }>(),
-  {
-    modelValue: undefined,
-    placeholder: '',
-    disabled: false,
-    icon: '',
-  },
-)
-const emit = defineEmits<{ (...args: any): void }>()
-const input = useVModel(props, 'modelValue', emit, { passive: true })
+<script setup>
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  modelValue: { type: null, required: false, default: void 0 },
+  placeholder: { type: String, required: false, default: "" },
+  icon: { type: String, required: false, default: "" },
+  disabled: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits([]);
+const input = useVModel(props, "modelValue", emit, { passive: true });
 </script>
 
 <template>

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    modelValue?: any;
+    placeholder?: string;
+    icon?: string;
+    disabled?: boolean;
+};
+declare var __VLS_1: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_7) => 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: any;
+    disabled: boolean;
+    icon: string;
+    placeholder: string;
+}, {}, {}, {}, 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/NSelectTabs.vue

@@ -1,19 +1,12 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: any
-    disabled?: boolean
-    options: { value: any, label: string }[]
-  }>(),
-  {
-    modelValue: undefined,
-    disabled: false,
-  },
-)
-const emit = defineEmits<{ (...args: any): void }>()
-const input = useVModel(props, 'modelValue', emit, { passive: true })
+<script setup>
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  modelValue: { type: null, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false, default: false },
+  options: { type: Array, required: true }
+});
+const emit = defineEmits([]);
+const input = useVModel(props, "modelValue", emit, { passive: true });
 </script>
 
 <template>
@@ -26,15 +19,15 @@ const input = useVModel(props, 'modelValue', emit, { passive: true })
       :disabled="disabled"
       class="relative n-border-base hover:n-bg-active px-0.5em py-0.1em"
       :class="[
-        idx ? 'border-l n-border-base ml--1px' : '',
-        i.value === input ? 'n-bg-active' : '',
-      ]"
+  idx ? 'border-l n-border-base ml--1px' : '',
+  i.value === input ? 'n-bg-active' : ''
+]"
       :title="i.label"
     >
       <div
         :class="[
-          i.value === input ? '' : 'op35',
-        ]"
+  i.value === input ? '' : 'op35'
+]"
       >{{ i.label }}</div>
       <input
         v-model="input"

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    modelValue?: any;
+    disabled?: boolean;
+    options: {
+        value: any;
+        label: string;
+    }[];
+};
+declare const _default: 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: any;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/NSplitPane.vue

@@ -1,39 +1,29 @@
-<script setup lang="ts">
-import { useLocalStorage } from '@vueuse/core'
-import { Pane, Splitpanes } from 'splitpanes'
-import { computed, ref } from 'vue'
-
-import 'splitpanes/dist/splitpanes.css'
-
-const props = withDefaults(defineProps<{
-  /**
-   * The key to use for storing the pane sizes in localStorage.
-   */
-  storageKey?: string
-  stateKey?: string
-  leftSize?: number
-  minSize?: number
-  horizontal?: boolean
-}>(), {
-  stateKey: 'nuxt-devtools-panels-state',
-})
-
-const state = useLocalStorage<Record<string, number>>(props.stateKey, {} as any, { listenToStorageChanges: false })
-
-const DEFAULT = 30
-
-const key = props.storageKey
-const size = key
-  ? computed({
-      get: () => state.value[key] || props.leftSize || DEFAULT,
-      set: (v) => { state.value[key] = v },
-    })
-  : ref(props.leftSize || DEFAULT)
+<script setup>
+import { useLocalStorage } from "@vueuse/core";
+import { Pane, Splitpanes } from "splitpanes";
+import { computed, ref } from "vue";
+import "splitpanes/dist/splitpanes.css";
+const props = defineProps({
+  storageKey: { type: String, required: false },
+  stateKey: { type: String, required: false, default: "nuxt-devtools-panels-state" },
+  leftSize: { type: Number, required: false },
+  minSize: { type: Number, required: false },
+  horizontal: { type: Boolean, required: false }
+});
+const state = useLocalStorage(props.stateKey, {}, { listenToStorageChanges: false });
+const DEFAULT = 30;
+const key = props.storageKey;
+const size = key ? computed({
+  get: () => state.value[key] || props.leftSize || DEFAULT,
+  set: (v) => {
+    state.value[key] = v;
+  }
+}) : ref(props.leftSize || DEFAULT);
 </script>
 
 <template>
   <Splitpanes :horizontal="horizontal" h-full of-hidden @resize="size = $event[0].size">
-    <Pane h-full class="of-auto!" :size="size" :min-size="$slots.right ? (minSize || 10) : 100">
+    <Pane h-full class="of-auto!" :size="size" :min-size="$slots.right ? minSize || 10 : 100">
       <slot name="left" />
     </Pane>
     <Pane v-if="$slots.right" relative h-full class="of-auto!" :min-size="minSize || 10">

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

@@ -0,0 +1,27 @@
+import 'splitpanes/dist/splitpanes.css';
+type __VLS_Props = {
+    /**
+     * The key to use for storing the pane sizes in localStorage.
+     */
+    storageKey?: string;
+    stateKey?: string;
+    leftSize?: number;
+    minSize?: number;
+    horizontal?: boolean;
+};
+declare var __VLS_14: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    left?: (props: typeof __VLS_14) => any;
+} & {
+    right?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    stateKey: string;
+}, {}, {}, {}, 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;
+    };
+};