vueless 0.0.489 → 0.0.491

package/constants.js

@@ -185,6 +185,17 @@ export const DEFAULT_SVGO_CONFIG = {
   ],
 };
 
+/* Vueless general */
+export const ICONS_DIR = "assets/icons";
+export const VUELESS_LIBRARY = "vueless";
+export const VUELESS_CONFIG_FILE_NAME = "vueless.config";
+export const VUELESS_CACHE_DIR = "node_modules/.cache/vueless";
+export const VUELESS_DIR = `node_modules/${VUELESS_LIBRARY}`;
+export const VUELESS_LOCAL_DIR = `src`;
+export const VUELESS_ICONS_DIR = `${VUELESS_DIR}/${ICONS_DIR}`;
+export const VUELESS_ICONS_LOCAL_DIR = `src/${ICONS_DIR}`;
+export const VUELESS_ICONS_CACHED_DIR = `${VUELESS_CACHE_DIR}/${ICONS_DIR}`;
+
 /* Other */
 export const PX_IN_REM = 16;
 export const NESTED_COMPONENT_REG_EXP = /\{U[^}]*}/g;
@@ -192,5 +203,3 @@ export const DYNAMIC_COLOR_PATTERN = "{color}";
 export const TAILWIND_COLOR_OPACITY_DELIMITER = "/";
 export const TAILWIND_VARIANT_DELIMITER = ":";
 export const TAILWIND_VARIANT_DELIMITER_REG_EXP = /:(?![^[]*])/;
-export const CACHE_PATH = "node_modules/.cache/vueless";
-export const VUELESS_CONFIG_FILE_NAME = "vueless.config";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.489",
+  "version": "0.0.491",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/plugin-vite.d.ts

@@ -7,4 +7,5 @@ export function Vueless(options?: {
   mode?: string;
   debug?: boolean;
   include?: string[];
+  mirrorCacheDir?: string;
 }): never;

package/plugin-vite.js

@@ -6,9 +6,9 @@
 import UnpluginVueComponents from "unplugin-vue-components/vite";
 
 import { loadSvg } from "./utils/node/loaderSvg.js";
-import { copyIcons, removeIcons } from "./utils/node/loaderIcon.js";
+import { cacheIcons, removeIconsCache, copyIconsCache } from "./utils/node/loaderIcon.js";
 import { createTailwindSafelist, clearTailwindSafelist } from "./utils/node/tailwindSafelist.js";
-import { getNuxtFiles, getVueSourceFile } from "./utils/node/helper.js";
+import { getNuxtFiles, getVueFiles } from "./utils/node/helper.js";
 import { componentResolver, directiveResolver } from "./utils/node/vuelessResolver.js";
 
 /* Automatically importing Vueless components on demand */
@@ -25,21 +25,22 @@ export const VuelessUnpluginComponents = (options) =>
   – Loads SVG images as a Vue components.
  */
 export const Vueless = function (options = {}) {
-  const { mode, debug, env, include } = options;
+  const { mode, debug, env, include, mirrorCacheDir } = options;
 
   const isVuelessEnv = env === "vueless";
   const isNuxt = mode === "nuxt-module";
-  const srcDir = isNuxt ? process.cwd() : getVueSourceFile();
 
-  const targetFiles = [srcDir, ...(include || []), ...(isNuxt ? getNuxtFiles() : [])];
+  const targetFiles = [...(include || []), ...(isNuxt ? getNuxtFiles() : getVueFiles())];
 
   /* if server stopped by developer (Ctrl+C) */
   process.on("SIGINT", async () => {
-    /* remove dynamically copied icons */
-    await removeIcons({ debug, isNuxt });
+    /* remove cached icons */
+    await removeIconsCache(mirrorCacheDir, debug);
 
     /* clear tailwind safelist */
     clearTailwindSafelist(debug);
+
+    /* stop command line process */
     process.exit(0);
   });
 
@@ -57,28 +58,36 @@ export const Vueless = function (options = {}) {
     }),
 
     configResolved: async (config) => {
-      /* collect used in project colors for tailwind safelist */
       if (!isNuxt) {
+        /* collect used in project colors for tailwind safelist */
         await createTailwindSafelist({ mode, env, debug, targetFiles });
       }
 
       if (config.command === "build") {
-        await removeIcons({ debug, isNuxt });
+        /* remove cached icons */
+        await removeIconsCache(mirrorCacheDir, debug);
+
+        /* cache vueless built-in and project icons */
+        await cacheIcons({ mode: "vuelessIcons", env, debug, targetFiles });
+        await cacheIcons({ mode, env, debug, targetFiles });
 
-        /* dynamically copy used icons before build */
-        await copyIcons({ mode: "vuelessIcons", env, debug, targetFiles });
-        await copyIcons({ mode, env, debug, targetFiles, isNuxt });
+        /* copy vueless cache folder */
+        await copyIconsCache(mirrorCacheDir, debug);
       }
 
       if (config.command === "dev" || config.command === "serve") {
-        /* remove dynamically copied icons on dev server start */
-        await removeIcons({ debug, isNuxt });
+        /* remove cached icons */
+        await removeIconsCache(mirrorCacheDir, debug);
+        /* cache vueless built-in icons */
+        await cacheIcons({ mode: "vuelessIcons", env, debug, targetFiles });
+        /* copy vueless cache folder */
+        await copyIconsCache(mirrorCacheDir, debug);
       }
     },
 
-    /* remove dynamically copied icons after build */
     buildEnd: async () => {
-      await removeIcons({ debug, isNuxt });
+      /* remove cached icons */
+      await removeIconsCache(mirrorCacheDir, debug);
     },
 
     /* load SVG images as a Vue components */

package/ui.form-select/USelect.vue

@@ -209,7 +209,6 @@
             autocomplete="off"
             :spellcheck="false"
             :placeholder="inputPlaceholder"
-            :value="search"
             :disabled="disabled"
             :aria-controls="'listbox-' + elementId"
             v-bind="searchInputAttrs"

package/ui.image-icon/UIcon.vue

@@ -11,15 +11,15 @@
 
 <script setup>
 import { computed, defineAsyncComponent } from "vue";
+import { vTooltip } from "../directives";
 import { getDefault } from "../utils/ui.ts";
 import { isSSR } from "../utils/helper.ts";
+import { VUELESS_ICONS_CACHED_DIR, VUELESS_LIBRARY } from "../constants.js";
 
 import { UIcon } from "./constants.js";
 import defaultConfig from "./config.ts";
 import useAttrs from "./useAttrs.js";
 
-import { vTooltip } from "../directives";
-
 defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
@@ -127,21 +127,12 @@ const emit = defineEmits([
 const { config, iconAttrs } = useAttrs(props);
 
 const generatedIcons = computed(() => {
-  /**
-   * Use nuxt assets folders to include icons in final build.
-   * TODO: Find another way to include icons in build
-   */
-  if (isSSR) {
-    return (
-      Object.entries(
-        import.meta.glob(`/assets/.vueless/icons/**/*.svg`, { eager: true, query: "?component" }),
-      ) || []
-    );
-  }
-
   return (
     Object.entries(
-      import.meta.glob(`../assets/icons/**/*.svg`, { eager: true, query: "?component" }),
+      import.meta.glob(`/node_modules/.cache/vueless/assets/icons/**/*.svg`, {
+        eager: true,
+        query: "?component",
+      }),
     ) || []
   );
 });
@@ -149,10 +140,12 @@ const generatedIcons = computed(() => {
 const dynamicComponent = computed(() => {
   const FILL_SUFFIX = "-fill";
 
-  const isDefaultIcon = Boolean(generatedIcons.value.find(([path]) => path.includes(props.name)));
-  const userLibrary = config.value.defaults.library;
+  const isInternalIcon = Boolean(
+    generatedIcons.value.find(([path]) => path.includes(VUELESS_LIBRARY + "/" + props.name)),
+  );
 
-  const library = props.internal && isDefaultIcon ? "vueless" : userLibrary;
+  const userLibrary = config.value.defaults.library;
+  const library = props.internal && isInternalIcon ? VUELESS_LIBRARY : userLibrary;
   const weight = config.value.defaults.weight;
   const style = config.value.defaults.style;
   const isFill = props.name.endsWith(FILL_SUFFIX);
@@ -185,8 +178,8 @@ const dynamicComponent = computed(() => {
       return import.meta.env.PROD
         ? await getIcon([name])
         : isSSR
-          ? import(/* @vite-ignore */ `node_modules/vueless/assets/icons/${name}.svg?component`)
-          : import(/* @vite-ignore */ `../assets/icons/${name}.svg?component`);
+          ? import(/* @vite-ignore */ `${VUELESS_ICONS_CACHED_DIR}/${VUELESS_LIBRARY}/${name}.svg?component`)
+          : import(/* @vite-ignore */ `/${VUELESS_ICONS_CACHED_DIR}/${VUELESS_LIBRARY}/${name}.svg?component`);
     },
     "@material-symbols": async () => {
       return import.meta.env.PROD

package/ui.loader/ULoader.vue

@@ -50,43 +50,41 @@ const { loaderAttrs, ellipseAttrs, config } = useAttrs(props);
 </script>
 
 <style scoped lang="postcss">
-.vueless-loader-ellipse {
-  &:nth-child(1) {
-    animation: ellipse-1 0.6s infinite;
-  }
+.vueless-loader-ellipse:nth-child(1) {
+  animation: ellipse-1 0.6s infinite;
+}
 
-  &:nth-child(4) {
-    animation: ellipse-3 0.6s infinite;
-  }
+.vueless-loader-ellipse:nth-child(4) {
+  animation: ellipse-3 0.6s infinite;
+}
 
-  &-sm {
-    &:nth-child(2) {
-      animation: ellipse-2-sm 0.6s infinite;
-    }
+.vueless-loader-ellipse-sm {
+  &:nth-child(2) {
+    animation: ellipse-2-sm 0.6s infinite;
+  }
 
-    &:nth-child(3) {
-      animation: ellipse-2-sm 0.6s infinite;
-    }
+  &:nth-child(3) {
+    animation: ellipse-2-sm 0.6s infinite;
   }
+}
 
-  &-md {
-    &:nth-child(2) {
-      animation: ellipse-2-md 0.6s infinite;
-    }
+.vueless-loader-ellipse-md {
+  &:nth-child(2) {
+    animation: ellipse-2-md 0.6s infinite;
+  }
 
-    &:nth-child(3) {
-      animation: ellipse-2-md 0.6s infinite;
-    }
+  &:nth-child(3) {
+    animation: ellipse-2-md 0.6s infinite;
   }
+}
 
-  &-lg {
-    &:nth-child(2) {
-      animation: ellipse-2-lg 0.6s infinite;
-    }
+.vueless-loader-ellipse-lg {
+  &:nth-child(2) {
+    animation: ellipse-2-lg 0.6s infinite;
+  }
 
-    &:nth-child(3) {
-      animation: ellipse-2-lg 0.6s infinite;
-    }
+  &:nth-child(3) {
+    animation: ellipse-2-lg 0.6s infinite;
   }
 }
 

package/utils/node/helper.js

@@ -5,15 +5,27 @@ import { readdir } from "node:fs/promises";
 export async function getDirFiles(dirPath, ext, { recursive = true, exclude = [] } = {}) {
   let fileNames = [];
 
+  const ERROR_CODE = {
+    dirIsFile: "ENOTDIR",
+    noEntry: "ENOENT",
+  };
+
   try {
     fileNames = await readdir(dirPath, { recursive });
   } catch (error) {
-    if (error.code === "ENOTDIR") {
-      fileNames = [dirPath.split(path.sep).at(-1)];
-      dirPath = dirPath.split(path.sep).slice(0, -1).join(path.sep);
-    } else if (error.code === "ENOENT") {
+    if (error.code === ERROR_CODE.dirIsFile) {
+      const pathArray = dirPath.split(path.sep);
+      const fileName = pathArray.pop();
+
+      fileNames = [fileName];
+      dirPath = pathArray.join(path.sep);
+    }
+
+    if (error.code === ERROR_CODE.noEntry) {
       fileNames = [];
-    } else {
+    }
+
+    if (!error.code.includes(Object.values(ERROR_CODE))) {
       // eslint-disable-next-line no-console
       console.error(error);
     }
@@ -52,8 +64,8 @@ export function getNuxtFiles() {
   ];
 }
 
-export function getVueSourceFile() {
-  return path.join(process.cwd(), "src");
+export function getVueFiles() {
+  return [path.join(process.cwd(), "src")];
 }
 
 export function getDefaultConfigJson(fileContents) {
@@ -64,7 +76,7 @@ export function getDefaultConfigJson(fileContents) {
   return (0, eval)("(" + objectString + ")"); // Converting into JS object
 }
 
-export function merge(source, target) {
+export function merge(source = {}, target = {}) {
   for (const [key, val] of Object.entries(source)) {
     if (val !== null && typeof val === `object`) {
       target[key] ??= new val.__proto__.constructor();

package/utils/node/loaderIcon.js

@@ -1,10 +1,7 @@
 /**
  This scrypt find icon names from the UIcon props and objects across the project
  and copy SVG icons from the default icons library (@material-symbols or other from config)
- to the ".../cache" folder.
-
- Those icons will be used only in the build stage.
- The script is needed to avoid all @material-symbols icons set in the project bundle.
+ to the `VUELESS_ICONS_CACHED_DIR` folder.
  */
 
 /* eslint-disable no-console */
@@ -15,89 +12,140 @@ import { rm, cp } from "node:fs/promises";
 
 import { vuelessConfig } from "./vuelessConfig.js";
 import { getDirFiles, getDefaultConfigJson, merge } from "./helper.js";
-import { CACHE_PATH, VUELESS_CONFIG_FILE_NAME } from "../../constants.js";
-
-const ICONS_DIR = "assets/icons";
-const NUXT_ASSETS_DIR = path.join(process.cwd(), "assets/.vueless/icons");
-const DEFAULT_ICONS_DIR = path.join(process.cwd(), `src/${ICONS_DIR}`);
-const CACHED_ICONS_DIR = path.join(process.cwd(), `${CACHE_PATH}/${ICONS_DIR}`);
-const ICON_CONFIG_PATH = "ui.image-icon/config.ts";
-const ICON_COMPONENT_NAME = "UIcon";
-const STORYBOOK_STORY_EXTENSIONS = ["/stories.js", "/stories.ts"];
+import {
+  COMPONENTS,
+  VUELESS_DIR,
+  VUELESS_LOCAL_DIR,
+  VUELESS_LIBRARY,
+  VUELESS_ICONS_DIR,
+  VUELESS_ICONS_LOCAL_DIR,
+  VUELESS_ICONS_CACHED_DIR,
+  VUELESS_CONFIG_FILE_NAME,
+  ICONS_DIR,
+} from "../../constants.js";
+
+const cwd = process.cwd();
+
+const DEFAULT_ICONS_DIR = path.join(cwd, VUELESS_ICONS_DIR);
+const DEFAULT_ICONS_LOCAL_DIR = path.join(cwd, VUELESS_ICONS_LOCAL_DIR);
+const CACHED_ICONS_DIR = path.join(cwd, VUELESS_ICONS_CACHED_DIR);
+const U_ICON = "UIcon";
 
 let isDebug = false;
 let isVuelessEnv = false;
-let isDefaultMode = false;
 let isStorybookMode = false;
 let isVuelessIconsMode = false;
-let cachedIconsDir = CACHED_ICONS_DIR;
+let cacheIconsPath = CACHED_ICONS_DIR;
 
-// perform icons copy magick... ✨
-export async function copyIcons({ mode = "", env, debug, targetFiles = [], isNuxt } = {}) {
+/**
+ * Dynamically find icons across the project and cache it.
+ * Icons cache magick happens here... ✨
+ * @param {string} mode
+ * @param {string} env
+ * @param {boolean} debug
+ * @param {Array} targetFiles
+ */
+export async function cacheIcons({ mode, env, debug, targetFiles = [] } = {}) {
   isDebug = debug || false;
   isVuelessEnv = env === "vueless";
-  isDefaultMode = mode === "";
   isStorybookMode = mode === "storybook";
   isVuelessIconsMode = mode === "vuelessIcons";
+  cacheIconsPath = CACHED_ICONS_DIR;
 
-  if (isVuelessIconsMode && isVuelessEnv) cachedIconsDir = DEFAULT_ICONS_DIR;
-  if (isStorybookMode && isVuelessEnv) cachedIconsDir = CACHED_ICONS_DIR;
+  if (isVuelessIconsMode && isVuelessEnv) {
+    cacheIconsPath = DEFAULT_ICONS_LOCAL_DIR;
+  }
 
-  if (isStorybookMode) {
-    const storybookStoriesJs = await getDirFiles("src", STORYBOOK_STORY_EXTENSIONS[0]);
-    const storybookStoriesTs = await getDirFiles("src", STORYBOOK_STORY_EXTENSIONS[1]);
+  const exclude = isStorybookMode ? [] : ["/stories.js", "/stories.ts", ".d.ts"];
 
-    findAndCopyIcons([...storybookStoriesJs.flat(), ...storybookStoriesTs.flat()]);
-  }
+  const vueFiles = targetFiles.map((componentPath) => getDirFiles(componentPath, ".vue"));
+  const jsFiles = targetFiles.map((jsFilePath) => getDirFiles(jsFilePath, ".js", { exclude }));
+  const tsFiles = targetFiles.map((tsFilePath) => getDirFiles(tsFilePath, ".ts", { exclude }));
 
-  if (isVuelessIconsMode || isDefaultMode || isStorybookMode) {
-    const vueFiles = targetFiles.map((componentPath) => getDirFiles(componentPath, ".vue"));
+  const iconFiles = await Promise.all([...vueFiles, ...jsFiles, ...tsFiles]);
 
-    const jsFiles = targetFiles.map((jsFilePath) =>
-      getDirFiles(jsFilePath, ".js", { exclude: [STORYBOOK_STORY_EXTENSIONS[0]] }),
-    );
+  findAndCopyIcons([
+    ...iconFiles.flat(),
+    `${VUELESS_CONFIG_FILE_NAME}.js`,
+    `${VUELESS_CONFIG_FILE_NAME}.ts`,
+  ]);
 
-    const tsFiles = targetFiles.map((tsFilePath) =>
-      getDirFiles(tsFilePath, ".ts", { exclude: [STORYBOOK_STORY_EXTENSIONS[1], ".d.ts"] }),
-    );
+  if (isVuelessIconsMode) {
+    await copyVuelessIconsIntoCache(isVuelessEnv);
+  }
+}
 
-    const iconFiles = await Promise.all([...vueFiles, ...jsFiles, ...tsFiles]);
+/**
+ * Remove cached icons.
+ * @param {string} mirrorCacheDir
+ * @param {boolean} debug
+ * @returns {Promise<void>}
+ */
+export async function removeIconsCache(mirrorCacheDir, debug) {
+  if (fs.existsSync(cacheIconsPath)) {
+    await rm(cacheIconsPath, { recursive: true, force: true });
+  }
+
+  if (mirrorCacheDir) {
+    const mirrorCacheIconsPath = path.join(cwd, mirrorCacheDir, ICONS_DIR);
 
-    findAndCopyIcons([
-      ...iconFiles.flat(),
-      `${VUELESS_CONFIG_FILE_NAME}.js`,
-      `${VUELESS_CONFIG_FILE_NAME}.ts`,
-    ]);
+    if (fs.existsSync(mirrorCacheIconsPath)) {
+      await rm(mirrorCacheIconsPath, { recursive: true, force: true });
+    }
   }
 
-  if (isNuxt) {
-    await cp(CACHED_ICONS_DIR, NUXT_ASSETS_DIR, {
-      recursive: true,
-    });
+  if (debug) {
+    console.log("Icons cache was successfully removed.");
   }
 }
 
-export async function removeIcons({ debug, isNuxt }) {
-  if (!fs.existsSync(cachedIconsDir)) return;
-
-  await rm(cachedIconsDir, { recursive: true, force: true });
+/**
+ * Copy cached icons in the provided folder by path.
+ * @param {string} mirrorCacheDir
+ * @param {boolean} debug
+ * @returns {Promise<void>}
+ */
+export async function copyIconsCache(mirrorCacheDir, debug) {
+  const cachePath = path.join(cwd, VUELESS_ICONS_CACHED_DIR);
 
-  if (isNuxt) {
-    await rm(NUXT_ASSETS_DIR, { recursive: true, force: true });
+  if (mirrorCacheDir && fs.existsSync(cachePath)) {
+    await cp(cachePath, path.join(cwd, mirrorCacheDir, ICONS_DIR), { recursive: true });
   }
 
   if (debug) {
-    console.log("Dynamically copied icons was successfully removed.");
+    console.log(`Vueless cached icons was successfully copied into: ${mirrorCacheDir}.`);
   }
 }
 
+/**
+ * Copy icons which using in vueless components to the cache.
+ * @param {boolean} isVuelessEnv
+ * @returns {Promise<void>}
+ */
+async function copyVuelessIconsIntoCache(isVuelessEnv) {
+  if (isVuelessEnv && fs.existsSync(DEFAULT_ICONS_LOCAL_DIR)) {
+    await cp(DEFAULT_ICONS_LOCAL_DIR, path.join(CACHED_ICONS_DIR, VUELESS_LIBRARY), {
+      recursive: true,
+    });
+  }
+
+  if (!isVuelessEnv && fs.existsSync(DEFAULT_ICONS_DIR)) {
+    await cp(DEFAULT_ICONS_DIR, path.join(CACHED_ICONS_DIR, VUELESS_LIBRARY), {
+      recursive: true,
+    });
+  }
+}
+
+/**
+ * Scan the project for icon names and copy found icons to the cache.
+ * @param {Array} files
+ */
 function findAndCopyIcons(files) {
-  const defaults = getMergedConfig();
-  const safelistIcons = getSafelistIcons();
+  const defaults = getDefaults();
+  const safelistIcons = vuelessConfig.component?.[U_ICON]?.safelistIcons;
 
-  safelistIcons.forEach((iconName) => {
-    copyFile(iconName, false);
-    copyFile(iconName, true);
+  safelistIcons?.forEach((iconName) => {
+    copyIcon(iconName, defaults);
   });
 
   files.forEach((file) => {
@@ -114,7 +162,7 @@ function findAndCopyIcons(files) {
 
         try {
           if (iconName) {
-            copyFile(iconName);
+            copyIcon(iconName, defaults);
           }
         } catch (error) {
           isDebug && console.log(error);
@@ -137,96 +185,125 @@ function findAndCopyIcons(files) {
       try {
         if (!iconName) return;
 
-        if (iconName?.includes("?")) {
+        if (iconName?.includes("?") && iconName?.includes(":")) {
           const [trueName, falseName] = getTernaryValues(iconName);
 
-          copyFile(trueName);
-          copyFile(falseName);
+          copyIcon(trueName, defaults);
+          copyIcon(falseName, defaults);
         } else {
-          copyFile(iconName);
+          copyIcon(iconName, defaults);
         }
       } catch (error) {
         isDebug && console.log(error);
       }
     }
   });
+}
 
-  function getTernaryValues(expression) {
-    const [, values] = expression
-      .replace(/\s/g, "") // newlines and spaces
-      .replace(/\?\./g, "") // conditional chaining `?.`
-      .replace(/['"]/g, "") // single and double quotes
-      .split("?");
+/**
+ * Retrieve values from ternary of strings.
+ * @param {string} expression
+ * @returns {Array} of ternary values
+ */
+function getTernaryValues(expression) {
+  const [, values] = expression
+    .replace(/\s/g, "") // newlines and spaces
+    .replace(/\?\./g, "") // conditional chaining `?.`
+    .replace(/['"]/g, "") // single and double quotes
+    .split("?");
 
-    const [trueValue, falseValue] = values.split(":");
+  const [trueValue, falseValue] = values.split(":");
 
-    return [trueValue, falseValue];
-  }
+  return [trueValue, falseValue];
+}
 
-  function copyFile(name) {
-    name = name.toLowerCase();
-
-    const library = defaults.library;
-    const weight = defaults.weight;
-    const style = defaults.style;
-
-    const require = createRequire(import.meta.url);
-
-    /* eslint-disable vue/max-len, prettier/prettier */
-    const libraries = {
-      vueless: {
-        // @material-symbols icons which used across the components.
-        source: `${process.cwd()}/node_modules/${library}/svg-${weight}/${style}/${name}.svg`,
-        destination: `${cachedIconsDir}/${name}.svg`
-      },
-      "@material-symbols": {
-        source: `${process.cwd()}/node_modules/${library}/svg-${weight}/${style}/${name}.svg`,
-        destination: `${cachedIconsDir}/${library}/svg-${weight}/${style}/${name}.svg`
-      },
-      "bootstrap-icons": {
-        source: `${process.cwd()}/node_modules/${library}/icons/${name}.svg`,
-        destination: `${cachedIconsDir}/${library}/icons/${name}.svg`
-      },
-      heroicons: {
-        source: `${process.cwd()}/node_modules/${library}/24/${name.endsWith("-fill") ? "solid" : "outline"}/${name}.svg`,
-        destination: `${cachedIconsDir}/24/${style}/${name.endsWith("-fill") ? "solid" : "outline"}/${name}.svg`
-      }
-    };
-    /* eslint-enable vue/max-len, prettier/prettier */
+/**
+ * Copy icon from icon package into cache folder.
+ * @param {string} name
+ * @param {object} defaults
+ */
+function copyIcon(name, defaults) {
+  name = name.toLowerCase();
 
-    const { source, destination } =
-      libraries[isVuelessIconsMode && isVuelessEnv ? "vueless" : library];
+  const iconNameRegex = /^[a-z0-9_-]+$/;
 
-    if (fs.existsSync(destination) || !fs.existsSync(source)) return;
+  /* Stop the scrypt if the icon name is irrelevant. */
+  if (!iconNameRegex.test(name)) {
+    return;
+  }
 
-    const destDir = path.dirname(destination);
+  const { source, destination } = getIconLibraryPaths(name, defaults);
 
-    fs.mkdirSync(destDir, { recursive: true });
-    fs.copyFile(require.resolve(source), destination, (error) => {
-      if (isDebug) {
-        error
-          ? console.error(`Error copying icon "${name}":`, error)
-          : console.log(`Icon "${name}" copied successfully!`);
-      }
-    });
+  if (fs.existsSync(destination) || !fs.existsSync(source)) {
+    return;
   }
+
+  const require = createRequire(import.meta.url);
+  const destDir = path.dirname(destination);
+
+  fs.mkdirSync(destDir, {
+    recursive: true,
+  });
+
+  fs.copyFile(require.resolve(source), destination, (error) => {
+    if (isDebug) {
+      error
+        ? console.error(`Error copying icon "${name}":`, error)
+        : console.log(`Icon "${name}" copied successfully!`);
+    }
+  });
 }
 
-function getSafelistIcons() {
-  return vuelessConfig.component
-    ? vuelessConfig.component[ICON_COMPONENT_NAME]?.safelistIcons || []
-    : [];
+/**
+ * Build a path to the icon source in the selected icon library and cache destination path.
+ * @param {string} name
+ * @param {object} defaults
+ * @returns {source: string, destination: string}
+ */
+function getIconLibraryPaths(name, defaults) {
+  const library = isVuelessIconsMode && isVuelessEnv ? VUELESS_LIBRARY : defaults.library;
+  const weight = defaults.weight;
+  const style = defaults.style;
+
+  /* eslint-disable prettier/prettier */
+  const libraries = {
+    [VUELESS_LIBRARY]: {
+      // @material-symbols icons which used across the components.
+      source: `${cwd}/node_modules/${library}/svg-${weight}/${style}/${name}.svg`,
+      destination: `${cacheIconsPath}/${VUELESS_LIBRARY}/${name}.svg`
+    },
+    "@material-symbols": {
+      source: `${cwd}/node_modules/${library}/svg-${weight}/${style}/${name}.svg`,
+      destination: `${cacheIconsPath}/${library}/svg-${weight}/${style}/${name}.svg`
+    },
+    "bootstrap-icons": {
+      source: `${cwd}/node_modules/${library}/icons/${name}.svg`,
+      destination: `${cacheIconsPath}/${library}/icons/${name}.svg`
+    },
+    "heroicons": {
+      source: `${cwd}/node_modules/${library}/24/${name.endsWith("-fill") ? "solid" : "outline"}/${name}.svg`,
+      destination: `${cacheIconsPath}/24/${style}/${name.endsWith("-fill") ? "solid" : "outline"}/${name}.svg`
+    }
+  };
+  /* eslint-enable prettier/prettier */
+
+  return libraries[library];
 }
 
-function getMergedConfig() {
-  const defaultConfigPath = (isVuelessEnv ? "src/" : "node_modules/vueless/") + ICON_CONFIG_PATH;
+/**
+ * Merge global and local defaults config for UIcon.
+ * @returns {Object}
+ */
+function getDefaults() {
+  const defaultIconsDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
+  const defaultConfigPath = path.join(cwd, defaultIconsDir, COMPONENTS[U_ICON], "config.ts");
 
   if (fs.existsSync(defaultConfigPath)) {
     const defaultConfigFile = fs.readFileSync(defaultConfigPath).toString();
 
-    const defaultConfig = getDefaultConfigJson(defaultConfigFile);
-    const globalConfig = vuelessConfig.component && vuelessConfig.component[ICON_COMPONENT_NAME];
-
-    return merge(globalConfig?.defaults || {}, defaultConfig.defaults);
+    return merge(
+      getDefaultConfigJson(defaultConfigFile)?.defaults,
+      vuelessConfig?.component?.[U_ICON]?.defaults,
+    );
   }
 }

package/utils/node/loaderSvg.js

@@ -25,7 +25,7 @@ export async function loadSvg(id, options) {
   svgPath = svgPath.replace("/__skip_vite/", "");
 
   // use default svg loader
-  if (importType === "url" && !svgPath.includes(".generated")) {
+  if (importType === "url") {
     return;
   }
 
@@ -36,11 +36,11 @@ export async function loadSvg(id, options) {
 
   try {
     svg = await fs.promises.readFile(svgPath, "utf-8");
-  } catch {
+  } catch (error) {
     // define an empty svg to prevent a UI crash.
     svg = `<svg xmlns="http://www.w3.org/2000/svg"></svg>`;
     // eslint-disable-next-line no-console
-    console.warn("\n", `${id} couldn't be loaded by vueless vite plugin.`);
+    console.warn(`${svgPath} couldn't be loaded by vueless vite plugin.`, "\n", error);
   }
 
   if (importType === "raw") {

package/utils/node/vuelessConfig.js

@@ -2,7 +2,7 @@ import fs from "node:fs";
 import path from "node:path";
 import esbuild from "esbuild";
 
-import { CACHE_PATH, VUELESS_CONFIG_FILE_NAME } from "../../constants.js";
+import { VUELESS_CACHE_DIR, VUELESS_CONFIG_FILE_NAME } from "../../constants.js";
 
 /**
  * Load Vueless config from the project root.
@@ -13,7 +13,10 @@ export let vuelessConfig = {};
 (async () => {
   const configPathJs = path.join(process.cwd(), `${VUELESS_CONFIG_FILE_NAME}.js`);
   const configPathTs = path.join(process.cwd(), `${VUELESS_CONFIG_FILE_NAME}.ts`);
-  const configOutPath = path.join(process.cwd(), `${CACHE_PATH}/${VUELESS_CONFIG_FILE_NAME}.mjs`);
+  const configOutPath = path.join(
+    process.cwd(),
+    `${VUELESS_CACHE_DIR}/${VUELESS_CONFIG_FILE_NAME}.mjs`,
+  );
 
   if (!fs.existsSync(configPathJs) && !fs.existsSync(configPathTs)) {
     vuelessConfig = {};

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.489",
+  "version": "0.0.491",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/assets/icons/add.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M445.93-445.93H194.02v-68.14h251.91v-252.15h68.14v252.15h252.15v68.14H514.07v251.91h-68.14v-251.91Z"/></svg>

package/assets/icons/apps.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M223.29-154.5q-29.12 0-48.95-19.84-19.84-19.83-19.84-48.95 0-29.12 19.84-48.91 19.83-19.8 48.95-19.8 29.12 0 48.91 19.8 19.8 19.79 19.8 48.91 0 29.12-19.8 48.95-19.79 19.84-48.91 19.84Zm256.8 0q-29.05 0-48.88-19.84-19.84-19.83-19.84-48.95 0-29.12 19.75-48.91 19.74-19.8 48.79-19.8t48.88 19.8q19.84 19.79 19.84 48.91 0 29.12-19.75 48.95-19.74 19.84-48.79 19.84Zm256.62 0q-29.12 0-48.91-19.84-19.8-19.83-19.8-48.95 0-29.12 19.8-48.91 19.79-19.8 48.91-19.8 29.12 0 48.95 19.8 19.84 19.79 19.84 48.91 0 29.12-19.84 48.95-19.83 19.84-48.95 19.84ZM223.29-411.37q-29.12 0-48.95-19.75-19.84-19.74-19.84-48.79t19.84-48.88q19.83-19.84 48.95-19.84 29.12 0 48.91 19.75 19.8 19.74 19.8 48.79t-19.8 48.88q-19.79 19.84-48.91 19.84Zm256.8 0q-29.05 0-48.88-19.75-19.84-19.74-19.84-48.79t19.75-48.88q19.74-19.84 48.79-19.84t48.88 19.75q19.84 19.74 19.84 48.79t-19.75 48.88q-19.74 19.84-48.79 19.84Zm256.62 0q-29.12 0-48.91-19.75-19.8-19.74-19.8-48.79t19.8-48.88q19.79-19.84 48.91-19.84 29.12 0 48.95 19.75 19.84 19.74 19.84 48.79t-19.84 48.88q-19.83 19.84-48.95 19.84ZM223.29-668q-29.12 0-48.95-19.8-19.84-19.79-19.84-48.91 0-29.12 19.84-48.95 19.83-19.84 48.95-19.84 29.12 0 48.91 19.84 19.8 19.83 19.8 48.95 0 29.12-19.8 48.91-19.79 19.8-48.91 19.8Zm256.8 0q-29.05 0-48.88-19.8-19.84-19.79-19.84-48.91 0-29.12 19.75-48.95 19.74-19.84 48.79-19.84t48.88 19.84q19.84 19.83 19.84 48.95 0 29.12-19.75 48.91-19.74 19.8-48.79 19.8Zm256.62 0q-29.12 0-48.91-19.8-19.8-19.79-19.8-48.91 0-29.12 19.8-48.95 19.79-19.84 48.91-19.84 29.12 0 48.95 19.84 19.84 19.83 19.84 48.95 0 29.12-19.84 48.91-19.83 19.8-48.95 19.8Z"/></svg>

package/assets/icons/arrow_back.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m283.8-445.93 244.18 244.17L480-154.02 154.02-480 480-806.22l47.98 47.98L283.8-514.07h522.42v68.14H283.8Z"/></svg>

package/assets/icons/attach_file.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M737.33-324.39q0 105.46-74.69 177.91-74.69 72.46-180.26 72.46-105.58 0-180.35-72.46-74.77-72.45-74.77-177.85v-383.82q0-74.63 53.41-126.35 53.42-51.72 127.75-51.72 74.34 0 127.69 51.72 53.35 51.72 53.35 126.35v363.82q0 43.66-31.56 74.62-31.55 30.97-75.81 30.97-44.26 0-75.61-30.64t-31.35-74.95v-370h66.46v370q0 16.05 11.97 27.59t29.2 11.54q17.24 0 28.74-11.5 11.5-11.51 11.5-27.63v-363.58q.24-47.35-33.38-79.6-33.62-32.25-81.35-32.25-47.74 0-81.14 32.19-33.41 32.19-33.41 79.42v383.82q.24 77.83 55.57 130.96 55.33 53.13 133.62 53.13 77.86 0 133.03-53.16 55.17-53.17 54.93-130.93v-396.93h66.46v396.87Z"/></svg>

package/assets/icons/calendar_month-fill.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480.03-398.57q-17.6 0-29.53-11.9-11.93-11.91-11.93-29.5 0-17.6 11.9-29.53 11.91-11.93 29.5-11.93 17.6 0 29.53 11.9 11.93 11.91 11.93 29.5 0 17.6-11.9 29.53-11.91 11.93-29.5 11.93Zm-160 0q-17.6 0-29.53-11.9-11.93-11.91-11.93-29.5 0-17.6 11.9-29.53 11.91-11.93 29.5-11.93 17.6 0 29.53 11.9 11.93 11.91 11.93 29.5 0 17.6-11.9 29.53-11.91 11.93-29.5 11.93Zm320 0q-17.27 0-29.37-11.9-12.09-11.91-12.09-29.5 0-17.6 12.07-29.53t29.45-11.93q17.39 0 29.37 11.9 11.97 11.91 11.97 29.5 0 17.6-11.9 29.53-11.91 11.93-29.5 11.93Zm-160 160q-17.6 0-29.53-12.07t-11.93-29.45q0-17.39 11.9-29.37 11.91-11.97 29.5-11.97 17.6 0 29.53 11.9 11.93 11.91 11.93 29.5 0 17.27-11.9 29.37-11.91 12.09-29.5 12.09Zm-160 0q-17.6 0-29.53-12.07t-11.93-29.45q0-17.39 11.9-29.37 11.91-11.97 29.5-11.97 17.6 0 29.53 11.9 11.93 11.91 11.93 29.5 0 17.27-11.9 29.37-11.91 12.09-29.5 12.09Zm320 0q-17.27 0-29.37-12.07-12.09-12.07-12.09-29.45 0-17.39 12.07-29.37 12.07-11.97 29.45-11.97 17.39 0 29.37 11.9 11.97 11.91 11.97 29.5 0 17.27-11.9 29.37-11.91 12.09-29.5 12.09ZM182.15-74.02q-27.6 0-47.86-20.27-20.27-20.26-20.27-47.86v-615.7q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34H245v-60h69.07v60h331.86v-60H715v60h62.85q27.7 0 48.03 20.34 20.34 20.33 20.34 48.03v615.7q0 27.6-20.34 47.86-20.33 20.27-48.03 20.27h-595.7Zm0-68.13h595.7V-570h-595.7v427.85Z"/></svg>

package/assets/icons/check.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M378-240.26 148.26-470l48.98-48.98L378-338.22l383.76-383.76L810.74-673 378-240.26Z"/></svg>

package/assets/icons/check_circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m420.52-294.41 285.63-285.63-50.78-50.03-234.85 234.85-117.85-117.85-49.78 50.03 167.63 168.63Zm59.51 220.39q-83.46 0-157.54-31.88-74.07-31.88-129.39-87.2-55.32-55.32-87.2-129.36-31.88-74.04-31.88-157.51 0-84.46 31.88-158.54 31.88-74.07 87.16-128.9 55.28-54.84 129.34-86.82 74.06-31.99 157.55-31.99 84.48 0 158.59 31.97 74.1 31.97 128.91 86.77 54.82 54.8 86.79 128.88 31.98 74.08 31.98 158.6 0 83.5-31.99 157.57-31.98 74.07-86.82 129.36-54.83 55.29-128.87 87.17-74.04 31.88-158.51 31.88Zm-.03-68.13q141.04 0 239.45-98.75 98.4-98.76 98.4-239.1 0-141.04-98.4-239.45-98.41-98.4-239.57-98.4-140.16 0-238.95 98.4-98.78 98.41-98.78 239.57 0 140.16 98.75 238.95 98.76 98.78 239.1 98.78ZM480-480Z"/></svg>

package/assets/icons/chevron_left.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M561-234.26 314.26-481 561-727.74 609.74-679l-198 198 198 198L561-234.26Z"/></svg>

package/assets/icons/chevron_right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m524.26-481-198-198L375-727.74 621.74-481 375-234.26 326.26-283l198-198Z"/></svg>

package/assets/icons/close.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M249-201.26 201.26-249l231-231-231-231L249-758.74l231 231 231-231L758.74-711l-231 231 231 231L711-201.26l-231-231-231 231Z"/></svg>

package/assets/icons/close_small.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m305.02-257.28-47.74-47.74L432.02-480 257.28-653.98l47.74-47.74L480-526.98l173.98-174.74 47.74 47.74L526.98-480l174.74 174.98-47.74 47.74L480-432.02 305.02-257.28Z"/></svg>

package/assets/icons/delete.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M259.09-114.02q-28.45 0-48.41-19.89-19.96-19.89-19.96-48.24v-565.94h-45.07v-68.13h198.28v-34.3h271.9v34.3h198.52v68.13h-45.07v565.94q0 27.6-20.33 47.86-20.34 20.27-48.04 20.27H259.09Zm441.82-634.07H259.09v565.94h441.82v-565.94ZM363.89-266.24h64.07v-399h-64.07v399Zm168.15 0h64.31v-399h-64.31v399ZM259.09-748.09v565.94-565.94Z"/></svg>

package/assets/icons/description.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M319-249.52h322v-62.63H319v62.63Zm0-170h322v-62.63H319v62.63Zm-96.85 345.5q-27.6 0-47.86-20.27-20.27-20.26-20.27-47.86v-675.7q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34h361.48l222.59 222.59v521.48q0 27.6-20.34 47.86-20.33 20.27-48.03 20.27h-515.7Zm326.7-557.83v-186h-326.7v675.7h515.7v-489.7h-189Zm-326.7-186v186-186 675.7-675.7Z"/></svg>

package/assets/icons/drag_indicator.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M347.41-154.5q-30.1 0-51.51-21.43-21.4-21.44-21.4-51.54 0-30.1 21.43-51.31Q317.37-300 347.47-300q30.1 0 51.31 21.25Q420-257.51 420-227.41q0 30.1-21.25 51.51-21.24 21.4-51.34 21.4Zm265.34 0q-30.1 0-51.42-21.43Q540-197.37 540-227.47q0-30.1 21.39-51.31Q582.79-300 612.83-300q30.14 0 51.4 21.25 21.27 21.24 21.27 51.34 0 30.1-21.32 51.51-21.33 21.4-51.43 21.4ZM347.41-407.37q-30.1 0-51.51-21.39-21.4-21.4-21.4-51.44 0-30.23 21.43-51.33 21.44-21.1 51.54-21.1 30.1 0 51.31 21.19Q420-510.26 420-480.14q0 30.12-21.25 51.44-21.24 21.33-51.34 21.33Zm265.34 0q-30.1 0-51.42-21.39Q540-450.16 540-480.2q0-30.23 21.39-51.33 21.4-21.1 51.44-21.1 30.14 0 51.4 21.19 21.27 21.18 21.27 51.3 0 30.12-21.32 51.44-21.33 21.33-51.43 21.33ZM347.41-660q-30.1 0-51.51-21.39-21.4-21.4-21.4-51.44 0-30.14 21.43-51.4 21.44-21.27 51.54-21.27 30.1 0 51.31 21.32Q420-762.85 420-732.75t-21.25 51.42Q377.51-660 347.41-660Zm265.34 0q-30.1 0-51.42-21.39Q540-702.79 540-732.83q0-30.14 21.39-51.4 21.4-21.27 51.44-21.27 30.14 0 51.4 21.32 21.27 21.33 21.27 51.43t-21.32 51.42Q642.85-660 612.75-660Z"/></svg>

package/assets/icons/edit.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M181.91-182.15h44.24l459.81-458.81-43.76-44-460.29 459.05v43.76Zm-67.89 68.13V-253.5l574.52-573.76q8.24-8.48 19.81-13.22 11.56-4.74 24.11-4.74 11.47 0 22.95 4.74 11.48 4.74 21.2 12.98l51.89 51.17q9.24 9.72 13.48 21.32t4.24 23.31q0 11.72-4.74 23.7-4.74 11.98-12.98 20.46L253.74-114.02H114.02ZM775.17-732.7l-41.24-41.47 41.24 41.47ZM664.2-663.2l-22-21.76 43.76 44-21.76-22.24Z"/></svg>

package/assets/icons/edit_note.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M154.02-396.85v-68.13h310.76v68.13H154.02Zm0-170.5v-68.13h478.13v68.13H154.02Zm0-170.5v-68.37h478.13v68.37H154.02Zm365.02 583.83v-128.02L741-503q9.51-9.63 21.13-13.91 11.62-4.29 23.5-4.29 12.48 0 24.21 4.86T831.02-502l37 37q9.44 9.48 13.82 21.12 4.38 11.63 4.38 23.27 0 11.96-4.86 24.06-4.86 12.09-14.25 21.57L647.07-154.02H519.04Zm303.59-266.59-37-37 37 37Zm-240 203h38l120.28-121.23-18-19.02-19-18.03-121.28 120.22v38.06Zm140.28-140.28-19-18 37 37-18-19Z"/></svg>

package/assets/icons/emoji_food_beverage.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M154.02-114.02v-68.13h652.2v68.13h-652.2ZM309.8-258.57q-65.17 0-110.48-44.93-45.3-44.93-45.3-109.85v-432.87h664.07q28.1 0 48.11 20.08 20.02 20.08 20.02 48.05v160q0 28.1-20.02 48.12-20.01 20.01-48.11 20.01h-92.66v136.61q0 64.92-45.47 109.85-45.48 44.93-110.55 44.93H309.8Zm.24-519.28H657.3 222.15h87.89Zm415.39 159.76h92.42v-160h-92.42v160ZM569.15-326.93q34.84 0 61.5-26.52 26.65-26.52 26.65-60.14v-364.26H399.15v37.31l71 58q1 1 9 18v150q0 9.6-7 16.8-7 7.2-18 7.2h-151q-11 0-18-7.2t-7-16.8v-150q0-4 9-18l72-58v-37.31h-137v364.26q0 33.62 26.98 60.14 26.97 26.52 60.91 26.52h259.11ZM355.57-777.85h40-40Z"/></svg>

package/assets/icons/error.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M479.93-274.02q16.46 0 27.4-10.74 10.93-10.75 10.93-27.21t-10.86-27.52q-10.86-11.05-27.33-11.05-16.46 0-27.4 11.03-10.93 11.04-10.93 27.5 0 16.47 10.86 27.23 10.86 10.76 27.33 10.76Zm-31-158.74h68.14v-257.07h-68.14v257.07ZM480.3-74.02q-84.2 0-158.04-31.88-73.84-31.88-129.16-87.2-55.32-55.32-87.2-129.2-31.88-73.88-31.88-158.17 0-84.28 31.88-158.2 31.88-73.91 87.16-128.74 55.28-54.84 129.18-86.82 73.9-31.99 158.21-31.99 84.3 0 158.25 31.97 73.94 31.97 128.75 86.77 54.82 54.8 86.79 128.88 31.98 74.08 31.98 158.33 0 84.24-31.99 158.07-31.98 73.84-86.82 128.95-54.83 55.1-128.87 87.17Q564.5-74.02 480.3-74.02Zm.2-68.13q140.54 0 238.95-98.75 98.4-98.76 98.4-239.6 0-140.54-98.22-238.95-98.21-98.4-239.75-98.4-140.16 0-238.95 98.22-98.78 98.21-98.78 239.75 0 140.16 98.75 238.95 98.76 98.78 239.6 98.78ZM480-480Z"/></svg>

package/assets/icons/expand_more.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-339.5 234.26-585.24 283-633.98l197 198 197-197 48.74 48.74L480-339.5Z"/></svg>

package/assets/icons/first_page.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M235.93-234.26v-491.48h68.14v491.48h-68.14Zm451.07-3L447.26-477 687-716.74 735.74-668l-191 191 191 191L687-237.26Z"/></svg>

package/assets/icons/image.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M182.15-114.02q-27.6 0-47.86-20.27-20.27-20.26-20.27-47.86v-595.7q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34h595.7q27.7 0 48.03 20.34 20.34 20.33 20.34 48.03v595.7q0 27.6-20.34 47.86-20.33 20.27-48.03 20.27h-595.7Zm0-68.13h595.7v-595.7h-595.7v595.7Zm50.74-92.7h495.22L578-476.59l-132 171-93-127-120.11 157.74Zm-50.74 92.7v-595.7 595.7Z"/></svg>

package/assets/icons/keyboard_arrow_down.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-338.26 234.26-584 283-632.74l197 197 197-197L725.74-584 480-338.26Z"/></svg>

package/assets/icons/keyboard_arrow_left.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M561-234.26 314.26-481 561-727.74 609.74-679l-198 198 198 198L561-234.26Z"/></svg>

package/assets/icons/keyboard_arrow_right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m524.26-481-198-198L375-727.74 621.74-481 375-234.26 326.26-283l198-198Z"/></svg>

package/assets/icons/label.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M846.22-480 674.83-237.89q-14.2 19.67-33.86 31.77-19.67 12.1-43.36 12.1H182.15q-28.1 0-48.12-20.01-20.01-20.02-20.01-48.12v-435.7q0-28.2 20.01-48.28 20.02-20.09 48.12-20.09h415.46q23.69 0 43.36 12.34 19.67 12.34 33.86 31.77L846.22-480Zm-85.29 0L608.56-697.85H182.15v435.7h426.46L760.93-480Zm-578.78 0v217.85-435.7V-480Z"/></svg>

package/assets/icons/last_page.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M272-239.26 223.26-288l192-192-192-192L272-720.74 512.74-480 272-239.26Zm383.93 5v-491.48h68.14v491.48h-68.14Z"/></svg>

package/assets/icons/remove.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M194.02-445.93v-68.14h572.2v68.14h-572.2Z"/></svg>

package/assets/icons/search.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M795.76-114.3 531.33-378.5q-29.76 25.26-69.6 39.41-39.84 14.16-85.16 14.16-109.84 0-185.96-76.2Q114.5-477.33 114.5-585t76.2-183.87q76.19-76.2 184.37-76.2 108.17 0 183.86 76.2 75.7 76.2 75.7 184.02 0 43.33-13.64 82.97t-40.92 74.4L845.5-164.04l-49.74 49.74ZM375.65-393.07q79.73 0 135.29-56.24Q566.5-505.55 566.5-585q0-79.45-55.6-135.69-55.59-56.24-135.25-56.24-80.49 0-136.76 56.24-56.26 56.24-56.26 135.69 0 79.45 56.23 135.69 56.23 56.24 136.79 56.24Z"/></svg>

package/assets/icons/star-fill.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m224.15-107.56 67.39-291.29L65.41-594.78l298.52-25.72L480-895.3l116.07 274.8 298.52 25.72-226.13 195.93 67.63 291.29L480-262.3 224.15-107.56Z"/></svg>

package/assets/icons/star.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m326.37-249.79 153.64-91.89 153.64 92.9-41.28-173.94L727.5-540.33l-178.17-15.52L480-720.02l-69.33 163.41-178.17 15.28 135.22 117.38-41.35 174.16ZM224.15-107.56l67.39-291.29L65.41-594.78l298.43-25.67L480-895.3l116.16 274.85 298.43 25.67-226.13 195.93 67.63 291.29L480-262.3 224.15-107.56ZM480-474.52Z"/></svg>

package/assets/icons/title.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M425.93-154.02v-544.07H194.02v-108.13h572.2v108.13H534.3v544.07H425.93Z"/></svg>

package/assets/icons/visibility-fill.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.3-61.83q-45.15 0-76.57-31.6-31.42-31.6-31.42-76.75t31.6-76.57q31.6-31.42 76.75-31.42t76.57 31.6q31.42 31.6 31.42 76.75t-31.6 76.57q-31.6 31.42-76.75 31.42ZM480-194.5q-147.91 0-267.35-84.67Q93.22-363.85 34.5-500q58.72-136.15 178.15-220.83Q332.09-805.5 480-805.5q147.91 0 267.35 84.67Q866.78-636.15 925.5-500q-58.72 136.15-178.15 220.83Q627.91-194.5 480-194.5Z"/></svg>

package/assets/icons/visibility_off-fill.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M813.85-61.85 649.2-223.74q-35 14-79.24 21.62-44.24 7.62-89.96 7.62-147.2 0-267.75-82.46Q91.7-359.41 34.5-500q19.52-51.76 55.38-101.86t86.38-95.81L50.98-822.48l43.91-45.15 759.87 759.87-40.91 45.91ZM480-330q13.28 0 28.45-2.5 15.16-2.5 25.44-7.26L319.28-553.89q-4.52 11.28-6.9 25.56Q310-514.04 310-500q0 72 50 121t120 49Zm283.74 41.91L629.96-422.11q9.52-15.04 14.78-36.18T650-500q0-71-49.5-120.5T480-670q-20.8 0-41.09 4.76-20.28 4.76-36.8 15.04L287.57-765.5q35-16 90.21-28 55.22-12 107.22-12 143.96 0 264.01 82.34Q869.07-640.83 925.5-500q-25.76 64.48-67.12 118.08-41.36 53.59-94.64 93.83ZM578.07-474l-125.5-125.5q25.17-10.28 52.82-5.1 27.65 5.19 48.5 24.56 20.61 20.61 28.53 46 7.93 25.39-4.35 60.04Z"/></svg>

package/assets/icons/warning.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M34.74-116.89 480-886.22l445.26 769.33H34.74Zm113.8-65.74h662.92L480-754.98 148.54-182.63Zm335.64-54.85q12.96 0 21.87-9.08 8.91-9.09 8.91-22.05t-9.09-21.75q-9.08-8.79-22.05-8.79-12.96 0-21.87 8.96-8.91 8.97-8.91 21.93 0 12.96 9.09 21.87 9.08 8.91 22.05 8.91ZM454-348h60v-222.09h-60V-348Zm26-120.8Z"/></svg>