v-uixy 1.0.0

package/templates/composables/usePosition.ts

@@ -0,0 +1,106 @@
+import { ref, computed, watch, onBeforeUnmount, nextTick, type Ref } from "vue";
+
+type Direction = "top" | "bottom";
+
+interface UsePositionOptions {
+  direction?: Direction;
+}
+
+function hasFixedParent(el: HTMLElement | null): boolean {
+  while (el) {
+    const style = window.getComputedStyle(el);
+    if (style.position === "fixed" || style.position === "sticky") return true;
+    el = el.parentElement;
+  }
+  return false;
+}
+
+export function usePosition({ direction = "bottom" }: UsePositionOptions) {
+  const refElement = ref<HTMLElement>();
+
+  const active = ref(false);
+  const target = ref<HTMLElement | null>(null);
+
+  const baseStyles = computed(() => ({
+    position: hasFixedParent(target.value) ? "fixed" : "absolute",
+    width: "max-content",
+    zIndex: 20,
+  }));
+
+  const styles = ref<Record<string, string | number>>({
+    ...baseStyles.value,
+  });
+
+  const updatePosition = async () => {
+    if (!active.value || !target.value || !refElement.value) return;
+
+    await nextTick();
+
+    const tooltipRect = refElement.value.getBoundingClientRect();
+    const targetRect = target.value.getBoundingClientRect();
+    const winW = window.innerWidth;
+
+    let top: number;
+    const scrollY = hasFixedParent(target.value) ? 0 : window.scrollY;
+
+    top =
+      direction === "top"
+        ? targetRect.top - tooltipRect.height - 6 + scrollY
+        : targetRect.bottom + 6 + scrollY;
+
+    let left = targetRect.left + targetRect.width / 2 - tooltipRect.width / 2;
+    const newStyles: Record<string, string | number> = {
+      ...baseStyles.value,
+      top,
+    };
+
+    if (left < 0) {
+      newStyles.left = 0;
+    } else if (left + tooltipRect.width > winW) {
+      newStyles.right = 0;
+    } else {
+      newStyles.left = left;
+    }
+
+    styles.value = {
+      ...newStyles,
+      left: newStyles.left + "px",
+      right: newStyles.right + "px",
+      top: newStyles.top + "px",
+    };
+  };
+
+  watch(
+    [active, () => direction],
+    ([isActive]) => {
+      if (isActive) {
+        updatePosition();
+        window.addEventListener("resize", updatePosition);
+      } else {
+        window.removeEventListener("resize", updatePosition);
+      }
+    },
+    { flush: "post" }
+  );
+
+  onBeforeUnmount(() => {
+    window.removeEventListener("resize", updatePosition);
+  });
+
+  function handleOpen(e: MouseEvent) {
+    target.value = e.currentTarget as HTMLElement;
+    active.value = !active.value;
+  }
+
+  function handleLeave() {
+    active.value = false;
+  }
+
+  return {
+    active,
+    styles,
+    refElement,
+    handleOpen,
+    handleLeave,
+  };
+}

package/templates/nuxt.config.ts

@@ -0,0 +1,13 @@
+import svgLoader from "vite-svg-loader";
+import tailwindcss from "@tailwindcss/vite";
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: "2025-04-24",
+  css: ["./assets/css/main.css"],
+  modules: ["motion-v/nuxt"],
+  devtools: { enabled: true },
+  vite: {
+    plugins: [svgLoader(), tailwindcss()],
+  },
+});

package/templates/scripts/generateIconTypes.script.js

@@ -0,0 +1,48 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const svgDir = path.join(__dirname, "../assets/icons");
+const outputFile = path.join(__dirname, "../types/icons.ts");
+
+function formatKey(name) {
+  return name
+    .replace(/ /g, "-")
+    .split(" ")
+    .map((word) =>
+      word
+        .split("")
+        .map((letter) =>
+          letter === letter.toUpperCase() && /[a-zA-Z]/.test(letter)
+            ? `-${letter.toLowerCase()}`
+            : letter
+        )
+        .join("")
+    )
+    .join("");
+}
+
+try {
+  const files = fs
+    .readdirSync(svgDir)
+    .filter((file) => path.extname(file) === ".svg");
+
+  const exportObject = `const ICONS = {\n  ${files
+    .map((file) => {
+      const rawName = path.basename(file, ".svg");
+      const formattedName = formatKey(rawName);
+      return `'${formattedName}': '${rawName}',`;
+    })
+    .join("\n  ")}\n} as const;\n\nexport { ICONS };`;
+
+  const typeDefinition = `\nexport type IconName = keyof typeof ICONS;\n`;
+
+  fs.writeFileSync(outputFile, `${exportObject}${typeDefinition}\n`);
+
+  console.log("✅ icons.ts generated successfully!");
+} catch (error) {
+  console.error("❌ Error generating icons.ts:", error);
+}

package/templates/tailwind.config.ts

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./components/**/*.{js,vue,ts}",
+    "./layouts/**/*.vue",
+    "./pages/**/*.vue",
+    "./plugins/**/*.{js,ts}",
+    "./app.vue",
+    "./error.vue",
+  ],
+  darkMode: "class",
+};

package/templates/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["./*"],
+      "@/*": ["./*"]
+    }
+  }
+}

package/templates/types/icons.ts

@@ -0,0 +1,492 @@
+const ICONS = {
+  '4g': '4g',
+  '4k-box': '4k-box',
+  '4k': '4k',
+  '5g': '5g',
+  'ab-testing': 'ab-testing',
+  'ac': 'ac',
+  'add-box-multiple': 'add-box-multiple',
+  'add-box': 'add-box',
+  'add-col': 'add-col',
+  'add-grid': 'add-grid',
+  'add-row': 'add-row',
+  'alert': 'alert',
+  'align-center': 'align-center',
+  'align-justify': 'align-justify',
+  'align-left': 'align-left',
+  'align-right': 'align-right',
+  'analytics': 'analytics',
+  'anchor': 'anchor',
+  'android': 'android',
+  'animation': 'animation',
+  'archive': 'archive',
+  'arrow-bar-down': 'arrow-bar-down',
+  'arrow-bar-left': 'arrow-bar-left',
+  'arrow-bar-right': 'arrow-bar-right',
+  'arrow-bar-up': 'arrow-bar-up',
+  'arrow-down-box': 'arrow-down-box',
+  'arrow-down': 'arrow-down',
+  'arrow-left-box': 'arrow-left-box',
+  'arrow-left': 'arrow-left',
+  'arrow-right-box': 'arrow-right-box',
+  'arrow-right': 'arrow-right',
+  'arrow-up-box': 'arrow-up-box',
+  'arrow-up': 'arrow-up',
+  'arrows-horizontal': 'arrows-horizontal',
+  'arrows-vertical': 'arrows-vertical',
+  'art-text': 'art-text',
+  'article-multiple': 'article-multiple',
+  'article': 'article',
+  'aspect-ratio': 'aspect-ratio',
+  'at': 'at',
+  'attachment': 'attachment',
+  'audio-device': 'audio-device',
+  'avatar': 'avatar',
+  'backburger': 'backburger',
+  'battery-1': 'battery-1',
+  'battery-2': 'battery-2',
+  'battery-charging': 'battery-charging',
+  'battery-full': 'battery-full',
+  'battery': 'battery',
+  'bed': 'bed',
+  'bitcoin': 'bitcoin',
+  'bluetooth': 'bluetooth',
+  'book-open': 'book-open',
+  'book': 'book',
+  'bookmark': 'bookmark',
+  'bookmarks': 'bookmarks',
+  'briefcase-account': 'briefcase-account',
+  'briefcase-check': 'briefcase-check',
+  'briefcase-delete': 'briefcase-delete',
+  'briefcase-download': 'briefcase-download',
+  'briefcase-minus': 'briefcase-minus',
+  'briefcase-plus': 'briefcase-plus',
+  'briefcase-search-1': 'briefcase-search-1',
+  'briefcase-search': 'briefcase-search',
+  'briefcase-upload': 'briefcase-upload',
+  'briefcase': 'briefcase',
+  'bug': 'bug',
+  'building-community': 'building-community',
+  'building-skyscraper': 'building-skyscraper',
+  'building': 'building',
+  'buildings': 'buildings',
+  'bulletlist': 'bulletlist',
+  'bullseye-arrow': 'bullseye-arrow',
+  'bullseye': 'bullseye',
+  'bus': 'bus',
+  'cake': 'cake',
+  'calculator': 'calculator',
+  'calendar-alert': 'calendar-alert',
+  'calendar-arrow-left': 'calendar-arrow-left',
+  'calendar-arrow-right': 'calendar-arrow-right',
+  'calendar-check': 'calendar-check',
+  'calendar-export': 'calendar-export',
+  'calendar-grid': 'calendar-grid',
+  'calendar-import': 'calendar-import',
+  'calendar-minus': 'calendar-minus',
+  'calendar-month': 'calendar-month',
+  'calendar-multiple-check': 'calendar-multiple-check',
+  'calendar-multiple': 'calendar-multiple',
+  'calendar-plus': 'calendar-plus',
+  'calendar-range': 'calendar-range',
+  'calendar-remove': 'calendar-remove',
+  'calendar-search': 'calendar-search',
+  'calendar-sort-ascending': 'calendar-sort-ascending',
+  'calendar-sort-descending': 'calendar-sort-descending',
+  'calendar-text': 'calendar-text',
+  'calendar-today': 'calendar-today',
+  'calendar-tomorrow': 'calendar-tomorrow',
+  'calendar-week-begin': 'calendar-week-begin',
+  'calendar-week': 'calendar-week',
+  'calendar-weekend': 'calendar-weekend',
+  'calendar': 'calendar',
+  'camera-add': 'camera-add',
+  'camera-alt': 'camera-alt',
+  'camera-face': 'camera-face',
+  'camera': 'camera',
+  'car': 'car',
+  'card-id': 'card-id',
+  'card-plus': 'card-plus',
+  'card-stack': 'card-stack',
+  'card-text': 'card-text',
+  'card': 'card',
+  'cart': 'cart',
+  'cast': 'cast',
+  'cellular-signal-0': 'cellular-signal-0',
+  'cellular-signal-1': 'cellular-signal-1',
+  'cellular-signal-2': 'cellular-signal-2',
+  'cellular-signal-3': 'cellular-signal-3',
+  'cellular-signal-off': 'cellular-signal-off',
+  'chart-add': 'chart-add',
+  'chart-bar': 'chart-bar',
+  'chart-delete': 'chart-delete',
+  'chart-minus': 'chart-minus',
+  'chart-multiple': 'chart-multiple',
+  'chart': 'chart',
+  'chat': 'chat',
+  'check-double': 'check-double',
+  'check': 'check',
+  'checkbox-on': 'checkbox-on',
+  'checkbox': 'checkbox',
+  'checklist': 'checklist',
+  'chess': 'chess',
+  'chevron-down': 'chevron-down',
+  'chevron-left': 'chevron-left',
+  'chevron-right': 'chevron-right',
+  'chevron-up': 'chevron-up',
+  'chevrons-horizontal': 'chevrons-horizontal',
+  'chevrons-vertical': 'chevrons-vertical',
+  'circle': 'circle',
+  'clipboard': 'clipboard',
+  'clock': 'clock',
+  'close-box': 'close-box',
+  'close': 'close',
+  'cloud-done': 'cloud-done',
+  'cloud-download': 'cloud-download',
+  'cloud-moon': 'cloud-moon',
+  'cloud-sun': 'cloud-sun',
+  'cloud-upload': 'cloud-upload',
+  'cloud': 'cloud',
+  'cocktail': 'cocktail',
+  'code': 'code',
+  'coffee-alt': 'coffee-alt',
+  'coffee': 'coffee',
+  'coin': 'coin',
+  'collapse': 'collapse',
+  'colors-swatch': 'colors-swatch',
+  'command': 'command',
+  'comment': 'comment',
+  'contact-delete': 'contact-delete',
+  'contact-multiple': 'contact-multiple',
+  'contact-plus': 'contact-plus',
+  'contact': 'contact',
+  'copy': 'copy',
+  'corner-down-left': 'corner-down-left',
+  'corner-down-right': 'corner-down-right',
+  'corner-left-down': 'corner-left-down',
+  'corner-left-up': 'corner-left-up',
+  'corner-right-down': 'corner-right-down',
+  'corner-right-up': 'corner-right-up',
+  'corner-up-left': 'corner-up-left',
+  'corner-up-right': 'corner-up-right',
+  'credit-card-delete': 'credit-card-delete',
+  'credit-card-minus': 'credit-card-minus',
+  'credit-card-multiple': 'credit-card-multiple',
+  'credit-card-plus': 'credit-card-plus',
+  'credit-card-settings': 'credit-card-settings',
+  'credit-card-wireless': 'credit-card-wireless',
+  'credit-card': 'credit-card',
+  'crop': 'crop',
+  'cut': 'cut',
+  'dashboard': 'dashboard',
+  'debug-check': 'debug-check',
+  'debug-off': 'debug-off',
+  'debug-pause': 'debug-pause',
+  'debug-play': 'debug-play',
+  'debug-stop': 'debug-stop',
+  'debug': 'debug',
+  'delete': 'delete',
+  'deskphone': 'deskphone',
+  'device-laptop': 'device-laptop',
+  'device-phone': 'device-phone',
+  'device-tablet': 'device-tablet',
+  'device-tv-smart': 'device-tv-smart',
+  'device-tv': 'device-tv',
+  'device-vibrate': 'device-vibrate',
+  'device-watch': 'device-watch',
+  'devices': 'devices',
+  'dice': 'dice',
+  'dollar': 'dollar',
+  'downasaur': 'downasaur',
+  'download': 'download',
+  'draft': 'draft',
+  'drag-and-drop': 'drag-and-drop',
+  'drop-area': 'drop-area',
+  'drop-full': 'drop-full',
+  'drop-half': 'drop-half',
+  'drop': 'drop',
+  'duplicate-alt': 'duplicate-alt',
+  'duplicate': 'duplicate',
+  'edit-box': 'edit-box',
+  'edit': 'edit',
+  'euro': 'euro',
+  'expand': 'expand',
+  'external-link': 'external-link',
+  'eye-closed': 'eye-closed',
+  'eye': 'eye',
+  'file-alt': 'file-alt',
+  'file-delete': 'file-delete',
+  'file-flash': 'file-flash',
+  'file-minus': 'file-minus',
+  'file-multiple': 'file-multiple',
+  'file-off': 'file-off',
+  'file-plus': 'file-plus',
+  'file': 'file',
+  'fill-half': 'fill-half',
+  'fill': 'fill',
+  'flag': 'flag',
+  'flatten': 'flatten',
+  'flip-to-back': 'flip-to-back',
+  'flip-to-front': 'flip-to-front',
+  'float-center': 'float-center',
+  'float-left': 'float-left',
+  'float-right': 'float-right',
+  'folder-minus': 'folder-minus',
+  'folder-plus': 'folder-plus',
+  'folder-x': 'folder-x',
+  'folder': 'folder',
+  'forward': 'forward',
+  'forwardburger': 'forwardburger',
+  'frame-add': 'frame-add',
+  'frame-check': 'frame-check',
+  'frame-delete': 'frame-delete',
+  'frame-minus': 'frame-minus',
+  'frame': 'frame',
+  'gamepad': 'gamepad',
+  'gif': 'gif',
+  'gift': 'gift',
+  'git-branch': 'git-branch',
+  'git-commit': 'git-commit',
+  'git-merge': 'git-merge',
+  'git-pull-request': 'git-pull-request',
+  'github-2': 'github-2',
+  'github': 'github',
+  'gps': 'gps',
+  'grid': 'grid',
+  'group': 'group',
+  'hd': 'hd',
+  'headphone': 'headphone',
+  'headset': 'headset',
+  'heart': 'heart',
+  'hidden': 'hidden',
+  'home': 'home',
+  'hourglass': 'hourglass',
+  'hq': 'hq',
+  'human-handsdown': 'human-handsdown',
+  'human-handsup': 'human-handsup',
+  'human-height-alt': 'human-height-alt',
+  'human-height': 'human-height',
+  'human-run': 'human-run',
+  'human': 'human',
+  'image-arrow-right': 'image-arrow-right',
+  'image-broken': 'image-broken',
+  'image-delete': 'image-delete',
+  'image-flash': 'image-flash',
+  'image-frame': 'image-frame',
+  'image-gallery': 'image-gallery',
+  'image-multiple': 'image-multiple',
+  'image-new': 'image-new',
+  'image-plus': 'image-plus',
+  'image': 'image',
+  'inbox-all': 'inbox-all',
+  'inbox-full': 'inbox-full',
+  'inbox': 'inbox',
+  'info-box': 'info-box',
+  'invert': 'invert',
+  'iso': 'iso',
+  'kanban': 'kanban',
+  'keyboard': 'keyboard',
+  'label-alt-multiple': 'label-alt-multiple',
+  'label-alt': 'label-alt',
+  'label-sharp': 'label-sharp',
+  'label': 'label',
+  'layout-align-bottom': 'layout-align-bottom',
+  'layout-align-left': 'layout-align-left',
+  'layout-align-right': 'layout-align-right',
+  'layout-align-top': 'layout-align-top',
+  'layout-columns': 'layout-columns',
+  'layout-distribute-horizontal': 'layout-distribute-horizontal',
+  'layout-distribute-vertical': 'layout-distribute-vertical',
+  'layout-footer': 'layout-footer',
+  'layout-header': 'layout-header',
+  'layout-rows': 'layout-rows',
+  'layout-sidebar-left': 'layout-sidebar-left',
+  'layout-sidebar-right': 'layout-sidebar-right',
+  'layout': 'layout',
+  'lightbulb-2': 'lightbulb-2',
+  'lightbulb-on': 'lightbulb-on',
+  'lightbulb': 'lightbulb',
+  'link': 'link',
+  'list-box': 'list-box',
+  'list': 'list',
+  'loader': 'loader',
+  'lock-open': 'lock-open',
+  'lock': 'lock',
+  'login': 'login',
+  'logout': 'logout',
+  'luggage': 'luggage',
+  'mail-arrow-right': 'mail-arrow-right',
+  'mail-check': 'mail-check',
+  'mail-delete': 'mail-delete',
+  'mail-flash': 'mail-flash',
+  'mail-multiple': 'mail-multiple',
+  'mail-off': 'mail-off',
+  'mail-unread': 'mail-unread',
+  'mail': 'mail',
+  'map': 'map',
+  'mastodon': 'mastodon',
+  'membercard': 'membercard',
+  'menu': 'menu',
+  'message-arrow-left': 'message-arrow-left',
+  'message-arrow-right': 'message-arrow-right',
+  'message-bookmark': 'message-bookmark',
+  'message-clock': 'message-clock',
+  'message-delete': 'message-delete',
+  'message-flash': 'message-flash',
+  'message-image': 'message-image',
+  'message-minus': 'message-minus',
+  'message-plus': 'message-plus',
+  'message-processing': 'message-processing',
+  'message-reply': 'message-reply',
+  'message-text': 'message-text',
+  'message': 'message',
+  'minus': 'minus',
+  'missed-call': 'missed-call',
+  'modem': 'modem',
+  'money': 'money',
+  'monitor': 'monitor',
+  'mood-happy': 'mood-happy',
+  'mood-neutral': 'mood-neutral',
+  'mood-sad': 'mood-sad',
+  'moon-star': 'moon-star',
+  'moon-stars': 'moon-stars',
+  'moon': 'moon',
+  'more-horizontal': 'more-horizontal',
+  'more-vertical': 'more-vertical',
+  'mouse': 'mouse',
+  'move': 'move',
+  'movie': 'movie',
+  'music': 'music',
+  'next': 'next',
+  'note-delete': 'note-delete',
+  'note-multiple': 'note-multiple',
+  'note-plus': 'note-plus',
+  'note': 'note',
+  'notes-delete': 'notes-delete',
+  'notes-multiple': 'notes-multiple',
+  'notes-plus': 'notes-plus',
+  'notes': 'notes',
+  'notification-off': 'notification-off',
+  'notification': 'notification',
+  'open': 'open',
+  'paint-bucket': 'paint-bucket',
+  'paperclip': 'paperclip',
+  'pause': 'pause',
+  'percent': 'percent',
+  'picture-in-picture-alt': 'picture-in-picture-alt',
+  'picture-in-picture': 'picture-in-picture',
+  'pin': 'pin',
+  'pixelarticons': 'pixelarticons',
+  'play': 'play',
+  'playlist': 'playlist',
+  'plus': 'plus',
+  'power': 'power',
+  'prev': 'prev',
+  'print': 'print',
+  'radio-handheld': 'radio-handheld',
+  'radio-on': 'radio-on',
+  'radio-signal': 'radio-signal',
+  'radio-tower': 'radio-tower',
+  'reciept-alt': 'reciept-alt',
+  'reciept': 'reciept',
+  'redo': 'redo',
+  'reload': 'reload',
+  'remove-box-multiple': 'remove-box-multiple',
+  'remove-box': 'remove-box',
+  'repeat': 'repeat',
+  'reply-all': 'reply-all',
+  'reply': 'reply',
+  'rounded-corner': 'rounded-corner',
+  'save': 'save',
+  'scale': 'scale',
+  'script-text': 'script-text',
+  'script': 'script',
+  'scroll-horizontal': 'scroll-horizontal',
+  'scroll-vertical': 'scroll-vertical',
+  'sd': 'sd',
+  'search': 'search',
+  'section-copy': 'section-copy',
+  'section-minus': 'section-minus',
+  'section-plus': 'section-plus',
+  'section-x': 'section-x',
+  'section': 'section',
+  'server': 'server',
+  'sharp-corner': 'sharp-corner',
+  'shield-off': 'shield-off',
+  'shield': 'shield',
+  'ship': 'ship',
+  'shopping-bag': 'shopping-bag',
+  'shuffle': 'shuffle',
+  'sliders-2': 'sliders-2',
+  'sliders': 'sliders',
+  'sort-alphabetic': 'sort-alphabetic',
+  'sort-numeric': 'sort-numeric',
+  'sort': 'sort',
+  'speaker': 'speaker',
+  'speed-fast': 'speed-fast',
+  'speed-medium': 'speed-medium',
+  'speed-slow': 'speed-slow',
+  'spotlight': 'spotlight',
+  'store': 'store',
+  'subscriptions': 'subscriptions',
+  'subtitles': 'subtitles',
+  'suitcase': 'suitcase',
+  'sun-alt': 'sun-alt',
+  'sun': 'sun',
+  'switch': 'switch',
+  'sync': 'sync',
+  'tab': 'tab',
+  'table': 'table',
+  'tea': 'tea',
+  'teach': 'teach',
+  'text-add': 'text-add',
+  'text-colums': 'text-colums',
+  'text-search': 'text-search',
+  'text-wrap': 'text-wrap',
+  'timeline': 'timeline',
+  'toggle-left': 'toggle-left',
+  'toggle-right': 'toggle-right',
+  'tournament': 'tournament',
+  'track-changes': 'track-changes',
+  'trash-alt': 'trash-alt',
+  'trash': 'trash',
+  'trending-down': 'trending-down',
+  'trending-up': 'trending-up',
+  'trending': 'trending',
+  'trophy': 'trophy',
+  'truck': 'truck',
+  'undo': 'undo',
+  'ungroup': 'ungroup',
+  'unlink': 'unlink',
+  'upload': 'upload',
+  'user-minus': 'user-minus',
+  'user-plus': 'user-plus',
+  'user-x': 'user-x',
+  'user': 'user',
+  'users': 'users',
+  'video-off': 'video-off',
+  'video': 'video',
+  'view-col': 'view-col',
+  'view-list': 'view-list',
+  'viewport-narrow': 'viewport-narrow',
+  'viewport-wide': 'viewport-wide',
+  'visible': 'visible',
+  'volume-1': 'volume-1',
+  'volume-2': 'volume-2',
+  'volume-3': 'volume-3',
+  'volume-minus': 'volume-minus',
+  'volume-plus': 'volume-plus',
+  'volume-vibrate': 'volume-vibrate',
+  'volume-x': 'volume-x',
+  'volume': 'volume',
+  'wallet': 'wallet',
+  'warning-box': 'warning-box',
+  'wind': 'wind',
+  'zap': 'zap',
+  'zoom-in': 'zoom-in',
+  'zoom-out': 'zoom-out',
+} as const;
+
+export { ICONS };
+export type IconName = keyof typeof ICONS;
+