@flamingo-stack/openframe-frontend-core 0.0.711 → 0.0.712

package/dist/chunk-JHQ334WS.js

@@ -0,0 +1,655 @@
+"use client";
+import {
+  SquareAvatar
+} from "./chunk-IYVFSLWJ.js";
+import {
+  platformAccentVarName
+} from "./chunk-ADBE7QF3.js";
+import {
+  ClickUpIcon,
+  FacebookIcon,
+  FlamingoLogo,
+  GitHubIcon,
+  HubspotIcon,
+  InstagramIcon,
+  LinkedInIcon,
+  MiamiCyberGangLogoFaceOnly,
+  MlgLogo,
+  OpenFrameLogo,
+  OpenmspLogo,
+  SlackIcon,
+  WhatsAppIcon,
+  XLogo,
+  YouTubeIcon
+} from "./chunk-N45D4ZXQ.js";
+import {
+  BookIcon,
+  BracketCurlyIcon,
+  BriefcaseIcon,
+  BugIcon,
+  CalendarIcon,
+  ChatsIcon,
+  ClickupLogoGreyIcon,
+  CompassIcon,
+  FileIcon,
+  GithubIcon,
+  GraduationCapIcon,
+  HeadphoneIcon,
+  HubspotLogoGreyIcon,
+  LayersIcon,
+  NewspaperIcon,
+  Rocket02Icon,
+  SlackLogoGreyIcon,
+  TicketIcon,
+  VideoRecorderIcon,
+  icons_v2_generated_exports
+} from "./chunk-NCPTID44.js";
+import {
+  SearchIcon
+} from "./chunk-INS7KZJB.js";
+import {
+  cn
+} from "./chunk-7RXWKTAP.js";
+
+// src/components/ui/avatar-stack.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SIZE_PX = { xs: 24, sm: 32, md: 40, lg: 48 };
+var OVERLAP_PX = { xs: 8, sm: 12, md: 12, lg: 12 };
+var OVERFLOW_CIRCLE_SIZE = {
+  xs: "h-6 min-w-6",
+  sm: "h-8 min-w-8",
+  md: "h-10 min-w-10",
+  lg: "h-12 min-w-12"
+};
+function AvatarStack({
+  people,
+  max = 3,
+  slots,
+  total,
+  size = "md",
+  ringClassName = "ring-ods-card",
+  label = "Assignees",
+  className
+}) {
+  if (people.length === 0) return null;
+  const groupSize = Math.max(total ?? people.length, people.length);
+  const faces = slots ? groupSize > slots ? slots - 1 : slots : max;
+  const visible = people.slice(0, faces);
+  const overflow = people.slice(faces);
+  const overflowCount = groupSize - visible.length;
+  const names = people.map((p) => p.name).join(", ");
+  const unnamed = groupSize - people.length;
+  const compact = size === "xs";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center", slots && "shrink-0", className),
+      style: slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : void 0,
+      role: "group",
+      "aria-label": `${label}: ${names}${unnamed > 0 ? ` and ${unnamed} more` : ""}`,
+      children: [
+        visible.map((person, i) => /* @__PURE__ */ jsx(
+          SquareAvatar,
+          {
+            variant: "round",
+            size,
+            src: person.avatarUrl ?? void 0,
+            alt: person.name,
+            fallback: person.name,
+            title: person.name,
+            className: cn("relative ring-2", ringClassName, i > 0 && (compact ? "-ml-2" : "-ml-3")),
+            style: { zIndex: visible.length - i }
+          },
+          person.key ?? `${person.name}-${i}`
+        )),
+        overflowCount > 0 && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            title: overflow.length > 0 ? overflow.map((p) => p.name).join(", ") : `${overflowCount} more`,
+            className: cn(
+              "relative z-0 flex shrink-0 items-center justify-center rounded-full bg-ods-bg text-ods-text-secondary ring-2",
+              ringClassName,
+              // The circle tucks under the last face like every other avatar, so
+              // its left edge is covered: the left padding equals that overlap,
+              // centering "+N" in the part that shows. `min-w` (not a fixed
+              // width) lets a two-digit count widen the circle instead of clipping.
+              compact ? "-ml-2 pl-2 pr-1 text-badge" : "-ml-3 pl-3 pr-1.5 text-h6",
+              OVERFLOW_CIRCLE_SIZE[size]
+            ),
+            children: [
+              "+",
+              overflowCount
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/chat/utils/icon-registry.ts
+import {
+  Activity,
+  Banknote,
+  Bell,
+  BookOpen,
+  Box,
+  Briefcase,
+  Calendar,
+  CheckSquare,
+  DollarSign,
+  Facebook,
+  FileText,
+  Github,
+  Globe,
+  GraduationCap,
+  Headphones,
+  Info,
+  Instagram,
+  Mail,
+  Megaphone,
+  MessageCircle,
+  MessageSquare,
+  Newspaper,
+  Package,
+  PenSquare,
+  Phone,
+  Rocket,
+  Search,
+  Send,
+  Shield,
+  Star,
+  TableProperties,
+  TrendingUp,
+  Twitter,
+  Users,
+  Video,
+  Youtube
+} from "lucide-react";
+import { createElement } from "react";
+var OpenFrameLogoIcon = ({ className }) => createElement(OpenFrameLogo, { className, upperPathColor: "currentColor" });
+var ICON_REGISTRY = {
+  // lucide-react (kebab-case)
+  activity: Activity,
+  banknote: Banknote,
+  bell: Bell,
+  "book-open": BookOpen,
+  box: Box,
+  briefcase: Briefcase,
+  calendar: Calendar,
+  "check-square": CheckSquare,
+  "dollar-sign": DollarSign,
+  // For brand-vs-lucide variants the kebab key is the BRAND (most-common
+  // social-platform intent); `'<name>-lucide'` carries the lucide outline.
+  facebook: FacebookIcon,
+  "facebook-lucide": Facebook,
+  "file-text": FileText,
+  // `'github-lucide'` is the lucide outline glyph (used by
+  // `social_platforms.icon_name='Github'`); `'github'` is the brand icon
+  // (used by `chat_admin_slash_commands.icon_name='github'`). The PascalCase
+  // alias `'Github' → 'github-lucide'` routes the lucide glyph for
+  // social-platform DB rows; `'GitHubIcon' → 'github'` keeps brand routing
+  // consistent for callers that store the PascalCase component name.
+  github: GitHubIcon,
+  "github-lucide": Github,
+  globe: Globe,
+  "graduation-cap": GraduationCap,
+  headphones: Headphones,
+  info: Info,
+  instagram: InstagramIcon,
+  "instagram-lucide": Instagram,
+  mail: Mail,
+  megaphone: Megaphone,
+  "message-circle": MessageCircle,
+  "message-square": MessageSquare,
+  newspaper: Newspaper,
+  package: Package,
+  "pen-square": PenSquare,
+  phone: Phone,
+  rocket: Rocket,
+  search: Search,
+  send: Send,
+  shield: Shield,
+  star: Star,
+  table: TableProperties,
+  "trending-up": TrendingUp,
+  twitter: Twitter,
+  users: Users,
+  video: Video,
+  whatsapp: WhatsAppIcon,
+  youtube: YouTubeIcon,
+  "youtube-lucide": Youtube,
+  // brand-only icons (no lucide variant in current use)
+  slack: SlackIcon,
+  clickup: ClickUpIcon,
+  hubspot: HubspotIcon,
+  linkedin: LinkedInIcon,
+  x: XLogo,
+  openframe: OpenFrameLogoIcon
+};
+var PASCAL_TO_KEBAB_ALIASES = {
+  // Lucide PascalCase names → kebab equivalents
+  Activity: "activity",
+  Banknote: "banknote",
+  Bell: "bell",
+  BookOpen: "book-open",
+  Box: "box",
+  Briefcase: "briefcase",
+  Calendar: "calendar",
+  CheckSquare: "check-square",
+  DollarSign: "dollar-sign",
+  // Lucide PascalCase → the `-lucide` kebab variant (kebab default is the
+  // brand icon for the social-platform names below).
+  Facebook: "facebook-lucide",
+  FileText: "file-text",
+  Github: "github-lucide",
+  Globe: "globe",
+  GraduationCap: "graduation-cap",
+  Headphones: "headphones",
+  Info: "info",
+  Instagram: "instagram-lucide",
+  Mail: "mail",
+  Megaphone: "megaphone",
+  MessageCircle: "message-circle",
+  MessageSquare: "message-square",
+  Newspaper: "newspaper",
+  Package: "package",
+  PenSquare: "pen-square",
+  Phone: "phone",
+  Rocket: "rocket",
+  Search: "search",
+  Send: "send",
+  Shield: "shield",
+  Star: "star",
+  TableProperties: "table",
+  TrendingUp: "trending-up",
+  Twitter: "twitter",
+  Users: "users",
+  Video: "video",
+  Youtube: "youtube-lucide",
+  // Brand-icon PascalCase exports → kebab (kebab default is the brand)
+  SlackIcon: "slack",
+  GitHubIcon: "github",
+  ClickUpIcon: "clickup",
+  HubspotIcon: "hubspot",
+  LinkedInIcon: "linkedin",
+  FacebookIcon: "facebook",
+  InstagramIcon: "instagram",
+  YouTubeIcon: "youtube",
+  WhatsAppIcon: "whatsapp",
+  XLogo: "x",
+  OpenFrameLogo: "openframe"
+};
+function normalizeIconKey(key) {
+  return PASCAL_TO_KEBAB_ALIASES[key] ?? key;
+}
+function getIconComponent(iconName) {
+  if (!iconName) return FileText;
+  return ICON_REGISTRY[normalizeIconKey(iconName)] ?? FileText;
+}
+var SIZE_CLASSES = {
+  xs: "w-3 h-3",
+  // 12px
+  sm: "w-4 h-4",
+  // 16px
+  md: "w-6 h-6",
+  // 24px
+  lg: "w-8 h-8",
+  // 32px
+  xl: "w-12 h-12"
+  // 48px
+};
+var ICON_COLORS = {
+  linkedin: { color: "#0A66C2" },
+  facebook: { color: "#1877F2" },
+  youtube: { color: "#FF0000" }
+};
+function getDynamicIcon(iconName, size = "md", className) {
+  if (!iconName) {
+    console.warn("[getDynamicIcon] No iconName provided, using Globe fallback");
+    return createElement(Globe, { className: SIZE_CLASSES[size] });
+  }
+  const sizeClass = SIZE_CLASSES[size];
+  const finalClassName = className ? `${sizeClass} ${className}` : sizeClass;
+  const canonicalKey = normalizeIconKey(iconName);
+  const IconComponent = ICON_REGISTRY[canonicalKey];
+  if (IconComponent) {
+    const colorConfig = ICON_COLORS[canonicalKey] || {};
+    return createElement(IconComponent, { className: finalClassName, ...colorConfig });
+  }
+  console.error(
+    `[getDynamicIcon] Icon NOT found in registry: "${iconName}" (normalized to "${canonicalKey}"). Available icons:`,
+    Object.keys(ICON_REGISTRY)
+  );
+  return createElement(Globe, { className: finalClassName });
+}
+
+// src/components/chat/utils/icon-library.tsx
+import { Megaphone as Megaphone2, Bell as Bell2, Info as Info2, Star as Star2, Package as PackageGlyph } from "lucide-react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function sizedLogo(Logo) {
+  return function SizedLogo({ size = 16, className }) {
+    return /* @__PURE__ */ jsx2(Logo, { className, style: { width: size, height: size } });
+  };
+}
+var brandColor = (platform) => `var(${platformAccentVarName(platform)})`;
+var OpenmspLogoIcon = ({ size = 16, className }) => /* @__PURE__ */ jsx2(
+  OpenmspLogo,
+  {
+    className,
+    style: { width: size, height: size },
+    frontBubbleColor: "var(--color-text-primary)",
+    innerFrontBubbleColor: "var(--color-bg)",
+    backBubbleColor: brandColor("openmsp")
+  }
+);
+var FlamingoLogoIcon = sizedLogo(FlamingoLogo);
+var MlgLogoIcon = ({ size = 16, className, color }) => /* @__PURE__ */ jsx2(MlgLogo, { size, className, color: color ?? "var(--color-text-primary)" });
+var TmcgLogoIcon = ({ size = 16, className }) => /* @__PURE__ */ jsx2(
+  MiamiCyberGangLogoFaceOnly,
+  {
+    size,
+    className,
+    originalPink: brandColor("tmcg"),
+    originalWhite: "var(--color-text-primary)"
+  }
+);
+function LogoOpenframeIcon({ size = 16, className, color }) {
+  const tint = color ?? "currentColor";
+  return /* @__PURE__ */ jsx2(
+    OpenFrameLogo,
+    {
+      className,
+      lowerPathColor: tint,
+      upperPathColor: tint,
+      style: { width: size, height: size }
+    }
+  );
+}
+var ICON_ALIASES = {
+  // Production `/api/docs/commands` keys (multi-platform-hub contract)
+  clickup: ClickupLogoGreyIcon,
+  slack: SlackLogoGreyIcon,
+  hubspot: HubspotLogoGreyIcon,
+  github: GithubIcon,
+  openframe: LogoOpenframeIcon,
+  newspaper: NewspaperIcon,
+  rocket: Rocket02Icon,
+  briefcase: BriefcaseIcon,
+  "graduation-cap": GraduationCapIcon,
+  video: VideoRecorderIcon,
+  headphones: HeadphoneIcon,
+  calendar: CalendarIcon,
+  compass: CompassIcon,
+  // Figma-canonical aliases (node 7363:205938) — kept for Storybook
+  // fixtures and any older feed entries still using the long names.
+  "clickup-logo": ClickupLogoGreyIcon,
+  "clickup-logo-grey": ClickupLogoGreyIcon,
+  "slack-logo": SlackLogoGreyIcon,
+  "slack-logo-grey": SlackLogoGreyIcon,
+  "hubspot-logo": HubspotLogoGreyIcon,
+  "hubspot-logo-grey": HubspotLogoGreyIcon,
+  "github-logo": GithubIcon,
+  "logo-openframe": LogoOpenframeIcon,
+  "rocket-01": Rocket02Icon,
+  "rocket-02": Rocket02Icon,
+  // Announcement-bar legacy names — folded in so resolveIcon covers them too
+  // (was the separate `renderSvgIcon` map; now ONE resolver everywhere).
+  "openframe-logo": LogoOpenframeIcon,
+  "openmsp-logo": OpenmspLogoIcon,
+  "mlg-logo": MlgLogoIcon,
+  "tmcg-logo": TmcgLogoIcon,
+  flamingo: FlamingoLogoIcon,
+  "flamingo-logo": FlamingoLogoIcon,
+  megaphone: Megaphone2,
+  bell: Bell2,
+  info: Info2,
+  star: Star2,
+  package: PackageGlyph,
+  // Generic v2-native keys — useful fall-throughs for slash commands that
+  // don't have a brand-specific glyph in the design.
+  search: SearchIcon,
+  ticket: TicketIcon,
+  book: BookIcon,
+  "book-open": BookIcon,
+  bug: BugIcon,
+  layers: LayersIcon,
+  file: FileIcon,
+  "file-text": FileIcon,
+  chats: ChatsIcon,
+  "message-square": ChatsIcon,
+  "message-circle": ChatsIcon,
+  "bracket-curly": BracketCurlyIcon
+};
+function resolveFromLibrary(iconName) {
+  const tokens = iconName.trim().toLowerCase().replace(/_/g, "-").split("-");
+  if (tokens.some((t) => t.length === 0)) return void 0;
+  const cap = (t) => t.charAt(0).toUpperCase() + t.slice(1);
+  const candidates = [
+    `${tokens.map(cap).join("")}Icon`,
+    `${tokens.map((t) => t === "ai" ? "AI" : cap(t)).join("")}Icon`
+  ];
+  const registry = icons_v2_generated_exports;
+  for (const name of candidates) {
+    const Icon = registry[name];
+    if (Icon) return Icon;
+  }
+  return void 0;
+}
+function brandLogoForName(name) {
+  const words = (name ?? "").split(/[^A-Za-z0-9]+/).filter(Boolean);
+  const pascal = (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+  const registry = icons_v2_generated_exports;
+  for (let length = Math.min(3, words.length); length >= 1; length -= 1) {
+    for (let start = 0; start + length <= words.length; start += 1) {
+      const Logo = registry[`${words.slice(start, start + length).map(pascal).join("")}LogoIcon`];
+      if (Logo) return Logo;
+    }
+  }
+  return null;
+}
+function resolveIcon(iconName, opts) {
+  if (opts?.variant === "brand") {
+    return getIconComponent(iconName);
+  }
+  if (!iconName) return FileIcon;
+  return ICON_ALIASES[iconName] ?? resolveFromLibrary(iconName) ?? FileIcon;
+}
+var ICON_OPTIONS = [
+  // Brands
+  { key: "openframe", label: "OpenFrame" },
+  { key: "slack", label: "Slack" },
+  { key: "hubspot", label: "HubSpot" },
+  { key: "clickup", label: "ClickUp" },
+  { key: "github", label: "GitHub" },
+  { key: "linkedin", label: "LinkedIn" },
+  { key: "twitter", label: "Twitter (X)" },
+  { key: "twitter-x", label: "X" },
+  { key: "facebook", label: "Facebook" },
+  { key: "instagram", label: "Instagram" },
+  { key: "youtube", label: "YouTube" },
+  { key: "discord", label: "Discord" },
+  { key: "figma", label: "Figma" },
+  { key: "google", label: "Google" },
+  { key: "apple", label: "Apple" },
+  { key: "windows", label: "Windows" },
+  { key: "android", label: "Android" },
+  { key: "openai-logo", label: "OpenAI" },
+  { key: "anthropic-logo", label: "Anthropic" },
+  // Content & docs
+  { key: "newspaper", label: "Newspaper" },
+  { key: "book", label: "Book" },
+  { key: "file", label: "File" },
+  { key: "file-text", label: "Document" },
+  { key: "file-code", label: "Code file" },
+  { key: "file-chart-bar", label: "Report" },
+  { key: "file-dollar", label: "Invoice file" },
+  { key: "folder", label: "Folder" },
+  { key: "folder-open", label: "Folder open" },
+  { key: "clipboard", label: "Clipboard" },
+  { key: "clipboard-list", label: "Checklist" },
+  { key: "clipboard-check", label: "Clipboard check" },
+  { key: "memo", label: "Memo" },
+  { key: "paperclip", label: "Attachment" },
+  { key: "copy-01", label: "Copy" },
+  { key: "files", label: "Files" },
+  { key: "box-archive", label: "Box" },
+  { key: "parcel-01", label: "Parcel" },
+  // Media
+  { key: "video", label: "Video" },
+  { key: "headphones", label: "Podcast / audio" },
+  { key: "podcast", label: "Podcast" },
+  { key: "mic", label: "Microphone" },
+  { key: "music-note-01", label: "Music" },
+  { key: "camera", label: "Camera" },
+  { key: "image", label: "Image" },
+  { key: "film-hr", label: "Film" },
+  { key: "play", label: "Play" },
+  // Date & time
+  { key: "calendar", label: "Calendar" },
+  { key: "calendar-check", label: "Calendar check" },
+  { key: "clock", label: "Clock" },
+  { key: "alarm", label: "Alarm" },
+  { key: "stopwatch", label: "Stopwatch" },
+  { key: "timer", label: "Timer" },
+  { key: "hourglass", label: "Hourglass" },
+  // Places & business
+  { key: "briefcase", label: "Briefcase" },
+  { key: "graduation-cap", label: "Education" },
+  { key: "building", label: "Building" },
+  { key: "buildings", label: "Buildings" },
+  { key: "hospital", label: "Hospital" },
+  { key: "school", label: "School" },
+  { key: "warehouse", label: "Warehouse" },
+  { key: "shop", label: "Shop" },
+  // Communication
+  { key: "search", label: "Search" },
+  { key: "chats", label: "Chat" },
+  { key: "message-text", label: "Message" },
+  { key: "messages", label: "Messages" },
+  { key: "email", label: "Email" },
+  { key: "inbox", label: "Inbox" },
+  { key: "send-01", label: "Send" },
+  { key: "at-sign", label: "Mention" },
+  { key: "bell", label: "Notifications" },
+  { key: "megaphone-01", label: "Announcement" },
+  // Charts & analytics
+  { key: "chart-pie", label: "Pie chart" },
+  { key: "chart-donut", label: "Donut chart" },
+  { key: "chart-bar-01-ver", label: "Bar chart" },
+  { key: "chart-line-up", label: "Line chart" },
+  { key: "trend-up", label: "Trend up" },
+  { key: "trend-down", label: "Trend down" },
+  { key: "presentation", label: "Presentation" },
+  { key: "analysis", label: "Analysis" },
+  { key: "activity", label: "Activity" },
+  { key: "network", label: "Network" },
+  // Finance
+  { key: "bank", label: "Bank" },
+  { key: "money-bill-dollar", label: "Money" },
+  { key: "money-bill", label: "Bill" },
+  { key: "coins", label: "Coins" },
+  { key: "coin", label: "Coin" },
+  { key: "coins-exchange-currency", label: "Currency exchange" },
+  { key: "piggy-bank", label: "Savings" },
+  { key: "wallet-01", label: "Wallet" },
+  { key: "credit-card", label: "Credit card" },
+  { key: "hand-coin", label: "Hand coin" },
+  { key: "dollar", label: "Dollar" },
+  { key: "dollar-circle", label: "Dollar circle" },
+  { key: "euro", label: "Euro" },
+  { key: "bitcoin", label: "Bitcoin" },
+  { key: "percent", label: "Percent" },
+  { key: "receipt-01", label: "Receipt" },
+  { key: "badge-dollar", label: "Price badge" },
+  { key: "sack", label: "Money sack" },
+  // Security
+  { key: "shield", label: "Shield" },
+  { key: "shield-check", label: "Shield check" },
+  { key: "lock", label: "Lock" },
+  { key: "unlock", label: "Unlock" },
+  { key: "key", label: "Key" },
+  { key: "fingerprint", label: "Fingerprint" },
+  { key: "scan", label: "Scan" },
+  // People
+  { key: "user", label: "User" },
+  { key: "users", label: "Users" },
+  { key: "users-group", label: "User group" },
+  { key: "user-check", label: "User check" },
+  { key: "id-card", label: "ID card" },
+  { key: "avatar-circle", label: "Avatar" },
+  // Devices & infra
+  { key: "laptop", label: "Laptop" },
+  { key: "monitor", label: "Monitor" },
+  { key: "mobile-phone", label: "Phone" },
+  { key: "hard-drive", label: "Hard drive" },
+  { key: "hard-drives", label: "Storage" },
+  { key: "cloud", label: "Cloud" },
+  { key: "wifi", label: "Wi-Fi" },
+  { key: "printer", label: "Printer" },
+  { key: "keyboard", label: "Keyboard" },
+  { key: "microchip", label: "Chip" },
+  { key: "microchip-ai", label: "AI chip" },
+  { key: "power", label: "Power" },
+  // Code & dev
+  { key: "bracket-curly", label: "Code" },
+  { key: "terminal", label: "Terminal" },
+  { key: "code", label: "Code block" },
+  { key: "bug", label: "Bug" },
+  { key: "package", label: "Package" },
+  { key: "database", label: "Database" },
+  { key: "browser", label: "Browser" },
+  { key: "puzzle-01", label: "Plugin" },
+  { key: "coding-branch", label: "Branch" },
+  { key: "coding-commit", label: "Commit" },
+  { key: "coding-pull-request", label: "Pull request" },
+  { key: "robot", label: "Bot" },
+  { key: "blockchain", label: "Blockchain" },
+  // General & status
+  { key: "layers", label: "Layers" },
+  { key: "settings-01", label: "Settings" },
+  { key: "home", label: "Home" },
+  { key: "eye", label: "View" },
+  { key: "link-01", label: "Link" },
+  { key: "download-01", label: "Download" },
+  { key: "upload-01", label: "Upload" },
+  { key: "trash", label: "Delete" },
+  { key: "share", label: "Share" },
+  { key: "life-buoy", label: "Support" },
+  { key: "rocket", label: "Rocket" },
+  { key: "compass", label: "Compass" },
+  { key: "star", label: "Star" },
+  { key: "crown", label: "Crown" },
+  { key: "gift", label: "Gift" },
+  { key: "ticket", label: "Ticket" },
+  { key: "tag", label: "Tag" },
+  { key: "cart", label: "Cart" },
+  { key: "thumbs-up", label: "Thumbs up" },
+  { key: "flag-01", label: "Flag" },
+  { key: "bookmark", label: "Bookmark" },
+  { key: "pin", label: "Pin" },
+  { key: "check-circle", label: "Check" },
+  { key: "check-square", label: "Checkbox" },
+  { key: "info-circle", label: "Info" },
+  { key: "info", label: "Info alt" },
+  { key: "question-circle", label: "Help" },
+  { key: "alert-triangle", label: "Warning" },
+  { key: "hash", label: "Hashtag" },
+  { key: "pencil", label: "Edit" },
+  { key: "lightning", label: "Lightning" },
+  { key: "globe-01", label: "Globe" },
+  { key: "scale-balanced", label: "Balance" },
+  { key: "certified-01", label: "Certified" }
+];
+
+export {
+  AvatarStack,
+  ICON_REGISTRY,
+  normalizeIconKey,
+  getIconComponent,
+  getDynamicIcon,
+  ICON_ALIASES,
+  brandLogoForName,
+  resolveIcon,
+  ICON_OPTIONS
+};