@bytebrand/fe-ui-core-autobahn 1.0.1 → 1.0.2

package/ui/Icon.tsx

@@ -1,391 +1,391 @@
-import React from 'react';
-import {
-  Activity,
-  Apple,
-  Armchair,
-  ArrowLeft,
-  ArrowRight,
-  ArrowUpDown,
-  Atom,
-  Award,
-  Badge,
-  BadgeCheck,
-  Banknote,
-  BarChart3,
-  Baseline,
-  Battery,
-  BatteryCharging,
-  Bell,
-  BellPlus,
-  BellRing,
-  Bluetooth,
-  BookOpenCheck,
-  Bookmark,
-  Box,
-  Bus,
-  Calendar,
-  Car,
-  CarFront,
-  Caravan,
-  Check,
-  CheckCircle,
-  ChevronDown,
-  ChevronLeft,
-  ChevronRight,
-  ChevronUp,
-  CigaretteOff,
-  ClipboardCheck,
-  Clock,
-  Code,
-  Cog,
-  Coins,
-  Contact,
-  Container,
-  Copy,
-  CopyPlus,
-  CreditCard,
-  Cross,
-  Cylinder,
-  Delete,
-  Divide,
-  DoorOpen,
-  Droplet,
-  Euro,
-  Eye,
-  EyeOff,
-  Facebook,
-  File,
-  FileText,
-  Flame,
-  Fuel,
-  Gauge,
-  GaugeCircle,
-  GitCompare,
-  GitFork,
-  Globe,
-  Grab,
-  Group,
-  Hash,
-  Headphones,
-  Heart,
-  HelpCircle,
-  History,
-  Home,
-  Image,
-  Info,
-  Instagram,
-  Italic,
-  Key,
-  LayoutGrid,
-  Leaf,
-  LifeBuoy,
-  List,
-  Lock,
-  LogOut,
-  Mail,
-  MailCheck,
-  MapPin,
-  Maximize,
-  Menu,
-  MessageCircle,
-  Minus,
-  Mountain,
-  Move,
-  Navigation,
-  Option,
-  Package,
-  Palette,
-  Pencil,
-  PencilLine,
-  Percent,
-  Phone,
-  Plus,
-  Pointer,
-  Power,
-  Presentation,
-  Radio,
-  Rainbow,
-  Receipt,
-  Repeat,
-  RotateCcw,
-  Route,
-  Rows,
-  Ruler,
-  Save,
-  Scroll,
-  Search,
-  SearchX,
-  Send,
-  Settings,
-  Settings2,
-  Share2,
-  Sheet,
-  ShieldCheck,
-  ShoppingCart,
-  SlidersHorizontal,
-  Sparkles,
-  Square,
-  Star,
-  Sticker,
-  Store,
-  Sun,
-  Tablet,
-  Tag,
-  Text,
-  Timer,
-  Trash2,
-  TrendingDown,
-  TrendingUp,
-  Truck,
-  Twitter,
-  Type,
-  Umbrella,
-  Undo2,
-  Upload,
-  UploadCloud,
-  User,
-  UserPlus,
-  Users,
-  Wallet,
-  Weight,
-  Wind,
-  Wrench,
-  X,
-  Youtube,
-  Zap,
-  LucideProps,
-} from 'lucide-react';
-
-export interface IconProps {
-  /** kebab-case lucide icon name, e.g. 'chevron-down'. */
-  name: string;
-  size?: number;
-  /** strokeWidth on the rendered svg. */
-  stroke?: number;
-  color?: string;
-  style?: React.CSSProperties;
-  /** extra class(es) appended after the always-present `lucide` class. */
-  cls?: string;
-}
-
-/** kebab-case → PascalCase: 'chevron-down' → 'ChevronDown'. */
-function toPascalCase(name: string): string {
-  return name
-    .split('-')
-    .filter(Boolean)
-    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-    .join('');
-}
-
-/**
- * Explicit icon registry — PascalCase name → lucide component.
- *
- * REGENERATION: this registry was generated deterministically by scanning
- * every `name="..."` / `icon="..."` / `iconRight="..."` prop, ternary string
- * literal, and data-config `icon: '...'` field across `source/`, converting
- * each kebab-case candidate to PascalCase, and keeping only the ones that
- * exist in lucide-react's `icons` map (the exact lookup the old
- * `icons[toPascalCase(name)]` implementation used) — see git history for the
- * one-off script. Importing named icons instead of the whole `icons` barrel
- * lets webpack tree-shake the ~1150 unused lucide icons out of the bundle.
- *
- * If you introduce a NEW icon name anywhere in the app, you MUST add it here
- * (import it above + add it to this map) or it will silently render nothing
- * in production. The dev-only console.warn below catches misses locally/in
- * CI (any name that resolves to null logs once), so a missing icon should
- * surface immediately rather than shipping silently broken.
- */
-const REGISTRY: Record<string, React.ComponentType<LucideProps>> = {
-  Activity,
-  Apple,
-  Armchair,
-  ArrowLeft,
-  ArrowRight,
-  ArrowUpDown,
-  Atom,
-  Award,
-  Badge,
-  BadgeCheck,
-  Banknote,
-  BarChart3,
-  Baseline,
-  Battery,
-  BatteryCharging,
-  Bell,
-  BellPlus,
-  BellRing,
-  Bluetooth,
-  BookOpenCheck,
-  Bookmark,
-  Box,
-  Bus,
-  Calendar,
-  Car,
-  CarFront,
-  Caravan,
-  Check,
-  CheckCircle,
-  ChevronDown,
-  ChevronLeft,
-  ChevronRight,
-  ChevronUp,
-  CigaretteOff,
-  // Aliases: lucide 0.288 has no CircleCheck/HandCoins/Headset (newer-lucide names used in markup)
-  CircleCheck: CheckCircle,
-  ClipboardCheck,
-  Clock,
-  Code,
-  Cog,
-  Contact,
-  Container,
-  Copy,
-  CopyPlus,
-  CreditCard,
-  Cross,
-  Cylinder,
-  Delete,
-  Divide,
-  DoorOpen,
-  Droplet,
-  Euro,
-  Eye,
-  EyeOff,
-  Facebook,
-  File,
-  FileText,
-  Flame,
-  Fuel,
-  Gauge,
-  GaugeCircle,
-  GitCompare,
-  GitFork,
-  Globe,
-  Grab,
-  Group,
-  HandCoins: Coins,
-  Hash,
-  Headphones,
-  Headset: Headphones,
-  Heart,
-  HelpCircle,
-  History,
-  Home,
-  Image,
-  Info,
-  Instagram,
-  Italic,
-  Key,
-  LayoutGrid,
-  Leaf,
-  LifeBuoy,
-  List,
-  Lock,
-  LogOut,
-  Mail,
-  MailCheck,
-  MapPin,
-  Maximize,
-  Menu,
-  MessageCircle,
-  Minus,
-  Mountain,
-  Move,
-  Navigation,
-  Option,
-  Package,
-  Palette,
-  Pencil,
-  PencilLine,
-  Percent,
-  Phone,
-  Plus,
-  Pointer,
-  Power,
-  Presentation,
-  Radio,
-  Rainbow,
-  Receipt,
-  Repeat,
-  RotateCcw,
-  Route,
-  Rows,
-  Ruler,
-  Save,
-  Scroll,
-  Search,
-  SearchX,
-  Send,
-  Settings,
-  Settings2,
-  Share2,
-  Sheet,
-  ShieldCheck,
-  ShoppingCart,
-  SlidersHorizontal,
-  Sparkles,
-  Square,
-  Star,
-  Sticker,
-  Store,
-  Sun,
-  Tablet,
-  Tag,
-  Text,
-  Timer,
-  Trash2,
-  TrendingDown,
-  TrendingUp,
-  Truck,
-  Twitter,
-  Type,
-  Umbrella,
-  Undo2,
-  Upload,
-  UploadCloud,
-  User,
-  UserPlus,
-  Users,
-  Wallet,
-  Weight,
-  Wind,
-  Wrench,
-  X,
-  Youtube,
-  Zap,
-};
-
-/** dev-only guard so an unregistered name surfaces immediately instead of silently rendering nothing. */
-const warned = new Set<string>();
-
-/**
- * lucide-react backed icon. Maps a kebab-case `name` to the matching lucide
- * component (looked up in the explicit `REGISTRY` above) and renders it with
- * the `lucide` className so md3.css sizing rules still apply.
- * Renders nothing if the name is unknown (same as before — some names in the
- * app are intentionally non-lucide, e.g. country codes, or reference icons
- * that don't exist in the installed lucide-react version).
- */
-const Icon: React.FunctionComponent<IconProps> = ({ name, size = 20, stroke = 1.9, color, style, cls }) => {
-  const pascalName = toPascalCase(name);
-  const LucideIcon = REGISTRY[pascalName];
-  if (!LucideIcon) {
-    if (process.env.NODE_ENV !== 'production' && !warned.has(name)) {
-      warned.add(name);
-      // eslint-disable-next-line no-console
-      console.warn(`[autobahn/Icon] unknown icon name "${name}" (looked up as "${pascalName}") — either it's ` +
-        'intentionally non-lucide, or the registry in Icon.tsx needs regenerating.');
-    }
-    return null;
-  }
-  return (
-    <LucideIcon
-      className={cls ? `lucide ${cls}` : 'lucide'}
-      size={size}
-      strokeWidth={stroke}
-      color={color}
-      style={style}
-    />
-  );
-};
-
-export default Icon;
+import React from 'react';
+import {
+  Activity,
+  Apple,
+  Armchair,
+  ArrowLeft,
+  ArrowRight,
+  ArrowUpDown,
+  Atom,
+  Award,
+  Badge,
+  BadgeCheck,
+  Banknote,
+  BarChart3,
+  Baseline,
+  Battery,
+  BatteryCharging,
+  Bell,
+  BellPlus,
+  BellRing,
+  Bluetooth,
+  BookOpenCheck,
+  Bookmark,
+  Box,
+  Bus,
+  Calendar,
+  Car,
+  CarFront,
+  Caravan,
+  Check,
+  CheckCircle,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  CigaretteOff,
+  ClipboardCheck,
+  Clock,
+  Code,
+  Cog,
+  Coins,
+  Contact,
+  Container,
+  Copy,
+  CopyPlus,
+  CreditCard,
+  Cross,
+  Cylinder,
+  Delete,
+  Divide,
+  DoorOpen,
+  Droplet,
+  Euro,
+  Eye,
+  EyeOff,
+  Facebook,
+  File,
+  FileText,
+  Flame,
+  Fuel,
+  Gauge,
+  GaugeCircle,
+  GitCompare,
+  GitFork,
+  Globe,
+  Grab,
+  Group,
+  Hash,
+  Headphones,
+  Heart,
+  HelpCircle,
+  History,
+  Home,
+  Image,
+  Info,
+  Instagram,
+  Italic,
+  Key,
+  LayoutGrid,
+  Leaf,
+  LifeBuoy,
+  List,
+  Lock,
+  LogOut,
+  Mail,
+  MailCheck,
+  MapPin,
+  Maximize,
+  Menu,
+  MessageCircle,
+  Minus,
+  Mountain,
+  Move,
+  Navigation,
+  Option,
+  Package,
+  Palette,
+  Pencil,
+  PencilLine,
+  Percent,
+  Phone,
+  Plus,
+  Pointer,
+  Power,
+  Presentation,
+  Radio,
+  Rainbow,
+  Receipt,
+  Repeat,
+  RotateCcw,
+  Route,
+  Rows,
+  Ruler,
+  Save,
+  Scroll,
+  Search,
+  SearchX,
+  Send,
+  Settings,
+  Settings2,
+  Share2,
+  Sheet,
+  ShieldCheck,
+  ShoppingCart,
+  SlidersHorizontal,
+  Sparkles,
+  Square,
+  Star,
+  Sticker,
+  Store,
+  Sun,
+  Tablet,
+  Tag,
+  Text,
+  Timer,
+  Trash2,
+  TrendingDown,
+  TrendingUp,
+  Truck,
+  Twitter,
+  Type,
+  Umbrella,
+  Undo2,
+  Upload,
+  UploadCloud,
+  User,
+  UserPlus,
+  Users,
+  Wallet,
+  Weight,
+  Wind,
+  Wrench,
+  X,
+  Youtube,
+  Zap,
+  LucideProps,
+} from 'lucide-react';
+
+export interface IconProps {
+  /** kebab-case lucide icon name, e.g. 'chevron-down'. */
+  name: string;
+  size?: number;
+  /** strokeWidth on the rendered svg. */
+  stroke?: number;
+  color?: string;
+  style?: React.CSSProperties;
+  /** extra class(es) appended after the always-present `lucide` class. */
+  cls?: string;
+}
+
+/** kebab-case → PascalCase: 'chevron-down' → 'ChevronDown'. */
+function toPascalCase(name: string): string {
+  return name
+    .split('-')
+    .filter(Boolean)
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join('');
+}
+
+/**
+ * Explicit icon registry — PascalCase name → lucide component.
+ *
+ * REGENERATION: this registry was generated deterministically by scanning
+ * every `name="..."` / `icon="..."` / `iconRight="..."` prop, ternary string
+ * literal, and data-config `icon: '...'` field across `source/`, converting
+ * each kebab-case candidate to PascalCase, and keeping only the ones that
+ * exist in lucide-react's `icons` map (the exact lookup the old
+ * `icons[toPascalCase(name)]` implementation used) — see git history for the
+ * one-off script. Importing named icons instead of the whole `icons` barrel
+ * lets webpack tree-shake the ~1150 unused lucide icons out of the bundle.
+ *
+ * If you introduce a NEW icon name anywhere in the app, you MUST add it here
+ * (import it above + add it to this map) or it will silently render nothing
+ * in production. The dev-only console.warn below catches misses locally/in
+ * CI (any name that resolves to null logs once), so a missing icon should
+ * surface immediately rather than shipping silently broken.
+ */
+const REGISTRY: Record<string, React.ComponentType<LucideProps>> = {
+  Activity,
+  Apple,
+  Armchair,
+  ArrowLeft,
+  ArrowRight,
+  ArrowUpDown,
+  Atom,
+  Award,
+  Badge,
+  BadgeCheck,
+  Banknote,
+  BarChart3,
+  Baseline,
+  Battery,
+  BatteryCharging,
+  Bell,
+  BellPlus,
+  BellRing,
+  Bluetooth,
+  BookOpenCheck,
+  Bookmark,
+  Box,
+  Bus,
+  Calendar,
+  Car,
+  CarFront,
+  Caravan,
+  Check,
+  CheckCircle,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  CigaretteOff,
+  // Aliases: lucide 0.288 has no CircleCheck/HandCoins/Headset (newer-lucide names used in markup)
+  CircleCheck: CheckCircle,
+  ClipboardCheck,
+  Clock,
+  Code,
+  Cog,
+  Contact,
+  Container,
+  Copy,
+  CopyPlus,
+  CreditCard,
+  Cross,
+  Cylinder,
+  Delete,
+  Divide,
+  DoorOpen,
+  Droplet,
+  Euro,
+  Eye,
+  EyeOff,
+  Facebook,
+  File,
+  FileText,
+  Flame,
+  Fuel,
+  Gauge,
+  GaugeCircle,
+  GitCompare,
+  GitFork,
+  Globe,
+  Grab,
+  Group,
+  HandCoins: Coins,
+  Hash,
+  Headphones,
+  Headset: Headphones,
+  Heart,
+  HelpCircle,
+  History,
+  Home,
+  Image,
+  Info,
+  Instagram,
+  Italic,
+  Key,
+  LayoutGrid,
+  Leaf,
+  LifeBuoy,
+  List,
+  Lock,
+  LogOut,
+  Mail,
+  MailCheck,
+  MapPin,
+  Maximize,
+  Menu,
+  MessageCircle,
+  Minus,
+  Mountain,
+  Move,
+  Navigation,
+  Option,
+  Package,
+  Palette,
+  Pencil,
+  PencilLine,
+  Percent,
+  Phone,
+  Plus,
+  Pointer,
+  Power,
+  Presentation,
+  Radio,
+  Rainbow,
+  Receipt,
+  Repeat,
+  RotateCcw,
+  Route,
+  Rows,
+  Ruler,
+  Save,
+  Scroll,
+  Search,
+  SearchX,
+  Send,
+  Settings,
+  Settings2,
+  Share2,
+  Sheet,
+  ShieldCheck,
+  ShoppingCart,
+  SlidersHorizontal,
+  Sparkles,
+  Square,
+  Star,
+  Sticker,
+  Store,
+  Sun,
+  Tablet,
+  Tag,
+  Text,
+  Timer,
+  Trash2,
+  TrendingDown,
+  TrendingUp,
+  Truck,
+  Twitter,
+  Type,
+  Umbrella,
+  Undo2,
+  Upload,
+  UploadCloud,
+  User,
+  UserPlus,
+  Users,
+  Wallet,
+  Weight,
+  Wind,
+  Wrench,
+  X,
+  Youtube,
+  Zap,
+};
+
+/** dev-only guard so an unregistered name surfaces immediately instead of silently rendering nothing. */
+const warned = new Set<string>();
+
+/**
+ * lucide-react backed icon. Maps a kebab-case `name` to the matching lucide
+ * component (looked up in the explicit `REGISTRY` above) and renders it with
+ * the `lucide` className so md3.css sizing rules still apply.
+ * Renders nothing if the name is unknown (same as before — some names in the
+ * app are intentionally non-lucide, e.g. country codes, or reference icons
+ * that don't exist in the installed lucide-react version).
+ */
+const Icon: React.FunctionComponent<IconProps> = ({ name, size = 20, stroke = 1.9, color, style, cls }) => {
+  const pascalName = toPascalCase(name);
+  const LucideIcon = REGISTRY[pascalName];
+  if (!LucideIcon) {
+    if (process.env.NODE_ENV !== 'production' && !warned.has(name)) {
+      warned.add(name);
+      // eslint-disable-next-line no-console
+      console.warn(`[autobahn/Icon] unknown icon name "${name}" (looked up as "${pascalName}") — either it's ` +
+        'intentionally non-lucide, or the registry in Icon.tsx needs regenerating.');
+    }
+    return null;
+  }
+  return (
+    <LucideIcon
+      className={cls ? `lucide ${cls}` : 'lucide'}
+      size={size}
+      strokeWidth={stroke}
+      color={color}
+      style={style}
+    />
+  );
+};
+
+export default Icon;