@ossy/design-system 3.0.3 → 3.0.4

package/src/icons/Icon.jsx

@@ -0,0 +1,906 @@
+'use client'
+import React, { lazy, Suspense, memo } from 'react'
+import Add from './icons2/add.jsx'
+import ArrowLongLeft from './icons2/arrow-long-left.jsx'
+import ArrowLongRight from './icons2/arrow-long-right.jsx'
+import Controller from './icons2/controller.jsx'
+import DarkMode from './icons2/dark-mode.jsx'
+import DetailsMore from './icons2/details-more.jsx'
+import File from './icons2/file.jsx'
+import Folder from './icons2/folder.jsx'
+import FolderAdd from './icons2/folder-add.jsx'
+import Home from './icons2/home.jsx'
+import HomeAlt from './icons2/home-alt.jsx'
+import Mail from './icons2/mail.jsx'
+import MailForward from './icons2/mail-forward.jsx'
+import Moon from './icons2/moon.jsx'
+import MoreVerticalAlt from './icons2/more-vertical-alt.jsx'
+import Options from './icons2/options.jsx'
+import Profile from './icons2/profile.jsx'
+import Select from './icons2/select.jsx'
+import SoftwareUpload from './icons2/software-upload.jsx'
+import Sun from './icons2/sun.jsx'
+import TrashEmpty from './icons2/trash-empty.jsx'
+import UserList from './icons2/user-list.jsx'
+
+const STORAGE_ICONS = {
+  add: Add,
+  'details-more': DetailsMore,
+  file: File,
+  folder: Folder,
+  'folder-add': FolderAdd,
+  'home-alt': HomeAlt,
+  'mail-forward': MailForward,
+  'more-vertical-alt': MoreVerticalAlt,
+  'software-upload': SoftwareUpload,
+  'trash-empty': TrashEmpty,
+}
+
+/** Header + sidebar chrome — visible on first paint without lazy chunks. */
+const SHELL_CHROME_ICONS = {
+  'arrow-long-left': ArrowLongLeft,
+  'arrow-long-right': ArrowLongRight,
+  controller: Controller,
+  'dark-mode': DarkMode,
+  home: Home,
+  mail: Mail,
+  moon: Moon,
+  options: Options,
+  profile: Profile,
+  select: Select,
+  sun: Sun,
+  'user-list': UserList,
+}
+
+const EAGER_ICONS = { ...STORAGE_ICONS, ...SHELL_CHROME_ICONS }
+
+/** Preload lazy icon chunks by name (no-op for eager icons). */
+export function preloadIcons(names) {
+  names.forEach((name) => {
+    if (EAGER_ICONS[name]) return
+    const component = Icons[name]
+    const payload = component?._payload
+    if (payload && typeof payload._init === 'function' && payload._status === -1) {
+      payload._init(payload)
+    }
+  })
+}
+
+export const preloadStorageIcons = () => preloadIcons(Object.keys(STORAGE_ICONS))
+
+export const preloadShellIcons = () => preloadIcons(Object.keys(SHELL_CHROME_ICONS))
+
+export const Icons = {
+    'abstract': lazy(() => import('./icons2/abstract.jsx')), 
+'add-r': lazy(() => import('./icons2/add-r.jsx')), 
+'add': lazy(() => import('./icons2/add.jsx')), 
+'adidas': lazy(() => import('./icons2/adidas.jsx')), 
+'airplane': lazy(() => import('./icons2/airplane.jsx')), 
+'alarm': lazy(() => import('./icons2/alarm.jsx')), 
+'album': lazy(() => import('./icons2/album.jsx')), 
+'align-bottom': lazy(() => import('./icons2/align-bottom.jsx')), 
+'align-center': lazy(() => import('./icons2/align-center.jsx')), 
+'align-left': lazy(() => import('./icons2/align-left.jsx')), 
+'align-middle': lazy(() => import('./icons2/align-middle.jsx')), 
+'align-right': lazy(() => import('./icons2/align-right.jsx')), 
+'align-top': lazy(() => import('./icons2/align-top.jsx')), 
+'anchor': lazy(() => import('./icons2/anchor.jsx')), 
+'apple-watch': lazy(() => import('./icons2/apple-watch.jsx')), 
+'arrange-back': lazy(() => import('./icons2/arrange-back.jsx')), 
+'arrange-front': lazy(() => import('./icons2/arrange-front.jsx')), 
+'arrow-align-h': lazy(() => import('./icons2/arrow-align-h.jsx')), 
+'arrow-align-v': lazy(() => import('./icons2/arrow-align-v.jsx')), 
+'arrow-bottom-left-o': lazy(() => import('./icons2/arrow-bottom-left-o.jsx')), 
+'arrow-bottom-left-r': lazy(() => import('./icons2/arrow-bottom-left-r.jsx')), 
+'arrow-bottom-left': lazy(() => import('./icons2/arrow-bottom-left.jsx')), 
+'arrow-bottom-right-o': lazy(() => import('./icons2/arrow-bottom-right-o.jsx')), 
+'arrow-bottom-right-r': lazy(() => import('./icons2/arrow-bottom-right-r.jsx')), 
+'arrow-bottom-right': lazy(() => import('./icons2/arrow-bottom-right.jsx')), 
+'arrow-down-o': lazy(() => import('./icons2/arrow-down-o.jsx')), 
+'arrow-down-r': lazy(() => import('./icons2/arrow-down-r.jsx')), 
+'arrow-down': lazy(() => import('./icons2/arrow-down.jsx')), 
+'arrow-left-o': lazy(() => import('./icons2/arrow-left-o.jsx')), 
+'arrow-left-r': lazy(() => import('./icons2/arrow-left-r.jsx')), 
+'arrow-left': lazy(() => import('./icons2/arrow-left.jsx')), 
+'arrow-long-down-c': lazy(() => import('./icons2/arrow-long-down-c.jsx')), 
+'arrow-long-down-e': lazy(() => import('./icons2/arrow-long-down-e.jsx')), 
+'arrow-long-down-l': lazy(() => import('./icons2/arrow-long-down-l.jsx')), 
+'arrow-long-down-r': lazy(() => import('./icons2/arrow-long-down-r.jsx')), 
+'arrow-long-down': lazy(() => import('./icons2/arrow-long-down.jsx')), 
+'arrow-long-left-c': lazy(() => import('./icons2/arrow-long-left-c.jsx')), 
+'arrow-long-left-e': lazy(() => import('./icons2/arrow-long-left-e.jsx')), 
+'arrow-long-left-l': lazy(() => import('./icons2/arrow-long-left-l.jsx')), 
+'arrow-long-left-r': lazy(() => import('./icons2/arrow-long-left-r.jsx')), 
+'arrow-long-left': lazy(() => import('./icons2/arrow-long-left.jsx')), 
+'arrow-long-right-c': lazy(() => import('./icons2/arrow-long-right-c.jsx')), 
+'arrow-long-right-e': lazy(() => import('./icons2/arrow-long-right-e.jsx')), 
+'arrow-long-right-l': lazy(() => import('./icons2/arrow-long-right-l.jsx')), 
+'arrow-long-right-r': lazy(() => import('./icons2/arrow-long-right-r.jsx')), 
+'arrow-long-right': lazy(() => import('./icons2/arrow-long-right.jsx')), 
+'arrow-long-up-c': lazy(() => import('./icons2/arrow-long-up-c.jsx')), 
+'arrow-long-up-e': lazy(() => import('./icons2/arrow-long-up-e.jsx')), 
+'arrow-long-up-l': lazy(() => import('./icons2/arrow-long-up-l.jsx')), 
+'arrow-long-up-r': lazy(() => import('./icons2/arrow-long-up-r.jsx')), 
+'arrow-long-up': lazy(() => import('./icons2/arrow-long-up.jsx')), 
+'arrow-right-o': lazy(() => import('./icons2/arrow-right-o.jsx')), 
+'arrow-right-r': lazy(() => import('./icons2/arrow-right-r.jsx')), 
+'arrow-right': lazy(() => import('./icons2/arrow-right.jsx')), 
+'arrow-top-left-o': lazy(() => import('./icons2/arrow-top-left-o.jsx')), 
+'arrow-top-left-r': lazy(() => import('./icons2/arrow-top-left-r.jsx')), 
+'arrow-top-left': lazy(() => import('./icons2/arrow-top-left.jsx')), 
+'arrow-top-right-o': lazy(() => import('./icons2/arrow-top-right-o.jsx')), 
+'arrow-top-right-r': lazy(() => import('./icons2/arrow-top-right-r.jsx')), 
+'arrow-top-right': lazy(() => import('./icons2/arrow-top-right.jsx')), 
+'arrow-up-o': lazy(() => import('./icons2/arrow-up-o.jsx')), 
+'arrow-up-r': lazy(() => import('./icons2/arrow-up-r.jsx')), 
+'arrow-up': lazy(() => import('./icons2/arrow-up.jsx')), 
+'arrows-breake-h': lazy(() => import('./icons2/arrows-breake-h.jsx')), 
+'arrows-breake-v': lazy(() => import('./icons2/arrows-breake-v.jsx')), 
+'arrows-exchange-alt-v': lazy(() => import('./icons2/arrows-exchange-alt-v.jsx')), 
+'arrows-exchange-alt': lazy(() => import('./icons2/arrows-exchange-alt.jsx')), 
+'arrows-exchange-v': lazy(() => import('./icons2/arrows-exchange-v.jsx')), 
+'arrows-exchange': lazy(() => import('./icons2/arrows-exchange.jsx')), 
+'arrows-expand-down-left': lazy(() => import('./icons2/arrows-expand-down-left.jsx')), 
+'arrows-expand-down-right': lazy(() => import('./icons2/arrows-expand-down-right.jsx')), 
+'arrows-expand-left-alt': lazy(() => import('./icons2/arrows-expand-left-alt.jsx')), 
+'arrows-expand-left': lazy(() => import('./icons2/arrows-expand-left.jsx')), 
+'arrows-expand-right-alt': lazy(() => import('./icons2/arrows-expand-right-alt.jsx')), 
+'arrows-expand-right': lazy(() => import('./icons2/arrows-expand-right.jsx')), 
+'arrows-expand-up-left': lazy(() => import('./icons2/arrows-expand-up-left.jsx')), 
+'arrows-expand-up-right': lazy(() => import('./icons2/arrows-expand-up-right.jsx')), 
+'arrows-h-alt': lazy(() => import('./icons2/arrows-h-alt.jsx')), 
+'arrows-h': lazy(() => import('./icons2/arrows-h.jsx')), 
+'arrows-merge-alt-h': lazy(() => import('./icons2/arrows-merge-alt-h.jsx')), 
+'arrows-merge-alt-v': lazy(() => import('./icons2/arrows-merge-alt-v.jsx')), 
+'arrows-scroll-h': lazy(() => import('./icons2/arrows-scroll-h.jsx')), 
+'arrows-scroll-v': lazy(() => import('./icons2/arrows-scroll-v.jsx')), 
+'arrows-shrink-h': lazy(() => import('./icons2/arrows-shrink-h.jsx')), 
+'arrows-shrink-v': lazy(() => import('./icons2/arrows-shrink-v.jsx')), 
+'arrows-v-alt': lazy(() => import('./icons2/arrows-v-alt.jsx')), 
+'arrows-v': lazy(() => import('./icons2/arrows-v.jsx')), 
+'assign': lazy(() => import('./icons2/assign.jsx')), 
+'asterisk': lazy(() => import('./icons2/asterisk.jsx')), 
+'atlasian': lazy(() => import('./icons2/atlasian.jsx')), 
+'attachment': lazy(() => import('./icons2/attachment.jsx')), 
+'attribution': lazy(() => import('./icons2/attribution.jsx')), 
+'awards': lazy(() => import('./icons2/awards.jsx')), 
+'backspace': lazy(() => import('./icons2/backspace.jsx')), 
+'band-aid': lazy(() => import('./icons2/band-aid.jsx')), 
+'battery-empty': lazy(() => import('./icons2/battery-empty.jsx')), 
+'battery-full': lazy(() => import('./icons2/battery-full.jsx')), 
+'battery': lazy(() => import('./icons2/battery.jsx')), 
+'bee': lazy(() => import('./icons2/bee.jsx')), 
+'bell': lazy(() => import('./icons2/bell.jsx')), 
+'bitbucket': lazy(() => import('./icons2/bitbucket.jsx')), 
+'block': lazy(() => import('./icons2/block.jsx')), 
+'bmw': lazy(() => import('./icons2/bmw.jsx')), 
+'board': lazy(() => import('./icons2/board.jsx')), 
+'bolt': lazy(() => import('./icons2/bolt.jsx')), 
+'bookmark': lazy(() => import('./icons2/bookmark.jsx')), 
+'border-all': lazy(() => import('./icons2/border-all.jsx')), 
+'border-bottom': lazy(() => import('./icons2/border-bottom.jsx')), 
+'border-left': lazy(() => import('./icons2/border-left.jsx')), 
+'border-right': lazy(() => import('./icons2/border-right.jsx')), 
+'border-style-dashed': lazy(() => import('./icons2/border-style-dashed.jsx')), 
+'border-style-dotted': lazy(() => import('./icons2/border-style-dotted.jsx')), 
+'border-style-solid': lazy(() => import('./icons2/border-style-solid.jsx')), 
+'border-top': lazy(() => import('./icons2/border-top.jsx')), 
+'bot': lazy(() => import('./icons2/bot.jsx')), 
+'bowl': lazy(() => import('./icons2/bowl.jsx')), 
+'box': lazy(() => import('./icons2/box.jsx')), 
+'boy': lazy(() => import('./icons2/boy.jsx')), 
+'brackets': lazy(() => import('./icons2/brackets.jsx')), 
+'briefcase': lazy(() => import('./icons2/briefcase.jsx')), 
+'browse': lazy(() => import('./icons2/browse.jsx')), 
+'browser': lazy(() => import('./icons2/browser.jsx')), 
+'brush': lazy(() => import('./icons2/brush.jsx')), 
+'bulb': lazy(() => import('./icons2/bulb.jsx')), 
+'c-plus-plus': lazy(() => import('./icons2/c-plus-plus.jsx')), 
+'calculator': lazy(() => import('./icons2/calculator.jsx')), 
+'calendar-dates': lazy(() => import('./icons2/calendar-dates.jsx')), 
+'calendar-due': lazy(() => import('./icons2/calendar-due.jsx')), 
+'calendar-next': lazy(() => import('./icons2/calendar-next.jsx')), 
+'calendar-today': lazy(() => import('./icons2/calendar-today.jsx')), 
+'calendar-two': lazy(() => import('./icons2/calendar-two.jsx')), 
+'calendar': lazy(() => import('./icons2/calendar.jsx')), 
+'calibrate': lazy(() => import('./icons2/calibrate.jsx')), 
+'camera': lazy(() => import('./icons2/camera.jsx')), 
+'cap': lazy(() => import('./icons2/cap.jsx')), 
+'captions': lazy(() => import('./icons2/captions.jsx')), 
+'card-clubs': lazy(() => import('./icons2/card-clubs.jsx')), 
+'card-diamonds': lazy(() => import('./icons2/card-diamonds.jsx')), 
+'card-hearts': lazy(() => import('./icons2/card-hearts.jsx')), 
+'card-spades': lazy(() => import('./icons2/card-spades.jsx')), 
+'carousel': lazy(() => import('./icons2/carousel.jsx')), 
+'cast': lazy(() => import('./icons2/cast.jsx')), 
+'chanel': lazy(() => import('./icons2/chanel.jsx')), 
+'chart': lazy(() => import('./icons2/chart.jsx')), 
+'check-o': lazy(() => import('./icons2/check-o.jsx')), 
+'check-r': lazy(() => import('./icons2/check-r.jsx')), 
+'check': lazy(() => import('./icons2/check.jsx')), 
+'chevron-double-down-o': lazy(() => import('./icons2/chevron-double-down-o.jsx')), 
+'chevron-double-down-r': lazy(() => import('./icons2/chevron-double-down-r.jsx')), 
+'chevron-double-down': lazy(() => import('./icons2/chevron-double-down.jsx')), 
+'chevron-double-left-o': lazy(() => import('./icons2/chevron-double-left-o.jsx')), 
+'chevron-double-left-r': lazy(() => import('./icons2/chevron-double-left-r.jsx')), 
+'chevron-double-left': lazy(() => import('./icons2/chevron-double-left.jsx')), 
+'chevron-double-right-o': lazy(() => import('./icons2/chevron-double-right-o.jsx')), 
+'chevron-double-right-r': lazy(() => import('./icons2/chevron-double-right-r.jsx')), 
+'chevron-double-right': lazy(() => import('./icons2/chevron-double-right.jsx')), 
+'chevron-double-up-o': lazy(() => import('./icons2/chevron-double-up-o.jsx')), 
+'chevron-double-up-r': lazy(() => import('./icons2/chevron-double-up-r.jsx')), 
+'chevron-double-up': lazy(() => import('./icons2/chevron-double-up.jsx')), 
+'chevron-down-o': lazy(() => import('./icons2/chevron-down-o.jsx')), 
+'chevron-down-r': lazy(() => import('./icons2/chevron-down-r.jsx')), 
+'chevron-down': lazy(() => import('./icons2/chevron-down.jsx')), 
+'chevron-left-o': lazy(() => import('./icons2/chevron-left-o.jsx')), 
+'chevron-left-r': lazy(() => import('./icons2/chevron-left-r.jsx')), 
+'chevron-left': lazy(() => import('./icons2/chevron-left.jsx')), 
+'chevron-right-o': lazy(() => import('./icons2/chevron-right-o.jsx')), 
+'chevron-right-r': lazy(() => import('./icons2/chevron-right-r.jsx')), 
+'chevron-right': lazy(() => import('./icons2/chevron-right.jsx')), 
+'chevron-up-o': lazy(() => import('./icons2/chevron-up-o.jsx')), 
+'chevron-up-r': lazy(() => import('./icons2/chevron-up-r.jsx')), 
+'chevron-up': lazy(() => import('./icons2/chevron-up.jsx')), 
+'circleci': lazy(() => import('./icons2/circleci.jsx')), 
+'clapper-board': lazy(() => import('./icons2/clapper-board.jsx')), 
+'clipboard': lazy(() => import('./icons2/clipboard.jsx')), 
+'close-o': lazy(() => import('./icons2/close-o.jsx')), 
+'close-r': lazy(() => import('./icons2/close-r.jsx')), 
+'close': lazy(() => import('./icons2/close.jsx')), 
+'cloud': lazy(() => import('./icons2/cloud.jsx')), 
+'code-climate': lazy(() => import('./icons2/code-climate.jsx')), 
+'code-slash': lazy(() => import('./icons2/code-slash.jsx')), 
+'code': lazy(() => import('./icons2/code.jsx')), 
+'coffee': lazy(() => import('./icons2/coffee.jsx')), 
+'collage': lazy(() => import('./icons2/collage.jsx')), 
+'color-bucket': lazy(() => import('./icons2/color-bucket.jsx')), 
+'color-picker': lazy(() => import('./icons2/color-picker.jsx')), 
+'comedy-central': lazy(() => import('./icons2/comedy-central.jsx')), 
+'comment': lazy(() => import('./icons2/comment.jsx')), 
+'community': lazy(() => import('./icons2/community.jsx')), 
+'components': lazy(() => import('./icons2/components.jsx')), 
+'compress-left': lazy(() => import('./icons2/compress-left.jsx')), 
+'compress-right': lazy(() => import('./icons2/compress-right.jsx')), 
+'compress-v': lazy(() => import('./icons2/compress-v.jsx')), 
+'compress': lazy(() => import('./icons2/compress.jsx')), 
+'controller': lazy(() => import('./icons2/controller.jsx')), 
+'copy': lazy(() => import('./icons2/copy.jsx')), 
+'copyright': lazy(() => import('./icons2/copyright.jsx')), 
+'corner-double-down-left': lazy(() => import('./icons2/corner-double-down-left.jsx')), 
+'corner-double-down-right': lazy(() => import('./icons2/corner-double-down-right.jsx')), 
+'corner-double-left-down': lazy(() => import('./icons2/corner-double-left-down.jsx')), 
+'corner-double-left-up': lazy(() => import('./icons2/corner-double-left-up.jsx')), 
+'corner-double-right-down': lazy(() => import('./icons2/corner-double-right-down.jsx')), 
+'corner-double-right-up': lazy(() => import('./icons2/corner-double-right-up.jsx')), 
+'corner-double-up-left': lazy(() => import('./icons2/corner-double-up-left.jsx')), 
+'corner-double-up-right': lazy(() => import('./icons2/corner-double-up-right.jsx')), 
+'corner-down-left': lazy(() => import('./icons2/corner-down-left.jsx')), 
+'corner-down-right': lazy(() => import('./icons2/corner-down-right.jsx')), 
+'corner-left-down': lazy(() => import('./icons2/corner-left-down.jsx')), 
+'corner-left-up': lazy(() => import('./icons2/corner-left-up.jsx')), 
+'corner-right-down': lazy(() => import('./icons2/corner-right-down.jsx')), 
+'corner-right-up': lazy(() => import('./icons2/corner-right-up.jsx')), 
+'corner-up-left': lazy(() => import('./icons2/corner-up-left.jsx')), 
+'corner-up-right': lazy(() => import('./icons2/corner-up-right.jsx')), 
+'credit-card': lazy(() => import('./icons2/credit-card.jsx')), 
+'crop': lazy(() => import('./icons2/crop.jsx')), 
+'cross': lazy(() => import('./icons2/cross.jsx')), 
+'crowdfire': lazy(() => import('./icons2/crowdfire.jsx')), 
+'crown': lazy(() => import('./icons2/crown.jsx')), 
+'danger': lazy(() => import('./icons2/danger.jsx')), 
+'dark-mode': lazy(() => import('./icons2/dark-mode.jsx')), 
+'data': lazy(() => import('./icons2/data.jsx')), 
+'database': lazy(() => import('./icons2/database.jsx')), 
+'debug': lazy(() => import('./icons2/debug.jsx')), 
+'designmodo': lazy(() => import('./icons2/designmodo.jsx')), 
+'desktop': lazy(() => import('./icons2/desktop.jsx')), 
+'details-less': lazy(() => import('./icons2/details-less.jsx')), 
+'details-more': lazy(() => import('./icons2/details-more.jsx')), 
+'dialpad': lazy(() => import('./icons2/dialpad.jsx')), 
+'dice-1': lazy(() => import('./icons2/dice-1.jsx')), 
+'dice-2': lazy(() => import('./icons2/dice-2.jsx')), 
+'dice-3': lazy(() => import('./icons2/dice-3.jsx')), 
+'dice-4': lazy(() => import('./icons2/dice-4.jsx')), 
+'dice-5': lazy(() => import('./icons2/dice-5.jsx')), 
+'dice-6': lazy(() => import('./icons2/dice-6.jsx')), 
+'digitalocean': lazy(() => import('./icons2/digitalocean.jsx')), 
+'disc': lazy(() => import('./icons2/disc.jsx')), 
+'display-flex': lazy(() => import('./icons2/display-flex.jsx')), 
+'display-fullwidth': lazy(() => import('./icons2/display-fullwidth.jsx')), 
+'display-grid': lazy(() => import('./icons2/display-grid.jsx')), 
+'display-spacing': lazy(() => import('./icons2/display-spacing.jsx')), 
+'distribute-horizontal': lazy(() => import('./icons2/distribute-horizontal.jsx')), 
+'distribute-vertical': lazy(() => import('./icons2/distribute-vertical.jsx')), 
+'dock-bottom': lazy(() => import('./icons2/dock-bottom.jsx')), 
+'dock-left': lazy(() => import('./icons2/dock-left.jsx')), 
+'dock-right': lazy(() => import('./icons2/dock-right.jsx')), 
+'dock-window': lazy(() => import('./icons2/dock-window.jsx')), 
+'dolby': lazy(() => import('./icons2/dolby.jsx')), 
+'dollar': lazy(() => import('./icons2/dollar.jsx')), 
+'dribbble': lazy(() => import('./icons2/dribbble.jsx')), 
+'drive': lazy(() => import('./icons2/drive.jsx')), 
+'drop-invert': lazy(() => import('./icons2/drop-invert.jsx')), 
+'drop-opacity': lazy(() => import('./icons2/drop-opacity.jsx')), 
+'drop': lazy(() => import('./icons2/drop.jsx')), 
+'duplicate': lazy(() => import('./icons2/duplicate.jsx')), 
+'edit-black-point': lazy(() => import('./icons2/edit-black-point.jsx')), 
+'edit-contrast': lazy(() => import('./icons2/edit-contrast.jsx')), 
+'edit-exposure': lazy(() => import('./icons2/edit-exposure.jsx')), 
+'edit-fade': lazy(() => import('./icons2/edit-fade.jsx')), 
+'edit-flip-h': lazy(() => import('./icons2/edit-flip-h.jsx')), 
+'edit-flip-v': lazy(() => import('./icons2/edit-flip-v.jsx')), 
+'edit-highlight': lazy(() => import('./icons2/edit-highlight.jsx')), 
+'edit-markup': lazy(() => import('./icons2/edit-markup.jsx')), 
+'edit-mask': lazy(() => import('./icons2/edit-mask.jsx')), 
+'edit-noise': lazy(() => import('./icons2/edit-noise.jsx')), 
+'edit-shadows': lazy(() => import('./icons2/edit-shadows.jsx')), 
+'edit-straight': lazy(() => import('./icons2/edit-straight.jsx')), 
+'edit-unmask': lazy(() => import('./icons2/edit-unmask.jsx')), 
+'eject': lazy(() => import('./icons2/eject.jsx')), 
+'enter': lazy(() => import('./icons2/enter.jsx')), 
+'erase': lazy(() => import('./icons2/erase.jsx')), 
+'ereader': lazy(() => import('./icons2/ereader.jsx')), 
+'ericsson': lazy(() => import('./icons2/ericsson.jsx')), 
+'ethernet': lazy(() => import('./icons2/ethernet.jsx')), 
+'euro': lazy(() => import('./icons2/euro.jsx')), 
+'eventbrite': lazy(() => import('./icons2/eventbrite.jsx')), 
+'expand': lazy(() => import('./icons2/expand.jsx')), 
+'export': lazy(() => import('./icons2/export.jsx')), 
+'extension-add': lazy(() => import('./icons2/extension-add.jsx')), 
+'extension-alt': lazy(() => import('./icons2/extension-alt.jsx')), 
+'extension-remove': lazy(() => import('./icons2/extension-remove.jsx')), 
+'extension': lazy(() => import('./icons2/extension.jsx')), 
+'external': lazy(() => import('./icons2/external.jsx')), 
+'eye-alt': lazy(() => import('./icons2/eye-alt.jsx')), 
+'eye': lazy(() => import('./icons2/eye.jsx')), 
+'facebook': lazy(() => import('./icons2/facebook.jsx')), 
+'feed': lazy(() => import('./icons2/feed.jsx')), 
+'figma': lazy(() => import('./icons2/figma.jsx')), 
+'file-add': lazy(() => import('./icons2/file-add.jsx')), 
+'file-document': lazy(() => import('./icons2/file-document.jsx')), 
+'file-remove': lazy(() => import('./icons2/file-remove.jsx')), 
+'file': lazy(() => import('./icons2/file.jsx')), 
+'film': lazy(() => import('./icons2/film.jsx')), 
+'filters': lazy(() => import('./icons2/filters.jsx')), 
+'flag-alt': lazy(() => import('./icons2/flag-alt.jsx')), 
+'flag': lazy(() => import('./icons2/flag.jsx')), 
+'folder-add': lazy(() => import('./icons2/folder-add.jsx')), 
+'folder-remove': lazy(() => import('./icons2/folder-remove.jsx')), 
+'folder': lazy(() => import('./icons2/folder.jsx')), 
+'font-height': lazy(() => import('./icons2/font-height.jsx')), 
+'font-spacing': lazy(() => import('./icons2/font-spacing.jsx')), 
+'format-bold': lazy(() => import('./icons2/format-bold.jsx')), 
+'format-center': lazy(() => import('./icons2/format-center.jsx')), 
+'format-color': lazy(() => import('./icons2/format-color.jsx')), 
+'format-heading': lazy(() => import('./icons2/format-heading.jsx')), 
+'format-indent-decrease': lazy(() => import('./icons2/format-indent-decrease.jsx')), 
+'format-indent-increase': lazy(() => import('./icons2/format-indent-increase.jsx')), 
+'format-italic': lazy(() => import('./icons2/format-italic.jsx')), 
+'format-justify': lazy(() => import('./icons2/format-justify.jsx')), 
+'format-left': lazy(() => import('./icons2/format-left.jsx')), 
+'format-line-height': lazy(() => import('./icons2/format-line-height.jsx')), 
+'format-right': lazy(() => import('./icons2/format-right.jsx')), 
+'format-separator': lazy(() => import('./icons2/format-separator.jsx')), 
+'format-slash': lazy(() => import('./icons2/format-slash.jsx')), 
+'format-strike': lazy(() => import('./icons2/format-strike.jsx')), 
+'format-text': lazy(() => import('./icons2/format-text.jsx')), 
+'format-underline': lazy(() => import('./icons2/format-underline.jsx')), 
+'format-uppercase': lazy(() => import('./icons2/format-uppercase.jsx')), 
+'framer': lazy(() => import('./icons2/framer.jsx')), 
+'games': lazy(() => import('./icons2/games.jsx')), 
+'gender-female': lazy(() => import('./icons2/gender-female.jsx')), 
+'gender-male': lazy(() => import('./icons2/gender-male.jsx')), 
+'ghost-character': lazy(() => import('./icons2/ghost-character.jsx')), 
+'ghost': lazy(() => import('./icons2/ghost.jsx')), 
+'gift': lazy(() => import('./icons2/gift.jsx')), 
+'girl': lazy(() => import('./icons2/girl.jsx')), 
+'git-branch': lazy(() => import('./icons2/git-branch.jsx')), 
+'git-commit': lazy(() => import('./icons2/git-commit.jsx')), 
+'git-fork': lazy(() => import('./icons2/git-fork.jsx')), 
+'git-pull': lazy(() => import('./icons2/git-pull.jsx')), 
+'gitter': lazy(() => import('./icons2/gitter.jsx')), 
+'glass-alt': lazy(() => import('./icons2/glass-alt.jsx')), 
+'glass': lazy(() => import('./icons2/glass.jsx')), 
+'globe-alt': lazy(() => import('./icons2/globe-alt.jsx')), 
+'globe': lazy(() => import('./icons2/globe.jsx')), 
+'google-tasks': lazy(() => import('./icons2/google-tasks.jsx')), 
+'google': lazy(() => import('./icons2/google.jsx')), 
+'gym': lazy(() => import('./icons2/gym.jsx')), 
+'hashtag': lazy(() => import('./icons2/hashtag.jsx')), 
+'headset': lazy(() => import('./icons2/headset.jsx')), 
+'heart': lazy(() => import('./icons2/heart.jsx')), 
+'hello': lazy(() => import('./icons2/hello.jsx')), 
+'home-alt': lazy(() => import('./icons2/home-alt.jsx')), 
+'home-screen': lazy(() => import('./icons2/home-screen.jsx')), 
+'home': lazy(() => import('./icons2/home.jsx')), 
+'icecream': lazy(() => import('./icons2/icecream.jsx')), 
+'if-design': lazy(() => import('./icons2/if-design.jsx')), 
+'image': lazy(() => import('./icons2/image.jsx')), 
+'import': lazy(() => import('./icons2/import.jsx')), 
+'inbox': lazy(() => import('./icons2/inbox.jsx')), 
+'indie-hackers': lazy(() => import('./icons2/indie-hackers.jsx')), 
+'infinity': lazy(() => import('./icons2/infinity.jsx')), 
+'info': lazy(() => import('./icons2/info.jsx')), 
+'inpicture': lazy(() => import('./icons2/inpicture.jsx')), 
+'insert-after-o': lazy(() => import('./icons2/insert-after-o.jsx')), 
+'insert-after-r': lazy(() => import('./icons2/insert-after-r.jsx')), 
+'insert-after': lazy(() => import('./icons2/insert-after.jsx')), 
+'insert-before-o': lazy(() => import('./icons2/insert-before-o.jsx')), 
+'insert-before-r': lazy(() => import('./icons2/insert-before-r.jsx')), 
+'insert-before': lazy(() => import('./icons2/insert-before.jsx')), 
+'insights': lazy(() => import('./icons2/insights.jsx')), 
+'instagram': lazy(() => import('./icons2/instagram.jsx')), 
+'internal': lazy(() => import('./icons2/internal.jsx')), 
+'key': lazy(() => import('./icons2/key.jsx')), 
+'keyboard': lazy(() => import('./icons2/keyboard.jsx')), 
+'keyhole': lazy(() => import('./icons2/keyhole.jsx')), 
+'laptop': lazy(() => import('./icons2/laptop.jsx')), 
+'lastpass': lazy(() => import('./icons2/lastpass.jsx')), 
+'layout-grid-small': lazy(() => import('./icons2/layout-grid-small.jsx')), 
+'layout-grid': lazy(() => import('./icons2/layout-grid.jsx')), 
+'layout-list': lazy(() => import('./icons2/layout-list.jsx')), 
+'layout-pin': lazy(() => import('./icons2/layout-pin.jsx')), 
+'linear': lazy(() => import('./icons2/linear.jsx')), 
+'link': lazy(() => import('./icons2/link.jsx')), 
+'list-tree': lazy(() => import('./icons2/list-tree.jsx')), 
+'list': lazy(() => import('./icons2/list.jsx')), 
+'live-photo': lazy(() => import('./icons2/live-photo.jsx')), 
+'loadbar-alt': lazy(() => import('./icons2/loadbar-alt.jsx')), 
+'loadbar-doc': lazy(() => import('./icons2/loadbar-doc.jsx')), 
+'loadbar-sound': lazy(() => import('./icons2/loadbar-sound.jsx')), 
+'loadbar': lazy(() => import('./icons2/loadbar.jsx')), 
+'lock-unlock': lazy(() => import('./icons2/lock-unlock.jsx')), 
+'lock': lazy(() => import('./icons2/lock.jsx')), 
+'log-in': lazy(() => import('./icons2/log-in.jsx')), 
+'log-off': lazy(() => import('./icons2/log-off.jsx')), 
+'log-out': lazy(() => import('./icons2/log-out.jsx')), 
+'loupe': lazy(() => import('./icons2/loupe.jsx')), 
+'magnet': lazy(() => import('./icons2/magnet.jsx')), 
+'mail-forward': lazy(() => import('./icons2/mail-forward.jsx')), 
+'mail-open': lazy(() => import('./icons2/mail-open.jsx')), 
+'mail-reply': lazy(() => import('./icons2/mail-reply.jsx')), 
+'mail': lazy(() => import('./icons2/mail.jsx')), 
+'math-divide': lazy(() => import('./icons2/math-divide.jsx')), 
+'math-equal': lazy(() => import('./icons2/math-equal.jsx')), 
+'math-minus': lazy(() => import('./icons2/math-minus.jsx')), 
+'math-percent': lazy(() => import('./icons2/math-percent.jsx')), 
+'math-plus': lazy(() => import('./icons2/math-plus.jsx')), 
+'maximize-alt': lazy(() => import('./icons2/maximize-alt.jsx')), 
+'maximize': lazy(() => import('./icons2/maximize.jsx')), 
+'maze': lazy(() => import('./icons2/maze.jsx')), 
+'media-live': lazy(() => import('./icons2/media-live.jsx')), 
+'media-podcast': lazy(() => import('./icons2/media-podcast.jsx')), 
+'menu-boxed': lazy(() => import('./icons2/menu-boxed.jsx')), 
+'menu-cake': lazy(() => import('./icons2/menu-cake.jsx')), 
+'menu-cheese': lazy(() => import('./icons2/menu-cheese.jsx')), 
+'menu-grid-o': lazy(() => import('./icons2/menu-grid-o.jsx')), 
+'menu-grid-r': lazy(() => import('./icons2/menu-grid-r.jsx')), 
+'menu-hotdog': lazy(() => import('./icons2/menu-hotdog.jsx')), 
+'menu-left-alt': lazy(() => import('./icons2/menu-left-alt.jsx')), 
+'menu-left': lazy(() => import('./icons2/menu-left.jsx')), 
+'menu-motion': lazy(() => import('./icons2/menu-motion.jsx')), 
+'menu-oreos': lazy(() => import('./icons2/menu-oreos.jsx')), 
+'menu-right-alt': lazy(() => import('./icons2/menu-right-alt.jsx')), 
+'menu-right': lazy(() => import('./icons2/menu-right.jsx')), 
+'menu-round': lazy(() => import('./icons2/menu-round.jsx')), 
+'menu': lazy(() => import('./icons2/menu.jsx')), 
+'merge-horizontal': lazy(() => import('./icons2/merge-horizontal.jsx')), 
+'merge-vertical': lazy(() => import('./icons2/merge-vertical.jsx')), 
+'mic': lazy(() => import('./icons2/mic.jsx')), 
+'microbit': lazy(() => import('./icons2/microbit.jsx')), 
+'microsoft': lazy(() => import('./icons2/microsoft.jsx')), 
+'mini-player': lazy(() => import('./icons2/mini-player.jsx')), 
+'minimize-alt': lazy(() => import('./icons2/minimize-alt.jsx')), 
+'minimize': lazy(() => import('./icons2/minimize.jsx')), 
+'modem': lazy(() => import('./icons2/modem.jsx')), 
+'monday': lazy(() => import('./icons2/monday.jsx')), 
+'moon': lazy(() => import('./icons2/moon.jsx')), 
+'more-alt': lazy(() => import('./icons2/more-alt.jsx')), 
+'more-o': lazy(() => import('./icons2/more-o.jsx')), 
+'more-r': lazy(() => import('./icons2/more-r.jsx')), 
+'more-vertical-alt': lazy(() => import('./icons2/more-vertical-alt.jsx')), 
+'more-vertical-o': lazy(() => import('./icons2/more-vertical-o.jsx')), 
+'more-vertical-r': lazy(() => import('./icons2/more-vertical-r.jsx')), 
+'more-vertical': lazy(() => import('./icons2/more-vertical.jsx')), 
+'more': lazy(() => import('./icons2/more.jsx')), 
+'mouse': lazy(() => import('./icons2/mouse.jsx')), 
+'move-down': lazy(() => import('./icons2/move-down.jsx')), 
+'move-left': lazy(() => import('./icons2/move-left.jsx')), 
+'move-right': lazy(() => import('./icons2/move-right.jsx')), 
+'move-task': lazy(() => import('./icons2/move-task.jsx')), 
+'move-up': lazy(() => import('./icons2/move-up.jsx')), 
+'music-note': lazy(() => import('./icons2/music-note.jsx')), 
+'music-speaker': lazy(() => import('./icons2/music-speaker.jsx')), 
+'music': lazy(() => import('./icons2/music.jsx')), 
+'nametag': lazy(() => import('./icons2/nametag.jsx')), 
+'notes': lazy(() => import('./icons2/notes.jsx')), 
+'notifications': lazy(() => import('./icons2/notifications.jsx')), 
+'npm': lazy(() => import('./icons2/npm.jsx')), 
+'oculus': lazy(() => import('./icons2/oculus.jsx')), 
+'open-collective': lazy(() => import('./icons2/open-collective.jsx')), 
+'options': lazy(() => import('./icons2/options.jsx')), 
+'organisation': lazy(() => import('./icons2/organisation.jsx')), 
+'overflow': lazy(() => import('./icons2/overflow.jsx')), 
+'pacman': lazy(() => import('./icons2/pacman.jsx')), 
+'password': lazy(() => import('./icons2/password.jsx')), 
+'path-back': lazy(() => import('./icons2/path-back.jsx')), 
+'path-crop': lazy(() => import('./icons2/path-crop.jsx')), 
+'path-divide': lazy(() => import('./icons2/path-divide.jsx')), 
+'path-exclude': lazy(() => import('./icons2/path-exclude.jsx')), 
+'path-front': lazy(() => import('./icons2/path-front.jsx')), 
+'path-intersect': lazy(() => import('./icons2/path-intersect.jsx')), 
+'path-outline': lazy(() => import('./icons2/path-outline.jsx')), 
+'path-trim': lazy(() => import('./icons2/path-trim.jsx')), 
+'path-unite': lazy(() => import('./icons2/path-unite.jsx')), 
+'patreon': lazy(() => import('./icons2/patreon.jsx')), 
+'paypal': lazy(() => import('./icons2/paypal.jsx')), 
+'pen': lazy(() => import('./icons2/pen.jsx')), 
+'pentagon-bottom-left': lazy(() => import('./icons2/pentagon-bottom-left.jsx')), 
+'pentagon-bottom-right': lazy(() => import('./icons2/pentagon-bottom-right.jsx')), 
+'pentagon-down': lazy(() => import('./icons2/pentagon-down.jsx')), 
+'pentagon-left': lazy(() => import('./icons2/pentagon-left.jsx')), 
+'pentagon-right': lazy(() => import('./icons2/pentagon-right.jsx')), 
+'pentagon-top-left': lazy(() => import('./icons2/pentagon-top-left.jsx')), 
+'pentagon-top-right': lazy(() => import('./icons2/pentagon-top-right.jsx')), 
+'pentagon-up': lazy(() => import('./icons2/pentagon-up.jsx')), 
+'performance': lazy(() => import('./icons2/performance.jsx')), 
+'pexels': lazy(() => import('./icons2/pexels.jsx')), 
+'phone': lazy(() => import('./icons2/phone.jsx')), 
+'photoscan': lazy(() => import('./icons2/photoscan.jsx')), 
+'piano': lazy(() => import('./icons2/piano.jsx')), 
+'pill': lazy(() => import('./icons2/pill.jsx')), 
+'pin-alt': lazy(() => import('./icons2/pin-alt.jsx')), 
+'pin-bottom': lazy(() => import('./icons2/pin-bottom.jsx')), 
+'pin-top': lazy(() => import('./icons2/pin-top.jsx')), 
+'pin': lazy(() => import('./icons2/pin.jsx')), 
+'play-backwards': lazy(() => import('./icons2/play-backwards.jsx')), 
+'play-button-o': lazy(() => import('./icons2/play-button-o.jsx')), 
+'play-button-r': lazy(() => import('./icons2/play-button-r.jsx')), 
+'play-button': lazy(() => import('./icons2/play-button.jsx')), 
+'play-forwards': lazy(() => import('./icons2/play-forwards.jsx')), 
+'play-list-add': lazy(() => import('./icons2/play-list-add.jsx')), 
+'play-list-check': lazy(() => import('./icons2/play-list-check.jsx')), 
+'play-list-remove': lazy(() => import('./icons2/play-list-remove.jsx')), 
+'play-list-search': lazy(() => import('./icons2/play-list-search.jsx')), 
+'play-list': lazy(() => import('./icons2/play-list.jsx')), 
+'play-pause-o': lazy(() => import('./icons2/play-pause-o.jsx')), 
+'play-pause-r': lazy(() => import('./icons2/play-pause-r.jsx')), 
+'play-pause': lazy(() => import('./icons2/play-pause.jsx')), 
+'play-stop-o': lazy(() => import('./icons2/play-stop-o.jsx')), 
+'play-stop-r': lazy(() => import('./icons2/play-stop-r.jsx')), 
+'play-stop': lazy(() => import('./icons2/play-stop.jsx')), 
+'play-track-next-o': lazy(() => import('./icons2/play-track-next-o.jsx')), 
+'play-track-next-r': lazy(() => import('./icons2/play-track-next-r.jsx')), 
+'play-track-next': lazy(() => import('./icons2/play-track-next.jsx')), 
+'play-track-prev-o': lazy(() => import('./icons2/play-track-prev-o.jsx')), 
+'play-track-prev-r': lazy(() => import('./icons2/play-track-prev-r.jsx')), 
+'play-track-prev': lazy(() => import('./icons2/play-track-prev.jsx')), 
+'plug': lazy(() => import('./icons2/plug.jsx')), 
+'pocket': lazy(() => import('./icons2/pocket.jsx')), 
+'pokemon': lazy(() => import('./icons2/pokemon.jsx')), 
+'polaroid': lazy(() => import('./icons2/polaroid.jsx')), 
+'poll': lazy(() => import('./icons2/poll.jsx')), 
+'presentation': lazy(() => import('./icons2/presentation.jsx')), 
+'printer': lazy(() => import('./icons2/printer.jsx')), 
+'product-hunt': lazy(() => import('./icons2/product-hunt.jsx')), 
+'profile': lazy(() => import('./icons2/profile.jsx')), 
+'pull-clear': lazy(() => import('./icons2/pull-clear.jsx')), 
+'push-chevron-down-o': lazy(() => import('./icons2/push-chevron-down-o.jsx')), 
+'push-chevron-down-r': lazy(() => import('./icons2/push-chevron-down-r.jsx')), 
+'push-chevron-down': lazy(() => import('./icons2/push-chevron-down.jsx')), 
+'push-chevron-left-o': lazy(() => import('./icons2/push-chevron-left-o.jsx')), 
+'push-chevron-left-r': lazy(() => import('./icons2/push-chevron-left-r.jsx')), 
+'push-chevron-left': lazy(() => import('./icons2/push-chevron-left.jsx')), 
+'push-chevron-right-o': lazy(() => import('./icons2/push-chevron-right-o.jsx')), 
+'push-chevron-right-r': lazy(() => import('./icons2/push-chevron-right-r.jsx')), 
+'push-chevron-right': lazy(() => import('./icons2/push-chevron-right.jsx')), 
+'push-chevron-up-o': lazy(() => import('./icons2/push-chevron-up-o.jsx')), 
+'push-chevron-up-r': lazy(() => import('./icons2/push-chevron-up-r.jsx')), 
+'push-chevron-up': lazy(() => import('./icons2/push-chevron-up.jsx')), 
+'push-down': lazy(() => import('./icons2/push-down.jsx')), 
+'push-left': lazy(() => import('./icons2/push-left.jsx')), 
+'push-right': lazy(() => import('./icons2/push-right.jsx')), 
+'push-up': lazy(() => import('./icons2/push-up.jsx')), 
+'qr': lazy(() => import('./icons2/qr.jsx')), 
+'quote-o': lazy(() => import('./icons2/quote-o.jsx')), 
+'quote': lazy(() => import('./icons2/quote.jsx')), 
+'radio-check': lazy(() => import('./icons2/radio-check.jsx')), 
+'radio-checked': lazy(() => import('./icons2/radio-checked.jsx')), 
+'ratio': lazy(() => import('./icons2/ratio.jsx')), 
+'read': lazy(() => import('./icons2/read.jsx')), 
+'readme': lazy(() => import('./icons2/readme.jsx')), 
+'record': lazy(() => import('./icons2/record.jsx')), 
+'redo': lazy(() => import('./icons2/redo.jsx')), 
+'remote': lazy(() => import('./icons2/remote.jsx')), 
+'remove-r': lazy(() => import('./icons2/remove-r.jsx')), 
+'remove': lazy(() => import('./icons2/remove.jsx')), 
+'rename': lazy(() => import('./icons2/rename.jsx')), 
+'reorder': lazy(() => import('./icons2/reorder.jsx')), 
+'repeat': lazy(() => import('./icons2/repeat.jsx')), 
+'ring': lazy(() => import('./icons2/ring.jsx')), 
+'row-first': lazy(() => import('./icons2/row-first.jsx')), 
+'row-last': lazy(() => import('./icons2/row-last.jsx')), 
+'ruler': lazy(() => import('./icons2/ruler.jsx')), 
+'sand-clock': lazy(() => import('./icons2/sand-clock.jsx')), 
+'scan': lazy(() => import('./icons2/scan.jsx')), 
+'screen-mirror': lazy(() => import('./icons2/screen-mirror.jsx')), 
+'screen-shot': lazy(() => import('./icons2/screen-shot.jsx')), 
+'screen-wide': lazy(() => import('./icons2/screen-wide.jsx')), 
+'screen': lazy(() => import('./icons2/screen.jsx')), 
+'scroll-h': lazy(() => import('./icons2/scroll-h.jsx')), 
+'scroll-v': lazy(() => import('./icons2/scroll-v.jsx')), 
+'search-found': lazy(() => import('./icons2/search-found.jsx')), 
+'search-loading': lazy(() => import('./icons2/search-loading.jsx')), 
+'search': lazy(() => import('./icons2/search.jsx')), 
+'select-o': lazy(() => import('./icons2/select-o.jsx')), 
+'select-r': lazy(() => import('./icons2/select-r.jsx')), 
+'select': lazy(() => import('./icons2/select.jsx')), 
+'server': lazy(() => import('./icons2/server.jsx')), 
+'serverless': lazy(() => import('./icons2/serverless.jsx')), 
+'shape-circle': lazy(() => import('./icons2/shape-circle.jsx')), 
+'shape-half-circle': lazy(() => import('./icons2/shape-half-circle.jsx')), 
+'shape-hexagon': lazy(() => import('./icons2/shape-hexagon.jsx')), 
+'shape-rhombus': lazy(() => import('./icons2/shape-rhombus.jsx')), 
+'shape-square': lazy(() => import('./icons2/shape-square.jsx')), 
+'shape-triangle': lazy(() => import('./icons2/shape-triangle.jsx')), 
+'shape-zigzag': lazy(() => import('./icons2/shape-zigzag.jsx')), 
+'share': lazy(() => import('./icons2/share.jsx')), 
+'shield': lazy(() => import('./icons2/shield.jsx')), 
+'shopping-bag': lazy(() => import('./icons2/shopping-bag.jsx')), 
+'shopping-cart': lazy(() => import('./icons2/shopping-cart.jsx')), 
+'shortcut': lazy(() => import('./icons2/shortcut.jsx')), 
+'shutterstock': lazy(() => import('./icons2/shutterstock.jsx')), 
+'sidebar-open': lazy(() => import('./icons2/sidebar-open.jsx')), 
+'sidebar-right': lazy(() => import('./icons2/sidebar-right.jsx')), 
+'sidebar': lazy(() => import('./icons2/sidebar.jsx')), 
+'signal': lazy(() => import('./icons2/signal.jsx')), 
+'size': lazy(() => import('./icons2/size.jsx')), 
+'sketch': lazy(() => import('./icons2/sketch.jsx')), 
+'slack': lazy(() => import('./icons2/slack.jsx')), 
+'sleep': lazy(() => import('./icons2/sleep.jsx')), 
+'smart-home-boiler': lazy(() => import('./icons2/smart-home-boiler.jsx')), 
+'smart-home-cooker': lazy(() => import('./icons2/smart-home-cooker.jsx')), 
+'smart-home-heat': lazy(() => import('./icons2/smart-home-heat.jsx')), 
+'smart-home-light': lazy(() => import('./icons2/smart-home-light.jsx')), 
+'smart-home-refrigerator': lazy(() => import('./icons2/smart-home-refrigerator.jsx')), 
+'smart-home-wash-machine': lazy(() => import('./icons2/smart-home-wash-machine.jsx')), 
+'smartphone-chip': lazy(() => import('./icons2/smartphone-chip.jsx')), 
+'smartphone-ram': lazy(() => import('./icons2/smartphone-ram.jsx')), 
+'smartphone-shake': lazy(() => import('./icons2/smartphone-shake.jsx')), 
+'smartphone': lazy(() => import('./icons2/smartphone.jsx')), 
+'smile-mouth-open': lazy(() => import('./icons2/smile-mouth-open.jsx')), 
+'smile-neutral': lazy(() => import('./icons2/smile-neutral.jsx')), 
+'smile-no-mouth': lazy(() => import('./icons2/smile-no-mouth.jsx')), 
+'smile-none': lazy(() => import('./icons2/smile-none.jsx')), 
+'smile-sad': lazy(() => import('./icons2/smile-sad.jsx')), 
+'smile-upside': lazy(() => import('./icons2/smile-upside.jsx')), 
+'smile': lazy(() => import('./icons2/smile.jsx')), 
+'software-download': lazy(() => import('./icons2/software-download.jsx')), 
+'software-upload': lazy(() => import('./icons2/software-upload.jsx')), 
+'sort-az': lazy(() => import('./icons2/sort-az.jsx')), 
+'sort-za': lazy(() => import('./icons2/sort-za.jsx')), 
+'space-between-v': lazy(() => import('./icons2/space-between-v.jsx')), 
+'space-between': lazy(() => import('./icons2/space-between.jsx')), 
+'spectrum': lazy(() => import('./icons2/spectrum.jsx')), 
+'spinner-alt': lazy(() => import('./icons2/spinner-alt.jsx')), 
+'spinner-two-alt': lazy(() => import('./icons2/spinner-two-alt.jsx')), 
+'spinner-two': lazy(() => import('./icons2/spinner-two.jsx')), 
+'spinner': lazy(() => import('./icons2/spinner.jsx')), 
+'square': lazy(() => import('./icons2/square.jsx')), 
+'stack': lazy(() => import('./icons2/stack.jsx')), 
+'stark': lazy(() => import('./icons2/stark.jsx')), 
+'stopwatch': lazy(() => import('./icons2/stopwatch.jsx')), 
+'stories': lazy(() => import('./icons2/stories.jsx')), 
+'studio': lazy(() => import('./icons2/studio.jsx')), 
+'style': lazy(() => import('./icons2/style.jsx')), 
+'sun': lazy(() => import('./icons2/sun.jsx')), 
+'support': lazy(() => import('./icons2/support.jsx')), 
+'swap-vertical': lazy(() => import('./icons2/swap-vertical.jsx')), 
+'swap': lazy(() => import('./icons2/swap.jsx')), 
+'sweden': lazy(() => import('./icons2/sweden.jsx')), 
+'swiss': lazy(() => import('./icons2/swiss.jsx')), 
+'sync': lazy(() => import('./icons2/sync.jsx')), 
+'tab': lazy(() => import('./icons2/tab.jsx')), 
+'tag': lazy(() => import('./icons2/tag.jsx')), 
+'tally': lazy(() => import('./icons2/tally.jsx')), 
+'tap-double': lazy(() => import('./icons2/tap-double.jsx')), 
+'tap-single': lazy(() => import('./icons2/tap-single.jsx')), 
+'template': lazy(() => import('./icons2/template.jsx')), 
+'tennis': lazy(() => import('./icons2/tennis.jsx')), 
+'terminal': lazy(() => import('./icons2/terminal.jsx')), 
+'terrain': lazy(() => import('./icons2/terrain.jsx')), 
+'thermometer': lazy(() => import('./icons2/thermometer.jsx')), 
+'thermostat': lazy(() => import('./icons2/thermostat.jsx')), 
+'tikcode': lazy(() => import('./icons2/tikcode.jsx')), 
+'time': lazy(() => import('./icons2/time.jsx')), 
+'timelapse': lazy(() => import('./icons2/timelapse.jsx')), 
+'timer': lazy(() => import('./icons2/timer.jsx')), 
+'today': lazy(() => import('./icons2/today.jsx')), 
+'toggle-off': lazy(() => import('./icons2/toggle-off.jsx')), 
+'toggle-on': lazy(() => import('./icons2/toggle-on.jsx')), 
+'toggle-square-off': lazy(() => import('./icons2/toggle-square-off.jsx')), 
+'toggle-square': lazy(() => import('./icons2/toggle-square.jsx')), 
+'toolbar-bottom': lazy(() => import('./icons2/toolbar-bottom.jsx')), 
+'toolbar-left': lazy(() => import('./icons2/toolbar-left.jsx')), 
+'toolbar-right': lazy(() => import('./icons2/toolbar-right.jsx')), 
+'toolbar-top': lazy(() => import('./icons2/toolbar-top.jsx')), 
+'toolbox': lazy(() => import('./icons2/toolbox.jsx')), 
+'touchpad': lazy(() => import('./icons2/touchpad.jsx')), 
+'track': lazy(() => import('./icons2/track.jsx')), 
+'transcript': lazy(() => import('./icons2/transcript.jsx')), 
+'trash-empty': lazy(() => import('./icons2/trash-empty.jsx')), 
+'trash': lazy(() => import('./icons2/trash.jsx')), 
+'tree': lazy(() => import('./icons2/tree.jsx')), 
+'trees': lazy(() => import('./icons2/trees.jsx')), 
+'trello': lazy(() => import('./icons2/trello.jsx')), 
+'trending-down': lazy(() => import('./icons2/trending-down.jsx')), 
+'trending': lazy(() => import('./icons2/trending.jsx')), 
+'trophy': lazy(() => import('./icons2/trophy.jsx')), 
+'tv': lazy(() => import('./icons2/tv.jsx')), 
+'twilio': lazy(() => import('./icons2/twilio.jsx')), 
+'twitter': lazy(() => import('./icons2/twitter.jsx')), 
+'ui-kit': lazy(() => import('./icons2/ui-kit.jsx')), 
+'umbrella': lazy(() => import('./icons2/umbrella.jsx')), 
+'unavailable': lazy(() => import('./icons2/unavailable.jsx')), 
+'unblock': lazy(() => import('./icons2/unblock.jsx')), 
+'undo': lazy(() => import('./icons2/undo.jsx')), 
+'unfold': lazy(() => import('./icons2/unfold.jsx')), 
+'unsplash': lazy(() => import('./icons2/unsplash.jsx')), 
+'usb-c': lazy(() => import('./icons2/usb-c.jsx')), 
+'usb': lazy(() => import('./icons2/usb.jsx')), 
+'user-add': lazy(() => import('./icons2/user-add.jsx')), 
+'user-list': lazy(() => import('./icons2/user-list.jsx')), 
+'user-remove': lazy(() => import('./icons2/user-remove.jsx')), 
+'user': lazy(() => import('./icons2/user.jsx')), 
+'userlane': lazy(() => import('./icons2/userlane.jsx')), 
+'vercel': lazy(() => import('./icons2/vercel.jsx')), 
+'view-cols': lazy(() => import('./icons2/view-cols.jsx')), 
+'view-comfortable': lazy(() => import('./icons2/view-comfortable.jsx')), 
+'view-day': lazy(() => import('./icons2/view-day.jsx')), 
+'view-grid': lazy(() => import('./icons2/view-grid.jsx')), 
+'view-list': lazy(() => import('./icons2/view-list.jsx')), 
+'view-month': lazy(() => import('./icons2/view-month.jsx')), 
+'view-split': lazy(() => import('./icons2/view-split.jsx')), 
+'vinyl': lazy(() => import('./icons2/vinyl.jsx')), 
+'voicemail-o': lazy(() => import('./icons2/voicemail-o.jsx')), 
+'voicemail-r': lazy(() => import('./icons2/voicemail-r.jsx')), 
+'voicemail': lazy(() => import('./icons2/voicemail.jsx')), 
+'volume': lazy(() => import('./icons2/volume.jsx')), 
+'webcam': lazy(() => import('./icons2/webcam.jsx')), 
+'website': lazy(() => import('./icons2/website.jsx')), 
+'windows': lazy(() => import('./icons2/windows.jsx')), 
+'work-alt': lazy(() => import('./icons2/work-alt.jsx')), 
+'yinyang': lazy(() => import('./icons2/yinyang.jsx')), 
+'youtube': lazy(() => import('./icons2/youtube.jsx')), 
+'zoom-in': lazy(() => import('./icons2/zoom-in.jsx')), 
+'zoom-out': lazy(() => import('./icons2/zoom-out.jsx')), 
+
+}
+
+Object.assign(Icons, EAGER_ICONS)
+
+export const Icon = memo(function Icon({
+  icon,
+  name: _name,
+  variant = 'default',
+  size = 's',
+  ...props
+}) {
+    const name = icon || _name
+
+    if (!name) {
+        console.warn('[Icon] No name provided')
+        return <></>
+    }
+
+    const IconComponent = Icons[name]
+
+    if (!IconComponent) {
+        console.warn('[Icon] No icon found with the name of: ', name)
+        return <></>
+    }
+
+    return (
+      <>
+        <style href="@ossy/design-system/icons2/sizes" precedence='high'>
+        {`
+          [data-icon2-slot] {
+            display: inline-flex;
+            flex-shrink: 0;
+            align-items: center;
+            justify-content: center;
+            vertical-align: middle;
+          }
+
+          [data-icon2-slot][data-icon2-size="s"],
+          [data-icon2][data-icon2-size="s"] {
+            width: var(--icon-size-s, 18px);
+            height: var(--icon-size-s, 18px);
+            min-width: var(--icon-size-s, 18px);
+            min-height: var(--icon-size-s, 18px);
+          }
+
+          [data-icon2-slot][data-icon2-size="m"],
+          [data-icon2][data-icon2-size="m"] {
+            width: var(--icon-size-m, 24px);
+            height: var(--icon-size-m, 24px);
+            min-width: var(--icon-size-m, 24px);
+            min-height: var(--icon-size-m, 24px);
+          }
+
+          [data-icon2-slot][data-icon2-size="l"],
+          [data-icon2][data-icon2-size="l"] {
+            width: var(--icon-size-l, 48px);
+            height: var(--icon-size-l, 48px);
+            min-width: var(--icon-size-l, 48px);
+            min-height: var(--icon-size-l, 48px);
+          }
+
+          [data-icon2-slot][data-icon2-size="xl"],
+          [data-icon2][data-icon2-size="xl"] {
+            width: var(--icon-size-xl, 64px);
+            height: var(--icon-size-xl, 64px);
+            min-width: var(--icon-size-xl, 64px);
+            min-height: var(--icon-size-xl, 64px);
+          }
+
+          @keyframes icon2-fade-in {
+            from { opacity: 0; }
+            to { opacity: 1; }
+          }
+
+          [data-icon2][data-icon2-lazy] {
+            opacity: 0;
+            animation: icon2-fade-in 0.2s ease-out forwards;
+          }
+
+          @media (prefers-reduced-motion: reduce) {
+            [data-icon2][data-icon2-lazy] {
+              animation: none;
+              opacity: 1;
+            }
+          }
+        `}
+        </style>
+        <style href={`@ossy/design-system/icons2/variants/${variant}`} precedence='high'>
+        {`
+          [data-icon2-variant=${variant}] {
+            color: var(--on-icon-${variant}, var(--on-icon-default));
+            fill: var(--on-icon-${variant}, var(--on-icon-default));
+            <!-- height: var(--icon-${variant}--size, var(--icon-default--size)); -->
+            <!-- width: var(--icon-${variant}--size, var(--icon-default--size));  -->
+            fontSize: var(--icon-${variant}--size, var(--icon-default--size));
+          }
+
+          [data-icon2-variant=${variant}]:hover: {
+            color: var(--on-icon-${variant}--hover, var(--on-icon-default--hover));
+            fill: var(--on-icon-${variant}--hover, var(--on-icon-default--hover));
+            cursor: var(--icon-${variant}--cursor, var(--on-icon-default--cursor));
+          }
+
+          [data-icon2-variant=${variant}]:focus: {
+            color: var(--on-icon-${variant}--hover, var(--on-icon-default--hover));
+            fill: var(--on-icon-${variant}--hover, var(--on-icon-default--hover));
+          }
+
+          [data-icon2-variant=${variant}]:disabled: {
+            color: var(--on-icon-${variant}--disabled, var(--on-icon-default--disabled));
+            fill: var(--on-icon-${variant}--disabled, var(--on-icon-default--disabled));
+            cursor: not-allowed;
+          }
+
+        `}
+        </style>
+        <span data-icon2-slot data-icon2-size={size} aria-hidden={props['aria-label'] ? undefined : true}>
+          {EAGER_ICONS[name] ? (
+            <IconComponent data-icon2 data-icon2-variant={variant} data-icon2-size={size} {...props} />
+          ) : (
+            <Suspense fallback={null}>
+              <IconComponent data-icon2 data-icon2-lazy data-icon2-variant={variant} data-icon2-size={size} {...props} />
+            </Suspense>
+          )}
+        </span>
+      </>
+    )
+})