@ds-mo/ui 0.14.3 → 1.0.1

package/dist/components/p-Dqga4VCz.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flagIconCatalog","FlagAustria","FlagBelgium","FlagBulgaria","FlagCanada","FlagCroatia","FlagCyprus","FlagCzechRepublic","FlagDenmark","FlagEU","FlagEstonia","FlagFinland","FlagFrance","FlagGermany","FlagGreece","FlagHungary","FlagIreland","FlagItaly","FlagLatvia","FlagLithuania","FlagLuxembourg","FlagMalta","FlagMexico","FlagNetherlands","FlagPoland","FlagPortugal","FlagRomania","FlagSlovakia","FlagSlovenia","FlagSpain","FlagSweden","FlagUnitedKingdom","FlagUnitedStates","systemIconCatalog","AI","AIChip","AINew","AISparkle","AUX","AUXFilled","AndroidFilled","ArrowDown","ArrowLeft","ArrowPath","ArrowRight","ArrowUp","ArrowsDiagonal","ArrowsDiff","ArrowsDiffDisabled","ArrowsVertical","AtSign","Avatar","BackslashBrackets","BatteryCharging","BatteryEmpty","BatteryFull","BatteryHalf","BatteryLow","Beaker","Bell","BellCircle","BellExclamation","BellFilled","BellRinging","BellWifi","BlackWhite","BlankUI","Bluetooth","Bolt","BoltFilled","Bookmark","Box","Braces","Bug","BuildingFacility","BuildingHome","BuildingOffice","BuildingPublic","BuildingShop","Bulb","Calculator","Calendar","CalendarClock","CameraA","CameraB","Card","CardPerson","Cart","Chart","Check","CheckCircle","CheckCircleFilled","CheckDouble","ChevronDown","ChevronLeft","ChevronLeftDouble","ChevronRight","ChevronRightDouble","ChevronUp","ChevronUpDown","Circle","CircleArrow","CircleArrowsDiff","CircleArrowsDiffDisabled","CircleConcentricFilled","CircleConcentricThree","CircleConcentricTwo","CircleExclamation","CircleExclamationFilled","CircleFastForward","CircleFilled","CircleGrid","CirclePlay","CircleQuestion","CircleSlash","Clipboard","ClipboardCheck","Clock","ClockDefer","ClockFilled","ClockSixteenHour","Cloud","CloudEllipses","CloudLightning","CloudRain","CloudRainSun","CloudSun","CloudWind","Cluster","Coin","CoinStack","CoinStackGeneral","Compass","Copy","Crop","Cross","CrossCircle","CrossCircleFilled","Cube","Cup","CursorPointer","CursorPointerMinus","CursorPointerPlus","Dashboard","DeviceAIDashcamPlus","DeviceAssetTracker","DeviceDVR","DeviceDashcam","DeviceDashcamLiveStream","DeviceMobile","DeviceOmnicam","DeviceSensor","DeviceTablet","DeviceVehicleGateway","Devices","Document","DocumentArrow","DocumentChart","DocumentDollar","DocumentGear","DocumentInverted","DocumentPencil","DocumentPlus","DocumentQuestion","DocumentReceipt","DocumentStacked","DoorSensor","Dot","DotFilled","DotPath","Download","Drag","Ellipses","Email","Engine","Enter","EntityAsset","EntityAssetFilled","EntityDriver","EntityDriverFilled","EntityTravelGroup","EntityTravelGroupFilled","EntityVehicle","EntityVehicleCharging","EntityVehicleChargingFilled","EntityVehicleFilled","EntityVehicleImmobilized","EntityVehicleImmobilizedFilled","ErrorTriangle","ErrorTriangleFilled","ErrorTriangleSimpleFilled","Export","ExternalLink","Eye","EyeDisabled","EyeLock","FastForward","FastForwardSkip","Filters","FitToScreen","Flag","FlagFilled","FloppyDisk","Folder","FolderFilled","FuelPump","FullScreen","FullScreenExit","Gauge","GaugeTemperature","Gear","GearCheck","Geofence","GeofenceCircle","GeofenceDiamond","GeofenceSquare","GlobeNetwork","GlobeWorldMap","Graph","GraphArrow","GraphBars","GraphDecreasing","GraphIncreasing","GroupBy","Hamburger","HandOpen","Headset","History","HourGlass","Image","Import","ImportClock","Inbox","IosFilled","Jerrycan","KeyA","KeyB","KeyCmd","KeyShift","LED","Layers","Leaf","LeftCollapse","LeftCollapseB","LeftExpand","LeftExpandB","LeftTurnSignal","LetterB","LetterC","LetterI","License","LicensePlate","Lifebuoy","Link","List","Loads","LocationPin","LocationPinArrows","LocationPinDisabled","LocationPinDollar","LockClosed","LockClosedFilled","LockOpen","Logout","Logs","LogsMagnifyingGlass","MagnifyingGlass","MagnifyingGlassGraph","MagnifyingGlassZoomIn","MagnifyingGlassZoomOut","MapNavigation","MapPage","MapPin","MarkRead","Match","MessageBubble","MessageBubbleStack","Messaging","Mic","MicMute","Minimize","Monitor","Notification","NumberTen","OctagonSubtract","Odometer","OverviewAI","PanelCollapse","PanelExpand","Paperclip","PaperplaneSend","Paragraph","ParagraphCheck","ParagraphPencil","Pause","PauseFilled","Pencil","PencilSquiggle","Person","PersonAt","PersonConnect","PersonFrame","PersonGear","PersonGroup","PersonGroupArrows","PersonManager","PersonShield","PersonStar","Phone","PhoneDisconnect","PicmanFilled","Pin","PipBottomLeft","PipBottomRight","PipTopLeft","PipTopRight","Play","PlayFilled","Plug","Plus","PlusCircle","Preferences","Printer","PunchCard","Puzzle","PuzzleJoined","Redo","Refresh","Restore","RewardRibbon","Rewind","RewindSkip","RewindSkipFilled","RightCollapse","RightCollapseB","RightExpand","RightExpandB","RightTurnSignal","Rotate","Satellite","Scan","Scissor","Scope","Seatbelt","SeatbeltBuckle","Shapes","ShareCircles","ShareCirclesFilled","SharePaperplane","Shield","ShieldCheck","ShieldCheckmarkFilled","ShieldCircle","ShieldCircleFilled","ShieldCross","ShieldCrossFilled","ShieldFilled","ShieldLock","ShieldLockFilled","ShoppingBag","Snowflake","SpeakerPhone","SpeedometerArrow","SpeedometerLeft","SpeedometerRight","SpikeCirclePercentage","SpikeCirclePercentageFilled","Square","SquareArrowTopRight","SquareCheck","SquareCheckFilled","SquareDollar","SquareDollarFilled","SquareDottedMinus","SquareFilled","SquareGrid","SquarePencil","SquarePlus","SquareSubtract","SquareSubtractFilled","Star","StarFilled","Stopwatch","Street","Subtract","SubtractCircle","SubtractCircleFilled","Table","Tag","Target","TargetDollar","Text","ThemeDark","ThemeLight","ThumbsDown","ThumbsDownFilled","ThumbsUp","ThumbsUpFilled","TirePressure","Toggle","TrafficLight","Trash","Trophy","TurnSignal","TurnSignalFilled","TwoDevices","Undo","Upgrade","Upload","VehicleTrailer","VehicleTruck","VehicleTruckMagnifyingGlass","Video","ViewMenu","Volume","VolumeFilled","VolumeMute","VolumeMuteFilled","WandSparkle","Waveform","Webhooks","Whistle","WiFiHorizontal","WiFiTower","WifiVertical","WifiVerticalFilled","WifiVerticalFilledDisabled","WorkflowA","WorkflowB","Wrench","ZoomBackOut","iconCss","Icon","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","size","flag","svgString","source","updateSvg","container","el","querySelector","innerHTML","svg","removeAttribute","setAttribute","style","display","flexShrink","width","height","onIconChange","componentDidRender","render","isCustomColor","color","startsWith","cls","icon","undefined","h","Host","key","alignItems","justifyContent","class","role","label"],"sources":["src/wc/components/Icon/flag-icon-catalog.ts","src/wc/components/Icon/system-icon-catalog.ts","src/wc/components/Icon/Icon.css?tag=ds-icon&encapsulation=scoped","src/wc/components/Icon/Icon.tsx"],"sourcesContent":["/** Auto-generated by scripts/generate-icon-catalog.mjs — do not edit. */\nimport { FlagAustria } from '@ds-mo/icons/svg/flags/FlagAustria';\nimport { FlagBelgium } from '@ds-mo/icons/svg/flags/FlagBelgium';\nimport { FlagBulgaria } from '@ds-mo/icons/svg/flags/FlagBulgaria';\nimport { FlagCanada } from '@ds-mo/icons/svg/flags/FlagCanada';\nimport { FlagCroatia } from '@ds-mo/icons/svg/flags/FlagCroatia';\nimport { FlagCyprus } from '@ds-mo/icons/svg/flags/FlagCyprus';\nimport { FlagCzechRepublic } from '@ds-mo/icons/svg/flags/FlagCzechRepublic';\nimport { FlagDenmark } from '@ds-mo/icons/svg/flags/FlagDenmark';\nimport { FlagEU } from '@ds-mo/icons/svg/flags/FlagEU';\nimport { FlagEstonia } from '@ds-mo/icons/svg/flags/FlagEstonia';\nimport { FlagFinland } from '@ds-mo/icons/svg/flags/FlagFinland';\nimport { FlagFrance } from '@ds-mo/icons/svg/flags/FlagFrance';\nimport { FlagGermany } from '@ds-mo/icons/svg/flags/FlagGermany';\nimport { FlagGreece } from '@ds-mo/icons/svg/flags/FlagGreece';\nimport { FlagHungary } from '@ds-mo/icons/svg/flags/FlagHungary';\nimport { FlagIreland } from '@ds-mo/icons/svg/flags/FlagIreland';\nimport { FlagItaly } from '@ds-mo/icons/svg/flags/FlagItaly';\nimport { FlagLatvia } from '@ds-mo/icons/svg/flags/FlagLatvia';\nimport { FlagLithuania } from '@ds-mo/icons/svg/flags/FlagLithuania';\nimport { FlagLuxembourg } from '@ds-mo/icons/svg/flags/FlagLuxembourg';\nimport { FlagMalta } from '@ds-mo/icons/svg/flags/FlagMalta';\nimport { FlagMexico } from '@ds-mo/icons/svg/flags/FlagMexico';\nimport { FlagNetherlands } from '@ds-mo/icons/svg/flags/FlagNetherlands';\nimport { FlagPoland } from '@ds-mo/icons/svg/flags/FlagPoland';\nimport { FlagPortugal } from '@ds-mo/icons/svg/flags/FlagPortugal';\nimport { FlagRomania } from '@ds-mo/icons/svg/flags/FlagRomania';\nimport { FlagSlovakia } from '@ds-mo/icons/svg/flags/FlagSlovakia';\nimport { FlagSlovenia } from '@ds-mo/icons/svg/flags/FlagSlovenia';\nimport { FlagSpain } from '@ds-mo/icons/svg/flags/FlagSpain';\nimport { FlagSweden } from '@ds-mo/icons/svg/flags/FlagSweden';\nimport { FlagUnitedKingdom } from '@ds-mo/icons/svg/flags/FlagUnitedKingdom';\nimport { FlagUnitedStates } from '@ds-mo/icons/svg/flags/FlagUnitedStates';\n\nexport const flagIconCatalog: Record<string, string> = {\n  FlagAustria,\n  FlagBelgium,\n  FlagBulgaria,\n  FlagCanada,\n  FlagCroatia,\n  FlagCyprus,\n  FlagCzechRepublic,\n  FlagDenmark,\n  FlagEU,\n  FlagEstonia,\n  FlagFinland,\n  FlagFrance,\n  FlagGermany,\n  FlagGreece,\n  FlagHungary,\n  FlagIreland,\n  FlagItaly,\n  FlagLatvia,\n  FlagLithuania,\n  FlagLuxembourg,\n  FlagMalta,\n  FlagMexico,\n  FlagNetherlands,\n  FlagPoland,\n  FlagPortugal,\n  FlagRomania,\n  FlagSlovakia,\n  FlagSlovenia,\n  FlagSpain,\n  FlagSweden,\n  FlagUnitedKingdom,\n  FlagUnitedStates,\n};\n","/** Auto-generated by scripts/generate-icon-catalog.mjs — do not edit. */\nimport { AI } from '@ds-mo/icons/svg/AI';\nimport { AIChip } from '@ds-mo/icons/svg/AIChip';\nimport { AINew } from '@ds-mo/icons/svg/AINew';\nimport { AISparkle } from '@ds-mo/icons/svg/AISparkle';\nimport { AUX } from '@ds-mo/icons/svg/AUX';\nimport { AUXFilled } from '@ds-mo/icons/svg/AUXFilled';\nimport { AndroidFilled } from '@ds-mo/icons/svg/AndroidFilled';\nimport { ArrowDown } from '@ds-mo/icons/svg/ArrowDown';\nimport { ArrowLeft } from '@ds-mo/icons/svg/ArrowLeft';\nimport { ArrowPath } from '@ds-mo/icons/svg/ArrowPath';\nimport { ArrowRight } from '@ds-mo/icons/svg/ArrowRight';\nimport { ArrowUp } from '@ds-mo/icons/svg/ArrowUp';\nimport { ArrowsDiagonal } from '@ds-mo/icons/svg/ArrowsDiagonal';\nimport { ArrowsDiff } from '@ds-mo/icons/svg/ArrowsDiff';\nimport { ArrowsDiffDisabled } from '@ds-mo/icons/svg/ArrowsDiffDisabled';\nimport { ArrowsVertical } from '@ds-mo/icons/svg/ArrowsVertical';\nimport { AtSign } from '@ds-mo/icons/svg/AtSign';\nimport { Avatar } from '@ds-mo/icons/svg/Avatar';\nimport { BackslashBrackets } from '@ds-mo/icons/svg/BackslashBrackets';\nimport { BatteryCharging } from '@ds-mo/icons/svg/BatteryCharging';\nimport { BatteryEmpty } from '@ds-mo/icons/svg/BatteryEmpty';\nimport { BatteryFull } from '@ds-mo/icons/svg/BatteryFull';\nimport { BatteryHalf } from '@ds-mo/icons/svg/BatteryHalf';\nimport { BatteryLow } from '@ds-mo/icons/svg/BatteryLow';\nimport { Beaker } from '@ds-mo/icons/svg/Beaker';\nimport { Bell } from '@ds-mo/icons/svg/Bell';\nimport { BellCircle } from '@ds-mo/icons/svg/BellCircle';\nimport { BellExclamation } from '@ds-mo/icons/svg/BellExclamation';\nimport { BellFilled } from '@ds-mo/icons/svg/BellFilled';\nimport { BellRinging } from '@ds-mo/icons/svg/BellRinging';\nimport { BellWifi } from '@ds-mo/icons/svg/BellWifi';\nimport { BlackWhite } from '@ds-mo/icons/svg/BlackWhite';\nimport { BlankUI } from '@ds-mo/icons/svg/BlankUI';\nimport { Bluetooth } from '@ds-mo/icons/svg/Bluetooth';\nimport { Bolt } from '@ds-mo/icons/svg/Bolt';\nimport { BoltFilled } from '@ds-mo/icons/svg/BoltFilled';\nimport { Bookmark } from '@ds-mo/icons/svg/Bookmark';\nimport { Box } from '@ds-mo/icons/svg/Box';\nimport { Braces } from '@ds-mo/icons/svg/Braces';\nimport { Bug } from '@ds-mo/icons/svg/Bug';\nimport { BuildingFacility } from '@ds-mo/icons/svg/BuildingFacility';\nimport { BuildingHome } from '@ds-mo/icons/svg/BuildingHome';\nimport { BuildingOffice } from '@ds-mo/icons/svg/BuildingOffice';\nimport { BuildingPublic } from '@ds-mo/icons/svg/BuildingPublic';\nimport { BuildingShop } from '@ds-mo/icons/svg/BuildingShop';\nimport { Bulb } from '@ds-mo/icons/svg/Bulb';\nimport { Calculator } from '@ds-mo/icons/svg/Calculator';\nimport { Calendar } from '@ds-mo/icons/svg/Calendar';\nimport { CalendarClock } from '@ds-mo/icons/svg/CalendarClock';\nimport { CameraA } from '@ds-mo/icons/svg/CameraA';\nimport { CameraB } from '@ds-mo/icons/svg/CameraB';\nimport { Card } from '@ds-mo/icons/svg/Card';\nimport { CardPerson } from '@ds-mo/icons/svg/CardPerson';\nimport { Cart } from '@ds-mo/icons/svg/Cart';\nimport { Chart } from '@ds-mo/icons/svg/Chart';\nimport { Check } from '@ds-mo/icons/svg/Check';\nimport { CheckCircle } from '@ds-mo/icons/svg/CheckCircle';\nimport { CheckCircleFilled } from '@ds-mo/icons/svg/CheckCircleFilled';\nimport { CheckDouble } from '@ds-mo/icons/svg/CheckDouble';\nimport { ChevronDown } from '@ds-mo/icons/svg/ChevronDown';\nimport { ChevronLeft } from '@ds-mo/icons/svg/ChevronLeft';\nimport { ChevronLeftDouble } from '@ds-mo/icons/svg/ChevronLeftDouble';\nimport { ChevronRight } from '@ds-mo/icons/svg/ChevronRight';\nimport { ChevronRightDouble } from '@ds-mo/icons/svg/ChevronRightDouble';\nimport { ChevronUp } from '@ds-mo/icons/svg/ChevronUp';\nimport { ChevronUpDown } from '@ds-mo/icons/svg/ChevronUpDown';\nimport { Circle } from '@ds-mo/icons/svg/Circle';\nimport { CircleArrow } from '@ds-mo/icons/svg/CircleArrow';\nimport { CircleArrowsDiff } from '@ds-mo/icons/svg/CircleArrowsDiff';\nimport { CircleArrowsDiffDisabled } from '@ds-mo/icons/svg/CircleArrowsDiffDisabled';\nimport { CircleConcentricFilled } from '@ds-mo/icons/svg/CircleConcentricFilled';\nimport { CircleConcentricThree } from '@ds-mo/icons/svg/CircleConcentricThree';\nimport { CircleConcentricTwo } from '@ds-mo/icons/svg/CircleConcentricTwo';\nimport { CircleExclamation } from '@ds-mo/icons/svg/CircleExclamation';\nimport { CircleExclamationFilled } from '@ds-mo/icons/svg/CircleExclamationFilled';\nimport { CircleFastForward } from '@ds-mo/icons/svg/CircleFastForward';\nimport { CircleFilled } from '@ds-mo/icons/svg/CircleFilled';\nimport { CircleGrid } from '@ds-mo/icons/svg/CircleGrid';\nimport { CirclePlay } from '@ds-mo/icons/svg/CirclePlay';\nimport { CircleQuestion } from '@ds-mo/icons/svg/CircleQuestion';\nimport { CircleSlash } from '@ds-mo/icons/svg/CircleSlash';\nimport { Clipboard } from '@ds-mo/icons/svg/Clipboard';\nimport { ClipboardCheck } from '@ds-mo/icons/svg/ClipboardCheck';\nimport { Clock } from '@ds-mo/icons/svg/Clock';\nimport { ClockDefer } from '@ds-mo/icons/svg/ClockDefer';\nimport { ClockFilled } from '@ds-mo/icons/svg/ClockFilled';\nimport { ClockSixteenHour } from '@ds-mo/icons/svg/ClockSixteenHour';\nimport { Cloud } from '@ds-mo/icons/svg/Cloud';\nimport { CloudEllipses } from '@ds-mo/icons/svg/CloudEllipses';\nimport { CloudLightning } from '@ds-mo/icons/svg/CloudLightning';\nimport { CloudRain } from '@ds-mo/icons/svg/CloudRain';\nimport { CloudRainSun } from '@ds-mo/icons/svg/CloudRainSun';\nimport { CloudSun } from '@ds-mo/icons/svg/CloudSun';\nimport { CloudWind } from '@ds-mo/icons/svg/CloudWind';\nimport { Cluster } from '@ds-mo/icons/svg/Cluster';\nimport { Coin } from '@ds-mo/icons/svg/Coin';\nimport { CoinStack } from '@ds-mo/icons/svg/CoinStack';\nimport { CoinStackGeneral } from '@ds-mo/icons/svg/CoinStackGeneral';\nimport { Compass } from '@ds-mo/icons/svg/Compass';\nimport { Copy } from '@ds-mo/icons/svg/Copy';\nimport { Crop } from '@ds-mo/icons/svg/Crop';\nimport { Cross } from '@ds-mo/icons/svg/Cross';\nimport { CrossCircle } from '@ds-mo/icons/svg/CrossCircle';\nimport { CrossCircleFilled } from '@ds-mo/icons/svg/CrossCircleFilled';\nimport { Cube } from '@ds-mo/icons/svg/Cube';\nimport { Cup } from '@ds-mo/icons/svg/Cup';\nimport { CursorPointer } from '@ds-mo/icons/svg/CursorPointer';\nimport { CursorPointerMinus } from '@ds-mo/icons/svg/CursorPointerMinus';\nimport { CursorPointerPlus } from '@ds-mo/icons/svg/CursorPointerPlus';\nimport { Dashboard } from '@ds-mo/icons/svg/Dashboard';\nimport { DeviceAIDashcamPlus } from '@ds-mo/icons/svg/DeviceAIDashcamPlus';\nimport { DeviceAssetTracker } from '@ds-mo/icons/svg/DeviceAssetTracker';\nimport { DeviceDVR } from '@ds-mo/icons/svg/DeviceDVR';\nimport { DeviceDashcam } from '@ds-mo/icons/svg/DeviceDashcam';\nimport { DeviceDashcamLiveStream } from '@ds-mo/icons/svg/DeviceDashcamLiveStream';\nimport { DeviceMobile } from '@ds-mo/icons/svg/DeviceMobile';\nimport { DeviceOmnicam } from '@ds-mo/icons/svg/DeviceOmnicam';\nimport { DeviceSensor } from '@ds-mo/icons/svg/DeviceSensor';\nimport { DeviceTablet } from '@ds-mo/icons/svg/DeviceTablet';\nimport { DeviceVehicleGateway } from '@ds-mo/icons/svg/DeviceVehicleGateway';\nimport { Devices } from '@ds-mo/icons/svg/Devices';\nimport { Document } from '@ds-mo/icons/svg/Document';\nimport { DocumentArrow } from '@ds-mo/icons/svg/DocumentArrow';\nimport { DocumentChart } from '@ds-mo/icons/svg/DocumentChart';\nimport { DocumentDollar } from '@ds-mo/icons/svg/DocumentDollar';\nimport { DocumentGear } from '@ds-mo/icons/svg/DocumentGear';\nimport { DocumentInverted } from '@ds-mo/icons/svg/DocumentInverted';\nimport { DocumentPencil } from '@ds-mo/icons/svg/DocumentPencil';\nimport { DocumentPlus } from '@ds-mo/icons/svg/DocumentPlus';\nimport { DocumentQuestion } from '@ds-mo/icons/svg/DocumentQuestion';\nimport { DocumentReceipt } from '@ds-mo/icons/svg/DocumentReceipt';\nimport { DocumentStacked } from '@ds-mo/icons/svg/DocumentStacked';\nimport { DoorSensor } from '@ds-mo/icons/svg/DoorSensor';\nimport { Dot } from '@ds-mo/icons/svg/Dot';\nimport { DotFilled } from '@ds-mo/icons/svg/DotFilled';\nimport { DotPath } from '@ds-mo/icons/svg/DotPath';\nimport { Download } from '@ds-mo/icons/svg/Download';\nimport { Drag } from '@ds-mo/icons/svg/Drag';\nimport { Ellipses } from '@ds-mo/icons/svg/Ellipses';\nimport { Email } from '@ds-mo/icons/svg/Email';\nimport { Engine } from '@ds-mo/icons/svg/Engine';\nimport { Enter } from '@ds-mo/icons/svg/Enter';\nimport { EntityAsset } from '@ds-mo/icons/svg/EntityAsset';\nimport { EntityAssetFilled } from '@ds-mo/icons/svg/EntityAssetFilled';\nimport { EntityDriver } from '@ds-mo/icons/svg/EntityDriver';\nimport { EntityDriverFilled } from '@ds-mo/icons/svg/EntityDriverFilled';\nimport { EntityTravelGroup } from '@ds-mo/icons/svg/EntityTravelGroup';\nimport { EntityTravelGroupFilled } from '@ds-mo/icons/svg/EntityTravelGroupFilled';\nimport { EntityVehicle } from '@ds-mo/icons/svg/EntityVehicle';\nimport { EntityVehicleCharging } from '@ds-mo/icons/svg/EntityVehicleCharging';\nimport { EntityVehicleChargingFilled } from '@ds-mo/icons/svg/EntityVehicleChargingFilled';\nimport { EntityVehicleFilled } from '@ds-mo/icons/svg/EntityVehicleFilled';\nimport { EntityVehicleImmobilized } from '@ds-mo/icons/svg/EntityVehicleImmobilized';\nimport { EntityVehicleImmobilizedFilled } from '@ds-mo/icons/svg/EntityVehicleImmobilizedFilled';\nimport { ErrorTriangle } from '@ds-mo/icons/svg/ErrorTriangle';\nimport { ErrorTriangleFilled } from '@ds-mo/icons/svg/ErrorTriangleFilled';\nimport { ErrorTriangleSimpleFilled } from '@ds-mo/icons/svg/ErrorTriangleSimpleFilled';\nimport { Export } from '@ds-mo/icons/svg/Export';\nimport { ExternalLink } from '@ds-mo/icons/svg/ExternalLink';\nimport { Eye } from '@ds-mo/icons/svg/Eye';\nimport { EyeDisabled } from '@ds-mo/icons/svg/EyeDisabled';\nimport { EyeLock } from '@ds-mo/icons/svg/EyeLock';\nimport { FastForward } from '@ds-mo/icons/svg/FastForward';\nimport { FastForwardSkip } from '@ds-mo/icons/svg/FastForwardSkip';\nimport { Filters } from '@ds-mo/icons/svg/Filters';\nimport { FitToScreen } from '@ds-mo/icons/svg/FitToScreen';\nimport { Flag } from '@ds-mo/icons/svg/Flag';\nimport { FlagFilled } from '@ds-mo/icons/svg/FlagFilled';\nimport { FloppyDisk } from '@ds-mo/icons/svg/FloppyDisk';\nimport { Folder } from '@ds-mo/icons/svg/Folder';\nimport { FolderFilled } from '@ds-mo/icons/svg/FolderFilled';\nimport { FuelPump } from '@ds-mo/icons/svg/FuelPump';\nimport { FullScreen } from '@ds-mo/icons/svg/FullScreen';\nimport { FullScreenExit } from '@ds-mo/icons/svg/FullScreenExit';\nimport { Gauge } from '@ds-mo/icons/svg/Gauge';\nimport { GaugeTemperature } from '@ds-mo/icons/svg/GaugeTemperature';\nimport { Gear } from '@ds-mo/icons/svg/Gear';\nimport { GearCheck } from '@ds-mo/icons/svg/GearCheck';\nimport { Geofence } from '@ds-mo/icons/svg/Geofence';\nimport { GeofenceCircle } from '@ds-mo/icons/svg/GeofenceCircle';\nimport { GeofenceDiamond } from '@ds-mo/icons/svg/GeofenceDiamond';\nimport { GeofenceSquare } from '@ds-mo/icons/svg/GeofenceSquare';\nimport { GlobeNetwork } from '@ds-mo/icons/svg/GlobeNetwork';\nimport { GlobeWorldMap } from '@ds-mo/icons/svg/GlobeWorldMap';\nimport { Graph } from '@ds-mo/icons/svg/Graph';\nimport { GraphArrow } from '@ds-mo/icons/svg/GraphArrow';\nimport { GraphBars } from '@ds-mo/icons/svg/GraphBars';\nimport { GraphDecreasing } from '@ds-mo/icons/svg/GraphDecreasing';\nimport { GraphIncreasing } from '@ds-mo/icons/svg/GraphIncreasing';\nimport { GroupBy } from '@ds-mo/icons/svg/GroupBy';\nimport { Hamburger } from '@ds-mo/icons/svg/Hamburger';\nimport { HandOpen } from '@ds-mo/icons/svg/HandOpen';\nimport { Headset } from '@ds-mo/icons/svg/Headset';\nimport { History } from '@ds-mo/icons/svg/History';\nimport { HourGlass } from '@ds-mo/icons/svg/HourGlass';\nimport { Image } from '@ds-mo/icons/svg/Image';\nimport { Import } from '@ds-mo/icons/svg/Import';\nimport { ImportClock } from '@ds-mo/icons/svg/ImportClock';\nimport { Inbox } from '@ds-mo/icons/svg/Inbox';\nimport { IosFilled } from '@ds-mo/icons/svg/IosFilled';\nimport { Jerrycan } from '@ds-mo/icons/svg/Jerrycan';\nimport { KeyA } from '@ds-mo/icons/svg/KeyA';\nimport { KeyB } from '@ds-mo/icons/svg/KeyB';\nimport { KeyCmd } from '@ds-mo/icons/svg/KeyCmd';\nimport { KeyShift } from '@ds-mo/icons/svg/KeyShift';\nimport { LED } from '@ds-mo/icons/svg/LED';\nimport { Layers } from '@ds-mo/icons/svg/Layers';\nimport { Leaf } from '@ds-mo/icons/svg/Leaf';\nimport { LeftCollapse } from '@ds-mo/icons/svg/LeftCollapse';\nimport { LeftCollapseB } from '@ds-mo/icons/svg/LeftCollapseB';\nimport { LeftExpand } from '@ds-mo/icons/svg/LeftExpand';\nimport { LeftExpandB } from '@ds-mo/icons/svg/LeftExpandB';\nimport { LeftTurnSignal } from '@ds-mo/icons/svg/LeftTurnSignal';\nimport { LetterB } from '@ds-mo/icons/svg/LetterB';\nimport { LetterC } from '@ds-mo/icons/svg/LetterC';\nimport { LetterI } from '@ds-mo/icons/svg/LetterI';\nimport { License } from '@ds-mo/icons/svg/License';\nimport { LicensePlate } from '@ds-mo/icons/svg/LicensePlate';\nimport { Lifebuoy } from '@ds-mo/icons/svg/Lifebuoy';\nimport { Link } from '@ds-mo/icons/svg/Link';\nimport { List } from '@ds-mo/icons/svg/List';\nimport { Loads } from '@ds-mo/icons/svg/Loads';\nimport { LocationPin } from '@ds-mo/icons/svg/LocationPin';\nimport { LocationPinArrows } from '@ds-mo/icons/svg/LocationPinArrows';\nimport { LocationPinDisabled } from '@ds-mo/icons/svg/LocationPinDisabled';\nimport { LocationPinDollar } from '@ds-mo/icons/svg/LocationPinDollar';\nimport { LockClosed } from '@ds-mo/icons/svg/LockClosed';\nimport { LockClosedFilled } from '@ds-mo/icons/svg/LockClosedFilled';\nimport { LockOpen } from '@ds-mo/icons/svg/LockOpen';\nimport { Logout } from '@ds-mo/icons/svg/Logout';\nimport { Logs } from '@ds-mo/icons/svg/Logs';\nimport { LogsMagnifyingGlass } from '@ds-mo/icons/svg/LogsMagnifyingGlass';\nimport { MagnifyingGlass } from '@ds-mo/icons/svg/MagnifyingGlass';\nimport { MagnifyingGlassGraph } from '@ds-mo/icons/svg/MagnifyingGlassGraph';\nimport { MagnifyingGlassZoomIn } from '@ds-mo/icons/svg/MagnifyingGlassZoomIn';\nimport { MagnifyingGlassZoomOut } from '@ds-mo/icons/svg/MagnifyingGlassZoomOut';\nimport { MapNavigation } from '@ds-mo/icons/svg/MapNavigation';\nimport { MapPage } from '@ds-mo/icons/svg/MapPage';\nimport { MapPin } from '@ds-mo/icons/svg/MapPin';\nimport { MarkRead } from '@ds-mo/icons/svg/MarkRead';\nimport { Match } from '@ds-mo/icons/svg/Match';\nimport { MessageBubble } from '@ds-mo/icons/svg/MessageBubble';\nimport { MessageBubbleStack } from '@ds-mo/icons/svg/MessageBubbleStack';\nimport { Messaging } from '@ds-mo/icons/svg/Messaging';\nimport { Mic } from '@ds-mo/icons/svg/Mic';\nimport { MicMute } from '@ds-mo/icons/svg/MicMute';\nimport { Minimize } from '@ds-mo/icons/svg/Minimize';\nimport { Monitor } from '@ds-mo/icons/svg/Monitor';\nimport { Notification } from '@ds-mo/icons/svg/Notification';\nimport { NumberTen } from '@ds-mo/icons/svg/NumberTen';\nimport { OctagonSubtract } from '@ds-mo/icons/svg/OctagonSubtract';\nimport { Odometer } from '@ds-mo/icons/svg/Odometer';\nimport { OverviewAI } from '@ds-mo/icons/svg/OverviewAI';\nimport { PanelCollapse } from '@ds-mo/icons/svg/PanelCollapse';\nimport { PanelExpand } from '@ds-mo/icons/svg/PanelExpand';\nimport { Paperclip } from '@ds-mo/icons/svg/Paperclip';\nimport { PaperplaneSend } from '@ds-mo/icons/svg/PaperplaneSend';\nimport { Paragraph } from '@ds-mo/icons/svg/Paragraph';\nimport { ParagraphCheck } from '@ds-mo/icons/svg/ParagraphCheck';\nimport { ParagraphPencil } from '@ds-mo/icons/svg/ParagraphPencil';\nimport { Pause } from '@ds-mo/icons/svg/Pause';\nimport { PauseFilled } from '@ds-mo/icons/svg/PauseFilled';\nimport { Pencil } from '@ds-mo/icons/svg/Pencil';\nimport { PencilSquiggle } from '@ds-mo/icons/svg/PencilSquiggle';\nimport { Person } from '@ds-mo/icons/svg/Person';\nimport { PersonAt } from '@ds-mo/icons/svg/PersonAt';\nimport { PersonConnect } from '@ds-mo/icons/svg/PersonConnect';\nimport { PersonFrame } from '@ds-mo/icons/svg/PersonFrame';\nimport { PersonGear } from '@ds-mo/icons/svg/PersonGear';\nimport { PersonGroup } from '@ds-mo/icons/svg/PersonGroup';\nimport { PersonGroupArrows } from '@ds-mo/icons/svg/PersonGroupArrows';\nimport { PersonManager } from '@ds-mo/icons/svg/PersonManager';\nimport { PersonShield } from '@ds-mo/icons/svg/PersonShield';\nimport { PersonStar } from '@ds-mo/icons/svg/PersonStar';\nimport { Phone } from '@ds-mo/icons/svg/Phone';\nimport { PhoneDisconnect } from '@ds-mo/icons/svg/PhoneDisconnect';\nimport { PicmanFilled } from '@ds-mo/icons/svg/PicmanFilled';\nimport { Pin } from '@ds-mo/icons/svg/Pin';\nimport { PipBottomLeft } from '@ds-mo/icons/svg/PipBottomLeft';\nimport { PipBottomRight } from '@ds-mo/icons/svg/PipBottomRight';\nimport { PipTopLeft } from '@ds-mo/icons/svg/PipTopLeft';\nimport { PipTopRight } from '@ds-mo/icons/svg/PipTopRight';\nimport { Play } from '@ds-mo/icons/svg/Play';\nimport { PlayFilled } from '@ds-mo/icons/svg/PlayFilled';\nimport { Plug } from '@ds-mo/icons/svg/Plug';\nimport { Plus } from '@ds-mo/icons/svg/Plus';\nimport { PlusCircle } from '@ds-mo/icons/svg/PlusCircle';\nimport { Preferences } from '@ds-mo/icons/svg/Preferences';\nimport { Printer } from '@ds-mo/icons/svg/Printer';\nimport { PunchCard } from '@ds-mo/icons/svg/PunchCard';\nimport { Puzzle } from '@ds-mo/icons/svg/Puzzle';\nimport { PuzzleJoined } from '@ds-mo/icons/svg/PuzzleJoined';\nimport { Redo } from '@ds-mo/icons/svg/Redo';\nimport { Refresh } from '@ds-mo/icons/svg/Refresh';\nimport { Restore } from '@ds-mo/icons/svg/Restore';\nimport { RewardRibbon } from '@ds-mo/icons/svg/RewardRibbon';\nimport { Rewind } from '@ds-mo/icons/svg/Rewind';\nimport { RewindSkip } from '@ds-mo/icons/svg/RewindSkip';\nimport { RewindSkipFilled } from '@ds-mo/icons/svg/RewindSkipFilled';\nimport { RightCollapse } from '@ds-mo/icons/svg/RightCollapse';\nimport { RightCollapseB } from '@ds-mo/icons/svg/RightCollapseB';\nimport { RightExpand } from '@ds-mo/icons/svg/RightExpand';\nimport { RightExpandB } from '@ds-mo/icons/svg/RightExpandB';\nimport { RightTurnSignal } from '@ds-mo/icons/svg/RightTurnSignal';\nimport { Rotate } from '@ds-mo/icons/svg/Rotate';\nimport { Satellite } from '@ds-mo/icons/svg/Satellite';\nimport { Scan } from '@ds-mo/icons/svg/Scan';\nimport { Scissor } from '@ds-mo/icons/svg/Scissor';\nimport { Scope } from '@ds-mo/icons/svg/Scope';\nimport { Seatbelt } from '@ds-mo/icons/svg/Seatbelt';\nimport { SeatbeltBuckle } from '@ds-mo/icons/svg/SeatbeltBuckle';\nimport { Shapes } from '@ds-mo/icons/svg/Shapes';\nimport { ShareCircles } from '@ds-mo/icons/svg/ShareCircles';\nimport { ShareCirclesFilled } from '@ds-mo/icons/svg/ShareCirclesFilled';\nimport { SharePaperplane } from '@ds-mo/icons/svg/SharePaperplane';\nimport { Shield } from '@ds-mo/icons/svg/Shield';\nimport { ShieldCheck } from '@ds-mo/icons/svg/ShieldCheck';\nimport { ShieldCheckmarkFilled } from '@ds-mo/icons/svg/ShieldCheckmarkFilled';\nimport { ShieldCircle } from '@ds-mo/icons/svg/ShieldCircle';\nimport { ShieldCircleFilled } from '@ds-mo/icons/svg/ShieldCircleFilled';\nimport { ShieldCross } from '@ds-mo/icons/svg/ShieldCross';\nimport { ShieldCrossFilled } from '@ds-mo/icons/svg/ShieldCrossFilled';\nimport { ShieldFilled } from '@ds-mo/icons/svg/ShieldFilled';\nimport { ShieldLock } from '@ds-mo/icons/svg/ShieldLock';\nimport { ShieldLockFilled } from '@ds-mo/icons/svg/ShieldLockFilled';\nimport { ShoppingBag } from '@ds-mo/icons/svg/ShoppingBag';\nimport { Snowflake } from '@ds-mo/icons/svg/Snowflake';\nimport { SpeakerPhone } from '@ds-mo/icons/svg/SpeakerPhone';\nimport { SpeedometerArrow } from '@ds-mo/icons/svg/SpeedometerArrow';\nimport { SpeedometerLeft } from '@ds-mo/icons/svg/SpeedometerLeft';\nimport { SpeedometerRight } from '@ds-mo/icons/svg/SpeedometerRight';\nimport { SpikeCirclePercentage } from '@ds-mo/icons/svg/SpikeCirclePercentage';\nimport { SpikeCirclePercentageFilled } from '@ds-mo/icons/svg/SpikeCirclePercentageFilled';\nimport { Square } from '@ds-mo/icons/svg/Square';\nimport { SquareArrowTopRight } from '@ds-mo/icons/svg/SquareArrowTopRight';\nimport { SquareCheck } from '@ds-mo/icons/svg/SquareCheck';\nimport { SquareCheckFilled } from '@ds-mo/icons/svg/SquareCheckFilled';\nimport { SquareDollar } from '@ds-mo/icons/svg/SquareDollar';\nimport { SquareDollarFilled } from '@ds-mo/icons/svg/SquareDollarFilled';\nimport { SquareDottedMinus } from '@ds-mo/icons/svg/SquareDottedMinus';\nimport { SquareFilled } from '@ds-mo/icons/svg/SquareFilled';\nimport { SquareGrid } from '@ds-mo/icons/svg/SquareGrid';\nimport { SquarePencil } from '@ds-mo/icons/svg/SquarePencil';\nimport { SquarePlus } from '@ds-mo/icons/svg/SquarePlus';\nimport { SquareSubtract } from '@ds-mo/icons/svg/SquareSubtract';\nimport { SquareSubtractFilled } from '@ds-mo/icons/svg/SquareSubtractFilled';\nimport { Star } from '@ds-mo/icons/svg/Star';\nimport { StarFilled } from '@ds-mo/icons/svg/StarFilled';\nimport { Stopwatch } from '@ds-mo/icons/svg/Stopwatch';\nimport { Street } from '@ds-mo/icons/svg/Street';\nimport { Subtract } from '@ds-mo/icons/svg/Subtract';\nimport { SubtractCircle } from '@ds-mo/icons/svg/SubtractCircle';\nimport { SubtractCircleFilled } from '@ds-mo/icons/svg/SubtractCircleFilled';\nimport { Table } from '@ds-mo/icons/svg/Table';\nimport { Tag } from '@ds-mo/icons/svg/Tag';\nimport { Target } from '@ds-mo/icons/svg/Target';\nimport { TargetDollar } from '@ds-mo/icons/svg/TargetDollar';\nimport { Text } from '@ds-mo/icons/svg/Text';\nimport { ThemeDark } from '@ds-mo/icons/svg/ThemeDark';\nimport { ThemeLight } from '@ds-mo/icons/svg/ThemeLight';\nimport { ThumbsDown } from '@ds-mo/icons/svg/ThumbsDown';\nimport { ThumbsDownFilled } from '@ds-mo/icons/svg/ThumbsDownFilled';\nimport { ThumbsUp } from '@ds-mo/icons/svg/ThumbsUp';\nimport { ThumbsUpFilled } from '@ds-mo/icons/svg/ThumbsUpFilled';\nimport { TirePressure } from '@ds-mo/icons/svg/TirePressure';\nimport { Toggle } from '@ds-mo/icons/svg/Toggle';\nimport { TrafficLight } from '@ds-mo/icons/svg/TrafficLight';\nimport { Trash } from '@ds-mo/icons/svg/Trash';\nimport { Trophy } from '@ds-mo/icons/svg/Trophy';\nimport { TurnSignal } from '@ds-mo/icons/svg/TurnSignal';\nimport { TurnSignalFilled } from '@ds-mo/icons/svg/TurnSignalFilled';\nimport { TwoDevices } from '@ds-mo/icons/svg/TwoDevices';\nimport { Undo } from '@ds-mo/icons/svg/Undo';\nimport { Upgrade } from '@ds-mo/icons/svg/Upgrade';\nimport { Upload } from '@ds-mo/icons/svg/Upload';\nimport { VehicleTrailer } from '@ds-mo/icons/svg/VehicleTrailer';\nimport { VehicleTruck } from '@ds-mo/icons/svg/VehicleTruck';\nimport { VehicleTruckMagnifyingGlass } from '@ds-mo/icons/svg/VehicleTruckMagnifyingGlass';\nimport { Video } from '@ds-mo/icons/svg/Video';\nimport { ViewMenu } from '@ds-mo/icons/svg/ViewMenu';\nimport { Volume } from '@ds-mo/icons/svg/Volume';\nimport { VolumeFilled } from '@ds-mo/icons/svg/VolumeFilled';\nimport { VolumeMute } from '@ds-mo/icons/svg/VolumeMute';\nimport { VolumeMuteFilled } from '@ds-mo/icons/svg/VolumeMuteFilled';\nimport { WandSparkle } from '@ds-mo/icons/svg/WandSparkle';\nimport { Waveform } from '@ds-mo/icons/svg/Waveform';\nimport { Webhooks } from '@ds-mo/icons/svg/Webhooks';\nimport { Whistle } from '@ds-mo/icons/svg/Whistle';\nimport { WiFiHorizontal } from '@ds-mo/icons/svg/WiFiHorizontal';\nimport { WiFiTower } from '@ds-mo/icons/svg/WiFiTower';\nimport { WifiVertical } from '@ds-mo/icons/svg/WifiVertical';\nimport { WifiVerticalFilled } from '@ds-mo/icons/svg/WifiVerticalFilled';\nimport { WifiVerticalFilledDisabled } from '@ds-mo/icons/svg/WifiVerticalFilledDisabled';\nimport { WorkflowA } from '@ds-mo/icons/svg/WorkflowA';\nimport { WorkflowB } from '@ds-mo/icons/svg/WorkflowB';\nimport { Wrench } from '@ds-mo/icons/svg/Wrench';\nimport { ZoomBackOut } from '@ds-mo/icons/svg/ZoomBackOut';\n\nexport const systemIconCatalog: Record<string, string> = {\n  AI,\n  AIChip,\n  AINew,\n  AISparkle,\n  AUX,\n  AUXFilled,\n  AndroidFilled,\n  ArrowDown,\n  ArrowLeft,\n  ArrowPath,\n  ArrowRight,\n  ArrowUp,\n  ArrowsDiagonal,\n  ArrowsDiff,\n  ArrowsDiffDisabled,\n  ArrowsVertical,\n  AtSign,\n  Avatar,\n  BackslashBrackets,\n  BatteryCharging,\n  BatteryEmpty,\n  BatteryFull,\n  BatteryHalf,\n  BatteryLow,\n  Beaker,\n  Bell,\n  BellCircle,\n  BellExclamation,\n  BellFilled,\n  BellRinging,\n  BellWifi,\n  BlackWhite,\n  BlankUI,\n  Bluetooth,\n  Bolt,\n  BoltFilled,\n  Bookmark,\n  Box,\n  Braces,\n  Bug,\n  BuildingFacility,\n  BuildingHome,\n  BuildingOffice,\n  BuildingPublic,\n  BuildingShop,\n  Bulb,\n  Calculator,\n  Calendar,\n  CalendarClock,\n  CameraA,\n  CameraB,\n  Card,\n  CardPerson,\n  Cart,\n  Chart,\n  Check,\n  CheckCircle,\n  CheckCircleFilled,\n  CheckDouble,\n  ChevronDown,\n  ChevronLeft,\n  ChevronLeftDouble,\n  ChevronRight,\n  ChevronRightDouble,\n  ChevronUp,\n  ChevronUpDown,\n  Circle,\n  CircleArrow,\n  CircleArrowsDiff,\n  CircleArrowsDiffDisabled,\n  CircleConcentricFilled,\n  CircleConcentricThree,\n  CircleConcentricTwo,\n  CircleExclamation,\n  CircleExclamationFilled,\n  CircleFastForward,\n  CircleFilled,\n  CircleGrid,\n  CirclePlay,\n  CircleQuestion,\n  CircleSlash,\n  Clipboard,\n  ClipboardCheck,\n  Clock,\n  ClockDefer,\n  ClockFilled,\n  ClockSixteenHour,\n  Cloud,\n  CloudEllipses,\n  CloudLightning,\n  CloudRain,\n  CloudRainSun,\n  CloudSun,\n  CloudWind,\n  Cluster,\n  Coin,\n  CoinStack,\n  CoinStackGeneral,\n  Compass,\n  Copy,\n  Crop,\n  Cross,\n  CrossCircle,\n  CrossCircleFilled,\n  Cube,\n  Cup,\n  CursorPointer,\n  CursorPointerMinus,\n  CursorPointerPlus,\n  Dashboard,\n  DeviceAIDashcamPlus,\n  DeviceAssetTracker,\n  DeviceDVR,\n  DeviceDashcam,\n  DeviceDashcamLiveStream,\n  DeviceMobile,\n  DeviceOmnicam,\n  DeviceSensor,\n  DeviceTablet,\n  DeviceVehicleGateway,\n  Devices,\n  Document,\n  DocumentArrow,\n  DocumentChart,\n  DocumentDollar,\n  DocumentGear,\n  DocumentInverted,\n  DocumentPencil,\n  DocumentPlus,\n  DocumentQuestion,\n  DocumentReceipt,\n  DocumentStacked,\n  DoorSensor,\n  Dot,\n  DotFilled,\n  DotPath,\n  Download,\n  Drag,\n  Ellipses,\n  Email,\n  Engine,\n  Enter,\n  EntityAsset,\n  EntityAssetFilled,\n  EntityDriver,\n  EntityDriverFilled,\n  EntityTravelGroup,\n  EntityTravelGroupFilled,\n  EntityVehicle,\n  EntityVehicleCharging,\n  EntityVehicleChargingFilled,\n  EntityVehicleFilled,\n  EntityVehicleImmobilized,\n  EntityVehicleImmobilizedFilled,\n  ErrorTriangle,\n  ErrorTriangleFilled,\n  ErrorTriangleSimpleFilled,\n  Export,\n  ExternalLink,\n  Eye,\n  EyeDisabled,\n  EyeLock,\n  FastForward,\n  FastForwardSkip,\n  Filters,\n  FitToScreen,\n  Flag,\n  FlagFilled,\n  FloppyDisk,\n  Folder,\n  FolderFilled,\n  FuelPump,\n  FullScreen,\n  FullScreenExit,\n  Gauge,\n  GaugeTemperature,\n  Gear,\n  GearCheck,\n  Geofence,\n  GeofenceCircle,\n  GeofenceDiamond,\n  GeofenceSquare,\n  GlobeNetwork,\n  GlobeWorldMap,\n  Graph,\n  GraphArrow,\n  GraphBars,\n  GraphDecreasing,\n  GraphIncreasing,\n  GroupBy,\n  Hamburger,\n  HandOpen,\n  Headset,\n  History,\n  HourGlass,\n  Image,\n  Import,\n  ImportClock,\n  Inbox,\n  IosFilled,\n  Jerrycan,\n  KeyA,\n  KeyB,\n  KeyCmd,\n  KeyShift,\n  LED,\n  Layers,\n  Leaf,\n  LeftCollapse,\n  LeftCollapseB,\n  LeftExpand,\n  LeftExpandB,\n  LeftTurnSignal,\n  LetterB,\n  LetterC,\n  LetterI,\n  License,\n  LicensePlate,\n  Lifebuoy,\n  Link,\n  List,\n  Loads,\n  LocationPin,\n  LocationPinArrows,\n  LocationPinDisabled,\n  LocationPinDollar,\n  LockClosed,\n  LockClosedFilled,\n  LockOpen,\n  Logout,\n  Logs,\n  LogsMagnifyingGlass,\n  MagnifyingGlass,\n  MagnifyingGlassGraph,\n  MagnifyingGlassZoomIn,\n  MagnifyingGlassZoomOut,\n  MapNavigation,\n  MapPage,\n  MapPin,\n  MarkRead,\n  Match,\n  MessageBubble,\n  MessageBubbleStack,\n  Messaging,\n  Mic,\n  MicMute,\n  Minimize,\n  Monitor,\n  Notification,\n  NumberTen,\n  OctagonSubtract,\n  Odometer,\n  OverviewAI,\n  PanelCollapse,\n  PanelExpand,\n  Paperclip,\n  PaperplaneSend,\n  Paragraph,\n  ParagraphCheck,\n  ParagraphPencil,\n  Pause,\n  PauseFilled,\n  Pencil,\n  PencilSquiggle,\n  Person,\n  PersonAt,\n  PersonConnect,\n  PersonFrame,\n  PersonGear,\n  PersonGroup,\n  PersonGroupArrows,\n  PersonManager,\n  PersonShield,\n  PersonStar,\n  Phone,\n  PhoneDisconnect,\n  PicmanFilled,\n  Pin,\n  PipBottomLeft,\n  PipBottomRight,\n  PipTopLeft,\n  PipTopRight,\n  Play,\n  PlayFilled,\n  Plug,\n  Plus,\n  PlusCircle,\n  Preferences,\n  Printer,\n  PunchCard,\n  Puzzle,\n  PuzzleJoined,\n  Redo,\n  Refresh,\n  Restore,\n  RewardRibbon,\n  Rewind,\n  RewindSkip,\n  RewindSkipFilled,\n  RightCollapse,\n  RightCollapseB,\n  RightExpand,\n  RightExpandB,\n  RightTurnSignal,\n  Rotate,\n  Satellite,\n  Scan,\n  Scissor,\n  Scope,\n  Seatbelt,\n  SeatbeltBuckle,\n  Shapes,\n  ShareCircles,\n  ShareCirclesFilled,\n  SharePaperplane,\n  Shield,\n  ShieldCheck,\n  ShieldCheckmarkFilled,\n  ShieldCircle,\n  ShieldCircleFilled,\n  ShieldCross,\n  ShieldCrossFilled,\n  ShieldFilled,\n  ShieldLock,\n  ShieldLockFilled,\n  ShoppingBag,\n  Snowflake,\n  SpeakerPhone,\n  SpeedometerArrow,\n  SpeedometerLeft,\n  SpeedometerRight,\n  SpikeCirclePercentage,\n  SpikeCirclePercentageFilled,\n  Square,\n  SquareArrowTopRight,\n  SquareCheck,\n  SquareCheckFilled,\n  SquareDollar,\n  SquareDollarFilled,\n  SquareDottedMinus,\n  SquareFilled,\n  SquareGrid,\n  SquarePencil,\n  SquarePlus,\n  SquareSubtract,\n  SquareSubtractFilled,\n  Star,\n  StarFilled,\n  Stopwatch,\n  Street,\n  Subtract,\n  SubtractCircle,\n  SubtractCircleFilled,\n  Table,\n  Tag,\n  Target,\n  TargetDollar,\n  Text,\n  ThemeDark,\n  ThemeLight,\n  ThumbsDown,\n  ThumbsDownFilled,\n  ThumbsUp,\n  ThumbsUpFilled,\n  TirePressure,\n  Toggle,\n  TrafficLight,\n  Trash,\n  Trophy,\n  TurnSignal,\n  TurnSignalFilled,\n  TwoDevices,\n  Undo,\n  Upgrade,\n  Upload,\n  VehicleTrailer,\n  VehicleTruck,\n  VehicleTruckMagnifyingGlass,\n  Video,\n  ViewMenu,\n  Volume,\n  VolumeFilled,\n  VolumeMute,\n  VolumeMuteFilled,\n  WandSparkle,\n  Waveform,\n  Webhooks,\n  Whistle,\n  WiFiHorizontal,\n  WiFiTower,\n  WifiVertical,\n  WifiVerticalFilled,\n  WifiVerticalFilledDisabled,\n  WorkflowA,\n  WorkflowB,\n  Wrench,\n  ZoomBackOut,\n};\n","/* ── Base icon ───────────────────────────────────────────────────────────── */\n\n.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  line-height: 0;\n  color: var(--color-foreground-primary);\n  /* Explicit size so the SVG (width/height: 100% via JS) has a defined container */\n  width: var(--_icon-sz, var(--dimension-iconography-md));\n  height: var(--_icon-sz, var(--dimension-iconography-md));\n}\n\n.icon__svg {\n  display: contents;\n  line-height: 0;\n}\n\n/* SVG width/height are set via inline style in updateSvg() because Stencil's\n   scoped CSS cannot reach innerHTML-injected elements (they lack the sc-* class). */\n\n/* ── Sizes ───────────────────────────────────────────────────────────────── */\n\n.icon--size-xs  { --_icon-sz: var(--dimension-iconography-xs);  }\n.icon--size-sm  { --_icon-sz: var(--dimension-iconography-sm);  }\n.icon--size-md  { --_icon-sz: var(--dimension-iconography-md);  }\n.icon--size-lg  { --_icon-sz: var(--dimension-iconography-lg);  }\n.icon--size-xl  { --_icon-sz: var(--dimension-iconography-xl);  }\n.icon--size-2xl { --_icon-sz: var(--dimension-iconography-2xl); }\n.icon--size-3xl { --_icon-sz: var(--dimension-iconography-3xl); }\n\n/* ── Colors — hierarchy ──────────────────────────────────────────────────── */\n\n.icon--color-primary    { color: var(--color-foreground-primary);    }\n.icon--color-secondary  { color: var(--color-foreground-secondary);  }\n.icon--color-tertiary   { color: var(--color-foreground-tertiary);   }\n.icon--color-quaternary { color: var(--color-foreground-quaternary); }\n.icon--color-inherit    { color: inherit; }\n\n/* ── Colors — intent (bold contrast default) ─────────────────────────────── */\n\n.icon--color-brand    { color: var(--color-foreground-bold-brand);    }\n.icon--color-negative { color: var(--color-foreground-bold-negative); }\n.icon--color-positive { color: var(--color-foreground-bold-positive); }\n.icon--color-warning  { color: var(--color-foreground-bold-warning);  }\n.icon--color-caution  { color: var(--color-foreground-bold-caution);  }\n.icon--color-ai       { color: var(--color-foreground-bold-ai);       }\n.icon--color-guide    { color: var(--color-foreground-bold-guide);    }\n.icon--color-neutral  { color: var(--color-foreground-bold-neutral);  }\n\n/* ── Colors — intent faint ───────────────────────────────────────────────── */\n\n.icon--color-faint-brand    { color: var(--color-foreground-faint-brand);    }\n.icon--color-faint-negative { color: var(--color-foreground-faint-negative); }\n.icon--color-faint-positive { color: var(--color-foreground-faint-positive); }\n.icon--color-faint-warning  { color: var(--color-foreground-faint-warning);  }\n.icon--color-faint-caution  { color: var(--color-foreground-faint-caution);  }\n.icon--color-faint-ai       { color: var(--color-foreground-faint-ai);       }\n.icon--color-faint-neutral  { color: var(--color-foreground-faint-neutral);  }\n\n/* ── Colors — intent medium ─────────────────────────────────────────────── */\n\n.icon--color-medium-brand    { color: var(--color-foreground-medium-brand);    }\n.icon--color-medium-negative { color: var(--color-foreground-medium-negative); }\n.icon--color-medium-positive { color: var(--color-foreground-medium-positive); }\n.icon--color-medium-warning  { color: var(--color-foreground-medium-warning);  }\n.icon--color-medium-caution  { color: var(--color-foreground-medium-caution);  }\n.icon--color-medium-ai       { color: var(--color-foreground-medium-ai);       }\n.icon--color-medium-neutral  { color: var(--color-foreground-medium-neutral);  }\n\n/* ── Colors — intent bold (explicit) ────────────────────────────────────── */\n\n.icon--color-bold-brand    { color: var(--color-foreground-bold-brand);    }\n.icon--color-bold-negative { color: var(--color-foreground-bold-negative); }\n.icon--color-bold-positive { color: var(--color-foreground-bold-positive); }\n.icon--color-bold-warning  { color: var(--color-foreground-bold-warning);  }\n.icon--color-bold-caution  { color: var(--color-foreground-bold-caution);  }\n.icon--color-bold-ai       { color: var(--color-foreground-bold-ai);       }\n.icon--color-bold-neutral  { color: var(--color-foreground-bold-neutral);  }\n\n/* ── Colors — intent strong ──────────────────────────────────────────────── */\n\n.icon--color-strong-brand    { color: var(--color-foreground-strong-brand);    }\n.icon--color-strong-negative { color: var(--color-foreground-strong-negative); }\n.icon--color-strong-positive { color: var(--color-foreground-strong-positive); }\n.icon--color-strong-warning  { color: var(--color-foreground-strong-warning);  }\n.icon--color-strong-caution  { color: var(--color-foreground-strong-caution);  }\n.icon--color-strong-ai       { color: var(--color-foreground-strong-ai);       }\n.icon--color-strong-neutral  { color: var(--color-foreground-strong-neutral);  }\n\n/* ── Colors — contextual ────────────────────────────────────────────────── */\n\n.icon--color-on-strong { color: var(--color-foreground-on-strong-background-primary); }\n.icon--color-on-bold   { color: var(--color-foreground-on-bold-background-primary);   }\n","import { Component, Prop, Element, Watch, h, Host } from '@stencil/core';\nimport { flagIconCatalog } from './flag-icon-catalog';\nimport { systemIconCatalog } from './system-icon-catalog';\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\n\nexport type IconColorToken =\n  // Hierarchy\n  | 'primary' | 'secondary' | 'tertiary' | 'quaternary'\n  // Intent — bold contrast (default)\n  | 'brand' | 'negative' | 'positive' | 'warning' | 'caution' | 'ai' | 'guide' | 'neutral'\n  // Intent — faint\n  | 'faint-brand' | 'faint-negative' | 'faint-positive' | 'faint-warning'\n  | 'faint-caution' | 'faint-ai' | 'faint-neutral'\n  // Intent — medium\n  | 'medium-brand' | 'medium-negative' | 'medium-positive' | 'medium-warning'\n  | 'medium-caution' | 'medium-ai' | 'medium-neutral'\n  // Intent — bold (explicit)\n  | 'bold-brand' | 'bold-negative' | 'bold-positive' | 'bold-warning'\n  | 'bold-caution' | 'bold-ai' | 'bold-neutral'\n  // Intent — strong\n  | 'strong-brand' | 'strong-negative' | 'strong-positive' | 'strong-warning'\n  | 'strong-caution' | 'strong-ai' | 'strong-neutral'\n  // Contextual\n  | 'on-strong' | 'on-bold'\n  // Pass-through\n  | 'inherit';\n\nexport type IconColor = IconColorToken | `var(--${string})`;\n\n@Component({\n  tag: 'ds-icon',\n  styleUrl: 'Icon.css',\n  scoped: true,\n})\nexport class Icon {\n  @Element() el!: HTMLElement;\n\n  /** Name of the system icon (e.g. `\"Gear\"`, `\"ArrowRight\"`) or flag (e.g. `\"US\"`) */\n  @Prop() name: string = '';\n  /** Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px. */\n  @Prop() size: IconSize = 'md';\n  /** Semantic foreground color token, or a raw CSS var reference. */\n  @Prop() color: IconColor | undefined;\n  /** Accessible label. Sets `role=\"img\"` and `aria-label`. Omit for decorative icons. */\n  @Prop() label: string | undefined;\n  /** Set `true` to look up from the flag icon set instead of the system icon set. */\n  @Prop() flag: boolean = false;\n\n  private get svgString(): string {\n    const source = this.flag ? flagIconCatalog : systemIconCatalog;\n    return source[this.name] ?? '';\n  }\n\n  private updateSvg() {\n    const container = this.el.querySelector<HTMLElement>('.icon__svg');\n    if (!container) return;\n    container.innerHTML = this.svgString;\n    // Stencil's scoped CSS cannot reach innerHTML-injected elements (no sc-* class).\n    // Apply width/height as inline styles so sizing works regardless of scope class.\n    const svg = container.querySelector<SVGElement>('svg');\n    if (svg) {\n      svg.removeAttribute('width');\n      svg.removeAttribute('height');\n      // Prevent SVG from being natively focusable (Firefox/IE default) while\n      // sitting inside an aria-hidden parent — fixes aria-hidden-focus violation.\n      svg.setAttribute('focusable', 'false');\n      svg.setAttribute('aria-hidden', 'true');\n      svg.style.display = 'block';\n      svg.style.flexShrink = '0';\n      svg.style.width = '100%';\n      svg.style.height = '100%';\n    }\n  }\n\n  @Watch('name')\n  @Watch('flag')\n  onIconChange() {\n    this.updateSvg();\n  }\n\n  componentDidRender() {\n    this.updateSvg();\n  }\n\n  render() {\n    const isCustomColor = typeof this.color === 'string' && this.color.startsWith('var(--');\n\n    const cls: Record<string, boolean> = {\n      icon: true,\n      [`icon--size-${this.size}`]: true,\n      [`icon--color-${this.color}`]: !!this.color && !isCustomColor && this.color !== 'inherit',\n      'icon--color-inherit': this.color === 'inherit',\n    };\n\n    const style = isCustomColor ? { color: this.color as string } : undefined;\n\n    return (\n      <Host style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }}>\n        <span\n          class={cls}\n          style={style}\n          role={this.label ? 'img' : 'presentation'}\n          aria-label={this.label}\n          aria-hidden={!this.label ? 'true' : undefined}\n        >\n          <span class=\"icon__svg\" />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oxyBAkCO,MAAMA,GAA0C,CACrDC,cACAC,cACAC,eACAC,aACAC,cACAC,aACAC,oBACAC,cACAC,SACAC,cACAC,cACAC,aACAC,cACAC,aACAC,cACAC,cACAC,YACAC,aACAC,gBACAC,iBACAC,YACAC,aACAC,kBACAC,aACAC,eACAC,cACAC,eACAC,eACAC,YACAC,aACAC,oBACAC,oBC6UK,MAAMC,GAA4C,CACvDC,KACAC,SACAC,QACAC,YACAC,MACAC,YACAC,gBACAC,YACAC,YACAC,YACAC,aACAC,UACAC,iBACAC,aACAC,qBACAC,iBACAC,SACAC,UACAC,qBACAC,mBACAC,gBACAC,eACAC,eACAC,cACAC,UACAC,QACAC,cACAC,mBACAC,cACAC,eACAC,YACAC,cACAC,WACAC,aACAC,QACAC,cACAC,YACAC,OACAC,UACAC,OACAC,oBACAC,gBACAC,kBACAC,kBACAC,gBACAC,QACAC,cACAC,YACAC,iBACAC,WACAC,WACAC,QACAC,cACAC,QACAC,SACAC,SACAC,eACAC,qBACAC,eACAC,eACAC,eACAC,qBACAC,gBACAC,sBACAC,aACAC,iBACAC,UACAC,eACAC,oBACAC,4BACAC,0BACAC,yBACAC,uBACAC,qBACAC,2BACAC,qBACAC,gBACAC,cACAC,cACAC,kBACAC,eACAC,aACAC,kBACAC,SACAC,cACAC,eACAC,oBACAC,SACAC,iBACAC,kBACAC,aACAC,gBACAC,YACAC,aACAC,WACAC,QACAC,aACAC,oBACAC,WACAC,QACAC,QACAC,SACAC,eACAC,qBACAC,QACAC,OACAC,iBACAC,sBACAC,qBACAC,aACAC,uBACAC,sBACAC,aACAC,iBACAC,2BACAC,gBACAC,iBACAC,gBACAC,gBACAC,wBACAC,WACAC,YACAC,iBACAC,iBACAC,kBACAC,gBACAC,oBACAC,kBACAC,gBACAC,oBACAC,mBACAC,mBACAC,cACAC,OACAC,aACAC,WACAC,YACAC,QACAC,YACAC,SACAC,UACAC,SACAC,eACAC,qBACAC,gBACAC,sBACAC,qBACAC,2BACAC,iBACAC,yBACAC,+BACAC,uBACAC,4BACAC,kCACAC,iBACAC,uBACAC,6BACAC,UACAC,gBACAC,OACAC,eACAC,WACAC,eACAC,mBACAC,WACAC,eACAC,QACAC,cACAC,cACAC,UACAC,gBACAC,YACAC,cACAC,kBACAC,SACAC,oBACAC,QACAC,aACAC,YACAC,kBACAC,mBACAC,kBACAC,gBACAC,iBACAC,SACAC,cACAC,aACAC,mBACAC,mBACAC,WACAC,aACAC,YACAC,WACAC,WACAC,aACAC,SACAC,UACAC,eACAC,SACAC,aACAC,YACAC,QACAC,QACAC,UACAC,YACAC,OACAC,UACAC,QACAC,gBACAC,iBACAC,cACAC,eACAC,kBACAC,WACAC,WACAC,WACAC,WACAC,gBACAC,YACAC,QACAC,QACAC,SACAC,eACAC,qBACAC,uBACAC,qBACAC,cACAC,oBACAC,YACAC,UACAC,QACAC,uBACAC,mBACAC,wBACAC,yBACAC,0BACAC,iBACAC,WACAC,UACAC,YACAC,SACAC,iBACAC,sBACAC,aACAC,OACAC,WACAC,YACAC,WACAC,gBACAC,aACAC,mBACAC,YACAC,cACAC,iBACAC,eACAC,aACAC,kBACAC,aACAC,kBACAC,mBACAC,SACAC,eACAC,UACAC,kBACAC,UACAC,YACAC,iBACAC,eACAC,cACAC,eACAC,qBACAC,iBACAC,gBACAC,cACAC,SACAC,mBACAC,gBACAC,OACAC,iBACAC,kBACAC,cACAC,eACAC,QACAC,cACAC,QACAC,QACAC,cACAC,eACAC,WACAC,aACAC,UACAC,gBACAC,QACAC,WACAC,WACAC,gBACAC,UACAC,cACAC,oBACAC,iBACAC,kBACAC,eACAC,gBACAC,mBACAC,UACAC,aACAC,QACAC,WACAC,SACAC,YACAC,kBACAC,UACAC,gBACAC,sBACAC,mBACAC,UACAC,eACAC,yBACAC,gBACAC,sBACAC,eACAC,qBACAC,gBACAC,cACAC,oBACAC,eACAC,aACAC,gBACAC,oBACAC,mBACAC,oBACAC,yBACAC,+BACAC,UACAC,uBACAC,eACAC,qBACAC,gBACAC,sBACAC,qBACAC,gBACAC,cACAC,gBACAC,cACAC,kBACAC,wBACAC,QACAC,cACAC,aACAC,UACAC,YACAC,kBACAC,wBACAC,SACAC,OACAC,UACAC,gBACAC,QACAC,aACAC,cACAC,cACAC,oBACAC,YACAC,kBACAC,gBACAC,UACAC,gBACAC,SACAC,UACAC,cACAC,oBACAC,cACAC,QACAC,WACAC,UACAC,kBACAC,gBACAC,+BACAC,SACAC,YACAC,UACAC,gBACAC,cACAC,oBACAC,eACAC,YACAC,YACAC,WACAC,kBACAC,aACAC,gBACAC,sBACAC,8BACAC,aACAC,aACAC,UACAC,gBC5xBF,MAAMC,GAAU,IAAM,+kI,MCmCTC,GAAIC,EAAA,MAAAD,UAAAE,EALjB,WAAAC,CAAAC,G,4CASUC,KAAAC,KAAe,GAEfD,KAAAE,KAAiB,KAMjBF,KAAAG,KAAgB,KAgEzB,CA9DC,aAAYC,GACV,MAAMC,EAASL,KAAKG,KAAOxb,GAAkBiC,GAC7C,OAAOyZ,EAAOL,KAAKC,OAAS,E,CAGtB,SAAAK,GACN,MAAMC,EAAYP,KAAKQ,GAAGC,cAA2B,cACrD,IAAKF,EAAW,OAChBA,EAAUG,UAAYV,KAAKI,UAG3B,MAAMO,EAAMJ,EAAUE,cAA0B,OAChD,GAAIE,EAAK,CACPA,EAAIC,gBAAgB,SACpBD,EAAIC,gBAAgB,UAGpBD,EAAIE,aAAa,YAAa,SAC9BF,EAAIE,aAAa,cAAe,QAChCF,EAAIG,MAAMC,QAAU,QACpBJ,EAAIG,MAAME,WAAa,IACvBL,EAAIG,MAAMG,MAAQ,OAClBN,EAAIG,MAAMI,OAAS,M,EAMvB,YAAAC,GACEnB,KAAKM,W,CAGP,kBAAAc,GACEpB,KAAKM,W,CAGP,MAAAe,GACE,MAAMC,SAAuBtB,KAAKuB,QAAU,UAAYvB,KAAKuB,MAAMC,WAAW,UAE9E,MAAMC,EAA+B,CACnCC,KAAM,KACN,CAAC,cAAc1B,KAAKE,QAAS,KAC7B,CAAC,eAAeF,KAAKuB,WAAYvB,KAAKuB,QAAUD,GAAiBtB,KAAKuB,QAAU,UAChF,sBAAuBvB,KAAKuB,QAAU,WAGxC,MAAMT,EAAQQ,EAAgB,CAAEC,MAAOvB,KAAKuB,OAAoBI,UAEhE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAAChB,MAAO,CAAEC,QAAS,cAAegB,WAAY,SAAUC,eAAgB,WAC3EJ,EAAA,QAAAE,IAAA,2CACEG,MAAOR,EACPX,MAAOA,EACPoB,KAAMlC,KAAKmC,MAAQ,MAAQ,eAAc,aAC7BnC,KAAKmC,MAAK,eACRnC,KAAKmC,MAAQ,OAASR,WAEpCC,EAAA,QAAAE,IAAA,2CAAMG,MAAM,e","ignoreList":[]}

package/dist/types/.stencil/Icon/flag-icon-catalog.d.ts

@@ -0,0 +1,2 @@
+export declare const flagIconCatalog: Record<string, string>;
+//# sourceMappingURL=flag-icon-catalog.d.ts.map

package/dist/types/.stencil/Icon/system-icon-catalog.d.ts

@@ -0,0 +1,2 @@
+export declare const systemIconCatalog: Record<string, string>;
+//# sourceMappingURL=system-icon-catalog.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "0.14.3",
+  "version": "1.0.1",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -39,12 +39,15 @@
     "src/angular"
   ],
   "scripts": {
-    "build": "stencil build && node scripts/patch-index-types.mjs",
-    "test": "node --import tsx/esm --test tests/panel-nav-utils.test.ts tests/bar-nav-utils.test.ts tests/bar-nav-tabs-menu-utils.test.ts tests/bar-nav-dom-utils.test.ts",
+    "prebuild": "node scripts/generate-icon-catalog.mjs",
+    "pretypecheck": "node scripts/generate-icon-catalog.mjs",
+    "pretest": "node scripts/generate-icon-catalog.mjs",
+    "build": "stencil build && node scripts/patch-index-types.mjs && node scripts/verify-icons-externalized.mjs",
+    "test": "node --import tsx/esm --test tests/panel-nav-utils.test.ts tests/bar-nav-utils.test.ts tests/bar-nav-tabs-menu-utils.test.ts tests/bar-nav-dom-utils.test.ts tests/icon-catalog.test.ts",
     "test:e2e": "npm run build && playwright test",
     "test:e2e:install": "playwright install chromium",
     "build:docs": "stencil build --docs",
-    "dev": "stencil build --dev --watch",
+    "dev": "node scripts/generate-icon-catalog.mjs && stencil build --dev --watch",
     "storybook": "stencil build && storybook dev -p 6006",
     "storybook:build": "storybook build",
     "clean": "rm -rf dist",
@@ -54,19 +57,15 @@
     "mcp": "node scripts/mcp-server.mjs"
   },
   "peerDependencies": {
+    "@ds-mo/icons": "^5.0.1",
     "@ds-mo/tokens": ">=2.9.0"
   },
-  "peerDependenciesMeta": {
-    "@ds-mo/icons": {
-      "optional": true
-    }
-  },
   "devDependencies": {
-    "@ds-mo/icons": "^4.4.0",
+    "@ds-mo/icons": "^5.0.1",
     "@ds-mo/tokens": "^2.9.0",
-    "@playwright/test": "^1.55.0",
     "@eslint/js": "^10.0.1",
     "@modelcontextprotocol/sdk": "^1.29.0",
+    "@playwright/test": "^1.55.0",
     "@stencil/angular-output-target": "^1.3.1",
     "@stencil/core": "^4.43.4",
     "@storybook/addon-docs": "^10.4.2",