nuxt-hs-ui 2.12.7 → 4.0.0-beta.2

package/dist/runtime/utils/theme.js

@@ -1,30 +1,180 @@
-import { useAppConfig } from "nuxt/app";
-export const Theme = {
-  main0: "main0",
-  main1: "main1",
-  main2: "main2",
-  main3: "main3",
-  //
-  accent1: "accent1",
-  accent2: "accent2",
-  //
-  info: "info",
-  link: "link",
-  download: "download",
-  success: "success",
-  warn: "warn",
-  error: "error",
-  //
-  white: "white",
-  black: "black",
-  dark: "dark",
-  back: "back"
-};
-export const ThemeKyes = Object.keys(Theme);
-export const GetGolorCode = (code) => {
-  const colors = useAppConfig().tv.twMergeConfig.theme.extend.colors || {};
-  if (code in colors) {
-    return colors[code] || "#000000";
-  }
-  return "#000000";
-};
+import { GetColorCode as _GetColorCode } from "#build/nuxt-hs-ui-next/runtime/theme.mjs";
+export const GetColorCode = (theme2) => _GetColorCode(theme2);
+import { Theme as theme } from "#build/nuxt-hs-ui-next/runtime/theme.mjs";
+export const Theme = theme;
+export function GetTextColor(bgHex, over = "#ffffff") {
+  try {
+    const bg = parseHex(bgHex);
+    const base = parseHex(over);
+    const opaque = bg.a < 1 ? compositeOver(bg, base) : { r: bg.r, g: bg.g, b: bg.b };
+    const L = relativeLuminance(opaque);
+    const contrastWithBlack = (L + 0.05) / 0.05;
+    const contrastWithWhite = 1.05 / (L + 0.05);
+    return contrastWithBlack >= contrastWithWhite ? "#000000" : "#ffffff";
+  } catch (err) {
+    console.error("GetTextColor", err);
+    return "#000000";
+  }
+}
+const clamp = (n, min = 0, max = 1) => Math.min(max, Math.max(min, n));
+function parseHex(hex) {
+  let s = hex.trim();
+  if (s.startsWith("#")) s = s.slice(1);
+  if (s.length === 3) {
+    const r = Number.parseInt(s[0] + s[0], 16);
+    const g = Number.parseInt(s[1] + s[1], 16);
+    const b = Number.parseInt(s[2] + s[2], 16);
+    return { r, g, b, a: 1 };
+  }
+  if (s.length === 4) {
+    const r = Number.parseInt(s[0] + s[0], 16);
+    const g = Number.parseInt(s[1] + s[1], 16);
+    const b = Number.parseInt(s[2] + s[2], 16);
+    const a = Number.parseInt(s[3] + s[3], 16) / 255;
+    return { r, g, b, a };
+  }
+  if (s.length === 6) {
+    const r = Number.parseInt(s.slice(0, 2), 16);
+    const g = Number.parseInt(s.slice(2, 4), 16);
+    const b = Number.parseInt(s.slice(4, 6), 16);
+    return { r, g, b, a: 1 };
+  }
+  if (s.length === 8) {
+    const r = Number.parseInt(s.slice(0, 2), 16);
+    const g = Number.parseInt(s.slice(2, 4), 16);
+    const b = Number.parseInt(s.slice(4, 6), 16);
+    const a = Number.parseInt(s.slice(6, 8), 16) / 255;
+    return { r, g, b, a };
+  }
+  throw new Error(`Invalid hex color: ${hex}`);
+}
+function compositeOver(fg, bg) {
+  const a = fg.a + bg.a * (1 - fg.a);
+  const r = Math.round((fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / a);
+  const g = Math.round((fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / a);
+  const b = Math.round((fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / a);
+  return { r, g, b };
+}
+function relativeLuminance({ r, g, b }) {
+  const toLinear = (c) => {
+    const cs = c / 255;
+    return cs <= 0.04045 ? cs / 12.92 : Math.pow((cs + 0.055) / 1.055, 2.4);
+  };
+  const R = toLinear(r);
+  const G = toLinear(g);
+  const B = toLinear(b);
+  return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+}
+function hexToRgba(hex) {
+  let s = hex.trim();
+  if (s.startsWith("#")) s = s.slice(1);
+  if (![3, 4, 6, 8].includes(s.length)) throw new Error(`Invalid hex: ${hex}`);
+  const to255 = (hh) => Number.parseInt(hh, 16);
+  if (s.length === 3) {
+    const r = to255(s[0] + s[0]);
+    const g = to255(s[1] + s[1]);
+    const b = to255(s[2] + s[2]);
+    return { r, g, b, a: 1 };
+  }
+  if (s.length === 4) {
+    const r = to255(s[0] + s[0]);
+    const g = to255(s[1] + s[1]);
+    const b = to255(s[2] + s[2]);
+    const a = to255(s[3] + s[3]) / 255;
+    return { r, g, b, a };
+  }
+  if (s.length === 6) {
+    return {
+      r: to255(s.slice(0, 2)),
+      g: to255(s.slice(2, 4)),
+      b: to255(s.slice(4, 6)),
+      a: 1
+    };
+  }
+  return {
+    r: to255(s.slice(0, 2)),
+    g: to255(s.slice(2, 4)),
+    b: to255(s.slice(4, 6)),
+    a: to255(s.slice(6, 8)) / 255
+  };
+}
+function rgbaToHex({ r, g, b, a }) {
+  const h2 = (v) => v.toString(16).padStart(2, "0");
+  const base = `#${h2(r)}${h2(g)}${h2(b)}`;
+  return a < 1 ? `${base}${h2(Math.round(a * 255))}` : base;
+}
+function rgbToHsl({ r, g, b }) {
+  const rn = r / 255, gn = g / 255, bn = b / 255;
+  const max = Math.max(rn, gn, bn), min = Math.min(rn, gn, bn);
+  const d = max - min;
+  let h = 0;
+  if (d !== 0) {
+    switch (max) {
+      case rn:
+        h = (gn - bn) / d + (gn < bn ? 6 : 0);
+        break;
+      case gn:
+        h = (bn - rn) / d + 2;
+        break;
+      default:
+        h = (rn - gn) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+  const l = (max + min) / 2;
+  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
+  return { h, s, l };
+}
+function hslToRgb({ h, s, l }) {
+  if (s === 0) {
+    const v = Math.round(l * 255);
+    return { r: v, g: v, b: v };
+  }
+  const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+  const p = 2 * l - q;
+  const hue2rgb = (t) => {
+    if (t < 0) t += 1;
+    if (t > 1) t -= 1;
+    if (t < 1 / 6) return p + (q - p) * 6 * t;
+    if (t < 1 / 2) return q;
+    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+  };
+  const r = Math.round(hue2rgb(h + 1 / 3) * 255);
+  const g = Math.round(hue2rgb(h) * 255);
+  const b = Math.round(hue2rgb(h - 1 / 3) * 255);
+  return { r, g, b };
+}
+export function pickTextColor(bgHex, over = "#ffffff") {
+  const bg = hexToRgba(bgHex);
+  const base = hexToRgba(over);
+  const opaque = bg.a < 1 ? compositeOver(bg, base) : { r: bg.r, g: bg.g, b: bg.b };
+  const L = relativeLuminance(opaque);
+  const contrastBlack = (L + 0.05) / 0.05;
+  const contrastWhite = 1.05 / (L + 0.05);
+  return contrastBlack >= contrastWhite ? "#000000" : "#ffffff";
+}
+export function lighten(hex, delta = 0.08) {
+  const rgba = hexToRgba(hex);
+  const hsl = rgbToHsl(rgba);
+  hsl.l = clamp(hsl.l + Math.abs(delta));
+  const rgb = hslToRgb(hsl);
+  return rgbaToHex({ ...rgb, a: rgba.a });
+}
+export function darken(hex, delta = 0.08) {
+  const rgba = hexToRgba(hex);
+  const hsl = rgbToHsl(rgba);
+  hsl.l = clamp(hsl.l - Math.abs(delta));
+  const rgb = hslToRgb(hsl);
+  return rgbaToHex({ ...rgb, a: rgba.a });
+}
+export const microLighten = (hex) => lighten(hex, 0.08);
+export const microDarken = (hex) => darken(hex, 0.08);
+export function MakeAlertColors(baseHex, opts) {
+  const { tone = "soft", bgDelta = 0.18, inkDelta = 0.45, borderDelta = 0.1, over = "#ffffff" } = opts || {};
+  const bg = lighten(baseHex, bgDelta);
+  const border = darken(bg, borderDelta);
+  const text = tone === "ink" ? darken(baseHex, inkDelta) : pickTextColor(bg, over);
+  return { bg, text, border };
+}

package/dist/runtime/utils/tv.d.ts

@@ -1,101 +1 @@
-export declare const tv: import("tailwind-variants").CreateTV<boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined>;
-export declare const TvTheme: import("tailwind-variants").TVReturnType<{
-    theme: {
-        main0: string;
-        main1: string;
-        main2: string;
-        main3: string;
-        accent1: string;
-        accent2: string;
-        info: string;
-        link: string;
-        download: string;
-        success: string;
-        warn: string;
-        error: string;
-        white: string;
-        black: string;
-        dark: string;
-        back: string;
-    };
-}, undefined, undefined, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        theme?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & import("tailwind-variants/dist/config.js").TWMConfig & (boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined), {
-    theme: {
-        main0: string;
-        main1: string;
-        main2: string;
-        main3: string;
-        accent1: string;
-        accent2: string;
-        info: string;
-        link: string;
-        download: string;
-        success: string;
-        warn: string;
-        error: string;
-        white: string;
-        black: string;
-        dark: string;
-        back: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    theme: {
-        main0: string;
-        main1: string;
-        main2: string;
-        main3: string;
-        accent1: string;
-        accent2: string;
-        info: string;
-        link: string;
-        download: string;
-        success: string;
-        warn: string;
-        error: string;
-        white: string;
-        black: string;
-        dark: string;
-        back: string;
-    };
-}, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
-    theme: {
-        main0: string;
-        main1: string;
-        main2: string;
-        main3: string;
-        accent1: string;
-        accent2: string;
-        info: string;
-        link: string;
-        download: string;
-        success: string;
-        warn: string;
-        error: string;
-        white: string;
-        black: string;
-        dark: string;
-        back: string;
-    };
-}, {
-    theme: {
-        main0: string;
-        main1: string;
-        main2: string;
-        main3: string;
-        accent1: string;
-        accent2: string;
-        info: string;
-        link: string;
-        download: string;
-        success: string;
-        warn: string;
-        error: string;
-        white: string;
-        black: string;
-        dark: string;
-        back: string;
-    };
-}>, unknown, unknown, undefined>>;
+export declare const tv: import("tailwind-variants").TV;

package/dist/runtime/utils/tv.js

@@ -2,25 +2,3 @@ import { createTV } from "tailwind-variants";
 import _appConfig from "#build/app.config";
 const appConfig = _appConfig;
 export const tv = createTV(appConfig.tv || {});
-export const TvTheme = tv({
-  variants: {
-    theme: {
-      main0: "",
-      main1: "",
-      main2: "",
-      main3: "",
-      accent1: "",
-      accent2: "",
-      info: "",
-      link: "",
-      download: "",
-      success: "",
-      warn: "",
-      error: "",
-      white: "",
-      black: "",
-      dark: "",
-      back: ""
-    }
-  }
-});

package/dist/types.d.mts

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "2.12.7",
-  "description": "My new Nuxt module",
-  "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
+  "version": "4.0.0-beta.2",
+  "description": "This repository is dedicated to the ongoing migration of **nuxt-hs-ui** to **Nuxt 4**",
+  "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui-next",
   "license": "MIT",
   "author": {
     "name": "Ryo@Hare-Systems",
@@ -11,146 +11,89 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     },
-    "./utils/class-style": {
-      "types": "./dist/runtime/utils/class-style.d.ts",
-      "import": "./dist/runtime/utils/class-style.js",
-      "require": "./dist/runtime/utils/class-style.js"
+    "./utils/tailwindcss": {
+      "types": "./dist/runtime/assets/tailwind.config.d.ts",
+      "import": "./dist/runtime/assets/tailwind.config.js",
+      "require": "./dist/runtime/assets/tailwind.config.js"
     },
-    "./utils/com": {
-      "types": "./dist/runtime/utils/com.d.ts",
-      "import": "./dist/runtime/utils/com.js",
-      "require": "./dist/runtime/utils/com.js"
-    },
-    "./utils/dayjs": {
-      "types": "./dist/runtime/utils/dayjs.d.ts",
-      "import": "./dist/runtime/utils/dayjs.js",
-      "require": "./dist/runtime/utils/dayjs.js"
-    },
-    "./utils/float": {
-      "types": "./dist/runtime/utils/float.d.ts",
-      "import": "./dist/runtime/utils/float.js",
-      "require": "./dist/runtime/utils/float.js"
-    },
-    "./utils/modal": {
-      "types": "./dist/runtime/utils/modal.d.ts",
-      "import": "./dist/runtime/utils/modal.js",
-      "require": "./dist/runtime/utils/modal.js"
-    },
-    "./utils/multi-lang-object": {
-      "types": "./dist/runtime/utils/multi-lang-object.d.ts",
-      "import": "./dist/runtime/utils/multi-lang-object.js",
-      "require": "./dist/runtime/utils/multi-lang-object.js"
-    },
-    "./utils/multi-lang": {
-      "types": "./dist/runtime/utils/multi-lang.d.ts",
-      "import": "./dist/runtime/utils/multi-lang.js",
-      "require": "./dist/runtime/utils/multi-lang.js"
-    },
-    "./utils/number": {
-      "types": "./dist/runtime/utils/number.d.ts",
-      "import": "./dist/runtime/utils/number.js",
-      "require": "./dist/runtime/utils/number.js"
-    },
-    "./utils/object": {
-      "types": "./dist/runtime/utils/object.d.ts",
-      "import": "./dist/runtime/utils/object.js",
-      "require": "./dist/runtime/utils/object.js"
-    },
-    "./utils/select-item": {
-      "types": "./dist/runtime/utils/select-item.d.ts",
-      "import": "./dist/runtime/utils/select-item.js",
-      "require": "./dist/runtime/utils/select-item.js"
-    },
-    "./utils/stop-watch": {
-      "types": "./dist/runtime/utils/stop-watch.d.ts",
-      "import": "./dist/runtime/utils/stop-watch.js",
-      "require": "./dist/runtime/utils/stop-watch.js"
-    },
-    "./utils/string": {
-      "types": "./dist/runtime/utils/string.d.ts",
-      "import": "./dist/runtime/utils/string.js",
-      "require": "./dist/runtime/utils/string.js"
-    },
-    "./utils/tabulator": {
-      "types": "./dist/runtime/utils/tabulator.d.ts",
-      "import": "./dist/runtime/utils/tabulator.js",
-      "require": "./dist/runtime/utils/tabulator.js"
-    },
-    "./utils/theme": {
-      "types": "./dist/runtime/utils/theme.d.ts",
-      "import": "./dist/runtime/utils/theme.js",
-      "require": "./dist/runtime/utils/theme.js"
-    },
-    "./utils/wareki": {
-      "types": "./dist/runtime/utils/wareki.d.ts",
-      "import": "./dist/runtime/utils/wareki.js",
-      "require": "./dist/runtime/utils/wareki.js"
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js",
+      "default": "./dist/runtime/utils/*.js"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
   "files": [
     "dist"
   ],
   "volta": {
-    "node": "20.13.0",
-    "npm": "10.5.2"
+    "node": "22.22.2",
+    "npm": "10.9.7"
   },
   "scripts": {
-    "link": "npm run dev:prepare && npm link",
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
+    "prepack": "nuxt-module-build build --failOnWarn=false",
+    "dev": "npm run dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint &&  npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release-beta": "npm run lint && npm run test && npm run prepack  && npm publish --tag beta && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
+  "peerDependencies": {
+    "@vueuse/nuxt": "^14.3.0",
+    "sass-embedded": "^1.89.2"
+  },
   "dependencies": {
-    "@nuxt/kit": "^3.15.1",
-    "@nuxt/ui": "^2.21.0",
-    "@nuxtjs/tailwindcss": "^6.13.1",
-    "@pinia/nuxt": "0.11.1",
-    "@popperjs/core": "^2.11.8",
-    "@vueuse/core": "^12.3.0",
-    "@vueuse/integrations": "^12.3.0",
-    "@vueuse/nuxt": "^12.3.0",
-    "bignumber.js": "^9.1.2",
+    "@nuxt/kit": "^4.4.8",
+    "@pinia/nuxt": "^0.11.3",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/integrations": "^14.3.0",
+    "bignumber.js": "^9.3.1",
     "body-scroll-lock": "^4.0.0-beta.0",
-    "dayjs": "^1.11.13",
-    "defu": "^6.1.4",
+    "dayjs": "^1.11.21",
     "flatpickr": "^4.6.13",
-    "focus-trap": "^7.6.2",
-    "pinia": "^3.0.3",
-    "tabulator-tables": "^6.3.0",
-    "tailwind-merge": "^2.6.0",
-    "tailwind-variants": "^0.3.0",
+    "focus-trap": "^7.6.6",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
+    "tabulator-tables": "^6.4.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.1.18",
     "vue-select": "^4.0.0-beta.6"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.7.0",
-    "@nuxt/eslint-config": "^0.7.5",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.1",
-    "@nuxt/test-utils": "^3.15.4",
+    "@nuxt/devtools": "^3.2.4",
+    "@nuxt/eslint": "^1.16.0",
+    "@nuxt/eslint-config": "^1.16.0",
+    "@nuxt/image": "^2.0.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.4.8",
+    "@nuxt/test-utils": "^3.21.0",
+    "@nuxt/ui": "^4.8.2",
     "@types/body-scroll-lock": "^3.1.2",
     "@types/node": "latest",
-    "@types/tabulator-tables": "^6.2.3",
+    "@types/tabulator-tables": "^6.3.4",
     "@types/vue-select": "^3.16.8",
-    "changelogen": "^0.5.7",
-    "eslint": "^9.18.0",
-    "nuxt": "^3.15.1",
-    "sass": "^1.83.4",
-    "sass-embedded": "^1.83.4",
-    "tailwindcss": "^3.4.17",
-    "typescript": "~5.7.3",
-    "vitest": "^2.1.8",
-    "vue-tsc": "^2.2.0"
+    "changelogen": "^0.6.2",
+    "eslint": "^10.5.0",
+    "npm": "^11.17.0",
+    "nuxt": "^4.4.8",
+    "sass": "^1.97.0",
+    "typescript": "~5.9.3",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.1.8"
   }
 }

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/module.d.ts

@@ -1,16 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-type Config = any;
-interface ModuleOptions {
-    prefix: {
-        nuxtUi: string;
-        form: string;
-        interactive: string;
-        layout: string;
-        misc: string;
-    };
-    tailwind?: Partial<Config>;
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { type ModuleOptions, _default as default };

package/dist/runtime/assets/vue-select.css

@@ -1 +0,0 @@
-:host,:root{--vs-colors--lightest:rgba(60,60,60,.26);--vs-colors--light:rgba(60,60,60,.5);--vs-colors--dark:#333;--vs-colors--darkest:rgba(0,0,0,.15);--vs-search-input-color:inherit;--vs-search-input-bg:#fff;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);--vs-transition-duration:150ms}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);--vs-transition-duration:0.15s}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:var(--vs-disabled-bg);cursor:var(--vs-disabled-cursor)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vs-search-input-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:flex;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:var(--vs-dropdown-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);border-top-style:none;box-shadow:var(--vs-dropdown-box-shadow);box-sizing:border-box;color:var(--vs-dropdown-color);display:block;left:0;list-style:none;margin:0;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - var(--vs-border-width));width:100%;z-index:var(--vs-dropdown-z-index)}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:var(--vs-dropdown-option-color);cursor:pointer;display:block;line-height:1.42857143;padding:var(--vs-dropdown-option-padding);white-space:nowrap}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);display:flex;line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:var(--vs-controls-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;margin-left:4px;padding:0;text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;color:var(--vs-search-input-color);flex-grow:1;font-size:var(--vs-font-size);line-height:var(--vs-line-height);margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;animation:vSelectSpinner 1.1s linear infinite;border:.9em solid rgba(99,99,99,.1);border-left-color:rgba(60,60,60,.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));width:5em}.vs--loading .vs__spinner{opacity:1}

package/dist/runtime/components/misc/view-name-display-target.vue

@@ -1,39 +0,0 @@
-<script setup lang="ts">
-/* ----------------------------------------------------------------------------
-// src\runtime\components\misc\view-name-display-target.vue
-// ----------------------------------------------------------------------------
-// ViewNameDisplayTarget
-// ViewNameDisplayTargetViewNameDisplayTarget
------------------------------------------------------------------------------ */
-
-// [ NUXT ]
-import { computed } from "#imports";
-// ----------------------------------------------------------------------------
-// [ Props ]
-interface Props {
-  // isShow: boolean;
-  offset?: number|string;
-  target: HTMLElement | null;
-}
-const props = withDefaults(defineProps<Props>(), {
-  offset: 10,
-});
-type Emits = {
-  "update:target": [e: HTMLElement];
-};
-const emit = defineEmits<Emits>();
-const style = computed(() => {
-  return `margin-top:-${props.offset}px;z-index:999;`;
-});
-const setRef = (e: HTMLElement) => {
-  emit("update:target", e);
-};
-</script>
-
-<template>
-  <div
-    :ref="(e:any) => setRef(e)"
-    class="absolute top-0 pointer-events-none"
-    :style="style"
-  ></div>
-</template>

package/dist/runtime/plugin/v-select.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugin/v-select.js

@@ -1,5 +0,0 @@
-import { defineNuxtPlugin } from "#imports";
-import vSelect from "vue-select";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.component("v-select", vSelect);
-});