@grafana/components 0.0.60 → 0.0.61

package/dist/cjs/index.d.cts

@@ -1,29 +1,77 @@
+import { EventBus, GrafanaTheme2 } from '@grafana/data';
 import * as React$1 from 'react';
 import React__default, { ReactNode, JSX, MouseEventHandler as MouseEventHandler$1 } from 'react';
-import { EventBus, GrafanaTheme2 } from '@grafana/data';
 import { ThemeColorMode } from '@grafana/design-tokens';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Placement, FloatingPortalProps } from '@floating-ui/react';
 export { Placement } from '@floating-ui/react';
 
-interface ColorModeChangeProps {
+interface ThemeChangeProps {
     getAppEvents: () => EventBus;
     useTheme2: () => GrafanaTheme2;
 }
+type ThemeChangeWrapper = React.FC<ThemeChangeProps & {
+    children: React.ReactNode;
+}>;
+
 /**
  * This allows us to register an event listener for when the ThemeChangedEvent
  * is fired, and update the currently active color mode accordingly. It will
  * also determine the color mode on initial registration, and update the context
  * provider accordingly.
  */
-declare const useColorModeChange: ({ getAppEvents, useTheme2, }: ColorModeChangeProps) => ThemeColorMode;
+declare const useColorModeChange: ({ getAppEvents, useTheme2, }: ThemeChangeProps) => ThemeColorMode;
 
-type ColorModeWrapper = React__default.FC<ColorModeChangeProps & {
-    children: React__default.ReactNode;
-}>;
-declare const ColorModeChangeHandler: ColorModeWrapper;
+/**
+ * @grafana/core ThemeProvider only surfaces the ‘friendly’ theme name, rather
+ * than their respective identifiers as defined in the theme.json files.
+ */
+declare const LEGACY_THEME_NAMES: readonly ["Aubergine", "Dark", "Debug", "Desert bloom", "Deuteranopia/Protanopia Dark", "Deuteranopia/Protanopia Light", "Gilded grove", "Gloom", "Light", "Mars", "Matrix", "Sapphire dusk", "Synthwave", "Tritanopia Dark", "Tritanopia Light", "Tron", "Victorian", "Zen"];
+type LegacyThemeName = (typeof LEGACY_THEME_NAMES)[number];
+declare const LEGACY_THEME_IDS: string[];
+type LegacyThemeId = (typeof LEGACY_THEME_IDS)[number];
+/**
+ * This allows us to map the legacy theme name to the legacy theme id.
+ */
+declare const THEME_IDS: Record<LegacyThemeName, LegacyThemeId>;
+interface ThemeNameContextType {
+    themeId: LegacyThemeId;
+    setThemeId: (themeId: LegacyThemeId) => void;
+}
+interface ThemeNameProviderProps {
+    children: ReactNode;
+    defaultThemeId?: LegacyThemeId;
+}
+/**
+ * Provides a shared context for the currently-active theme name, and sets
+ * the data-theme-name attribute on the document element whenever it changes.
+ */
+declare const ThemeNameProvider: React__default.FC<ThemeNameProviderProps>;
+/**
+ * Use this to query the active theme name, or to set it, e.g. with an effect
+ * hook within a component which explicitly changes the active theme name:
+ *
+ * useEffect(() => {
+ *   setThemeId(themeId);
+ * }, [themeId]);
+ *
+ */
+declare const useThemeId: () => ThemeNameContextType;
 
-declare const ColorMode: ColorModeWrapper;
+/**
+ * This allows us to register an event listener for when the ThemeChangedEvent
+ * is fired, and update the currently active theme id accordingly. It will also
+ * determine the theme id on initial registration, and update the context
+ * provider accordingly.
+ *
+ * This is a legacy provision to allow access to the experimental named themes;
+ * we’ll probably want a better way to do this in the future.
+ */
+declare const useThemeNameChange: ({ getAppEvents, useTheme2, }: ThemeChangeProps) => LegacyThemeId;
+
+declare const ColorMode: ThemeChangeWrapper;
+
+declare const ColorModeChangeHandler: ThemeChangeWrapper;
 
 interface ColorModeContextType {
     colorMode: ThemeColorMode;
@@ -4398,6 +4446,8 @@ interface StackedChartSkeletonProps {
 }
 declare const StackedChartSkeleton: ({ height, }: StackedChartSkeletonProps) => react_jsx_runtime.JSX.Element;
 
+declare const ThemeNameChangeHandler: ThemeChangeWrapper;
+
 /**
  * Utilities for calculating and displaying value comparisons.
  * @module comparison
@@ -4578,5 +4628,5 @@ declare const filterHueRotate: (index: number, offset?: number) => {
     filter: string;
 };
 
-export { AArrowDown, AArrowUp, ALargeSmall, Accessibility, Activity, ActivitySquare, AirVent, Airplay, AlarmCheck, AlarmClock, AlarmClockCheck, AlarmClockMinus, AlarmClockOff, AlarmClockPlus, AlarmMinus, AlarmPlus, AlarmSmoke, Album, AlertCircle, AlertOctagon, AlertTriangle, AlignCenter, AlignCenterHorizontal, AlignCenterVertical, AlignEndHorizontal, AlignEndVertical, AlignHorizontalDistributeCenter, AlignHorizontalDistributeEnd, AlignHorizontalDistributeStart, AlignHorizontalJustifyCenter, AlignHorizontalJustifyEnd, AlignHorizontalJustifyStart, AlignHorizontalSpaceAround, AlignHorizontalSpaceBetween, AlignJustify, AlignLayoutLeft, AlignLayoutRight, AlignLeft, AlignRight, AlignStartHorizontal, AlignStartVertical, AlignVerticalDistributeCenter, AlignVerticalDistributeEnd, AlignVerticalDistributeStart, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, AlignVerticalSpaceAround, AlignVerticalSpaceBetween, AllIcons, Amazon, Ambulance, Ampersand, Ampersands, Amphora, Anchor, Angry, Annoyed, Antenna, Anvil, Aperture, AppWindow, AppWindowMac, AppWindows, Apple, ApplicationObservability, Archive, ArchiveRestore, ArchiveX, AreaChart, Armchair, ArrowBigDown, ArrowBigDownDash, ArrowBigLeft, ArrowBigLeftDash, ArrowBigRight, ArrowBigRightDash, ArrowBigUp, ArrowBigUpDash, ArrowDown, ArrowDown01, ArrowDown10, ArrowDownAZ, ArrowDownCircle, ArrowDownFromLine, ArrowDownLeft, ArrowDownLeftFromCircle, ArrowDownLeftFromSquare, ArrowDownLeftSquare, ArrowDownNarrowWide, ArrowDownRight, ArrowDownRightFromCircle, ArrowDownRightFromSquare, ArrowDownRightSquare, ArrowDownSquare, ArrowDownToDot, ArrowDownToLine, ArrowDownUp, ArrowDownWideNarrow, ArrowDownZA, ArrowLeft, ArrowLeftCircle, ArrowLeftFromLine, ArrowLeftRight, ArrowLeftSquare, ArrowLeftToLine, ArrowRight, ArrowRightCircle, ArrowRightFromLine, ArrowRightLeft, ArrowRightSquare, ArrowRightToLine, ArrowUp, ArrowUp01, ArrowUp10, ArrowUpAZ, ArrowUpCircle, ArrowUpDown, ArrowUpFromDot, ArrowUpFromLine, ArrowUpLeft, ArrowUpLeftFromCircle, ArrowUpLeftFromSquare, ArrowUpLeftSquare, ArrowUpNarrowWide, ArrowUpRight, ArrowUpRightFromCircle, ArrowUpRightFromSquare, ArrowUpRightSquare, ArrowUpSquare, ArrowUpToLine, ArrowUpWideNarrow, ArrowUpZA, ArrowsDiagonalCrossingRight, ArrowsUpFromLine, Asserts, Asterisk, AsteriskSquare, AtSign, Atom, AudioLines, AudioWaveform, Award, Aws, Axe, Axis3D, Baby, Backpack, Badge, BadgeAlert, BadgeCent, BadgeCheck, BadgeDollarSign, BadgeEuro, BadgeHelp, BadgeIndianRupee, BadgeInfo, BadgeJapaneseYen, BadgeMinus, BadgePercent, BadgePlus, BadgePoundSterling, BadgeQuestionMark, BadgeRussianRuble, BadgeSwissFranc, BadgeTurkishLira, BadgeX, BaggageClaim, Balloon, Ban, Banana, Bandage, Banknote, BanknoteArrowDown, BanknoteArrowUp, BanknoteX, BarAlignmentAfter, BarAlignmentBefore, BarAlignmentCenter, BarChart, BarChart2, BarChart3, BarChart4, BarChartBig, BarChartHorizontal, BarChartHorizontalBig, Barcode, Barrel, Baseline, Bath, Battery, BatteryCharging, BatteryFull, BatteryLow, BatteryMedium, BatteryPlus, BatteryWarning, Beaker, Bean, BeanOff, Bed, BedDouble, BedSingle, Beef, Beer, BeerOff, Bell, BellDot, BellElectric, BellMinus, BellOff, BellPlus, BellRing, BetweenHorizonalEnd, BetweenHorizonalStart, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, BicepsFlexed, Bike, Binary, Binoculars, Biohazard, Bird, Birdhouse, Bitbucket, Bitcoin, Blend, Blinds, Blocks, Bluetooth, BluetoothConnected, BluetoothOff, BluetoothSearching, Bold, Bolt, Bomb, Bone, Book, BookA, BookAlert, BookAudio, BookCheck, BookCopy, BookDashed, BookDown, BookHeadphones, BookHeart, BookImage, BookKey, BookLock, BookMarked, BookMinus, BookOpen, BookOpenCheck, BookOpenText, BookPlus, BookSearch, BookTemplate, BookText, BookType, BookUp, BookUp2, BookUser, BookX, Bookmark, BookmarkCheck, BookmarkMinus, BookmarkPlus, BookmarkX, BoomBox, Bot, BotMessageSquare, BotOff, BottleWine, BowArrow, Box, BoxSelect, Boxes, Braces, Brackets, Brain, BrainCircuit, BrainCog, BrickWall, BrickWallFire, BrickWallShield, Briefcase, BriefcaseBusiness, BriefcaseConveyorBelt, BriefcaseMedical, BringToFront, Brush, BrushCleaning, Bubbles, Bug, BugOff, BugPlay, Building, Building2, Bus, BusFront, Cable, CableCar, Cake, CakeSlice, Calculator, Calendar, Calendar1, CalendarArrowDown, CalendarArrowUp, CalendarCheck, CalendarCheck2, CalendarClock, CalendarCog, CalendarDays, CalendarFold, CalendarHeart, CalendarMinus, CalendarMinus2, CalendarOff, CalendarPlus, CalendarPlus2, CalendarRange, CalendarSearch, CalendarSync, CalendarX, CalendarX2, Calendars, Camera, CameraOff, CandlestickChart, Candy, CandyCane, CandyOff, Cannabis, CannabisOff, Captions, CaptionsOff, Car, CarFront, CarTaxiFront, Caravan, CardSim, Carrot, CaseLower, CaseSensitive, CaseUpper, CassetteTape, Cast, Castle, Cat, Cctv, Channel, ChannelPlus, ChartArea, ChartBar, ChartBarBig, ChartBarDecreasing, ChartBarIncreasing, ChartBarStacked, ChartCandlestick, ChartColumn, ChartColumnBig, ChartColumnDecreasing, ChartColumnIncreasing, ChartColumnStacked, ChartGantt, ChartLine, ChartLinePlus, ChartNetwork, ChartNoAxesColumn, ChartNoAxesColumnDecreasing, ChartNoAxesColumnIncreasing, ChartNoAxesCombined, ChartNoAxesGantt, ChartPanel, ChartPie, ChartScatter, ChartSpline, Check, CheckCheck, CheckCircle, CheckCircle2, CheckLine, CheckSquare, CheckSquare2, ChefHat, Cherry, ChessBishop, ChessKing, ChessKnight, ChessPawn, ChessQueen, ChessRook, ChevronDown, ChevronDownCircle, ChevronDownSquare, ChevronFirst, ChevronLast, ChevronLeft, ChevronLeftCircle, ChevronLeftSquare, ChevronRight, ChevronRightCircle, ChevronRightSquare, ChevronUp, ChevronUpCircle, ChevronUpSquare, ChevronsDown, ChevronsDownUp, ChevronsLeft, ChevronsLeftRight, ChevronsLeftRightEllipsis, ChevronsLeftRightLine, ChevronsRight, ChevronsRightLeft, ChevronsUp, ChevronsUpDown, ChevronsUpDownLine, Chrome, Church, Cigarette, CigaretteOff, Circle, CircleAlert, CircleArrowDown, CircleArrowLeft, CircleArrowOutDownLeft, CircleArrowOutDownRight, CircleArrowOutUpLeft, CircleArrowOutUpRight, CircleArrowRight, CircleArrowUp, CircleCheck, CircleCheckBig, CircleChevronDown, CircleChevronLeft, CircleChevronRight, CircleChevronUp, CircleDashed, CircleDivide, CircleDollarSign, CircleDot, CircleDotDashed, CircleEllipsis, CircleEqual, CircleFadingArrowUp, CircleFadingPlus, CircleFilled, CircleGauge, CircleHelp, CircleMinus, CircleOff, CircleParking, CircleParkingOff, CirclePause, CirclePercent, CirclePile, CirclePlay, CirclePlus, CirclePoundSterling, CirclePower, CircleQuestionMark, CircleSlash, CircleSlash2, CircleSlashed, CircleSmall, CircleStar, CircleStop, CircleUser, CircleUserRound, CircleX, CirclesIntersect, CircuitBoard, Citrus, Clapperboard, Clipboard, ClipboardCheck, ClipboardClock, ClipboardCopy, ClipboardEdit, ClipboardList, ClipboardMinus, ClipboardPaste, ClipboardPen, ClipboardPenLine, ClipboardPlus, ClipboardSignature, ClipboardType, ClipboardX, Clock, Clock1, Clock10, Clock11, Clock12, Clock2, Clock3, Clock4, Clock5, Clock6, Clock7, Clock8, Clock9, ClockAlert, ClockArrowDown, ClockArrowUp, ClockCheck, ClockFading, ClockPlus, ClockX, ClosedCaption, Cloud, CloudAlert, CloudBackup, CloudCheck, CloudCog, CloudDatabase, CloudDownload, CloudDrizzle, CloudFog, CloudHail, CloudIncident, CloudInfo, CloudLightning, CloudMoon, CloudMoonRain, CloudOff, CloudProvider, CloudRain, CloudRainWind, CloudSnow, CloudSun, CloudSunRain, CloudSync, CloudUpload, Cloudy, Clover, Club, Cmab, Code, Code2, CodeSquare, CodeXml, Codepen, Codesandbox, Coffee, Cog, Coins, ColorMode, ColorModeChangeHandler, ColorModeProvider, Columns, Columns2, Columns3, Columns3Cog, Columns4, ColumnsSettings, Combine, Command, ComparisonBadge, ComparisonTooltip, Compass, Component, Computer, ConciergeBell, Cone, Construction, Contact, Contact2, ContactRound, Container, Contrast, Cookie, CookingPot, CoolS, Copy, CopyCheck, CopyMinus, CopyPlus, CopySlash, CopyX, Copyleft, Copyright, CornerDownLeft, CornerDownRight, CornerLeftDown, CornerLeftUp, CornerRightDown, CornerRightUp, CornerUpLeft, CornerUpRight, CorrelationsGlue, Cpu, CreativeCommons, CreditCard, Croissant, Crop, Cross, Crosshair, Crown, Cuboid, CupSoda, CurlyBraces, Currency, Cylinder, Dam, Database, DatabaseBackup, DatabaseZap, DecimalsArrowLeft, DecimalsArrowRight, Delete, Dessert, Diameter, Diamond, DiamondMinus, DiamondPercent, DiamondPlus, Dice1, Dice2, Dice3, Dice4, Dice5, Dice6, Dices, Diff, Disc, Disc2, Disc3, DiscAlbum, Discord, Divide, DivideCircle, DivideSquare, Dna, DnaOff, Dock, Docker, Dog, DollarSign, Donut, DoorClosed, DoorClosedLocked, DoorOpen, Dot, DotSquare, Download, DownloadCloud, DraftingCompass, Drama, Dribbble, Drill, Drilldown, Drone, Droplet, DropletOff, Droplets, Drum, Drumstick, Dumbbell, Ear, EarOff, Earth, EarthLock, Easel, Eclipse, Edit, Edit2, Edit3, Egg, EggFried, EggOff, Ellipsis, EllipsisVertical, Equal, EqualApproximately, EqualNot, EqualSquare, Eraser, EthernetPort, Euro, EvCharger, Expand, ExternalLink, Eye, EyeClosed, EyeOff, Facebook, Factory, Fan, FastForward, Feather, Fence, FerrisWheel, Figma, File, FileArchive, FileAudio, FileAudio2, FileAxis3D, FileBadge, FileBadge2, FileBarChart, FileBarChart2, FileBox, FileBraces, FileBracesCorner, FileChartColumn, FileChartColumnIncreasing, FileChartLine, FileChartPie, FileCheck, FileCheck2, FileCheckCorner, FileClock, FileCode, FileCode2, FileCodeCorner, FileCog, FileCog2, FileDiff, FileDigit, FileDown, FileEdit, FileExclamationPoint, FileHeadphone, FileHeart, FileImage, FileInfo, FileInput, FileJson, FileJson2, FileKey, FileKey2, FileLineChart, FileLock, FileLock2, FileLog, FileMinus, FileMinus2, FileMinusCorner, FileMusic, FileOutput, FilePen, FilePenLine, FilePieChart, FilePlay, FilePlus, FilePlus2, FilePlusCorner, FileQuestion, FileQuestionMark, FileScan, FileSearch, FileSearch2, FileSearchCorner, FileSignal, FileSignature, FileSliders, FileSpreadsheet, FileStack, FileSymlink, FileTerminal, FileText, FileType, FileType2, FileTypeCorner, FileUp, FileUser, FileVideo, FileVideo2, FileVideoCamera, FileVolume, FileVolume2, FileWarning, FileX, FileX2, FileXCorner, Files, Film, Filter, FilterX, Fingerprint, FingerprintPattern, FireExtinguisher, Fish, FishOff, FishSymbol, FishingHook, Flag, FlagOff, FlagTriangleLeft, FlagTriangleRight, Flame, FlameKindling, Flashlight, FlashlightOff, FlaskConical, FlaskConicalOff, FlaskRound, FlipHorizontal, FlipHorizontal2, FlipVertical, FlipVertical2, Flower, Flower2, Focus, FoldHorizontal, FoldVertical, Folder, FolderArchive, FolderCheck, FolderClock, FolderClosed, FolderCode, FolderCog, FolderCog2, FolderDot, FolderDown, FolderEdit, FolderGit, FolderGit2, FolderHeart, FolderInput, FolderKanban, FolderKey, FolderLock, FolderMinus, FolderOpen, FolderOpenDot, FolderOutput, FolderPen, FolderPlus, FolderRoot, FolderSearch, FolderSearch2, FolderSymlink, FolderSync, FolderTree, FolderUp, FolderX, Folders, Footprints, ForkKnife, ForkKnifeCrossed, Forklift, Form, FormInput, Forward, Frame, Framer, FrontendObservability, Frown, Fuel, Fullscreen, FunctionSquare, Funnel, FunnelPlus, FunnelX, GalleryHorizontal, GalleryHorizontalEnd, GalleryThumbnails, GalleryVertical, GalleryVerticalEnd, Gamepad, Gamepad2, GamepadDirectional, GanttChart, GanttChartSquare, Gauge, GaugeCircle, Gavel, Gem, GenericSkeleton, GeorgianLari, Ghost, Gift, Git, GitBranch, GitBranchMinus, GitBranchPlus, GitCommit, GitCommitHorizontal, GitCommitVertical, GitCompare, GitCompareArrows, GitFork, GitGraph, GitMerge, GitPullRequest, GitPullRequestArrow, GitPullRequestClosed, GitPullRequestCreate, GitPullRequestCreateArrow, GitPullRequestDraft, Github, Gitlab, GlassWater, Glasses, Globe, Globe2, GlobeLock, Goal, Google, Gpu, Grab, GraduationCap, Grafana, Grape, Grid, Grid2X2, Grid2X2Check, Grid2X2Plus, Grid2X2X, Grid3X2, Grid3X3, Grip, GripHorizontal, GripVertical, Group, Guitar, Ham, Hamburger, Hammer, Hand, HandCoins, HandFist, HandGrab, HandHeart, HandHelping, HandMetal, HandPlatter, Handbag, Handshake, HardDrive, HardDriveDownload, HardDriveUpload, HardHat, Hash, HatGlasses, Haze, Hd, HdmiPort, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadphoneOff, Headphones, Headset, Heart, HeartCrack, HeartHandshake, HeartMinus, HeartOff, HeartPlus, HeartPulse, Heater, Helicopter, HelpCircle, HelpingHand, Hexagon, Highlighter, History, Home, Hop, HopOff, Hospital, Hotel, Hourglass, House, HouseHeart, HousePlug, HousePlus, HouseWifi, ICON_SIZES, ICON_STROKE_WIDTHS, IceCream, IceCream2, IceCreamBowl, IceCreamCone, Icon, IdCard, IdCardLanyard, Image, ImageDown, ImageMinus, ImageOff, ImagePlay, ImagePlus, ImageUp, ImageUpscale, Images, Import, Inbox, Indent, IndentDecrease, IndentIncrease, IndianRupee, Infinity, Info, Inspect, InspectionPanel, Instagram, InterpolationLinear, InterpolationSmooth, InterpolationStepAfter, InterpolationStepBefore, Irm, Italic, IterationCcw, IterationCw, JapaneseYen, Joystick, K6, Kanban, KanbanSquare, KanbanSquareDashed, Kayak, Key, KeyRound, KeySquare, Keyboard, KeyboardMusic, KeyboardOff, Kubernetes, Lamp, LampCeiling, LampDesk, LampFloor, LampWallDown, LampWallUp, LandPlot, Landmark, Languages, Laptop, Laptop2, LaptopCloud, LaptopMinimal, LaptopMinimalCheck, Lasso, LassoSelect, Laugh, Layers, Layers2, Layers3, LayersOff, LayersPlus, Layout, LayoutDashboard, LayoutGrid, LayoutGridPlus, LayoutList, LayoutPanelLeft, LayoutPanelTop, LayoutTemplate, Leaf, LeafyGreen, Lectern, LetterText, Library, LibraryBig, LibrarySquare, LifeBuoy, Ligature, Lightbulb, LightbulbOff, Line, LineChart, LineSquiggle, Link, Link2, Link2Off, Linkedin, List, ListCheck, ListChecks, ListChevronsDownUp, ListChevronsUpDown, ListCollapse, ListEnd, ListFilter, ListFilterPlus, ListIndentDecrease, ListIndentIncrease, ListMinus, ListMusic, ListOrdered, ListPlus, ListRestart, ListStart, ListTodo, ListTree, ListVideo, ListX, Loader, Loader2, LoaderCircle, LoaderPinwheel, Locate, LocateFixed, LocateOff, LocationEdit, Lock, LockKeyhole, LockKeyholeOpen, LockOpen, LogIn, LogOut, Logs, Loki, Lollipop, LoopedArrowsBoxes, Luggage, MSquare, Magnet, Mail, MailCheck, MailMinus, MailOpen, MailPlus, MailQuestion, MailQuestionMark, MailSearch, MailWarning, MailX, Mailbox, Mails, Map, MapMinus, MapPin, MapPinCheck, MapPinCheckInside, MapPinHouse, MapPinMinus, MapPinMinusInside, MapPinOff, MapPinPen, MapPinPlus, MapPinPlusInside, MapPinX, MapPinXInside, MapPinned, MapPlus, Mars, MarsStroke, Martini, Maximize, Maximize2, Medal, Megaphone, MegaphoneOff, Meh, MemoryStick, Menu, MenuSquare, Merge, MessageCircle, MessageCircleCode, MessageCircleDashed, MessageCircleHeart, MessageCircleMore, MessageCircleOff, MessageCirclePlus, MessageCircleQuestion, MessageCircleQuestionMark, MessageCircleReply, MessageCircleWarning, MessageCircleX, MessageSquare, MessageSquareCode, MessageSquareDashed, MessageSquareDiff, MessageSquareDot, MessageSquareHeart, MessageSquareLock, MessageSquareMore, MessageSquareOff, MessageSquarePlus, MessageSquareQuote, MessageSquareReply, MessageSquareShare, MessageSquareText, MessageSquareWarning, MessageSquareX, MessagesSquare, Mic, Mic2, MicOff, MicVocal, Microchip, Microscope, Microsoft, Microwave, Milestone, Milk, MilkOff, Mimir, Minimize, Minimize2, Minus, MinusCircle, MinusSquare, Monitor, MonitorCheck, MonitorCloud, MonitorCog, MonitorDot, MonitorDown, MonitorOff, MonitorPause, MonitorPlay, MonitorSmartphone, MonitorSpeaker, MonitorStop, MonitorUp, MonitorX, Moon, MoonStar, MoreHorizontal, MoreVertical, Motorbike, Mountain, MountainSnow, Mouse, MouseOff, MousePointer, MousePointer2, MousePointer2Off, MousePointerBan, MousePointerClick, MousePointerSquareDashed, Move, Move3D, MoveDiagonal, MoveDiagonal2, MoveDown, MoveDownLeft, MoveDownRight, MoveHorizontal, MoveLeft, MoveRight, MoveUp, MoveUpLeft, MoveUpRight, MoveVertical, MultiStep, Music, Music2, Music3, Music4, Navigation, Navigation2, Navigation2Off, NavigationOff, Network, Newspaper, Nfc, NonBinary, Notebook, NotebookPen, NotebookTabs, NotebookText, NotepadText, NotepadTextDashed, Nut, NutOff, Octagon, OctagonAlert, OctagonMinus, OctagonPause, OctagonX, Okta, Omega, Option, Orbit, OrientationLandscape, OrientationPortrait, Origami, Outdent, Package, Package2, PackageCheck, PackageMinus, PackageOpen, PackagePlus, PackageSearch, PackageX, Pagerduty, PaintBucket, PaintRoller, Paintbrush, Paintbrush2, PaintbrushVertical, Palette, Palmtree, Panda, PanelBottom, PanelBottomClose, PanelBottomDashed, PanelBottomInactive, PanelBottomOpen, PanelLeft, PanelLeftClose, PanelLeftDashed, PanelLeftInactive, PanelLeftOpen, PanelLeftRightDashed, PanelLeftToggle, PanelLeftToggleDisabled, PanelRight, PanelRightClose, PanelRightDashed, PanelRightInactive, PanelRightOpen, PanelRightToggle, PanelRightToggleDisabled, PanelTop, PanelTopBottomDashed, PanelTopClose, PanelTopDashed, PanelTopInactive, PanelTopOpen, PanelsLeftBottom, PanelsLeftRight, PanelsRightBottom, PanelsTopBottom, PanelsTopLeft, Paperclip, Parentheses, ParkingCircle, ParkingCircleOff, ParkingMeter, ParkingSquare, ParkingSquareOff, PartyPopper, Pause, PauseCircle, PauseOctagon, PawPrint, PcCase, Pen, PenBox, PenLine, PenOff, PenSquare, PenTool, Pencil, PencilLine, PencilOff, PencilRuler, Pentagon, Percent, PercentCircle, PercentDiamond, PercentSquare, PersonStanding, PhilippinePeso, Phone, PhoneCall, PhoneForwarded, PhoneIncoming, PhoneMissed, PhoneOff, PhoneOutgoing, Pi, PiSquare, Piano, Pickaxe, PictureInPicture, PictureInPicture2, PieChart, PiggyBank, Pilcrow, PilcrowLeft, PilcrowRight, PilcrowSquare, Pill, PillBottle, Pin, PinOff, Pipette, Pizza, Plane, PlaneLanding, PlaneTakeoff, Play, PlayCircle, PlaySquare, Plug, Plug2, PlugDiagonal, PlugZap, PlugZap2, Plus, PlusCircle, PlusSquare, Pocket, PocketKnife, Podcast, Pointer, PointerOff, Popcorn, Popover, Popsicle, PortalProvider, PoundSterling, Power, PowerCircle, PowerOff, PowerSquare, Presentation, Printer, PrinterCheck, Projector, Prometheus, Proportions, Puzzle, Pyramid, QrCode, Quote, Rabbit, Radar, Radiation, Radical, Radio, RadioReceiver, RadioTower, Radius, RailSymbol, Rainbow, Rat, Ratio, Receipt, ReceiptCent, ReceiptEuro, ReceiptIndianRupee, ReceiptJapaneseYen, ReceiptPoundSterling, ReceiptRussianRuble, ReceiptSwissFranc, ReceiptText, ReceiptTurkishLira, RectangleCircle, RectangleEllipsis, RectangleGoggles, RectangleHorizontal, RectangleVertical, Recycle, Redo, Redo2, RedoDot, RefreshCcw, RefreshCcwDot, RefreshCw, RefreshCwOff, RefreshX4Ccw, RefreshX4Cw, Refrigerator, Regex, RemoveFormatting, Repeat, Repeat1, Repeat2, Replace, ReplaceAll, Reply, ReplyAll, Rewind, Ribbon, Rocket, RockingChair, RollerCoaster, Rose, Rotate3D, RotateCcw, RotateCcwKey, RotateCcwSquare, RotateCw, RotateCwSquare, Route, RouteOff, Router, Rows, Rows2, Rows3, Rows4, Rss, Ruler, RulerDimensionLine, RussianRuble, Sailboat, Salad, Sandwich, Satellite, SatelliteDish, SaudiRiyal, Save, SaveAll, SaveOff, Scale, Scale3D, Scaling, Scan, ScanBarcode, ScanEye, ScanFace, ScanHeart, ScanLine, ScanQrCode, ScanSearch, ScanText, ScatterChart, School, School2, Scim, Scissors, ScissorsLineDashed, ScissorsSquare, ScissorsSquareDashedBottom, Scooter, ScreenShare, ScreenShareOff, Scroll, ScrollText, Search, SearchAlert, SearchCheck, SearchCode, SearchSlash, SearchX, Section, Send, SendHorizonal, SendHorizontal, SendToBack, SeparatorHorizontal, SeparatorVertical, Server, ServerCog, ServerCrash, ServerOff, Settings, Settings2, Shapes, Share, Share2, Sheet, Shell, Shield, ShieldAlert, ShieldBan, ShieldCheck, ShieldClose, ShieldEllipsis, ShieldHalf, ShieldMinus, ShieldOff, ShieldPlus, ShieldQuestion, ShieldQuestionMark, ShieldUser, ShieldX, Ship, ShipWheel, Shirt, ShoppingBag, ShoppingBasket, ShoppingCart, Shovel, ShowerHead, Shredder, Shrimp, Shrink, Shrub, Shuffle, Sidebar, SidebarClose, SidebarOpen, Sigma, SigmaSquare, Signal, SignalHigh, SignalLow, SignalMedium, SignalZero, Signature, Signpost, SignpostBig, Siren, SkipBack, SkipForward, Skull, Slack, Slash, SlashSquare, Slice, Sliders, SlidersHorizontal, SlidersVertical, SloTarget, Smartphone, SmartphoneCharging, SmartphoneNfc, Smile, SmilePlus, Snail, Snowflake, SoapDispenserDroplet, Sofa, SolarPanel, SortAsc, SortDesc, Soup, Space, Spade, Sparkle, SparkleSolid, Sparkles, SparklesFrame, SparklesSolid, Speaker, Speech, SpellCheck, SpellCheck2, Spline, SplinePointer, Split, SplitSquareHorizontal, SplitSquareVertical, Spool, Spotlight, SprayCan, Sprout, Square, SquareActivity, SquareArrowDown, SquareArrowDownLeft, SquareArrowDownRight, SquareArrowLeft, SquareArrowOutDownLeft, SquareArrowOutDownRight, SquareArrowOutUpLeft, SquareArrowOutUpRight, SquareArrowRight, SquareArrowUp, SquareArrowUpLeft, SquareArrowUpRight, SquareAsterisk, SquareBottomDashedScissors, SquareChartGantt, SquareCheck, SquareCheckBig, SquareChevronDown, SquareChevronLeft, SquareChevronRight, SquareChevronUp, SquareCode, SquareDashed, SquareDashedArrowSmallSquare, SquareDashedBottom, SquareDashedBottomCode, SquareDashedKanban, SquareDashedMousePointer, SquareDashedTopSolid, SquareDivide, SquareDot, SquareEqual, SquareFunction, SquareGanttChart, SquareKanban, SquareLibrary, SquareList, SquareM, SquareMenu, SquareMinus, SquareMousePointer, SquareParking, SquareParkingOff, SquarePartialList, SquarePause, SquarePen, SquarePercent, SquarePi, SquarePilcrow, SquarePlay, SquarePlus, SquarePower, SquareRadical, SquareRoundCorner, SquareScissors, SquareSigma, SquareSlash, SquareSplitHorizontal, SquareSplitVertical, SquareSquare, SquareStack, SquareStar, SquareStop, SquareTerminal, SquareUser, SquareUserRound, SquareX, SquaresExclude, SquaresIntersect, SquaresSubtract, SquaresUnite, Squircle, SquircleDashed, Squirrel, StackedChart, StackedChartNoData, StackedChartSegment, StackedChartSegmentTooltip, StackedChartSkeleton, Stamp, Star, StarHalf, StarOff, Stars, StepBack, StepForward, Stethoscope, Sticker, StickyNote, Stone, StopCircle, Store, StretchHorizontal, StretchVertical, Strikethrough, Subscript, Subtitles, Sun, SunDim, SunMedium, SunMoon, SunSnow, Sunrise, Sunset, Superscript, SwatchBook, SwissFranc, SwitchCamera, Sword, Swords, SyntheticMonitoring, Syringe, Table, Table2, TableCellsMerge, TableCellsSplit, TableColumnsSplit, TableConfig, TableOfContents, TableProperties, TableRowsSplit, Tablet, TabletSmartphone, Tablets, Tag, Tags, Tally1, Tally2, Tally3, Tally4, Tally5, Tangent, Target, Telegram, Telescope, Tempo, Tent, TentTree, Terminal, TerminalSquare, TestTube, TestTube2, TestTubeDiagonal, TestTubes, Text, TextAlignCenter, TextAlignEnd, TextAlignJustify, TextAlignStart, TextCursor, TextCursorInput, TextInitial, TextQuote, TextSearch, TextSelect, TextSelection, TextWrap, Theater, Thermometer, ThermometerSnowflake, ThermometerSun, ThumbsDown, ThumbsUp, Ticket, TicketCheck, TicketMinus, TicketPercent, TicketPlus, TicketSlash, TicketX, Tickets, TicketsPlane, Timer, TimerOff, TimerReset, ToggleLeft, ToggleRight, Toilet, ToolCase, Toolbox, Tornado, Torus, Touchpad, TouchpadOff, TowerControl, ToyBrick, Tractor, TrafficCone, Train, TrainFront, TrainFrontTunnel, TrainTrack, TramFront, Transgender, Trash, Trash2, TreeDeciduous, TreePalm, TreePine, Trees, Trello, TrendingDown, TrendingUp, TrendingUpDown, Triangle, TriangleAlert, TriangleDashed, TriangleRight, Trophy, Truck, TruckElectric, TurkishLira, Turntable, Turtle, Tv, Tv2, TvMinimal, TvMinimalPlay, Twitch, Twitter, Type, TypeOutline, Umbrella, UmbrellaOff, Underline, Undo, Undo2, UndoDot, UnfoldHorizontal, UnfoldVertical, Ungroup, University, Unlink, Unlink2, Unlock, UnlockKeyhole, Unplug, Upload, UploadCloud, Usb, User, User2, UserCheck, UserCheck2, UserCircle, UserCircle2, UserCog, UserCog2, UserKey, UserLock, UserMinus, UserMinus2, UserPen, UserPlus, UserPlus2, UserRound, UserRoundCheck, UserRoundCog, UserRoundMinus, UserRoundPen, UserRoundPlus, UserRoundSearch, UserRoundX, UserSearch, UserSquare, UserSquare2, UserStar, UserX, UserX2, Users, Users2, UsersRound, Utensils, UtensilsCrossed, UtilityPole, Van, Variable, Vault, VectorSquare, Vegan, VenetianMask, Venus, VenusAndMars, Verified, Vibrate, VibrateOff, Video, VideoOff, Videotape, View, Voicemail, Volleyball, Volume, Volume1, Volume2, VolumeOff, VolumeX, Vote, Wallet, Wallet2, WalletCards, WalletMinimal, Wallpaper, Wand, Wand2, WandSparkles, Warehouse, WashingMachine, Watch, Waves, WavesArrowDown, WavesArrowUp, WavesLadder, Waypoints, Webcam, Webhook, WebhookOff, Weight, WeightTilde, Wheat, WheatOff, WholeWord, Wifi, WifiCog, WifiHigh, WifiLow, WifiOff, WifiPen, WifiSync, WifiZero, Wind, WindArrowDown, Wine, WineOff, Workflow, Worm, WrapText, Wrench, X, XCircle, XOctagon, XSquare, Youtube, Zap, ZapOff, ZoomIn, ZoomOut, calculateComparison, filterHueRotate, formatNumber, iconMetaData, useColorMode, useColorModeChange, usePortal };
-export type { ColorModeChangeProps, ColorModeContextType, ColorModeProviderProps, ColorModeWrapper, ComparisonResult, ComparisonTooltipProps, ControlledPopoverProps, FormatNumberOptions, GenericSkeletonProps, IconName, IconProps, IconSize, PopoverProps, PopoverWithContentProps, PopoverWithTriggerProps, PortalContextType, PortalProviderProps, PortalRoot, SVGComponent, SVGComponentProps, SegmentMouseEventHandler, SharedPopoverProps, StackedChartCategories, StackedChartCategory, StackedChartNoDataMessageFormatter, StackedChartNoDataProps, StackedChartProps, StackedChartSegmentProps, StackedChartSegmentState, StackedChartSegmentTooltipProps, StackedChartSkeletonProps, StackedChartSortOrder, StackedChartTooltipContentFormatter, UsePortalOptions };
+export { AArrowDown, AArrowUp, ALargeSmall, Accessibility, Activity, ActivitySquare, AirVent, Airplay, AlarmCheck, AlarmClock, AlarmClockCheck, AlarmClockMinus, AlarmClockOff, AlarmClockPlus, AlarmMinus, AlarmPlus, AlarmSmoke, Album, AlertCircle, AlertOctagon, AlertTriangle, AlignCenter, AlignCenterHorizontal, AlignCenterVertical, AlignEndHorizontal, AlignEndVertical, AlignHorizontalDistributeCenter, AlignHorizontalDistributeEnd, AlignHorizontalDistributeStart, AlignHorizontalJustifyCenter, AlignHorizontalJustifyEnd, AlignHorizontalJustifyStart, AlignHorizontalSpaceAround, AlignHorizontalSpaceBetween, AlignJustify, AlignLayoutLeft, AlignLayoutRight, AlignLeft, AlignRight, AlignStartHorizontal, AlignStartVertical, AlignVerticalDistributeCenter, AlignVerticalDistributeEnd, AlignVerticalDistributeStart, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, AlignVerticalSpaceAround, AlignVerticalSpaceBetween, AllIcons, Amazon, Ambulance, Ampersand, Ampersands, Amphora, Anchor, Angry, Annoyed, Antenna, Anvil, Aperture, AppWindow, AppWindowMac, AppWindows, Apple, ApplicationObservability, Archive, ArchiveRestore, ArchiveX, AreaChart, Armchair, ArrowBigDown, ArrowBigDownDash, ArrowBigLeft, ArrowBigLeftDash, ArrowBigRight, ArrowBigRightDash, ArrowBigUp, ArrowBigUpDash, ArrowDown, ArrowDown01, ArrowDown10, ArrowDownAZ, ArrowDownCircle, ArrowDownFromLine, ArrowDownLeft, ArrowDownLeftFromCircle, ArrowDownLeftFromSquare, ArrowDownLeftSquare, ArrowDownNarrowWide, ArrowDownRight, ArrowDownRightFromCircle, ArrowDownRightFromSquare, ArrowDownRightSquare, ArrowDownSquare, ArrowDownToDot, ArrowDownToLine, ArrowDownUp, ArrowDownWideNarrow, ArrowDownZA, ArrowLeft, ArrowLeftCircle, ArrowLeftFromLine, ArrowLeftRight, ArrowLeftSquare, ArrowLeftToLine, ArrowRight, ArrowRightCircle, ArrowRightFromLine, ArrowRightLeft, ArrowRightSquare, ArrowRightToLine, ArrowUp, ArrowUp01, ArrowUp10, ArrowUpAZ, ArrowUpCircle, ArrowUpDown, ArrowUpFromDot, ArrowUpFromLine, ArrowUpLeft, ArrowUpLeftFromCircle, ArrowUpLeftFromSquare, ArrowUpLeftSquare, ArrowUpNarrowWide, ArrowUpRight, ArrowUpRightFromCircle, ArrowUpRightFromSquare, ArrowUpRightSquare, ArrowUpSquare, ArrowUpToLine, ArrowUpWideNarrow, ArrowUpZA, ArrowsDiagonalCrossingRight, ArrowsUpFromLine, Asserts, Asterisk, AsteriskSquare, AtSign, Atom, AudioLines, AudioWaveform, Award, Aws, Axe, Axis3D, Baby, Backpack, Badge, BadgeAlert, BadgeCent, BadgeCheck, BadgeDollarSign, BadgeEuro, BadgeHelp, BadgeIndianRupee, BadgeInfo, BadgeJapaneseYen, BadgeMinus, BadgePercent, BadgePlus, BadgePoundSterling, BadgeQuestionMark, BadgeRussianRuble, BadgeSwissFranc, BadgeTurkishLira, BadgeX, BaggageClaim, Balloon, Ban, Banana, Bandage, Banknote, BanknoteArrowDown, BanknoteArrowUp, BanknoteX, BarAlignmentAfter, BarAlignmentBefore, BarAlignmentCenter, BarChart, BarChart2, BarChart3, BarChart4, BarChartBig, BarChartHorizontal, BarChartHorizontalBig, Barcode, Barrel, Baseline, Bath, Battery, BatteryCharging, BatteryFull, BatteryLow, BatteryMedium, BatteryPlus, BatteryWarning, Beaker, Bean, BeanOff, Bed, BedDouble, BedSingle, Beef, Beer, BeerOff, Bell, BellDot, BellElectric, BellMinus, BellOff, BellPlus, BellRing, BetweenHorizonalEnd, BetweenHorizonalStart, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, BicepsFlexed, Bike, Binary, Binoculars, Biohazard, Bird, Birdhouse, Bitbucket, Bitcoin, Blend, Blinds, Blocks, Bluetooth, BluetoothConnected, BluetoothOff, BluetoothSearching, Bold, Bolt, Bomb, Bone, Book, BookA, BookAlert, BookAudio, BookCheck, BookCopy, BookDashed, BookDown, BookHeadphones, BookHeart, BookImage, BookKey, BookLock, BookMarked, BookMinus, BookOpen, BookOpenCheck, BookOpenText, BookPlus, BookSearch, BookTemplate, BookText, BookType, BookUp, BookUp2, BookUser, BookX, Bookmark, BookmarkCheck, BookmarkMinus, BookmarkPlus, BookmarkX, BoomBox, Bot, BotMessageSquare, BotOff, BottleWine, BowArrow, Box, BoxSelect, Boxes, Braces, Brackets, Brain, BrainCircuit, BrainCog, BrickWall, BrickWallFire, BrickWallShield, Briefcase, BriefcaseBusiness, BriefcaseConveyorBelt, BriefcaseMedical, BringToFront, Brush, BrushCleaning, Bubbles, Bug, BugOff, BugPlay, Building, Building2, Bus, BusFront, Cable, CableCar, Cake, CakeSlice, Calculator, Calendar, Calendar1, CalendarArrowDown, CalendarArrowUp, CalendarCheck, CalendarCheck2, CalendarClock, CalendarCog, CalendarDays, CalendarFold, CalendarHeart, CalendarMinus, CalendarMinus2, CalendarOff, CalendarPlus, CalendarPlus2, CalendarRange, CalendarSearch, CalendarSync, CalendarX, CalendarX2, Calendars, Camera, CameraOff, CandlestickChart, Candy, CandyCane, CandyOff, Cannabis, CannabisOff, Captions, CaptionsOff, Car, CarFront, CarTaxiFront, Caravan, CardSim, Carrot, CaseLower, CaseSensitive, CaseUpper, CassetteTape, Cast, Castle, Cat, Cctv, Channel, ChannelPlus, ChartArea, ChartBar, ChartBarBig, ChartBarDecreasing, ChartBarIncreasing, ChartBarStacked, ChartCandlestick, ChartColumn, ChartColumnBig, ChartColumnDecreasing, ChartColumnIncreasing, ChartColumnStacked, ChartGantt, ChartLine, ChartLinePlus, ChartNetwork, ChartNoAxesColumn, ChartNoAxesColumnDecreasing, ChartNoAxesColumnIncreasing, ChartNoAxesCombined, ChartNoAxesGantt, ChartPanel, ChartPie, ChartScatter, ChartSpline, Check, CheckCheck, CheckCircle, CheckCircle2, CheckLine, CheckSquare, CheckSquare2, ChefHat, Cherry, ChessBishop, ChessKing, ChessKnight, ChessPawn, ChessQueen, ChessRook, ChevronDown, ChevronDownCircle, ChevronDownSquare, ChevronFirst, ChevronLast, ChevronLeft, ChevronLeftCircle, ChevronLeftSquare, ChevronRight, ChevronRightCircle, ChevronRightSquare, ChevronUp, ChevronUpCircle, ChevronUpSquare, ChevronsDown, ChevronsDownUp, ChevronsLeft, ChevronsLeftRight, ChevronsLeftRightEllipsis, ChevronsLeftRightLine, ChevronsRight, ChevronsRightLeft, ChevronsUp, ChevronsUpDown, ChevronsUpDownLine, Chrome, Church, Cigarette, CigaretteOff, Circle, CircleAlert, CircleArrowDown, CircleArrowLeft, CircleArrowOutDownLeft, CircleArrowOutDownRight, CircleArrowOutUpLeft, CircleArrowOutUpRight, CircleArrowRight, CircleArrowUp, CircleCheck, CircleCheckBig, CircleChevronDown, CircleChevronLeft, CircleChevronRight, CircleChevronUp, CircleDashed, CircleDivide, CircleDollarSign, CircleDot, CircleDotDashed, CircleEllipsis, CircleEqual, CircleFadingArrowUp, CircleFadingPlus, CircleFilled, CircleGauge, CircleHelp, CircleMinus, CircleOff, CircleParking, CircleParkingOff, CirclePause, CirclePercent, CirclePile, CirclePlay, CirclePlus, CirclePoundSterling, CirclePower, CircleQuestionMark, CircleSlash, CircleSlash2, CircleSlashed, CircleSmall, CircleStar, CircleStop, CircleUser, CircleUserRound, CircleX, CirclesIntersect, CircuitBoard, Citrus, Clapperboard, Clipboard, ClipboardCheck, ClipboardClock, ClipboardCopy, ClipboardEdit, ClipboardList, ClipboardMinus, ClipboardPaste, ClipboardPen, ClipboardPenLine, ClipboardPlus, ClipboardSignature, ClipboardType, ClipboardX, Clock, Clock1, Clock10, Clock11, Clock12, Clock2, Clock3, Clock4, Clock5, Clock6, Clock7, Clock8, Clock9, ClockAlert, ClockArrowDown, ClockArrowUp, ClockCheck, ClockFading, ClockPlus, ClockX, ClosedCaption, Cloud, CloudAlert, CloudBackup, CloudCheck, CloudCog, CloudDatabase, CloudDownload, CloudDrizzle, CloudFog, CloudHail, CloudIncident, CloudInfo, CloudLightning, CloudMoon, CloudMoonRain, CloudOff, CloudProvider, CloudRain, CloudRainWind, CloudSnow, CloudSun, CloudSunRain, CloudSync, CloudUpload, Cloudy, Clover, Club, Cmab, Code, Code2, CodeSquare, CodeXml, Codepen, Codesandbox, Coffee, Cog, Coins, ColorMode, ColorModeChangeHandler, ColorModeProvider, Columns, Columns2, Columns3, Columns3Cog, Columns4, ColumnsSettings, Combine, Command, ComparisonBadge, ComparisonTooltip, Compass, Component, Computer, ConciergeBell, Cone, Construction, Contact, Contact2, ContactRound, Container, Contrast, Cookie, CookingPot, CoolS, Copy, CopyCheck, CopyMinus, CopyPlus, CopySlash, CopyX, Copyleft, Copyright, CornerDownLeft, CornerDownRight, CornerLeftDown, CornerLeftUp, CornerRightDown, CornerRightUp, CornerUpLeft, CornerUpRight, CorrelationsGlue, Cpu, CreativeCommons, CreditCard, Croissant, Crop, Cross, Crosshair, Crown, Cuboid, CupSoda, CurlyBraces, Currency, Cylinder, Dam, Database, DatabaseBackup, DatabaseZap, DecimalsArrowLeft, DecimalsArrowRight, Delete, Dessert, Diameter, Diamond, DiamondMinus, DiamondPercent, DiamondPlus, Dice1, Dice2, Dice3, Dice4, Dice5, Dice6, Dices, Diff, Disc, Disc2, Disc3, DiscAlbum, Discord, Divide, DivideCircle, DivideSquare, Dna, DnaOff, Dock, Docker, Dog, DollarSign, Donut, DoorClosed, DoorClosedLocked, DoorOpen, Dot, DotSquare, Download, DownloadCloud, DraftingCompass, Drama, Dribbble, Drill, Drilldown, Drone, Droplet, DropletOff, Droplets, Drum, Drumstick, Dumbbell, Ear, EarOff, Earth, EarthLock, Easel, Eclipse, Edit, Edit2, Edit3, Egg, EggFried, EggOff, Ellipsis, EllipsisVertical, Equal, EqualApproximately, EqualNot, EqualSquare, Eraser, EthernetPort, Euro, EvCharger, Expand, ExternalLink, Eye, EyeClosed, EyeOff, Facebook, Factory, Fan, FastForward, Feather, Fence, FerrisWheel, Figma, File, FileArchive, FileAudio, FileAudio2, FileAxis3D, FileBadge, FileBadge2, FileBarChart, FileBarChart2, FileBox, FileBraces, FileBracesCorner, FileChartColumn, FileChartColumnIncreasing, FileChartLine, FileChartPie, FileCheck, FileCheck2, FileCheckCorner, FileClock, FileCode, FileCode2, FileCodeCorner, FileCog, FileCog2, FileDiff, FileDigit, FileDown, FileEdit, FileExclamationPoint, FileHeadphone, FileHeart, FileImage, FileInfo, FileInput, FileJson, FileJson2, FileKey, FileKey2, FileLineChart, FileLock, FileLock2, FileLog, FileMinus, FileMinus2, FileMinusCorner, FileMusic, FileOutput, FilePen, FilePenLine, FilePieChart, FilePlay, FilePlus, FilePlus2, FilePlusCorner, FileQuestion, FileQuestionMark, FileScan, FileSearch, FileSearch2, FileSearchCorner, FileSignal, FileSignature, FileSliders, FileSpreadsheet, FileStack, FileSymlink, FileTerminal, FileText, FileType, FileType2, FileTypeCorner, FileUp, FileUser, FileVideo, FileVideo2, FileVideoCamera, FileVolume, FileVolume2, FileWarning, FileX, FileX2, FileXCorner, Files, Film, Filter, FilterX, Fingerprint, FingerprintPattern, FireExtinguisher, Fish, FishOff, FishSymbol, FishingHook, Flag, FlagOff, FlagTriangleLeft, FlagTriangleRight, Flame, FlameKindling, Flashlight, FlashlightOff, FlaskConical, FlaskConicalOff, FlaskRound, FlipHorizontal, FlipHorizontal2, FlipVertical, FlipVertical2, Flower, Flower2, Focus, FoldHorizontal, FoldVertical, Folder, FolderArchive, FolderCheck, FolderClock, FolderClosed, FolderCode, FolderCog, FolderCog2, FolderDot, FolderDown, FolderEdit, FolderGit, FolderGit2, FolderHeart, FolderInput, FolderKanban, FolderKey, FolderLock, FolderMinus, FolderOpen, FolderOpenDot, FolderOutput, FolderPen, FolderPlus, FolderRoot, FolderSearch, FolderSearch2, FolderSymlink, FolderSync, FolderTree, FolderUp, FolderX, Folders, Footprints, ForkKnife, ForkKnifeCrossed, Forklift, Form, FormInput, Forward, Frame, Framer, FrontendObservability, Frown, Fuel, Fullscreen, FunctionSquare, Funnel, FunnelPlus, FunnelX, GalleryHorizontal, GalleryHorizontalEnd, GalleryThumbnails, GalleryVertical, GalleryVerticalEnd, Gamepad, Gamepad2, GamepadDirectional, GanttChart, GanttChartSquare, Gauge, GaugeCircle, Gavel, Gem, GenericSkeleton, GeorgianLari, Ghost, Gift, Git, GitBranch, GitBranchMinus, GitBranchPlus, GitCommit, GitCommitHorizontal, GitCommitVertical, GitCompare, GitCompareArrows, GitFork, GitGraph, GitMerge, GitPullRequest, GitPullRequestArrow, GitPullRequestClosed, GitPullRequestCreate, GitPullRequestCreateArrow, GitPullRequestDraft, Github, Gitlab, GlassWater, Glasses, Globe, Globe2, GlobeLock, Goal, Google, Gpu, Grab, GraduationCap, Grafana, Grape, Grid, Grid2X2, Grid2X2Check, Grid2X2Plus, Grid2X2X, Grid3X2, Grid3X3, Grip, GripHorizontal, GripVertical, Group, Guitar, Ham, Hamburger, Hammer, Hand, HandCoins, HandFist, HandGrab, HandHeart, HandHelping, HandMetal, HandPlatter, Handbag, Handshake, HardDrive, HardDriveDownload, HardDriveUpload, HardHat, Hash, HatGlasses, Haze, Hd, HdmiPort, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadphoneOff, Headphones, Headset, Heart, HeartCrack, HeartHandshake, HeartMinus, HeartOff, HeartPlus, HeartPulse, Heater, Helicopter, HelpCircle, HelpingHand, Hexagon, Highlighter, History, Home, Hop, HopOff, Hospital, Hotel, Hourglass, House, HouseHeart, HousePlug, HousePlus, HouseWifi, ICON_SIZES, ICON_STROKE_WIDTHS, IceCream, IceCream2, IceCreamBowl, IceCreamCone, Icon, IdCard, IdCardLanyard, Image, ImageDown, ImageMinus, ImageOff, ImagePlay, ImagePlus, ImageUp, ImageUpscale, Images, Import, Inbox, Indent, IndentDecrease, IndentIncrease, IndianRupee, Infinity, Info, Inspect, InspectionPanel, Instagram, InterpolationLinear, InterpolationSmooth, InterpolationStepAfter, InterpolationStepBefore, Irm, Italic, IterationCcw, IterationCw, JapaneseYen, Joystick, K6, Kanban, KanbanSquare, KanbanSquareDashed, Kayak, Key, KeyRound, KeySquare, Keyboard, KeyboardMusic, KeyboardOff, Kubernetes, LEGACY_THEME_IDS, LEGACY_THEME_NAMES, Lamp, LampCeiling, LampDesk, LampFloor, LampWallDown, LampWallUp, LandPlot, Landmark, Languages, Laptop, Laptop2, LaptopCloud, LaptopMinimal, LaptopMinimalCheck, Lasso, LassoSelect, Laugh, Layers, Layers2, Layers3, LayersOff, LayersPlus, Layout, LayoutDashboard, LayoutGrid, LayoutGridPlus, LayoutList, LayoutPanelLeft, LayoutPanelTop, LayoutTemplate, Leaf, LeafyGreen, Lectern, LetterText, Library, LibraryBig, LibrarySquare, LifeBuoy, Ligature, Lightbulb, LightbulbOff, Line, LineChart, LineSquiggle, Link, Link2, Link2Off, Linkedin, List, ListCheck, ListChecks, ListChevronsDownUp, ListChevronsUpDown, ListCollapse, ListEnd, ListFilter, ListFilterPlus, ListIndentDecrease, ListIndentIncrease, ListMinus, ListMusic, ListOrdered, ListPlus, ListRestart, ListStart, ListTodo, ListTree, ListVideo, ListX, Loader, Loader2, LoaderCircle, LoaderPinwheel, Locate, LocateFixed, LocateOff, LocationEdit, Lock, LockKeyhole, LockKeyholeOpen, LockOpen, LogIn, LogOut, Logs, Loki, Lollipop, LoopedArrowsBoxes, Luggage, MSquare, Magnet, Mail, MailCheck, MailMinus, MailOpen, MailPlus, MailQuestion, MailQuestionMark, MailSearch, MailWarning, MailX, Mailbox, Mails, Map, MapMinus, MapPin, MapPinCheck, MapPinCheckInside, MapPinHouse, MapPinMinus, MapPinMinusInside, MapPinOff, MapPinPen, MapPinPlus, MapPinPlusInside, MapPinX, MapPinXInside, MapPinned, MapPlus, Mars, MarsStroke, Martini, Maximize, Maximize2, Medal, Megaphone, MegaphoneOff, Meh, MemoryStick, Menu, MenuSquare, Merge, MessageCircle, MessageCircleCode, MessageCircleDashed, MessageCircleHeart, MessageCircleMore, MessageCircleOff, MessageCirclePlus, MessageCircleQuestion, MessageCircleQuestionMark, MessageCircleReply, MessageCircleWarning, MessageCircleX, MessageSquare, MessageSquareCode, MessageSquareDashed, MessageSquareDiff, MessageSquareDot, MessageSquareHeart, MessageSquareLock, MessageSquareMore, MessageSquareOff, MessageSquarePlus, MessageSquareQuote, MessageSquareReply, MessageSquareShare, MessageSquareText, MessageSquareWarning, MessageSquareX, MessagesSquare, Mic, Mic2, MicOff, MicVocal, Microchip, Microscope, Microsoft, Microwave, Milestone, Milk, MilkOff, Mimir, Minimize, Minimize2, Minus, MinusCircle, MinusSquare, Monitor, MonitorCheck, MonitorCloud, MonitorCog, MonitorDot, MonitorDown, MonitorOff, MonitorPause, MonitorPlay, MonitorSmartphone, MonitorSpeaker, MonitorStop, MonitorUp, MonitorX, Moon, MoonStar, MoreHorizontal, MoreVertical, Motorbike, Mountain, MountainSnow, Mouse, MouseOff, MousePointer, MousePointer2, MousePointer2Off, MousePointerBan, MousePointerClick, MousePointerSquareDashed, Move, Move3D, MoveDiagonal, MoveDiagonal2, MoveDown, MoveDownLeft, MoveDownRight, MoveHorizontal, MoveLeft, MoveRight, MoveUp, MoveUpLeft, MoveUpRight, MoveVertical, MultiStep, Music, Music2, Music3, Music4, Navigation, Navigation2, Navigation2Off, NavigationOff, Network, Newspaper, Nfc, NonBinary, Notebook, NotebookPen, NotebookTabs, NotebookText, NotepadText, NotepadTextDashed, Nut, NutOff, Octagon, OctagonAlert, OctagonMinus, OctagonPause, OctagonX, Okta, Omega, Option, Orbit, OrientationLandscape, OrientationPortrait, Origami, Outdent, Package, Package2, PackageCheck, PackageMinus, PackageOpen, PackagePlus, PackageSearch, PackageX, Pagerduty, PaintBucket, PaintRoller, Paintbrush, Paintbrush2, PaintbrushVertical, Palette, Palmtree, Panda, PanelBottom, PanelBottomClose, PanelBottomDashed, PanelBottomInactive, PanelBottomOpen, PanelLeft, PanelLeftClose, PanelLeftDashed, PanelLeftInactive, PanelLeftOpen, PanelLeftRightDashed, PanelLeftToggle, PanelLeftToggleDisabled, PanelRight, PanelRightClose, PanelRightDashed, PanelRightInactive, PanelRightOpen, PanelRightToggle, PanelRightToggleDisabled, PanelTop, PanelTopBottomDashed, PanelTopClose, PanelTopDashed, PanelTopInactive, PanelTopOpen, PanelsLeftBottom, PanelsLeftRight, PanelsRightBottom, PanelsTopBottom, PanelsTopLeft, Paperclip, Parentheses, ParkingCircle, ParkingCircleOff, ParkingMeter, ParkingSquare, ParkingSquareOff, PartyPopper, Pause, PauseCircle, PauseOctagon, PawPrint, PcCase, Pen, PenBox, PenLine, PenOff, PenSquare, PenTool, Pencil, PencilLine, PencilOff, PencilRuler, Pentagon, Percent, PercentCircle, PercentDiamond, PercentSquare, PersonStanding, PhilippinePeso, Phone, PhoneCall, PhoneForwarded, PhoneIncoming, PhoneMissed, PhoneOff, PhoneOutgoing, Pi, PiSquare, Piano, Pickaxe, PictureInPicture, PictureInPicture2, PieChart, PiggyBank, Pilcrow, PilcrowLeft, PilcrowRight, PilcrowSquare, Pill, PillBottle, Pin, PinOff, Pipette, Pizza, Plane, PlaneLanding, PlaneTakeoff, Play, PlayCircle, PlaySquare, Plug, Plug2, PlugDiagonal, PlugZap, PlugZap2, Plus, PlusCircle, PlusSquare, Pocket, PocketKnife, Podcast, Pointer, PointerOff, Popcorn, Popover, Popsicle, PortalProvider, PoundSterling, Power, PowerCircle, PowerOff, PowerSquare, Presentation, Printer, PrinterCheck, Projector, Prometheus, Proportions, Puzzle, Pyramid, QrCode, Quote, Rabbit, Radar, Radiation, Radical, Radio, RadioReceiver, RadioTower, Radius, RailSymbol, Rainbow, Rat, Ratio, Receipt, ReceiptCent, ReceiptEuro, ReceiptIndianRupee, ReceiptJapaneseYen, ReceiptPoundSterling, ReceiptRussianRuble, ReceiptSwissFranc, ReceiptText, ReceiptTurkishLira, RectangleCircle, RectangleEllipsis, RectangleGoggles, RectangleHorizontal, RectangleVertical, Recycle, Redo, Redo2, RedoDot, RefreshCcw, RefreshCcwDot, RefreshCw, RefreshCwOff, RefreshX4Ccw, RefreshX4Cw, Refrigerator, Regex, RemoveFormatting, Repeat, Repeat1, Repeat2, Replace, ReplaceAll, Reply, ReplyAll, Rewind, Ribbon, Rocket, RockingChair, RollerCoaster, Rose, Rotate3D, RotateCcw, RotateCcwKey, RotateCcwSquare, RotateCw, RotateCwSquare, Route, RouteOff, Router, Rows, Rows2, Rows3, Rows4, Rss, Ruler, RulerDimensionLine, RussianRuble, Sailboat, Salad, Sandwich, Satellite, SatelliteDish, SaudiRiyal, Save, SaveAll, SaveOff, Scale, Scale3D, Scaling, Scan, ScanBarcode, ScanEye, ScanFace, ScanHeart, ScanLine, ScanQrCode, ScanSearch, ScanText, ScatterChart, School, School2, Scim, Scissors, ScissorsLineDashed, ScissorsSquare, ScissorsSquareDashedBottom, Scooter, ScreenShare, ScreenShareOff, Scroll, ScrollText, Search, SearchAlert, SearchCheck, SearchCode, SearchSlash, SearchX, Section, Send, SendHorizonal, SendHorizontal, SendToBack, SeparatorHorizontal, SeparatorVertical, Server, ServerCog, ServerCrash, ServerOff, Settings, Settings2, Shapes, Share, Share2, Sheet, Shell, Shield, ShieldAlert, ShieldBan, ShieldCheck, ShieldClose, ShieldEllipsis, ShieldHalf, ShieldMinus, ShieldOff, ShieldPlus, ShieldQuestion, ShieldQuestionMark, ShieldUser, ShieldX, Ship, ShipWheel, Shirt, ShoppingBag, ShoppingBasket, ShoppingCart, Shovel, ShowerHead, Shredder, Shrimp, Shrink, Shrub, Shuffle, Sidebar, SidebarClose, SidebarOpen, Sigma, SigmaSquare, Signal, SignalHigh, SignalLow, SignalMedium, SignalZero, Signature, Signpost, SignpostBig, Siren, SkipBack, SkipForward, Skull, Slack, Slash, SlashSquare, Slice, Sliders, SlidersHorizontal, SlidersVertical, SloTarget, Smartphone, SmartphoneCharging, SmartphoneNfc, Smile, SmilePlus, Snail, Snowflake, SoapDispenserDroplet, Sofa, SolarPanel, SortAsc, SortDesc, Soup, Space, Spade, Sparkle, SparkleSolid, Sparkles, SparklesFrame, SparklesSolid, Speaker, Speech, SpellCheck, SpellCheck2, Spline, SplinePointer, Split, SplitSquareHorizontal, SplitSquareVertical, Spool, Spotlight, SprayCan, Sprout, Square, SquareActivity, SquareArrowDown, SquareArrowDownLeft, SquareArrowDownRight, SquareArrowLeft, SquareArrowOutDownLeft, SquareArrowOutDownRight, SquareArrowOutUpLeft, SquareArrowOutUpRight, SquareArrowRight, SquareArrowUp, SquareArrowUpLeft, SquareArrowUpRight, SquareAsterisk, SquareBottomDashedScissors, SquareChartGantt, SquareCheck, SquareCheckBig, SquareChevronDown, SquareChevronLeft, SquareChevronRight, SquareChevronUp, SquareCode, SquareDashed, SquareDashedArrowSmallSquare, SquareDashedBottom, SquareDashedBottomCode, SquareDashedKanban, SquareDashedMousePointer, SquareDashedTopSolid, SquareDivide, SquareDot, SquareEqual, SquareFunction, SquareGanttChart, SquareKanban, SquareLibrary, SquareList, SquareM, SquareMenu, SquareMinus, SquareMousePointer, SquareParking, SquareParkingOff, SquarePartialList, SquarePause, SquarePen, SquarePercent, SquarePi, SquarePilcrow, SquarePlay, SquarePlus, SquarePower, SquareRadical, SquareRoundCorner, SquareScissors, SquareSigma, SquareSlash, SquareSplitHorizontal, SquareSplitVertical, SquareSquare, SquareStack, SquareStar, SquareStop, SquareTerminal, SquareUser, SquareUserRound, SquareX, SquaresExclude, SquaresIntersect, SquaresSubtract, SquaresUnite, Squircle, SquircleDashed, Squirrel, StackedChart, StackedChartNoData, StackedChartSegment, StackedChartSegmentTooltip, StackedChartSkeleton, Stamp, Star, StarHalf, StarOff, Stars, StepBack, StepForward, Stethoscope, Sticker, StickyNote, Stone, StopCircle, Store, StretchHorizontal, StretchVertical, Strikethrough, Subscript, Subtitles, Sun, SunDim, SunMedium, SunMoon, SunSnow, Sunrise, Sunset, Superscript, SwatchBook, SwissFranc, SwitchCamera, Sword, Swords, SyntheticMonitoring, Syringe, THEME_IDS, Table, Table2, TableCellsMerge, TableCellsSplit, TableColumnsSplit, TableConfig, TableOfContents, TableProperties, TableRowsSplit, Tablet, TabletSmartphone, Tablets, Tag, Tags, Tally1, Tally2, Tally3, Tally4, Tally5, Tangent, Target, Telegram, Telescope, Tempo, Tent, TentTree, Terminal, TerminalSquare, TestTube, TestTube2, TestTubeDiagonal, TestTubes, Text, TextAlignCenter, TextAlignEnd, TextAlignJustify, TextAlignStart, TextCursor, TextCursorInput, TextInitial, TextQuote, TextSearch, TextSelect, TextSelection, TextWrap, Theater, ThemeNameChangeHandler, ThemeNameProvider, Thermometer, ThermometerSnowflake, ThermometerSun, ThumbsDown, ThumbsUp, Ticket, TicketCheck, TicketMinus, TicketPercent, TicketPlus, TicketSlash, TicketX, Tickets, TicketsPlane, Timer, TimerOff, TimerReset, ToggleLeft, ToggleRight, Toilet, ToolCase, Toolbox, Tornado, Torus, Touchpad, TouchpadOff, TowerControl, ToyBrick, Tractor, TrafficCone, Train, TrainFront, TrainFrontTunnel, TrainTrack, TramFront, Transgender, Trash, Trash2, TreeDeciduous, TreePalm, TreePine, Trees, Trello, TrendingDown, TrendingUp, TrendingUpDown, Triangle, TriangleAlert, TriangleDashed, TriangleRight, Trophy, Truck, TruckElectric, TurkishLira, Turntable, Turtle, Tv, Tv2, TvMinimal, TvMinimalPlay, Twitch, Twitter, Type, TypeOutline, Umbrella, UmbrellaOff, Underline, Undo, Undo2, UndoDot, UnfoldHorizontal, UnfoldVertical, Ungroup, University, Unlink, Unlink2, Unlock, UnlockKeyhole, Unplug, Upload, UploadCloud, Usb, User, User2, UserCheck, UserCheck2, UserCircle, UserCircle2, UserCog, UserCog2, UserKey, UserLock, UserMinus, UserMinus2, UserPen, UserPlus, UserPlus2, UserRound, UserRoundCheck, UserRoundCog, UserRoundMinus, UserRoundPen, UserRoundPlus, UserRoundSearch, UserRoundX, UserSearch, UserSquare, UserSquare2, UserStar, UserX, UserX2, Users, Users2, UsersRound, Utensils, UtensilsCrossed, UtilityPole, Van, Variable, Vault, VectorSquare, Vegan, VenetianMask, Venus, VenusAndMars, Verified, Vibrate, VibrateOff, Video, VideoOff, Videotape, View, Voicemail, Volleyball, Volume, Volume1, Volume2, VolumeOff, VolumeX, Vote, Wallet, Wallet2, WalletCards, WalletMinimal, Wallpaper, Wand, Wand2, WandSparkles, Warehouse, WashingMachine, Watch, Waves, WavesArrowDown, WavesArrowUp, WavesLadder, Waypoints, Webcam, Webhook, WebhookOff, Weight, WeightTilde, Wheat, WheatOff, WholeWord, Wifi, WifiCog, WifiHigh, WifiLow, WifiOff, WifiPen, WifiSync, WifiZero, Wind, WindArrowDown, Wine, WineOff, Workflow, Worm, WrapText, Wrench, X, XCircle, XOctagon, XSquare, Youtube, Zap, ZapOff, ZoomIn, ZoomOut, calculateComparison, filterHueRotate, formatNumber, iconMetaData, useColorMode, useColorModeChange, usePortal, useThemeId, useThemeNameChange };
+export type { ColorModeContextType, ColorModeProviderProps, ComparisonResult, ComparisonTooltipProps, ControlledPopoverProps, FormatNumberOptions, GenericSkeletonProps, IconName, IconProps, IconSize, LegacyThemeId, LegacyThemeName, PopoverProps, PopoverWithContentProps, PopoverWithTriggerProps, PortalContextType, PortalProviderProps, PortalRoot, SVGComponent, SVGComponentProps, SegmentMouseEventHandler, SharedPopoverProps, StackedChartCategories, StackedChartCategory, StackedChartNoDataMessageFormatter, StackedChartNoDataProps, StackedChartProps, StackedChartSegmentProps, StackedChartSegmentState, StackedChartSegmentTooltipProps, StackedChartSkeletonProps, StackedChartSortOrder, StackedChartTooltipContentFormatter, ThemeChangeProps, ThemeChangeWrapper, ThemeNameContextType, ThemeNameProviderProps, UsePortalOptions };

package/dist/esm/components/ColorMode/ColorMode.js

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { ColorModeChangeHandler } from '../ColorModeChangeHandler/ColorModeChangeHandler.js';
+import { ThemeNameChangeHandler } from '../ThemeNameChangeHandler/ThemeNameChangeHandler.js';
 import { ColorModeProvider } from '../ColorModeProvider/ColorModeProvider.js';
 
 const ColorMode = ({ children, getAppEvents, useTheme2 }) => {
-  return /* @__PURE__ */ jsx(ColorModeProvider, { children: /* @__PURE__ */ jsx(ColorModeChangeHandler, { getAppEvents, useTheme2, children }) });
+  return /* @__PURE__ */ jsx(ColorModeProvider, { children: /* @__PURE__ */ jsx(ColorModeChangeHandler, { getAppEvents, useTheme2, children: /* @__PURE__ */ jsx(ThemeNameChangeHandler, { getAppEvents, useTheme2, children }) }) });
 };
 
 export { ColorMode };

package/dist/esm/components/ColorMode/ColorMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorMode.js","sources":["../../../../src/components/ColorMode/ColorMode.tsx"],"sourcesContent":["import { ColorModeWrapper, ColorModeChangeHandler } from '../ColorModeChangeHandler';\nimport { ColorModeProvider } from '../ColorModeProvider';\n\nexport const ColorMode: ColorModeWrapper = ({ children, getAppEvents, useTheme2 }) => {\n  return (\n    <ColorModeProvider>\n      <ColorModeChangeHandler getAppEvents={getAppEvents} useTheme2={useTheme2}>\n        {children}\n      </ColorModeChangeHandler>\n    </ColorModeProvider>\n  );\n};\n"],"names":[],"mappings":";;;;AAGO,MAAM,YAA8B,CAAC,EAAE,QAAA,EAAU,YAAA,EAAc,WAAU,KAAM;AACpF,EAAA,2BACG,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,0BAAuB,YAAA,EAA4B,SAAA,EACjD,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ColorMode.js","sources":["../../../../src/components/ColorMode/ColorMode.tsx"],"sourcesContent":["import { ColorModeChangeHandler } from '../ColorModeChangeHandler';\nimport { ThemeNameChangeHandler } from '../ThemeNameChangeHandler';\nimport { ColorModeProvider } from '../ColorModeProvider';\nimport type { ThemeChangeWrapper } from '../../hooks';\n\nexport const ColorMode: ThemeChangeWrapper = ({ children, getAppEvents, useTheme2 }) => {\n  return (\n    <ColorModeProvider>\n      <ColorModeChangeHandler getAppEvents={getAppEvents} useTheme2={useTheme2}>\n        <ThemeNameChangeHandler getAppEvents={getAppEvents} useTheme2={useTheme2}>\n          {children}\n        </ThemeNameChangeHandler>\n      </ColorModeChangeHandler>\n    </ColorModeProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,YAAgC,CAAC,EAAE,QAAA,EAAU,YAAA,EAAc,WAAU,KAAM;AACtF,EAAA,uBACE,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,YAAA,EAA4B,SAAA,EAClD,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,YAAA,EAA4B,SAAA,EACjD,QAAA,EACH,CAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/esm/components/ColorModeChangeHandler/ColorModeChangeHandler.js

@@ -1,6 +1,13 @@
 import { useColorModeChange } from '../../hooks/useColorModeChange.js';
+import 'react';
+import '@grafana/runtime';
+import '../ThemeNameProvider/ThemeNameProvider.js';
 
-const ColorModeChangeHandler = ({ children, getAppEvents, useTheme2 }) => {
+const ColorModeChangeHandler = ({
+  children,
+  getAppEvents,
+  useTheme2
+}) => {
   useColorModeChange({ getAppEvents, useTheme2 });
   return children;
 };

package/dist/esm/components/ColorModeChangeHandler/ColorModeChangeHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeChangeHandler.js","sources":["../../../../src/components/ColorModeChangeHandler/ColorModeChangeHandler.tsx"],"sourcesContent":["import React from 'react';\nimport { useColorModeChange, ColorModeChangeProps } from '../../hooks';\n\nexport type ColorModeWrapper = React.FC<ColorModeChangeProps & { children: React.ReactNode }>;\n\nexport const ColorModeChangeHandler: ColorModeWrapper = ({ children, getAppEvents, useTheme2 }) => {\n  useColorModeChange({ getAppEvents, useTheme2 });\n\n  return children;\n};\n"],"names":[],"mappings":";;AAKO,MAAM,yBAA2C,CAAC,EAAE,QAAA,EAAU,YAAA,EAAc,WAAU,KAAM;AACjG,EAAA,kBAAA,CAAmB,EAAE,YAAA,EAAc,SAAA,EAAW,CAAA;AAE9C,EAAA,OAAO,QAAA;AACT;;;;"}
+{"version":3,"file":"ColorModeChangeHandler.js","sources":["../../../../src/components/ColorModeChangeHandler/ColorModeChangeHandler.tsx"],"sourcesContent":["import { useColorModeChange, type ThemeChangeWrapper } from '../../hooks';\n\nexport const ColorModeChangeHandler: ThemeChangeWrapper = ({\n  children,\n  getAppEvents,\n  useTheme2,\n}) => {\n  useColorModeChange({ getAppEvents, useTheme2 });\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;AAEO,MAAM,yBAA6C,CAAC;AAAA,EACzD,QAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,kBAAA,CAAmB,EAAE,YAAA,EAAc,SAAA,EAAW,CAAA;AAE9C,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/esm/components/ThemeNameChangeHandler/ThemeNameChangeHandler.js

@@ -0,0 +1,16 @@
+import 'react';
+import '@grafana/runtime';
+import '../ColorModeProvider/ColorModeProvider.js';
+import { useThemeNameChange } from '../../hooks/useThemeNameChange.js';
+
+const ThemeNameChangeHandler = ({
+  children,
+  getAppEvents,
+  useTheme2
+}) => {
+  useThemeNameChange({ getAppEvents, useTheme2 });
+  return children;
+};
+
+export { ThemeNameChangeHandler };
+//# sourceMappingURL=ThemeNameChangeHandler.js.map

package/dist/esm/components/ThemeNameChangeHandler/ThemeNameChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeNameChangeHandler.js","sources":["../../../../src/components/ThemeNameChangeHandler/ThemeNameChangeHandler.tsx"],"sourcesContent":["import { useThemeNameChange, type ThemeChangeWrapper } from '../../hooks';\n\nexport const ThemeNameChangeHandler: ThemeChangeWrapper = ({\n  children,\n  getAppEvents,\n  useTheme2,\n}) => {\n  useThemeNameChange({ getAppEvents, useTheme2 });\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;AAEO,MAAM,yBAA6C,CAAC;AAAA,EACzD,QAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,kBAAA,CAAmB,EAAE,YAAA,EAAc,SAAA,EAAW,CAAA;AAE9C,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/esm/components/ThemeNameProvider/ThemeNameProvider.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext } from 'react';
+
+const LEGACY_THEME_NAMES = [
+  "Aubergine",
+  "Dark",
+  "Debug",
+  "Desert bloom",
+  "Deuteranopia/Protanopia Dark",
+  "Deuteranopia/Protanopia Light",
+  "Gilded grove",
+  "Gloom",
+  "Light",
+  "Mars",
+  "Matrix",
+  "Sapphire dusk",
+  "Synthwave",
+  "Tritanopia Dark",
+  "Tritanopia Light",
+  "Tron",
+  "Victorian",
+  "Zen"
+];
+const LEGACY_THEME_IDS = [
+  "aubergine",
+  "debug",
+  "default",
+  "desertbloom",
+  "deuteranopia_protanopia_dark",
+  "deuteranopia_protanopia_light",
+  "gildedgrove",
+  "gloom",
+  "mars",
+  "matrix",
+  "sapphiredusk",
+  "synthwave",
+  "tritanopia_dark",
+  "tritanopia_light",
+  "tron",
+  "victorian",
+  "zen"
+];
+const THEME_IDS = {
+  Aubergine: "aubergine",
+  Dark: "default",
+  Debug: "debug",
+  "Desert bloom": "desertbloom",
+  "Deuteranopia/Protanopia Dark": "deuteranopia_protanopia_dark",
+  "Deuteranopia/Protanopia Light": "deuteranopia_protanopia_light",
+  "Gilded grove": "gildedgrove",
+  Gloom: "gloom",
+  Light: "default",
+  Mars: "mars",
+  Matrix: "matrix",
+  "Sapphire dusk": "sapphiredusk",
+  Synthwave: "synthwave",
+  "Tritanopia Dark": "tritanopia_dark",
+  "Tritanopia Light": "tritanopia_light",
+  Tron: "tron",
+  Victorian: "victorian",
+  Zen: "zen"
+};
+const ThemeNameContext = createContext(void 0);
+const ThemeNameProvider = ({
+  children,
+  defaultThemeId = "default"
+}) => {
+  const [themeId, setThemeId] = useState(defaultThemeId);
+  useEffect(() => {
+    document.documentElement.setAttribute("data-theme-name", themeId);
+  }, [themeId]);
+  return /* @__PURE__ */ jsx(ThemeNameContext.Provider, { value: { themeId, setThemeId }, children });
+};
+const useThemeId = () => {
+  const context = useContext(ThemeNameContext);
+  if (context === void 0) {
+    throw new Error("useThemeId must be used within a ThemeNameProvider");
+  }
+  return context;
+};
+
+export { LEGACY_THEME_IDS, LEGACY_THEME_NAMES, THEME_IDS, ThemeNameProvider, useThemeId };
+//# sourceMappingURL=ThemeNameProvider.js.map

package/dist/esm/components/ThemeNameProvider/ThemeNameProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeNameProvider.js","sources":["../../../../src/components/ThemeNameProvider/ThemeNameProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState, ReactNode } from 'react';\n\n/**\n * @grafana/core ThemeProvider only surfaces the ‘friendly’ theme name, rather\n * than their respective identifiers as defined in the theme.json files.\n */\nexport const LEGACY_THEME_NAMES = [\n  'Aubergine',\n  'Dark',\n  'Debug',\n  'Desert bloom',\n  'Deuteranopia/Protanopia Dark',\n  'Deuteranopia/Protanopia Light',\n  'Gilded grove',\n  'Gloom',\n  'Light',\n  'Mars',\n  'Matrix',\n  'Sapphire dusk',\n  'Synthwave',\n  'Tritanopia Dark',\n  'Tritanopia Light',\n  'Tron',\n  'Victorian',\n  'Zen',\n] as const;\n\nexport type LegacyThemeName = (typeof LEGACY_THEME_NAMES)[number];\n\nexport const LEGACY_THEME_IDS = [\n  'aubergine',\n  'debug',\n  'default',\n  'desertbloom',\n  'deuteranopia_protanopia_dark',\n  'deuteranopia_protanopia_light',\n  'gildedgrove',\n  'gloom',\n  'mars',\n  'matrix',\n  'sapphiredusk',\n  'synthwave',\n  'tritanopia_dark',\n  'tritanopia_light',\n  'tron',\n  'victorian',\n  'zen',\n];\n\nexport type LegacyThemeId = (typeof LEGACY_THEME_IDS)[number];\n\n/**\n * This allows us to map the legacy theme name to the legacy theme id.\n */\nexport const THEME_IDS: Record<LegacyThemeName, LegacyThemeId> = {\n  Aubergine: 'aubergine',\n  Dark: 'default',\n  Debug: 'debug',\n  'Desert bloom': 'desertbloom',\n  'Deuteranopia/Protanopia Dark': 'deuteranopia_protanopia_dark',\n  'Deuteranopia/Protanopia Light': 'deuteranopia_protanopia_light',\n  'Gilded grove': 'gildedgrove',\n  Gloom: 'gloom',\n  Light: 'default',\n  Mars: 'mars',\n  Matrix: 'matrix',\n  'Sapphire dusk': 'sapphiredusk',\n  Synthwave: 'synthwave',\n  'Tritanopia Dark': 'tritanopia_dark',\n  'Tritanopia Light': 'tritanopia_light',\n  Tron: 'tron',\n  Victorian: 'victorian',\n  Zen: 'zen',\n};\n\nexport interface ThemeNameContextType {\n  themeId: LegacyThemeId;\n  setThemeId: (themeId: LegacyThemeId) => void;\n}\n\nexport interface ThemeNameProviderProps {\n  children: ReactNode;\n  defaultThemeId?: LegacyThemeId;\n}\n\nconst ThemeNameContext = createContext<ThemeNameContextType | undefined>(undefined);\n\n/**\n * Provides a shared context for the currently-active theme name, and sets\n * the data-theme-name attribute on the document element whenever it changes.\n */\nexport const ThemeNameProvider: React.FC<ThemeNameProviderProps> = ({\n  children,\n  defaultThemeId = 'default',\n}) => {\n  const [themeId, setThemeId] = useState<LegacyThemeId>(defaultThemeId);\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme-name', themeId);\n  }, [themeId]);\n\n  return (\n    <ThemeNameContext.Provider value={{ themeId, setThemeId }}>\n      {children}\n    </ThemeNameContext.Provider>\n  );\n};\n\n/**\n * Use this to query the active theme name, or to set it, e.g. with an effect\n * hook within a component which explicitly changes the active theme name:\n *\n * useEffect(() => {\n *   setThemeId(themeId);\n * }, [themeId]);\n *\n */\nexport const useThemeId = () => {\n  const context = useContext(ThemeNameContext);\n\n  if (context === undefined) {\n    throw new Error('useThemeId must be used within a ThemeNameProvider');\n  }\n\n  return context;\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,kBAAA,GAAqB;AAAA,EAChC,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,8BAAA;AAAA,EACA,+BAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF;AAIO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,WAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,8BAAA;AAAA,EACA,+BAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF;AAOO,MAAM,SAAA,GAAoD;AAAA,EAC/D,SAAA,EAAW,WAAA;AAAA,EACX,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,cAAA,EAAgB,aAAA;AAAA,EAChB,8BAAA,EAAgC,8BAAA;AAAA,EAChC,+BAAA,EAAiC,+BAAA;AAAA,EACjC,cAAA,EAAgB,aAAA;AAAA,EAChB,KAAA,EAAO,OAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,IAAA,EAAM,MAAA;AAAA,EACN,MAAA,EAAQ,QAAA;AAAA,EACR,eAAA,EAAiB,cAAA;AAAA,EACjB,SAAA,EAAW,WAAA;AAAA,EACX,iBAAA,EAAmB,iBAAA;AAAA,EACnB,kBAAA,EAAoB,kBAAA;AAAA,EACpB,IAAA,EAAM,MAAA;AAAA,EACN,SAAA,EAAW,WAAA;AAAA,EACX,GAAA,EAAK;AACP;AAYA,MAAM,gBAAA,GAAmB,cAAgD,MAAS,CAAA;AAM3E,MAAM,oBAAsD,CAAC;AAAA,EAClE,QAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAwB,cAAc,CAAA;AAEpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,eAAA,CAAgB,YAAA,CAAa,iBAAA,EAAmB,OAAO,CAAA;AAAA,EAClE,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,uBACE,GAAA,CAAC,iBAAiB,QAAA,EAAjB,EAA0B,OAAO,EAAE,OAAA,EAAS,UAAA,EAAW,EACrD,QAAA,EACH,CAAA;AAEJ;AAWO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAE3C,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,MAAM,IAAI,MAAM,oDAAoD,CAAA;AAAA,EACtE;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/esm/hooks/useColorModeChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorModeChange.js","sources":["../../../src/hooks/useColorModeChange.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { EventBus, GrafanaTheme2 } from '@grafana/data';\nimport { ThemeChangedEvent } from '@grafana/runtime';\nimport type { ThemeColorMode } from '@grafana/design-tokens';\nimport { useColorMode } from '../components/ColorModeProvider/ColorModeProvider';\n\nconst getThemeColorMode = (isLight: boolean): ThemeColorMode => {\n  return isLight ? 'light' : 'dark';\n};\n\nexport interface ColorModeChangeProps {\n  getAppEvents: () => EventBus;\n  useTheme2: () => GrafanaTheme2;\n}\n\n/**\n * This allows us to register an event listener for when the ThemeChangedEvent\n * is fired, and update the currently active color mode accordingly. It will\n * also determine the color mode on initial registration, and update the context\n * provider accordingly.\n */\nexport const useColorModeChange = ({\n  getAppEvents,\n  useTheme2,\n}: ColorModeChangeProps): ThemeColorMode => {\n  const { colorMode, setColorMode } = useColorMode();\n  const appEvents = getAppEvents();\n\n  /**\n   * Longterm the current colorMode should ideally exist outside of useTheme2\n   */\n  const { isLight } = useTheme2();\n\n  useEffect(() => {\n    const themeChangedEvent = appEvents.subscribe<ThemeChangedEvent>(\n      ThemeChangedEvent,\n      ({ payload }) => {\n        const newColorMode = getThemeColorMode(payload.isLight);\n        setColorMode(newColorMode);\n      },\n    );\n\n    return () => {\n      themeChangedEvent.unsubscribe();\n    };\n  }, [appEvents, setColorMode]);\n\n  // Sync color mode when theme changes (runs on mount and when isLight changes)\n  useEffect(() => {\n    const newColorMode = getThemeColorMode(isLight);\n    setColorMode(newColorMode);\n  }, [isLight, setColorMode]);\n\n  return colorMode;\n};\n"],"names":[],"mappings":";;;;AAMA,MAAM,iBAAA,GAAoB,CAAC,OAAA,KAAqC;AAC9D,EAAA,OAAO,UAAU,OAAA,GAAU,MAAA;AAC7B,CAAA;AAaO,MAAM,qBAAqB,CAAC;AAAA,EACjC,YAAA;AAAA,EACA;AACF,CAAA,KAA4C;AAC1C,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,YAAA,EAAa;AACjD,EAAA,MAAM,YAAY,YAAA,EAAa;AAK/B,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,SAAA,EAAU;AAE9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,oBAAoB,SAAA,CAAU,SAAA;AAAA,MAClC,iBAAA;AAAA,MACA,CAAC,EAAE,OAAA,EAAQ,KAAM;AACf,QAAA,MAAM,YAAA,GAAe,iBAAA,CAAkB,OAAA,CAAQ,OAAO,CAAA;AACtD,QAAA,YAAA,CAAa,YAAY,CAAA;AAAA,MAC3B;AAAA,KACF;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,iBAAA,CAAkB,WAAA,EAAY;AAAA,IAChC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,YAAY,CAAC,CAAA;AAG5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAA,GAAe,kBAAkB,OAAO,CAAA;AAC9C,IAAA,YAAA,CAAa,YAAY,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,OAAA,EAAS,YAAY,CAAC,CAAA;AAE1B,EAAA,OAAO,SAAA;AACT;;;;"}
+{"version":3,"file":"useColorModeChange.js","sources":["../../../src/hooks/useColorModeChange.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { ThemeChangedEvent } from '@grafana/runtime';\nimport type { ThemeColorMode } from '@grafana/design-tokens';\nimport { useColorMode } from '../components/ColorModeProvider/ColorModeProvider';\nimport type { ThemeChangeProps } from './types';\n\nconst getThemeColorMode = (isLight: boolean): ThemeColorMode => {\n  return isLight ? 'light' : 'dark';\n};\n\n/**\n * This allows us to register an event listener for when the ThemeChangedEvent\n * is fired, and update the currently active color mode accordingly. It will\n * also determine the color mode on initial registration, and update the context\n * provider accordingly.\n */\nexport const useColorModeChange = ({\n  getAppEvents,\n  useTheme2,\n}: ThemeChangeProps): ThemeColorMode => {\n  const { colorMode, setColorMode } = useColorMode();\n  const appEvents = getAppEvents();\n\n  /**\n   * Longterm the current colorMode should ideally exist outside of useTheme2\n   */\n  const { isLight } = useTheme2();\n\n  useEffect(() => {\n    const themeChangedEvent = appEvents.subscribe<ThemeChangedEvent>(\n      ThemeChangedEvent,\n      ({ payload }) => {\n        const newColorMode = getThemeColorMode(payload.isLight);\n        setColorMode(newColorMode);\n      },\n    );\n\n    return () => {\n      themeChangedEvent.unsubscribe();\n    };\n  }, [appEvents, setColorMode]);\n\n  // Sync color mode when theme changes (runs on mount and when isLight changes)\n  useEffect(() => {\n    const newColorMode = getThemeColorMode(isLight);\n    setColorMode(newColorMode);\n  }, [isLight, setColorMode]);\n\n  return colorMode;\n};\n"],"names":[],"mappings":";;;;AAMA,MAAM,iBAAA,GAAoB,CAAC,OAAA,KAAqC;AAC9D,EAAA,OAAO,UAAU,OAAA,GAAU,MAAA;AAC7B,CAAA;AAQO,MAAM,qBAAqB,CAAC;AAAA,EACjC,YAAA;AAAA,EACA;AACF,CAAA,KAAwC;AACtC,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,YAAA,EAAa;AACjD,EAAA,MAAM,YAAY,YAAA,EAAa;AAK/B,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,SAAA,EAAU;AAE9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,oBAAoB,SAAA,CAAU,SAAA;AAAA,MAClC,iBAAA;AAAA,MACA,CAAC,EAAE,OAAA,EAAQ,KAAM;AACf,QAAA,MAAM,YAAA,GAAe,iBAAA,CAAkB,OAAA,CAAQ,OAAO,CAAA;AACtD,QAAA,YAAA,CAAa,YAAY,CAAA;AAAA,MAC3B;AAAA,KACF;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,iBAAA,CAAkB,WAAA,EAAY;AAAA,IAChC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,YAAY,CAAC,CAAA;AAG5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAA,GAAe,kBAAkB,OAAO,CAAA;AAC9C,IAAA,YAAA,CAAa,YAAY,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,OAAA,EAAS,YAAY,CAAC,CAAA;AAE1B,EAAA,OAAO,SAAA;AACT;;;;"}

package/dist/esm/hooks/useThemeNameChange.js

@@ -0,0 +1,37 @@
+import { useEffect } from 'react';
+import { ThemeChangedEvent } from '@grafana/runtime';
+import { useThemeId, THEME_IDS, LEGACY_THEME_NAMES } from '../components/ThemeNameProvider/ThemeNameProvider.js';
+
+const isLegacyThemeName = (name) => {
+  return LEGACY_THEME_NAMES.includes(name);
+};
+const useThemeNameChange = ({
+  getAppEvents,
+  useTheme2
+}) => {
+  const { themeId, setThemeId } = useThemeId();
+  const appEvents = getAppEvents();
+  const { name } = useTheme2();
+  useEffect(() => {
+    const themeChangedEvent = appEvents.subscribe(
+      ThemeChangedEvent,
+      ({ payload }) => {
+        if (isLegacyThemeName(payload.name)) {
+          setThemeId(THEME_IDS[payload.name]);
+        }
+      }
+    );
+    return () => {
+      themeChangedEvent.unsubscribe();
+    };
+  }, [appEvents, setThemeId]);
+  useEffect(() => {
+    if (isLegacyThemeName(name)) {
+      setThemeId(THEME_IDS[name]);
+    }
+  }, [name, setThemeId]);
+  return themeId;
+};
+
+export { useThemeNameChange };
+//# sourceMappingURL=useThemeNameChange.js.map

package/dist/esm/hooks/useThemeNameChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeNameChange.js","sources":["../../../src/hooks/useThemeNameChange.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { ThemeChangedEvent } from '@grafana/runtime';\nimport {\n  useThemeId,\n  THEME_IDS,\n  LEGACY_THEME_NAMES,\n  type LegacyThemeName,\n  type LegacyThemeId,\n} from '../components/ThemeNameProvider/ThemeNameProvider';\nimport type { ThemeChangeProps } from './types';\n\nconst isLegacyThemeName = (name: string): name is LegacyThemeName => {\n  return (LEGACY_THEME_NAMES as readonly string[]).includes(name);\n};\n\n/**\n * This allows us to register an event listener for when the ThemeChangedEvent\n * is fired, and update the currently active theme id accordingly. It will also\n * determine the theme id on initial registration, and update the context\n * provider accordingly.\n *\n * This is a legacy provision to allow access to the experimental named themes;\n * we’ll probably want a better way to do this in the future.\n */\nexport const useThemeNameChange = ({\n  getAppEvents,\n  useTheme2,\n}: ThemeChangeProps): LegacyThemeId => {\n  const { themeId, setThemeId } = useThemeId();\n  const appEvents = getAppEvents();\n\n  const { name } = useTheme2();\n\n  useEffect(() => {\n    const themeChangedEvent = appEvents.subscribe<ThemeChangedEvent>(\n      ThemeChangedEvent,\n      ({ payload }) => {\n        if (isLegacyThemeName(payload.name)) {\n          setThemeId(THEME_IDS[payload.name]);\n        }\n      },\n    );\n\n    return () => {\n      themeChangedEvent.unsubscribe();\n    };\n  }, [appEvents, setThemeId]);\n\n  // Sync theme id when theme changes (runs on mount and when name changes)\n  useEffect(() => {\n    if (isLegacyThemeName(name)) {\n      setThemeId(THEME_IDS[name]);\n    }\n  }, [name, setThemeId]);\n\n  return themeId;\n};\n"],"names":[],"mappings":";;;;AAWA,MAAM,iBAAA,GAAoB,CAAC,IAAA,KAA0C;AACnE,EAAA,OAAQ,kBAAA,CAAyC,SAAS,IAAI,CAAA;AAChE,CAAA;AAWO,MAAM,qBAAqB,CAAC;AAAA,EACjC,YAAA;AAAA,EACA;AACF,CAAA,KAAuC;AACrC,EAAA,MAAM,EAAE,OAAA,EAAS,UAAA,EAAW,GAAI,UAAA,EAAW;AAC3C,EAAA,MAAM,YAAY,YAAA,EAAa;AAE/B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,SAAA,EAAU;AAE3B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,oBAAoB,SAAA,CAAU,SAAA;AAAA,MAClC,iBAAA;AAAA,MACA,CAAC,EAAE,OAAA,EAAQ,KAAM;AACf,QAAA,IAAI,iBAAA,CAAkB,OAAA,CAAQ,IAAI,CAAA,EAAG;AACnC,UAAA,UAAA,CAAW,SAAA,CAAU,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,QACpC;AAAA,MACF;AAAA,KACF;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,iBAAA,CAAkB,WAAA,EAAY;AAAA,IAChC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,UAAU,CAAC,CAAA;AAG1B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAA,CAAkB,IAAI,CAAA,EAAG;AAC3B,MAAA,UAAA,CAAW,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,UAAU,CAAC,CAAA;AAErB,EAAA,OAAO,OAAA;AACT;;;;"}