@nuxt/devtools-ui-kit 2.4.0 → 2.5.0-beta.1

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;
+    };
+};

package/dist/components/NSwitch.vue

@@ -1,16 +1,11 @@
-<script setup lang="ts">
-withDefaults(
-  defineProps<{
-    disabled?: boolean
-  }>(),
-  {
-    disabled: false,
-  },
-)
-const checked = defineModel('modelValue', {
+<script setup>
+defineProps({
+  disabled: { type: Boolean, required: false, default: false }
+});
+const checked = defineModel("modelValue", {
   type: Boolean,
-  default: false,
-})
+  default: false
+});
 </script>
 
 <template>

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
+declare const checked: import("vue").ModelRef<boolean, string, boolean, boolean>;
+type __VLS_PublicProps = __VLS_Props & {
+    'modelValue'?: typeof checked['value'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: 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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NTextInput.vue

@@ -1,29 +1,17 @@
-<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 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>
@@ -33,7 +21,7 @@ const input = useVModel(props, 'modelValue', emit, { passive: true })
     </slot>
     <input
       v-model="input"
-      v-bind="$props as any"
+      v-bind="$props"
       class="ml-0.4em w-full flex-auto n-bg-base !outline-none"
     >
   </div>

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

@@ -0,0 +1,33 @@
+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_component: 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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NTip.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/NTip.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    icon?: string;
+};
+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, {}, 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/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "2.4.0",
+  "version": "2.5.0-beta.1",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"
   }
 }

package/dist/runtime/client.d.ts

@@ -0,0 +1,3 @@
+import type { NuxtDevtoolsIframeClient } from '@nuxt/devtools-kit/types';
+import type { Ref } from 'vue';
+export declare const devToolsClient: Ref<NuxtDevtoolsIframeClient | undefined>;

package/dist/types.d.mts

@@ -1 +1,3 @@
-export { type unocssPreset } from './module.js'
+export { type unocssPreset } from './unocss.mjs'
+
+export { type ModuleOptions, default } from './module.mjs'

package/dist/unocss.mjs

@@ -1,7 +1,7 @@
 import { theme } from '@unocss/preset-mini';
 import { fonts } from '@unocss/preset-mini/rules';
 import { parseColor } from '@unocss/preset-mini/utils';
-import { mergeDeep, presetWind3, presetAttributify, presetTypography, presetIcons, presetWebFonts, transformerDirectives, transformerVariantGroup } from 'unocss';
+import { transformerDirectives, transformerVariantGroup, presetWind3, presetAttributify, presetTypography, presetIcons, presetWebFonts, mergeDeep } from 'unocss';
 
 function unocssPreset() {
   return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "type": "module",
-  "version": "2.4.0",
+  "version": "2.5.0-beta.1",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/ui-kit",
   "repository": {
@@ -28,33 +28,33 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "2.4.0"
+    "@nuxt/devtools": "2.5.0-beta.1"
   },
   "dependencies": {
     "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/ri": "^1.2.5",
-    "@iconify-json/tabler": "^1.2.17",
-    "@nuxt/kit": "^3.16.2",
-    "@unocss/core": "^66.0.0",
-    "@unocss/nuxt": "^66.0.0",
-    "@unocss/preset-attributify": "^66.0.0",
-    "@unocss/preset-icons": "^66.0.0",
-    "@unocss/preset-mini": "^66.0.0",
-    "@unocss/reset": "^66.0.0",
-    "@vueuse/core": "^13.1.0",
-    "@vueuse/integrations": "^13.1.0",
-    "@vueuse/nuxt": "^13.1.0",
+    "@iconify-json/tabler": "^1.2.18",
+    "@nuxt/kit": "^3.17.4",
+    "@unocss/core": "^66.1.3",
+    "@unocss/nuxt": "^66.1.3",
+    "@unocss/preset-attributify": "^66.1.3",
+    "@unocss/preset-icons": "^66.1.3",
+    "@unocss/preset-mini": "^66.1.3",
+    "@unocss/reset": "^66.1.3",
+    "@vueuse/core": "^13.3.0",
+    "@vueuse/integrations": "^13.3.0",
+    "@vueuse/nuxt": "^13.3.0",
     "defu": "^6.1.4",
-    "focus-trap": "^7.6.4",
+    "focus-trap": "^7.6.5",
     "splitpanes": "^3.2.0",
-    "unocss": "^66.0.0",
+    "unocss": "^66.1.3",
     "v-lazy-show": "^0.3.0",
-    "@nuxt/devtools-kit": "2.4.0"
+    "@nuxt/devtools-kit": "2.5.0-beta.1"
   },
   "devDependencies": {
-    "nuxt": "^3.16.2",
-    "@nuxt/devtools": "2.4.0"
+    "nuxt": "^3.17.4",
+    "@nuxt/devtools": "2.5.0-beta.1"
   },
   "publishConfig": {
     "access": "public"

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/types.d.ts

@@ -1 +0,0 @@
-export { type unocssPreset } from './module'