@stevederico/skateboard-ui 4.15.0 → 4.17.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # CHANGELOG
 
+4.17.0
+
+  Drop public DynamicIcon
+  Keep private constantsIcon
+
+4.16.0
+
+  Drop unused shadcn primitives
+  Peer lucide-react icons
+  Curate DynamicIcon registry
+  Cut dead Utilities helpers
+
 4.15.0
 
   Ship react-router as a dependency

package/README.md

@@ -253,7 +253,6 @@ Key variables: `--color-app` (brand), `--background`, `--foreground`, `--accent`
 | Header | `@stevederico/skateboard-ui/Header` | Page header with optional action button |
 | Layout | `@stevederico/skateboard-ui/Layout` | Sidebar (desktop) + tabbar (mobile) |
 | TabBar | `@stevederico/skateboard-ui/TabBar` | Mobile bottom navigation |
-| DynamicIcon | `@stevederico/skateboard-ui/DynamicIcon` | Lucide icon by name string |
 | ThemeToggle | `@stevederico/skateboard-ui/ThemeToggle` | Dark/light mode toggle |
 | Sheet | `@stevederico/skateboard-ui/Sheet` | Slide-out panel |
 | UpgradeSheet | `@stevederico/skateboard-ui/UpgradeSheet` | Premium upgrade drawer |
@@ -354,7 +353,6 @@ import {
   hideTabBar,
   timestampToString,
   useListData,
-  useForm,
   isAppMode,
 } from '@stevederico/skateboard-ui/Utilities';
 ```
@@ -380,9 +378,12 @@ showManage('cus_abc123');
 
 - React 19.1+
 - react-dom 19.1+
+- lucide-react 0.500+
 
 `react-router` is a runtime dependency of this package (pinned). Apps do not install it. Navigate with `useSafeNavigate()` from `Utilities`.
 
+Icons are re-exported from `lucide-react`. Named imports from `@stevederico/skateboard-ui/icons` stay supported; install `lucide-react` in the app. App code should named-import icons — there is no public DynamicIcon. The shell resolves `constants.json` icon strings privately.
+
 ## Repository
 
 https://github.com/stevederico/skateboard-ui

package/dist/components/AuthOverlay.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect } from 'react';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../shadcn/ui/dialog.js';
-import DynamicIcon from './core/DynamicIcon.js';
+import ConstantsIcon from './core/constantsIcon.js';
 import { getState } from './core/Context.js';
 import SignInView from './views/SignInView.js';
 import SignUpView from './views/SignUpView.js';
@@ -54,5 +54,5 @@ export default function AuthOverlay() {
         dispatch({ type: 'AUTH_OVERLAY_SUCCESS' });
     }
     return (_jsx(Dialog, { open: visible, onOpenChange: (open) => { if (!open)
-            handleClose(); }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { className: "items-center text-center", children: [_jsxs("div", { className: "flex items-center justify-center gap-3", children: [_jsx("div", { className: "bg-app rounded-2xl flex aspect-square size-10 items-center justify-center", children: _jsx(DynamicIcon, { name: constants.appIcon, size: 20, color: "white", strokeWidth: 2 }) }), _jsx("span", { className: "text-2xl font-bold", children: constants.appName })] }), _jsx(DialogTitle, { className: "sr-only", children: mode === 'signin' ? 'Sign In' : 'Sign Up' })] }), mode === 'signin' ? (_jsx(SignInView, { embedded: true, onSuccess: handleSuccess, onSwitchMode: () => setMode('signup') })) : (_jsx(SignUpView, { embedded: true, onSuccess: handleSuccess, onSwitchMode: () => setMode('signin') }))] }) }));
+            handleClose(); }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { className: "items-center text-center", children: [_jsxs("div", { className: "flex items-center justify-center gap-3", children: [_jsx("div", { className: "bg-app rounded-2xl flex aspect-square size-10 items-center justify-center", children: _jsx(ConstantsIcon, { name: constants.appIcon, size: 20, color: "white", strokeWidth: 2 }) }), _jsx("span", { className: "text-2xl font-bold", children: constants.appName })] }), _jsx(DialogTitle, { className: "sr-only", children: mode === 'signin' ? 'Sign In' : 'Sign Up' })] }), mode === 'signin' ? (_jsx(SignInView, { embedded: true, onSuccess: handleSuccess, onSwitchMode: () => setMode('signup') })) : (_jsx(SignUpView, { embedded: true, onSuccess: handleSuccess, onSwitchMode: () => setMode('signin') }))] }) }));
 }

package/dist/components/core/DynamicIcon.d.ts

@@ -1,19 +1,17 @@
 /**
- * Check if a name string can be resolved to a valid Lucide icon.
+ * Check if a name string can be resolved to a curated Lucide icon.
  *
  * @param {string} name - Icon name to check
- * @returns {boolean} True if icon exists in the Lucide library
+ * @returns {boolean} True if the icon is in the DynamicIcon registry
  */
 export declare function canResolveIcon(name: string): boolean;
 /**
- * Render a Lucide icon by name string using a static import of all icons.
- *
- * All icons are vendored from lucide at scripts/vendor-icons.js, ensuring they work
- * in both Vite dev mode and production builds. Icons are looked up synchronously
- * by PascalCase name from the LucideIcons namespace.
+ * Render a Lucide icon by name string from the curated registry.
  *
  * Accepts kebab-case ("layout-dashboard"), PascalCase ("LayoutDashboard"),
- * or legacy prefixed ("IconLayoutDashboard") names.
+ * or legacy prefixed ("IconLayoutDashboard") names. Icons outside the
+ * registry are not rendered — import them by name from
+ * `@stevederico/skateboard-ui/icons` or `lucide-react` instead.
  *
  * @param {Object} props
  * @param {string} props.name - Icon name (e.g. "home", "arrow-right", "Settings")

package/dist/components/core/DynamicIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as LucideIcons from "../../icons/index.js";
+import { Anchor, Apple, ArrowRight, BadgeCheck, Banknote, Beer, Bell, Bolt, BookOpen, BookUser, Bookmark, Bot, Briefcase, Calendar, CalendarCheck, Camera, Car, ChartBar, ChartColumn, ChartLine, ChartNoAxesColumn, ChartNoAxesColumnIncreasing, Check, CircleAlert, CircleCheck, CircleHelp, CircleUserRound, Clapperboard, ClipboardCheck, Club, Columns2, Command, Compass, Copy, Cpu, CreditCard, Database, Diamond, Dices, DollarSign, Download, Eye, File, FileSearch, FileText, Film, Filter, Flame, FlaskConical, Folder, Gauge, GitBranch, Globe, GraduationCap, Ham, Hammer, Headphones, Headset, Heart, HeartPulse, History, Home, Hospital, House, Image, Images, Inbox, Key, Landmark, LayoutDashboard, LayoutList, LayoutTemplate, Leaf, Library, LifeBuoy, List, ListTodo, Lock, Map, MapPin, MessageCircle, MessageCircleMore, MessageSquare, MessagesSquare, Mic, MonitorPlay, MonitorSmartphone, Moon, Package, Palette, ParkingMeter, PenLine, PenSquare, PiggyBank, Plane, Play, Podcast, Plus, QrCode, Quote, Radio, Receipt, Repeat, Ribbon, Rocket, Scale, ScanBarcode, ScanText, School, Scissors, Search, Send, Settings, Share2, Shield, ShieldCheck, ShoppingBag, Sparkles, Square, SquareCheck, Star, Stethoscope, Subtitles, Sun, Swords, Table, Tags, Target, Telescope, TestTube, Ticket, Trash2, TreePine, TrendingDown, TrendingUp, Tv, Type, User, UserPlus, Users, UsersRound, Utensils, Video, Volleyball, Wallet, WalletCards, WalletMinimal, WandSparkles, Workflow, X, Zap, } from 'lucide-react';
 /**
  * Convert a kebab-case, snake_case, or space-separated string to PascalCase.
  *
@@ -8,56 +8,202 @@ import * as LucideIcons from "../../icons/index.js";
  */
 function toPascalCase(str) {
     return str
-        .split(/[-_\s]/)
+        .split(/[-_\s]+/)
         .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-        .join("");
+        .join('');
 }
 /**
- * Convert a PascalCase or camelCase string to kebab-case.
- *
- * @param {string} str - Input string
- * @returns {string} kebab-case version
- */
-function toKebabCase(str) {
-    return str
-        .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
-        .replace(/([A-Z])([A-Z][a-z])/g, "$1-$2")
-        .toLowerCase();
-}
-/**
- * Resolve an icon name in any format to a PascalCase name and kebab-case file path.
- * e.g. "layout-dashboard" → { pascal: "LayoutDashboard", kebab: "layout-dashboard" }
- *      "LayoutDashboard"  → { pascal: "LayoutDashboard", kebab: "layout-dashboard" }
- *
- * Strips legacy "Icon" prefix from Tabler-style names for backwards compatibility.
+ * Strip a legacy Tabler-style `Icon` prefix when present.
  *
  * @param {string} name - Icon name in any case format
- * @returns {{ pascal: string, kebab: string }} Resolved icon name pair
+ * @returns {string} PascalCase lucide export name
  */
 function toIconName(name) {
     let stripped = name;
-    if (stripped.startsWith("Icon") && stripped.length > 4 && stripped[4] === stripped[4].toUpperCase()) {
+    if (stripped.startsWith('Icon') && stripped.length > 4 && stripped[4] === stripped[4].toUpperCase()) {
         stripped = stripped.slice(4);
     }
-    const pascal = /[-_\s]/.test(stripped) ? toPascalCase(stripped) : stripped.charAt(0).toUpperCase() + stripped.slice(1);
-    const kebab = toKebabCase(pascal);
-    return { pascal, kebab };
+    return /[-_\s]/.test(stripped)
+        ? toPascalCase(stripped)
+        : stripped.charAt(0).toUpperCase() + stripped.slice(1);
 }
 /**
- * Check if a name string can be resolved to a valid Lucide icon.
+ * Curated Lucide icons used by the shell and by `constants.json` icon strings
+ * across skateboard apps. Kept explicit so DynamicIcon never star-imports the
+ * full icon set (which defeated tree-shaking for every consumer).
+ *
+ * Named imports from `@stevederico/skateboard-ui/icons` or `lucide-react` still
+ * reach the full set. Unknown DynamicIcon names render nothing.
+ */
+const ICON_REGISTRY = {
+    Anchor,
+    Apple,
+    ArrowRight,
+    BadgeCheck,
+    Banknote,
+    Beer,
+    Bell,
+    Bolt,
+    BookOpen,
+    BookUser,
+    Bookmark,
+    Bot,
+    Briefcase,
+    Calendar,
+    CalendarCheck,
+    Camera,
+    Car,
+    ChartBar,
+    ChartColumn,
+    ChartLine,
+    ChartNoAxesColumn,
+    ChartNoAxesColumnIncreasing,
+    // Legacy kebab aliases that lucide renamed.
+    BarChart2: ChartNoAxesColumn,
+    BarChart3: ChartColumn,
+    LineChart: ChartLine,
+    Check,
+    CircleAlert,
+    CircleCheck,
+    CircleHelp,
+    CircleUserRound,
+    Clapperboard,
+    ClipboardCheck,
+    Club,
+    Columns2,
+    Command,
+    Compass,
+    Copy,
+    Cpu,
+    CreditCard,
+    Database,
+    Diamond,
+    Dices,
+    DollarSign,
+    Download,
+    Eye,
+    File,
+    FileSearch,
+    FileText,
+    Film,
+    Filter,
+    Flame,
+    FlaskConical,
+    Folder,
+    Gauge,
+    GitBranch,
+    Globe,
+    GraduationCap,
+    Ham,
+    Hammer,
+    Headphones,
+    Headset,
+    Heart,
+    HeartPulse,
+    History,
+    Home,
+    Hospital,
+    House,
+    Image,
+    Images,
+    Inbox,
+    Key,
+    Landmark,
+    LayoutDashboard,
+    LayoutList,
+    LayoutTemplate,
+    Leaf,
+    Library,
+    LifeBuoy,
+    List,
+    ListTodo,
+    Lock,
+    Map,
+    MapPin,
+    MessageCircle,
+    MessageCircleMore,
+    MessageSquare,
+    MessagesSquare,
+    Mic,
+    MonitorPlay,
+    MonitorSmartphone,
+    Moon,
+    Package,
+    Palette,
+    ParkingMeter,
+    PenLine,
+    PenSquare,
+    PiggyBank,
+    Plane,
+    Play,
+    Podcast,
+    Plus,
+    QrCode,
+    Quote,
+    Radio,
+    Receipt,
+    Repeat,
+    Ribbon,
+    Rocket,
+    Scale,
+    ScanBarcode,
+    ScanText,
+    School,
+    Scissors,
+    Search,
+    Send,
+    Settings,
+    Share2,
+    Shield,
+    ShieldCheck,
+    ShoppingBag,
+    Sparkles,
+    Square,
+    SquareCheck,
+    Star,
+    Stethoscope,
+    Subtitles,
+    Sun,
+    Swords,
+    Table,
+    Tags,
+    Target,
+    Telescope,
+    TestTube,
+    Ticket,
+    Trash2,
+    TreePine,
+    TrendingDown,
+    TrendingUp,
+    Tv,
+    Type,
+    User,
+    UserPlus,
+    Users,
+    UsersRound,
+    Utensils,
+    Video,
+    Volleyball,
+    Wallet,
+    WalletCards,
+    WalletMinimal,
+    WandSparkles,
+    Workflow,
+    X,
+    Zap,
+};
+/**
+ * Check if a name string can be resolved to a curated Lucide icon.
  *
  * @param {string} name - Icon name to check
- * @returns {boolean} True if icon exists in the Lucide library
+ * @returns {boolean} True if the icon is in the DynamicIcon registry
  */
 export function canResolveIcon(name) {
-    const { pascal } = toIconName(name);
-    const icon = LucideIcons[pascal];
-    return !!icon && (typeof icon === "function" || typeof icon?.render === "function");
+    return Boolean(ICON_REGISTRY[toIconName(name)]);
 }
-const DynamicIcon = ({ name, size = 24, color = "currentColor", strokeWidth = 2, className, ...props }) => {
-    const { pascal } = toIconName(name);
-    const Icon = LucideIcons[pascal];
-    if (!Icon || (typeof Icon !== "function" && typeof Icon?.render !== "function"))
+const DynamicIcon = ({ name, size = 24, color = 'currentColor', strokeWidth = 2, className, ...props }) => {
+    const Icon = ICON_REGISTRY[toIconName(name)];
+    if (!Icon)
         return null;
     return (_jsx(Icon, { size: size, color: color, strokeWidth: strokeWidth, className: className, ...props }));
 };

package/dist/components/core/Utilities.d.ts

@@ -1,5 +1,5 @@
 import type { Location } from 'react-router';
-import type { ChangeEvent, FormEvent, RefObject } from 'react';
+import type { RefObject } from 'react';
 /** A navigation item rendered in the Sidebar and TabBar (constants.pages). */
 export interface ConstantsPage {
     title: string;
@@ -243,13 +243,6 @@ export declare function getCurrentUser(): Promise<User | null>;
  * @returns {Promise<boolean>} True if user is an active subscriber
  */
 export declare function isSubscriber(): Promise<boolean>;
-/**
- * Log an analytics event. Stub for custom analytics integration.
- *
- * @param {string} event - Event name to log
- * @returns {Promise<void>}
- */
-export declare function logEvent(event: string): Promise<void>;
 /**
  * Open the Stripe billing portal for subscription management.
  *
@@ -364,30 +357,6 @@ export declare function useListData<T = any>(endpoint: string, sortFn?: ((a: T,
     error: string | null;
     refetch: () => Promise<void>;
 };
-/**
- * Standard form state management
- * @param {object} initialValues - Initial form values
- * @param {function} onSubmit - Submit handler function
- * @returns {object} - { values, handleChange, handleSubmit, reset, submitting, error }
- */
-export declare function useForm(initialValues: Record<string, any>, onSubmit: (values: Record<string, any>) => unknown): {
-    values: Record<string, any>;
-    handleChange: (field: string) => (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleSubmit: (e?: FormEvent) => Promise<void>;
-    reset: () => void;
-    submitting: boolean;
-    error: string | null;
-};
-/**
- * Programmatically show/hide the sidebar
- * @param {boolean} visible - Whether sidebar should be visible
- */
-export declare function setSidebarVisible(visible: boolean): void;
-/**
- * Programmatically show/hide the tab bar
- * @param {boolean} visible - Whether tab bar should be visible
- */
-export declare function setTabBarVisible(visible: boolean): void;
 /**
  * Show the sidebar
  */

package/dist/components/core/Utilities.js

@@ -327,15 +327,6 @@ export async function isSubscriber() {
         return false;
     }
 }
-/**
- * Log an analytics event. Stub for custom analytics integration.
- *
- * @param {string} event - Event name to log
- * @returns {Promise<void>}
- */
-export async function logEvent(event) {
-    //insert analytics code here
-}
 /**
  * Open the Stripe billing portal for subscription management.
  *
@@ -887,43 +878,11 @@ export function useListData(endpoint, sortFn = null) {
     }, [endpoint]);
     return { data, loading, error, refetch: () => fetchData() };
 }
-/**
- * Standard form state management
- * @param {object} initialValues - Initial form values
- * @param {function} onSubmit - Submit handler function
- * @returns {object} - { values, handleChange, handleSubmit, reset, submitting, error }
- */
-export function useForm(initialValues, onSubmit) {
-    const [values, setValues] = useState(initialValues);
-    const [submitting, setSubmitting] = useState(false);
-    const [error, setError] = useState(null);
-    const handleChange = (field) => (e) => {
-        setValues(prev => ({ ...prev, [field]: e.target.value }));
-    };
-    const handleSubmit = async (e) => {
-        e?.preventDefault();
-        setSubmitting(true);
-        setError(null);
-        try {
-            await onSubmit(values);
-            setValues(initialValues);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
-        }
-        finally {
-            setSubmitting(false);
-        }
-    };
-    const reset = () => setValues(initialValues);
-    return { values, handleChange, handleSubmit, reset, submitting, error };
-}
 // ===== UI VISIBILITY CONTROLS =====
 /**
- * Programmatically show/hide the sidebar
- * @param {boolean} visible - Whether sidebar should be visible
+ * Dispatch a sidebar visibility change. Not exported — apps use show/hide helpers.
  */
-export function setSidebarVisible(visible) {
+function setSidebarVisible(visible) {
     const dispatch = getDispatch();
     if (dispatch) {
         dispatch({ type: 'SET_SIDEBAR_VISIBLE', payload: visible });
@@ -933,10 +892,9 @@ export function setSidebarVisible(visible) {
     }
 }
 /**
- * Programmatically show/hide the tab bar
- * @param {boolean} visible - Whether tab bar should be visible
+ * Dispatch a tab bar visibility change. Not exported — apps use show/hide helpers.
  */
-export function setTabBarVisible(visible) {
+function setTabBarVisible(visible) {
     const dispatch = getDispatch();
     if (dispatch) {
         dispatch({ type: 'SET_TABBAR_VISIBLE', payload: visible });

package/dist/components/core/constantsIcon.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Render a Lucide icon by name string from the curated registry.
+ *
+ * Accepts kebab-case ("layout-dashboard"), PascalCase ("LayoutDashboard"),
+ * or legacy prefixed ("IconLayoutDashboard") names. Icons outside the
+ * registry are not rendered — import them by name from
+ * `@stevederico/skateboard-ui/icons` or `lucide-react` instead.
+ *
+ * @param {Object} props
+ * @param {string} props.name - Icon name (e.g. "home", "arrow-right", "Settings")
+ * @param {number} [props.size=24] - Icon size in pixels
+ * @param {string} [props.color='currentColor'] - Icon stroke color
+ * @param {number} [props.strokeWidth=2] - Stroke width
+ * @param {string} [props.className] - Additional CSS classes
+ * @returns {JSX.Element|null} Rendered icon or null if not found
+ *
+ */
+interface ConstantsIconProps {
+    name: string;
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    className?: string;
+    [key: string]: unknown;
+}
+declare const ConstantsIcon: ({ name, size, color, strokeWidth, className, ...props }: ConstantsIconProps) => import("react").JSX.Element | null;
+export default ConstantsIcon;

package/dist/components/core/constantsIcon.js

@@ -0,0 +1,199 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Anchor, Apple, ArrowRight, BadgeCheck, Banknote, Beer, Bell, Bolt, BookOpen, BookUser, Bookmark, Bot, Briefcase, Calendar, CalendarCheck, Camera, Car, ChartBar, ChartColumn, ChartLine, ChartNoAxesColumn, ChartNoAxesColumnIncreasing, Check, CircleAlert, CircleCheck, CircleHelp, CircleUserRound, Clapperboard, ClipboardCheck, Club, Columns2, Command, Compass, Copy, Cpu, CreditCard, Database, Diamond, Dices, DollarSign, Download, Eye, File, FileSearch, FileText, Film, Filter, Flame, FlaskConical, Folder, Gauge, GitBranch, Globe, GraduationCap, Ham, Hammer, Headphones, Headset, Heart, HeartPulse, History, Home, Hospital, House, Image, Images, Inbox, Key, Landmark, LayoutDashboard, LayoutList, LayoutTemplate, Leaf, Library, LifeBuoy, List, ListTodo, Lock, Map, MapPin, MessageCircle, MessageCircleMore, MessageSquare, MessagesSquare, Mic, MonitorPlay, MonitorSmartphone, Moon, Package, Palette, ParkingMeter, PenLine, PenSquare, PiggyBank, Plane, Play, Podcast, Plus, QrCode, Quote, Radio, Receipt, Repeat, Ribbon, Rocket, Scale, ScanBarcode, ScanText, School, Scissors, Search, Send, Settings, Share2, Shield, ShieldCheck, ShoppingBag, Sparkles, Square, SquareCheck, Star, Stethoscope, Subtitles, Sun, Swords, Table, Tags, Target, Telescope, TestTube, Ticket, Trash2, TreePine, TrendingDown, TrendingUp, Tv, Type, User, UserPlus, Users, UsersRound, Utensils, Video, Volleyball, Wallet, WalletCards, WalletMinimal, WandSparkles, Workflow, X, Zap, } from 'lucide-react';
+/**
+ * Convert a kebab-case, snake_case, or space-separated string to PascalCase.
+ *
+ * @param {string} str - Input string
+ * @returns {string} PascalCase version
+ */
+function toPascalCase(str) {
+    return str
+        .split(/[-_\s]+/)
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+        .join('');
+}
+/**
+ * Strip a legacy Tabler-style `Icon` prefix when present.
+ *
+ * @param {string} name - Icon name in any case format
+ * @returns {string} PascalCase lucide export name
+ */
+function toIconName(name) {
+    let stripped = name;
+    if (stripped.startsWith('Icon') && stripped.length > 4 && stripped[4] === stripped[4].toUpperCase()) {
+        stripped = stripped.slice(4);
+    }
+    return /[-_\s]/.test(stripped)
+        ? toPascalCase(stripped)
+        : stripped.charAt(0).toUpperCase() + stripped.slice(1);
+}
+/**
+ * Curated Lucide icons used by the shell and by `constants.json` icon strings
+ * across skateboard apps. Private to the shell — not a package export.
+ * App code should named-import from `lucide-react` or
+ * `@stevederico/skateboard-ui/icons`. Unknown names render nothing.
+ */
+const ICON_REGISTRY = {
+    Anchor,
+    Apple,
+    ArrowRight,
+    BadgeCheck,
+    Banknote,
+    Beer,
+    Bell,
+    Bolt,
+    BookOpen,
+    BookUser,
+    Bookmark,
+    Bot,
+    Briefcase,
+    Calendar,
+    CalendarCheck,
+    Camera,
+    Car,
+    ChartBar,
+    ChartColumn,
+    ChartLine,
+    ChartNoAxesColumn,
+    ChartNoAxesColumnIncreasing,
+    // Legacy kebab aliases that lucide renamed.
+    BarChart2: ChartNoAxesColumn,
+    BarChart3: ChartColumn,
+    LineChart: ChartLine,
+    Check,
+    CircleAlert,
+    CircleCheck,
+    CircleHelp,
+    CircleUserRound,
+    Clapperboard,
+    ClipboardCheck,
+    Club,
+    Columns2,
+    Command,
+    Compass,
+    Copy,
+    Cpu,
+    CreditCard,
+    Database,
+    Diamond,
+    Dices,
+    DollarSign,
+    Download,
+    Eye,
+    File,
+    FileSearch,
+    FileText,
+    Film,
+    Filter,
+    Flame,
+    FlaskConical,
+    Folder,
+    Gauge,
+    GitBranch,
+    Globe,
+    GraduationCap,
+    Ham,
+    Hammer,
+    Headphones,
+    Headset,
+    Heart,
+    HeartPulse,
+    History,
+    Home,
+    Hospital,
+    House,
+    Image,
+    Images,
+    Inbox,
+    Key,
+    Landmark,
+    LayoutDashboard,
+    LayoutList,
+    LayoutTemplate,
+    Leaf,
+    Library,
+    LifeBuoy,
+    List,
+    ListTodo,
+    Lock,
+    Map,
+    MapPin,
+    MessageCircle,
+    MessageCircleMore,
+    MessageSquare,
+    MessagesSquare,
+    Mic,
+    MonitorPlay,
+    MonitorSmartphone,
+    Moon,
+    Package,
+    Palette,
+    ParkingMeter,
+    PenLine,
+    PenSquare,
+    PiggyBank,
+    Plane,
+    Play,
+    Podcast,
+    Plus,
+    QrCode,
+    Quote,
+    Radio,
+    Receipt,
+    Repeat,
+    Ribbon,
+    Rocket,
+    Scale,
+    ScanBarcode,
+    ScanText,
+    School,
+    Scissors,
+    Search,
+    Send,
+    Settings,
+    Share2,
+    Shield,
+    ShieldCheck,
+    ShoppingBag,
+    Sparkles,
+    Square,
+    SquareCheck,
+    Star,
+    Stethoscope,
+    Subtitles,
+    Sun,
+    Swords,
+    Table,
+    Tags,
+    Target,
+    Telescope,
+    TestTube,
+    Ticket,
+    Trash2,
+    TreePine,
+    TrendingDown,
+    TrendingUp,
+    Tv,
+    Type,
+    User,
+    UserPlus,
+    Users,
+    UsersRound,
+    Utensils,
+    Video,
+    Volleyball,
+    Wallet,
+    WalletCards,
+    WalletMinimal,
+    WandSparkles,
+    Workflow,
+    X,
+    Zap,
+};
+const ConstantsIcon = ({ name, size = 24, color = 'currentColor', strokeWidth = 2, className, ...props }) => {
+    const Icon = ICON_REGISTRY[toIconName(name)];
+    if (!Icon)
+        return null;
+    return (_jsx(Icon, { size: size, color: color, strokeWidth: strokeWidth, className: className, ...props }));
+};
+export default ConstantsIcon;