@mrmeg/expo-ui 0.28.0 → 0.29.1

package/llms-full.md

@@ -37,7 +37,8 @@ import { Button, colors, UIProvider, useTheme } from "@mrmeg/expo-ui";
 
 Call `useResources()` once near the Expo app root; it resolves `{ loaded, error }`
 and loads the four static Inter weights (web gets a single Google Fonts Inter
-stylesheet). Icons are `lucide-react-native` SVGs, so there is no icon font to load.
+stylesheet). Icons are SVG drawn from glyph data, so there is no icon font to load;
+call `registerIcons(appIcons)` once at module scope in the root layout (see `Icon`).
 
 Mount `UIProvider` once near the root. It owns the package `Notification`,
 `StatusBar`, default `@rn-primitives` portal host, and native keyboard-avoiding
@@ -161,7 +162,7 @@ before creating a new app-local primitive.
 | `DropdownMenu` | Menus and command lists | Requires root `UIProvider` portal host. |
 | `EmptyState` | No-data or recoverable error regions | Props: `icon`, `title`, `description`, `actionLabel`, `onAction`, `actionPreset`. |
 | `ErrorBoundary` | React render error fallback | Use for route or feature boundaries. |
-| `Icon` | Lucide or custom icons with theme tokens | `color` takes a theme color name; pass `decorative` to hide from a11y. |
+| `Icon` | Registered Lucide glyphs or custom art with theme tokens | `name` is a builtin or a name in `client/icons.json` (`bunx expo-ui-icons add <name>`); `color` takes a theme color name; an unlabeled icon is hidden from a11y. |
 | `InputOTP` | Verification code entry | Prefer over manually managed text input groups. |
 | `Item` | List / settings rows | Applies the row density tokens and a 44px native hit area (40px on web). |
 | `ItemGroup` | A titled group of full-width `Item` rows | Props: `title`, `description`, `footer`, `style`, `testID`. Draws inset hairlines between rows; no border, fill, or horizontal padding, so the parent must not pad either. |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrmeg/expo-ui",
-  "version": "0.28.0",
+  "version": "0.29.1",
   "private": false,
   "description": "Reusable Expo and React Native UI primitives for MrMeg projects.",
   "keywords": [
@@ -29,11 +29,15 @@
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "bin": {
+    "expo-ui-icons": "./bin/expo-ui-icons.mjs"
+  },
   "sideEffects": [
     "./src/state/themeStore.ts",
     "./dist/state/themeStore.js"
   ],
   "files": [
+    "bin",
     "dist",
     "package.json",
     "README.md",
@@ -63,10 +67,15 @@
       "types": "./dist/components/bottomSheetHostSupport.d.ts",
       "default": "./dist/components/bottomSheetHostSupport.js"
     },
-    "./components/iconRegistry.generated": {
-      "@mrmeg/source": "./src/components/iconRegistry.generated.ts",
-      "types": "./dist/components/iconRegistry.generated.d.ts",
-      "default": "./dist/components/iconRegistry.generated.js"
+    "./components/iconBuiltins.generated": {
+      "@mrmeg/source": "./src/components/iconBuiltins.generated.ts",
+      "types": "./dist/components/iconBuiltins.generated.d.ts",
+      "default": "./dist/components/iconBuiltins.generated.js"
+    },
+    "./components/iconTypes": {
+      "@mrmeg/source": "./src/components/iconTypes.ts",
+      "types": "./dist/components/iconTypes.d.ts",
+      "default": "./dist/components/iconTypes.js"
     },
     "./components/index": {
       "@mrmeg/source": "./src/components/index.ts",
@@ -153,7 +162,7 @@
   "scripts": {
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "test": "jest --config ../../jest.config.js packages/ui/src --runInBand --watchman=false && bun run check:forbidden-imports",
-    "build": "node ../../scripts/build-icon-registry.mjs && rm -rf dist && tsc -p tsconfig.build.json && node ../../scripts/fix-package-esm.mjs ui && node ../../scripts/build-design-system-manifest.mjs ui && bun run check:forbidden-imports",
+    "build": "node ../../scripts/build-icon-registry.mjs && rm -rf dist && tsc -p tsconfig.build.json && mkdir -p dist/icons && cp src/icons/lucide.json src/icons/LICENSE.lucide dist/icons/ && node ../../scripts/fix-package-esm.mjs ui && node ../../scripts/build-design-system-manifest.mjs ui && bun run check:forbidden-imports",
     "check:forbidden-imports": "node ../../scripts/check-ui-forbidden-imports.mjs",
     "publish:dry-run": "bun pm pack --dry-run"
   },
@@ -184,7 +193,6 @@
     "expo": ">=56.0.0 <59.0.0 || >=58.0.0-0 <59.0.0",
     "expo-font": ">=56.0.0 <59.0.0 || >=58.0.0-0 <59.0.0",
     "expo-haptics": ">=56.0.0 <59.0.0 || >=58.0.0-0 <59.0.0",
-    "lucide-react-native": ">=1.46.0 <2.0.0",
     "react": ">=19.2.0 <20.0.0",
     "react-native": ">=0.85.0 <0.89.0 || >=0.88.0-0 <0.89.0",
     "react-native-gesture-handler": ">=2.30.0 <4.0.0",

package/dist/components/iconRegistry.generated.d.ts

@@ -1,148 +0,0 @@
-export declare const ICONS: {
-    readonly archive: import("lucide-react-native").LucideIcon;
-    readonly "arrow-down": import("lucide-react-native").LucideIcon;
-    readonly "arrow-left": import("lucide-react-native").LucideIcon;
-    readonly "arrow-right": import("lucide-react-native").LucideIcon;
-    readonly "arrow-up": import("lucide-react-native").LucideIcon;
-    readonly award: import("lucide-react-native").LucideIcon;
-    readonly beer: import("lucide-react-native").LucideIcon;
-    readonly bell: import("lucide-react-native").LucideIcon;
-    readonly "bell-off": import("lucide-react-native").LucideIcon;
-    readonly bold: import("lucide-react-native").LucideIcon;
-    readonly bookmark: import("lucide-react-native").LucideIcon;
-    readonly box: import("lucide-react-native").LucideIcon;
-    readonly briefcase: import("lucide-react-native").LucideIcon;
-    readonly calendar: import("lucide-react-native").LucideIcon;
-    readonly "calendar-check": import("lucide-react-native").LucideIcon;
-    readonly camera: import("lucide-react-native").LucideIcon;
-    readonly "camera-off": import("lucide-react-native").LucideIcon;
-    readonly "chart-no-axes-column": import("lucide-react-native").LucideIcon;
-    readonly check: import("lucide-react-native").LucideIcon;
-    readonly "chevron-down": import("lucide-react-native").LucideIcon;
-    readonly "chevron-left": import("lucide-react-native").LucideIcon;
-    readonly "chevron-right": import("lucide-react-native").LucideIcon;
-    readonly "chevron-up": import("lucide-react-native").LucideIcon;
-    readonly "circle-alert": import("lucide-react-native").LucideIcon;
-    readonly "circle-check-big": import("lucide-react-native").LucideIcon;
-    readonly "circle-plus": import("lucide-react-native").LucideIcon;
-    readonly "circle-question-mark": import("lucide-react-native").LucideIcon;
-    readonly "circle-stop": import("lucide-react-native").LucideIcon;
-    readonly "circle-x": import("lucide-react-native").LucideIcon;
-    readonly clock: import("lucide-react-native").LucideIcon;
-    readonly cloud: import("lucide-react-native").LucideIcon;
-    readonly "cloud-off": import("lucide-react-native").LucideIcon;
-    readonly code: import("lucide-react-native").LucideIcon;
-    readonly coffee: import("lucide-react-native").LucideIcon;
-    readonly compass: import("lucide-react-native").LucideIcon;
-    readonly copy: import("lucide-react-native").LucideIcon;
-    readonly "credit-card": import("lucide-react-native").LucideIcon;
-    readonly crosshair: import("lucide-react-native").LucideIcon;
-    readonly database: import("lucide-react-native").LucideIcon;
-    readonly "dollar-sign": import("lucide-react-native").LucideIcon;
-    readonly download: import("lucide-react-native").LucideIcon;
-    readonly droplet: import("lucide-react-native").LucideIcon;
-    readonly "ellipsis-vertical": import("lucide-react-native").LucideIcon;
-    readonly "external-link": import("lucide-react-native").LucideIcon;
-    readonly eye: import("lucide-react-native").LucideIcon;
-    readonly "eye-off": import("lucide-react-native").LucideIcon;
-    readonly "face-slightly-smiling": import("lucide-react-native").LucideIcon;
-    readonly file: import("lucide-react-native").LucideIcon;
-    readonly "file-text": import("lucide-react-native").LucideIcon;
-    readonly folder: import("lucide-react-native").LucideIcon;
-    readonly gift: import("lucide-react-native").LucideIcon;
-    readonly "git-branch": import("lucide-react-native").LucideIcon;
-    readonly "git-pull-request": import("lucide-react-native").LucideIcon;
-    readonly globe: import("lucide-react-native").LucideIcon;
-    readonly "grid-3x3": import("lucide-react-native").LucideIcon;
-    readonly hash: import("lucide-react-native").LucideIcon;
-    readonly heart: import("lucide-react-native").LucideIcon;
-    readonly hexagon: import("lucide-react-native").LucideIcon;
-    readonly house: import("lucide-react-native").LucideIcon;
-    readonly image: import("lucide-react-native").LucideIcon;
-    readonly inbox: import("lucide-react-native").LucideIcon;
-    readonly info: import("lucide-react-native").LucideIcon;
-    readonly italic: import("lucide-react-native").LucideIcon;
-    readonly key: import("lucide-react-native").LucideIcon;
-    readonly layers: import("lucide-react-native").LucideIcon;
-    readonly "layout-grid": import("lucide-react-native").LucideIcon;
-    readonly link: import("lucide-react-native").LucideIcon;
-    readonly "link-2": import("lucide-react-native").LucideIcon;
-    readonly list: import("lucide-react-native").LucideIcon;
-    readonly loader: import("lucide-react-native").LucideIcon;
-    readonly lock: import("lucide-react-native").LucideIcon;
-    readonly "lock-open": import("lucide-react-native").LucideIcon;
-    readonly "log-in": import("lucide-react-native").LucideIcon;
-    readonly "log-out": import("lucide-react-native").LucideIcon;
-    readonly mail: import("lucide-react-native").LucideIcon;
-    readonly map: import("lucide-react-native").LucideIcon;
-    readonly "map-pin": import("lucide-react-native").LucideIcon;
-    readonly maximize: import("lucide-react-native").LucideIcon;
-    readonly "maximize-2": import("lucide-react-native").LucideIcon;
-    readonly menu: import("lucide-react-native").LucideIcon;
-    readonly "message-circle": import("lucide-react-native").LucideIcon;
-    readonly "message-square": import("lucide-react-native").LucideIcon;
-    readonly mic: import("lucide-react-native").LucideIcon;
-    readonly "mic-off": import("lucide-react-native").LucideIcon;
-    readonly minus: import("lucide-react-native").LucideIcon;
-    readonly monitor: import("lucide-react-native").LucideIcon;
-    readonly moon: import("lucide-react-native").LucideIcon;
-    readonly music: import("lucide-react-native").LucideIcon;
-    readonly navigation: import("lucide-react-native").LucideIcon;
-    readonly package: import("lucide-react-native").LucideIcon;
-    readonly "panel-left": import("lucide-react-native").LucideIcon;
-    readonly "panels-top-left": import("lucide-react-native").LucideIcon;
-    readonly "party-popper": import("lucide-react-native").LucideIcon;
-    readonly pen: import("lucide-react-native").LucideIcon;
-    readonly "pen-line": import("lucide-react-native").LucideIcon;
-    readonly pencil: import("lucide-react-native").LucideIcon;
-    readonly percent: import("lucide-react-native").LucideIcon;
-    readonly phone: import("lucide-react-native").LucideIcon;
-    readonly play: import("lucide-react-native").LucideIcon;
-    readonly plus: import("lucide-react-native").LucideIcon;
-    readonly printer: import("lucide-react-native").LucideIcon;
-    readonly radio: import("lucide-react-native").LucideIcon;
-    readonly "refresh-cw": import("lucide-react-native").LucideIcon;
-    readonly repeat: import("lucide-react-native").LucideIcon;
-    readonly "rotate-cw": import("lucide-react-native").LucideIcon;
-    readonly search: import("lucide-react-native").LucideIcon;
-    readonly send: import("lucide-react-native").LucideIcon;
-    readonly server: import("lucide-react-native").LucideIcon;
-    readonly settings: import("lucide-react-native").LucideIcon;
-    readonly share: import("lucide-react-native").LucideIcon;
-    readonly "share-2": import("lucide-react-native").LucideIcon;
-    readonly shield: import("lucide-react-native").LucideIcon;
-    readonly "shield-off": import("lucide-react-native").LucideIcon;
-    readonly "shopping-bag": import("lucide-react-native").LucideIcon;
-    readonly "shopping-cart": import("lucide-react-native").LucideIcon;
-    readonly shuffle: import("lucide-react-native").LucideIcon;
-    readonly slash: import("lucide-react-native").LucideIcon;
-    readonly "sliders-horizontal": import("lucide-react-native").LucideIcon;
-    readonly "sliders-vertical": import("lucide-react-native").LucideIcon;
-    readonly smartphone: import("lucide-react-native").LucideIcon;
-    readonly square: import("lucide-react-native").LucideIcon;
-    readonly "square-check-big": import("lucide-react-native").LucideIcon;
-    readonly "square-pen": import("lucide-react-native").LucideIcon;
-    readonly star: import("lucide-react-native").LucideIcon;
-    readonly sun: import("lucide-react-native").LucideIcon;
-    readonly tag: import("lucide-react-native").LucideIcon;
-    readonly terminal: import("lucide-react-native").LucideIcon;
-    readonly "thumbs-up": import("lucide-react-native").LucideIcon;
-    readonly trash: import("lucide-react-native").LucideIcon;
-    readonly "trending-down": import("lucide-react-native").LucideIcon;
-    readonly "trending-up": import("lucide-react-native").LucideIcon;
-    readonly "triangle-alert": import("lucide-react-native").LucideIcon;
-    readonly truck: import("lucide-react-native").LucideIcon;
-    readonly underline: import("lucide-react-native").LucideIcon;
-    readonly upload: import("lucide-react-native").LucideIcon;
-    readonly user: import("lucide-react-native").LucideIcon;
-    readonly "user-check": import("lucide-react-native").LucideIcon;
-    readonly "user-minus": import("lucide-react-native").LucideIcon;
-    readonly "user-plus": import("lucide-react-native").LucideIcon;
-    readonly users: import("lucide-react-native").LucideIcon;
-    readonly video: import("lucide-react-native").LucideIcon;
-    readonly "wifi-off": import("lucide-react-native").LucideIcon;
-    readonly wrench: import("lucide-react-native").LucideIcon;
-    readonly x: import("lucide-react-native").LucideIcon;
-    readonly zap: import("lucide-react-native").LucideIcon;
-};
-export type IconName = keyof typeof ICONS;

package/dist/components/iconRegistry.generated.js

@@ -1,296 +0,0 @@
-/* eslint-disable */
-// GENERATED FILE - do not edit. Rebuild with `bun run ui:icons`.
-// Source: icon-names.json (145 icons). Each icon is a
-// per-glyph subpath import so consumers bundle only the names listed there.
-import Archive from "lucide-react-native/icons/archive";
-import ArrowDown from "lucide-react-native/icons/arrow-down";
-import ArrowLeft from "lucide-react-native/icons/arrow-left";
-import ArrowRight from "lucide-react-native/icons/arrow-right";
-import ArrowUp from "lucide-react-native/icons/arrow-up";
-import Award from "lucide-react-native/icons/award";
-import Beer from "lucide-react-native/icons/beer";
-import Bell from "lucide-react-native/icons/bell";
-import BellOff from "lucide-react-native/icons/bell-off";
-import Bold from "lucide-react-native/icons/bold";
-import Bookmark from "lucide-react-native/icons/bookmark";
-import Box from "lucide-react-native/icons/box";
-import Briefcase from "lucide-react-native/icons/briefcase";
-import Calendar from "lucide-react-native/icons/calendar";
-import CalendarCheck from "lucide-react-native/icons/calendar-check";
-import Camera from "lucide-react-native/icons/camera";
-import CameraOff from "lucide-react-native/icons/camera-off";
-import ChartNoAxesColumn from "lucide-react-native/icons/chart-no-axes-column";
-import Check from "lucide-react-native/icons/check";
-import ChevronDown from "lucide-react-native/icons/chevron-down";
-import ChevronLeft from "lucide-react-native/icons/chevron-left";
-import ChevronRight from "lucide-react-native/icons/chevron-right";
-import ChevronUp from "lucide-react-native/icons/chevron-up";
-import CircleAlert from "lucide-react-native/icons/circle-alert";
-import CircleCheckBig from "lucide-react-native/icons/circle-check-big";
-import CirclePlus from "lucide-react-native/icons/circle-plus";
-import CircleQuestionMark from "lucide-react-native/icons/circle-question-mark";
-import CircleStop from "lucide-react-native/icons/circle-stop";
-import CircleX from "lucide-react-native/icons/circle-x";
-import Clock from "lucide-react-native/icons/clock";
-import Cloud from "lucide-react-native/icons/cloud";
-import CloudOff from "lucide-react-native/icons/cloud-off";
-import Code from "lucide-react-native/icons/code";
-import Coffee from "lucide-react-native/icons/coffee";
-import Compass from "lucide-react-native/icons/compass";
-import Copy from "lucide-react-native/icons/copy";
-import CreditCard from "lucide-react-native/icons/credit-card";
-import Crosshair from "lucide-react-native/icons/crosshair";
-import Database from "lucide-react-native/icons/database";
-import DollarSign from "lucide-react-native/icons/dollar-sign";
-import Download from "lucide-react-native/icons/download";
-import Droplet from "lucide-react-native/icons/droplet";
-import EllipsisVertical from "lucide-react-native/icons/ellipsis-vertical";
-import ExternalLink from "lucide-react-native/icons/external-link";
-import Eye from "lucide-react-native/icons/eye";
-import EyeOff from "lucide-react-native/icons/eye-off";
-import FaceSlightlySmiling from "lucide-react-native/icons/face-slightly-smiling";
-import File from "lucide-react-native/icons/file";
-import FileText from "lucide-react-native/icons/file-text";
-import Folder from "lucide-react-native/icons/folder";
-import Gift from "lucide-react-native/icons/gift";
-import GitBranch from "lucide-react-native/icons/git-branch";
-import GitPullRequest from "lucide-react-native/icons/git-pull-request";
-import Globe from "lucide-react-native/icons/globe";
-import Grid3x3 from "lucide-react-native/icons/grid-3x3";
-import Hash from "lucide-react-native/icons/hash";
-import Heart from "lucide-react-native/icons/heart";
-import Hexagon from "lucide-react-native/icons/hexagon";
-import House from "lucide-react-native/icons/house";
-import Image from "lucide-react-native/icons/image";
-import Inbox from "lucide-react-native/icons/inbox";
-import Info from "lucide-react-native/icons/info";
-import Italic from "lucide-react-native/icons/italic";
-import Key from "lucide-react-native/icons/key";
-import Layers from "lucide-react-native/icons/layers";
-import LayoutGrid from "lucide-react-native/icons/layout-grid";
-import Link from "lucide-react-native/icons/link";
-import Link2 from "lucide-react-native/icons/link-2";
-import List from "lucide-react-native/icons/list";
-import Loader from "lucide-react-native/icons/loader";
-import Lock from "lucide-react-native/icons/lock";
-import LockOpen from "lucide-react-native/icons/lock-open";
-import LogIn from "lucide-react-native/icons/log-in";
-import LogOut from "lucide-react-native/icons/log-out";
-import Mail from "lucide-react-native/icons/mail";
-import Map from "lucide-react-native/icons/map";
-import MapPin from "lucide-react-native/icons/map-pin";
-import Maximize from "lucide-react-native/icons/maximize";
-import Maximize2 from "lucide-react-native/icons/maximize-2";
-import Menu from "lucide-react-native/icons/menu";
-import MessageCircle from "lucide-react-native/icons/message-circle";
-import MessageSquare from "lucide-react-native/icons/message-square";
-import Mic from "lucide-react-native/icons/mic";
-import MicOff from "lucide-react-native/icons/mic-off";
-import Minus from "lucide-react-native/icons/minus";
-import Monitor from "lucide-react-native/icons/monitor";
-import Moon from "lucide-react-native/icons/moon";
-import Music from "lucide-react-native/icons/music";
-import Navigation from "lucide-react-native/icons/navigation";
-import Package from "lucide-react-native/icons/package";
-import PanelLeft from "lucide-react-native/icons/panel-left";
-import PanelsTopLeft from "lucide-react-native/icons/panels-top-left";
-import PartyPopper from "lucide-react-native/icons/party-popper";
-import Pen from "lucide-react-native/icons/pen";
-import PenLine from "lucide-react-native/icons/pen-line";
-import Pencil from "lucide-react-native/icons/pencil";
-import Percent from "lucide-react-native/icons/percent";
-import Phone from "lucide-react-native/icons/phone";
-import Play from "lucide-react-native/icons/play";
-import Plus from "lucide-react-native/icons/plus";
-import Printer from "lucide-react-native/icons/printer";
-import Radio from "lucide-react-native/icons/radio";
-import RefreshCw from "lucide-react-native/icons/refresh-cw";
-import Repeat from "lucide-react-native/icons/repeat";
-import RotateCw from "lucide-react-native/icons/rotate-cw";
-import Search from "lucide-react-native/icons/search";
-import Send from "lucide-react-native/icons/send";
-import Server from "lucide-react-native/icons/server";
-import Settings from "lucide-react-native/icons/settings";
-import Share from "lucide-react-native/icons/share";
-import Share2 from "lucide-react-native/icons/share-2";
-import Shield from "lucide-react-native/icons/shield";
-import ShieldOff from "lucide-react-native/icons/shield-off";
-import ShoppingBag from "lucide-react-native/icons/shopping-bag";
-import ShoppingCart from "lucide-react-native/icons/shopping-cart";
-import Shuffle from "lucide-react-native/icons/shuffle";
-import Slash from "lucide-react-native/icons/slash";
-import SlidersHorizontal from "lucide-react-native/icons/sliders-horizontal";
-import SlidersVertical from "lucide-react-native/icons/sliders-vertical";
-import Smartphone from "lucide-react-native/icons/smartphone";
-import Square from "lucide-react-native/icons/square";
-import SquareCheckBig from "lucide-react-native/icons/square-check-big";
-import SquarePen from "lucide-react-native/icons/square-pen";
-import Star from "lucide-react-native/icons/star";
-import Sun from "lucide-react-native/icons/sun";
-import Tag from "lucide-react-native/icons/tag";
-import Terminal from "lucide-react-native/icons/terminal";
-import ThumbsUp from "lucide-react-native/icons/thumbs-up";
-import Trash from "lucide-react-native/icons/trash";
-import TrendingDown from "lucide-react-native/icons/trending-down";
-import TrendingUp from "lucide-react-native/icons/trending-up";
-import TriangleAlert from "lucide-react-native/icons/triangle-alert";
-import Truck from "lucide-react-native/icons/truck";
-import Underline from "lucide-react-native/icons/underline";
-import Upload from "lucide-react-native/icons/upload";
-import User from "lucide-react-native/icons/user";
-import UserCheck from "lucide-react-native/icons/user-check";
-import UserMinus from "lucide-react-native/icons/user-minus";
-import UserPlus from "lucide-react-native/icons/user-plus";
-import Users from "lucide-react-native/icons/users";
-import Video from "lucide-react-native/icons/video";
-import WifiOff from "lucide-react-native/icons/wifi-off";
-import Wrench from "lucide-react-native/icons/wrench";
-import X from "lucide-react-native/icons/x";
-import Zap from "lucide-react-native/icons/zap";
-export const ICONS = {
-    "archive": Archive,
-    "arrow-down": ArrowDown,
-    "arrow-left": ArrowLeft,
-    "arrow-right": ArrowRight,
-    "arrow-up": ArrowUp,
-    "award": Award,
-    "beer": Beer,
-    "bell": Bell,
-    "bell-off": BellOff,
-    "bold": Bold,
-    "bookmark": Bookmark,
-    "box": Box,
-    "briefcase": Briefcase,
-    "calendar": Calendar,
-    "calendar-check": CalendarCheck,
-    "camera": Camera,
-    "camera-off": CameraOff,
-    "chart-no-axes-column": ChartNoAxesColumn,
-    "check": Check,
-    "chevron-down": ChevronDown,
-    "chevron-left": ChevronLeft,
-    "chevron-right": ChevronRight,
-    "chevron-up": ChevronUp,
-    "circle-alert": CircleAlert,
-    "circle-check-big": CircleCheckBig,
-    "circle-plus": CirclePlus,
-    "circle-question-mark": CircleQuestionMark,
-    "circle-stop": CircleStop,
-    "circle-x": CircleX,
-    "clock": Clock,
-    "cloud": Cloud,
-    "cloud-off": CloudOff,
-    "code": Code,
-    "coffee": Coffee,
-    "compass": Compass,
-    "copy": Copy,
-    "credit-card": CreditCard,
-    "crosshair": Crosshair,
-    "database": Database,
-    "dollar-sign": DollarSign,
-    "download": Download,
-    "droplet": Droplet,
-    "ellipsis-vertical": EllipsisVertical,
-    "external-link": ExternalLink,
-    "eye": Eye,
-    "eye-off": EyeOff,
-    "face-slightly-smiling": FaceSlightlySmiling,
-    "file": File,
-    "file-text": FileText,
-    "folder": Folder,
-    "gift": Gift,
-    "git-branch": GitBranch,
-    "git-pull-request": GitPullRequest,
-    "globe": Globe,
-    "grid-3x3": Grid3x3,
-    "hash": Hash,
-    "heart": Heart,
-    "hexagon": Hexagon,
-    "house": House,
-    "image": Image,
-    "inbox": Inbox,
-    "info": Info,
-    "italic": Italic,
-    "key": Key,
-    "layers": Layers,
-    "layout-grid": LayoutGrid,
-    "link": Link,
-    "link-2": Link2,
-    "list": List,
-    "loader": Loader,
-    "lock": Lock,
-    "lock-open": LockOpen,
-    "log-in": LogIn,
-    "log-out": LogOut,
-    "mail": Mail,
-    "map": Map,
-    "map-pin": MapPin,
-    "maximize": Maximize,
-    "maximize-2": Maximize2,
-    "menu": Menu,
-    "message-circle": MessageCircle,
-    "message-square": MessageSquare,
-    "mic": Mic,
-    "mic-off": MicOff,
-    "minus": Minus,
-    "monitor": Monitor,
-    "moon": Moon,
-    "music": Music,
-    "navigation": Navigation,
-    "package": Package,
-    "panel-left": PanelLeft,
-    "panels-top-left": PanelsTopLeft,
-    "party-popper": PartyPopper,
-    "pen": Pen,
-    "pen-line": PenLine,
-    "pencil": Pencil,
-    "percent": Percent,
-    "phone": Phone,
-    "play": Play,
-    "plus": Plus,
-    "printer": Printer,
-    "radio": Radio,
-    "refresh-cw": RefreshCw,
-    "repeat": Repeat,
-    "rotate-cw": RotateCw,
-    "search": Search,
-    "send": Send,
-    "server": Server,
-    "settings": Settings,
-    "share": Share,
-    "share-2": Share2,
-    "shield": Shield,
-    "shield-off": ShieldOff,
-    "shopping-bag": ShoppingBag,
-    "shopping-cart": ShoppingCart,
-    "shuffle": Shuffle,
-    "slash": Slash,
-    "sliders-horizontal": SlidersHorizontal,
-    "sliders-vertical": SlidersVertical,
-    "smartphone": Smartphone,
-    "square": Square,
-    "square-check-big": SquareCheckBig,
-    "square-pen": SquarePen,
-    "star": Star,
-    "sun": Sun,
-    "tag": Tag,
-    "terminal": Terminal,
-    "thumbs-up": ThumbsUp,
-    "trash": Trash,
-    "trending-down": TrendingDown,
-    "trending-up": TrendingUp,
-    "triangle-alert": TriangleAlert,
-    "truck": Truck,
-    "underline": Underline,
-    "upload": Upload,
-    "user": User,
-    "user-check": UserCheck,
-    "user-minus": UserMinus,
-    "user-plus": UserPlus,
-    "users": Users,
-    "video": Video,
-    "wifi-off": WifiOff,
-    "wrench": Wrench,
-    "x": X,
-    "zap": Zap,
-};