@nuxt/devtools-ui-kit 3.4.1 → 3.4.2

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

@@ -1,82 +1,28 @@
-<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>
-
-<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">
-      <slot name="left" />
-    </Pane>
-    <Pane v-if="$slots.right" relative h-full class="of-auto!" :min-size="minSize || 10">
-      <slot name="right" />
-    </Pane>
-  </Splitpanes>
-</template>
-
-<style>
-.splitpanes__splitter {
-  position: relative;
-}
-.splitpanes__splitter:before {
-  position: absolute;
-  left: 0;
-  top: 0;
-  transition: 0.2s ease;
-  content: '';
-  transition: opacity 0.4s;
-  z-index: 1;
-}
-.splitpanes__splitter:hover:before {
-  background: #8881;
-  opacity: 1;
-}
-.splitpanes--vertical > .splitpanes__splitter {
-  min-width: 0 !important;
-  width: 0 !important;
-  --at-apply: border-r border-base;
-}
-.splitpanes--horizontal > .splitpanes__splitter {
-  min-height: 0 !important;
-  height: 0 !important;
-  --at-apply: border-t border-base;
-}
-.splitpanes--vertical > .splitpanes__splitter:before {
-  left: -5px;
-  right: -4px;
-  height: 100%;
-}
-.splitpanes--horizontal > .splitpanes__splitter:before {
-  top: -5px;
-  bottom: -4px;
-  width: 100%;
-}
-</style>
+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_16: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+    left?: (props: typeof __VLS_16) => any;
+} & {
+    right?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: 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 __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/components/NSplitPane.vue

@@ -0,0 +1,37 @@
+<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">
+      <slot name="left" />
+    </Pane>
+    <Pane v-if="$slots.right" relative h-full class="of-auto!" :min-size="minSize || 10">
+      <slot name="right" />
+    </Pane>
+  </Splitpanes>
+</template>
+
+<style>
+.splitpanes__splitter{position:relative}.splitpanes__splitter:before{content:"";left:0;position:absolute;top:0;transition:.2s ease;transition:opacity .4s;z-index:1}.splitpanes__splitter:hover:before{background:#8881;opacity:1}.splitpanes--vertical>.splitpanes__splitter{min-width:0!important;width:0!important;--at-apply:border-r border-base}.splitpanes--horizontal>.splitpanes__splitter{height:0!important;min-height:0!important;--at-apply:border-t border-base}.splitpanes--vertical>.splitpanes__splitter:before{height:100%;left:-5px;right:-4px}.splitpanes--horizontal>.splitpanes__splitter:before{bottom:-4px;top:-5px;width:100%}
+</style>

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

@@ -1,34 +1,27 @@
-<script setup lang="ts">
-withDefaults(
-  defineProps<{
-    disabled?: boolean
-  }>(),
-  {
-    disabled: false,
-  },
-)
-const checked = defineModel('modelValue', {
-  type: Boolean,
-  default: false,
-})
-</script>
-
-<template>
-  <label
-    class="n-switch n-switch-base hover:n-switch-hover n-disabled:n-disabled"
-    :checked="checked || null"
-    :disabled="disabled || null"
-  >
-    <input
-      v-model="checked"
-      type="checkbox"
-      class="peer absolute op0"
-      :disabled="disabled"
-      @keypress.enter="checked = !checked"
-    >
-    <div class="n-switch-slider n-transition n-checked:n-switch-slider-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
-      <div class="n-switch-thumb n-transition n-checked:n-switch-thumb-checked" />
-    </div>
-    <slot />
-  </label>
-</template>
+type __VLS_Props = {
+    disabled?: boolean;
+};
+declare const checked: import("vue").ModelRef<boolean, string, boolean, boolean>;
+type __VLS_ModelProps = {
+    'modelValue'?: typeof checked['value'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/NSwitch.vue

@@ -0,0 +1,29 @@
+<script setup>
+defineProps({
+  disabled: { type: Boolean, required: false, default: false }
+});
+const checked = defineModel("modelValue", {
+  type: Boolean,
+  default: false
+});
+</script>
+
+<template>
+  <label
+    class="n-switch n-switch-base hover:n-switch-hover n-disabled:n-disabled"
+    :checked="checked || null"
+    :disabled="disabled || null"
+  >
+    <input
+      v-model="checked"
+      type="checkbox"
+      class="peer absolute op0"
+      :disabled="disabled"
+      @keypress.enter="checked = !checked"
+    >
+    <div class="n-switch-slider n-transition n-checked:n-switch-slider-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
+      <div class="n-switch-thumb n-transition n-checked:n-switch-thumb-checked" />
+    </div>
+    <slot />
+  </label>
+</template>

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

@@ -1,40 +1,34 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: string | number
-    icon?: string
-    placeholder?: string
-    disabled?: boolean
-    autofocus?: boolean
-    autocomplete?: string
-    readonly?: boolean
-    type?: string
-  }>(),
-  {
-    modelValue: '',
-    type: 'text',
-  },
-)
-
-const emit = defineEmits<{
-  (name: 'keydown', event: KeyboardEvent): void
-  (name: 'keyup', event: KeyboardEvent): void
-  (name: 'change', event: Event): void
-}>()
-const input = useVModel(props, 'modelValue', emit, { passive: true })
-</script>
-
-<template>
-  <div class="n-text-input flex flex items-center border n-border-base rounded n-bg-base py-1 pl-1 pr-2 focus-within:border-context focus-within:n-focus-base">
-    <slot name="icon">
-      <NIcon v-if="icon" :icon="icon" class="ml-0.3em mr-0.1em text-1.1em op50" />
-    </slot>
-    <input
-      v-model="input"
-      v-bind="$props as any"
-      class="ml-0.4em w-full flex-auto n-bg-base !outline-none"
-    >
-  </div>
-</template>
+type __VLS_Props = {
+    modelValue?: string | number;
+    icon?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    autofocus?: boolean;
+    autocomplete?: string;
+    readonly?: boolean;
+    type?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    keydown: (event: KeyboardEvent) => any;
+    keyup: (event: KeyboardEvent) => any;
+    change: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+}>, {
+    modelValue: string | number;
+    type: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/NTextInput.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  modelValue: { type: [String, Number], required: false, default: "" },
+  icon: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  autofocus: { type: Boolean, required: false },
+  autocomplete: { type: String, required: false },
+  readonly: { type: Boolean, required: false },
+  type: { type: String, required: false, default: "text" }
+});
+const emit = defineEmits(["keydown", "keyup", "change"]);
+const input = useVModel(props, "modelValue", emit, { passive: true });
+</script>
+
+<template>
+  <div class="n-text-input flex flex items-center border n-border-base rounded n-bg-base py-1 pl-1 pr-2 focus-within:border-context focus-within:n-focus-base">
+    <slot name="icon">
+      <NIcon v-if="icon" :icon="icon" class="ml-0.3em mr-0.1em text-1.1em op50" />
+    </slot>
+    <input
+      v-model="input"
+      v-bind="$props"
+      class="ml-0.4em w-full flex-auto n-bg-base !outline-none"
+    >
+  </div>
+</template>

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

@@ -1,16 +1,18 @@
-<script setup lang="ts">
-defineProps<{
-  icon?: string
-}>()
-</script>
-
-<template>
-  <div class="n-tip n-tip-base">
-    <slot name="icon">
-      <NIcon v-if="icon" :icon="icon" class="n-tip-icon" />
-    </slot>
-    <div>
-      <slot />
-    </div>
-  </div>
-</template>
+type __VLS_Props = {
+    icon?: string;
+};
+declare var __VLS_1: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: 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 __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/components/NTip.vue

@@ -0,0 +1,16 @@
+<script setup>
+defineProps({
+  icon: { type: String, required: false }
+});
+</script>
+
+<template>
+  <div class="n-tip n-tip-base">
+    <slot name="icon">
+      <NIcon v-if="icon" :icon="icon" class="n-tip-icon" />
+    </slot>
+    <div>
+      <slot />
+    </div>
+  </div>
+</template>

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "type": "module",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/ui-kit",
   "repository": {
@@ -28,7 +28,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "3.4.1"
+    "@nuxt/devtools": "3.4.2"
   },
   "dependencies": {
     "@iconify-json/carbon": "^1.2.25",
@@ -50,11 +50,11 @@
     "splitpanes": "^4.1.2",
     "unocss": "^66.7.5",
     "v-lazy-show": "^0.3.0",
-    "@nuxt/devtools-kit": "3.4.1"
+    "@nuxt/devtools-kit": "3.4.2"
   },
   "devDependencies": {
     "nuxt": "^4.5.1",
-    "@nuxt/devtools": "3.4.1"
+    "@nuxt/devtools": "3.4.2"
   },
   "publishConfig": {
     "access": "public"